.contact{padding: 6.7708vw 0;}
.contact .info{line-height: 1.75;color: var(--c6);}
.contact .cell{margin-bottom: 1.5625vw;display: flex;justify-content: space-between;position: relative;}
.contact .cell-long{display: block;}
.contact .item{width: 29.1667vw;}
.contact .name{line-height: 1;color:var(--c6);margin-bottom: 0.8333vw;}
.contact .name span{color: red;}
.contact .text{display: block;width: 100%;height: 2.6042vw;border-radius: 0.5208vw;background: #f8f8f8;box-sizing: border-box;padding: 0 1.0417vw;color: var(--c6);}
.contact .vcode-text{width: 21.1458vw;}
.contact img{display: block;height: 2.6042vw;border-radius: 0.5208vw;margin-left: 0.5208vw;}
.contact .tips{color: var(--c6);line-height: 1;margin-left: 0.5208vw;}
.contact textarea{display: block;box-sizing: border-box;width: 100%;height: 6.1458vw;padding: 0.9375vw 1.0417vw;background: #f8f8f8;border-radius: 0.5208vw;line-height: 1.2;color: var(--c6);}
.contact .check-list{display: flex;}
.contact .check-list .step{position: relative;display: flex;align-items: center;margin-right: 1.0417vw;cursor: pointer;color: var(--c6);}
.contact .check-list .step::before{content: '';width: 1.8229vw;height: 1.8229vw;background: #f8f8f8;border-radius: 0.5208vw;margin-right: 0.625vw;}
.contact .check-list .active::before{background: url(../images/gou.png) no-repeat center center var(--ch);background-size: 1.0417vw 1.0417vw;}
.contact .select{position: relative;}
.contact .select p{padding: 0 1.0417vw;display: flex;align-items: center;height: 2.6042vw;border-radius: 0.5208vw;background: #f8f8f8;color: var(--c6);cursor: pointer;}
.contact .select p::after{content: '';width: 1.0417vw;height: 1.0417vw;background: url(../images/select_arrow.png) no-repeat;background-size: cover;right: 1.0417vw;top: 50%;margin-top: -0.5208vw;position: absolute;}
.contact .select ul{position: absolute;width: 100%;max-height: 13.0208vw;overflow-y: auto;background: #f8f8f8;border-radius: 0.5208vw;display: none;}
.contact .select li{padding: 0 1.0417vw;line-height: 2.6042vw;cursor: pointer;color: var(--c6);}
.contact .select li:hover{color: var(--ch);}
.contact .cell-bot{padding-top: 2.6042vw;}

/*移动端适配*/
@media screen and (max-width: 750px) {
    .contact{padding: 1.2rem 0;}
    .contact .cell{display: block;margin-bottom: .3rem;}
    .contact .item{width: 100%;margin-bottom: .3rem;}
    .contact .name{margin-bottom: .2rem;}
    .contact .text{height: .8rem;border-radius: .1rem;padding: 0 .3rem;}
    .contact .select p{padding: 0 .3rem;height: .8rem;border-radius: .1rem;}
    .contact .select p::after{width: .4rem;height: .4rem;right: .3rem;margin-top: -.2rem;}
    .contact .select ul{top: .8rem;max-height: 4rem;border-radius: .1rem;}
    .contact .select li{padding: 0 .3rem;line-height: .8rem;}
    .contact textarea{height: 1.8rem;border-radius: .1rem;padding: .2rem .3rem;}
    .contact .vcode-text{width: 2.4rem;margin-right: .1rem;}
    .contact img{height: .8rem;border-radius: .1rem;width: 2.2rem;}
    .contact .tips{margin-left: .1rem;}
    .contact .cell-bot{padding-top: .4rem;}
    .contact .check-list{flex-wrap: wrap;}
    .contact .check-list .step{margin-right: .3rem;margin-bottom: .3rem;}
    .contact .check-list .step::before{width: .48rem;height: .48rem;border-radius: .08rem;margin-right: .1rem;}
    .contact .check-list .active::before{background-size: .32rem .32rem;}
}