.mask-back{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.7);
    z-index: 999;
}

.mask-cont img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.mask-x{
    cursor: pointer;
    width: 25px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.mask img{
    cursor: pointer;
}

.aftermarket{
	margin: 0 auto;
}
.aftermarket .img{
	width: 100%;
	margin: .4rem 0 .91rem;
}
.aftermarket .img img{
	width: 100%;
}
.aftermarket .list{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 1.01rem;
}
.aftermarket .list .item{
	width: 5.8rem;
	height: 1.2rem;
	background: rgba(250,250,250);
	display: flex;
	align-items: center;
	padding: 0 .41rem;
}
.aftermarket .list .item img{
	width: 0.36rem;height: .4rem;
	display: block;
}
.aftermarket .list .item .text{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - .35rem);
	padding-left: .35rem;
}
.aftermarket .list .item .text .span{
	font-size: 0.18rem;
	line-height: 0.36rem;
	color: #000000;
}
.aftermarket .list .item .text a{
	font-size: 0.16rem;
	color: #00A19C;
}

.serve{
	width: 100%;
	background: #F8F8F8;
	position: relative;
	padding-top: .66rem;
	padding-bottom: 1.02rem;
}
.serve::after{
	content: '';
	width: 100%;
	height: 3.4rem;
	background: linear-gradient(180deg, #69CFCD 0%, #42B9B6 100%);
	position: absolute;
	top: 0;
	left: 0;
}
.serve .info{
	margin: 0 auto;
	background-color: #fff;
	border-radius: .17rem;
	padding: .6rem;
	position: relative;
	z-index: 1;
	margin-bottom: .4rem;
}
.serve .info .pub_tit{
	margin-top: 0;
	margin-bottom: .24rem;
}
.serve .info .top {
	background: url('../img/serve/serve-bg1.png');
	background-position: right;
	background-size: 10.64rem 2.41rem;
	background-repeat: no-repeat;
	margin-bottom: .3rem;
}
.serve .info .top .text{
	width: 7.03rem;
	font-size: 0.14rem;
	color: #676767;
	line-height: 0.26rem;
}

.serve .search{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: .2rem;
}
.serve .search .left{
	position: relative;
}
.serve .search .left input{
	width: 2.8rem;
	height: 0.36rem;
	line-height: .36rem;
	border: 1px solid #EEEEEE;
	padding: 0 .38rem 0 .21rem;
	font-size: 0.16rem;
	color: #959595;
}
.serve .search .left img{
	width: 0.17rem;
	height: 0.17rem;
	position: absolute;
	right: .21rem;
	top: .1rem;
}
.serve .search .rig{
	display: flex;
	align-items: center;
	cursor: pointer;
}
.serve .search .rig img{
	width: 0.29rem;
	height: 0.25rem;
	display: block;
	margin-right: .05rem;
}



.serve .search .rig span{
	font-size: 0.16rem;
	color: #000000;
}
.serve .list{
	padding-bottom: .3rem;
} 
.serve .list .item{
	display: flex;
	padding: .3rem 0;
	border: 1px solid #EEEEEE;
	margin-bottom: .3rem;
}
.serve .list .item .left{
	width: .73rem;
	display: flex;
	justify-content: center;
	padding-top: .14rem;
}
.serve .list .item .left .img1{
	width: .05rem;
	height: .09rem;
	display: block;
}
.serve .list .item .left .img2{
	width: .1rem;
	height: .09rem;
	display: none;
}
.serve .list .item .rig{
	width: calc(100% - .73rem);
}
.serve .list .item .rig .tit{
	display: flex;
	align-items: center;
}
.serve .list .item .rig img{
	width: 0.37rem;
	height: 0.37rem;
	display: block;
	margin-right: .2rem;
}
.serve .list .item .rig span{
	font-size: 0.18rem;
	color: #333333;
}
.serve .list .item .rig .text{
	margin-top: .2rem;
	display: none;
}
.serve .list .item .rig p{
	font-size: 0.14rem;
	color: #999999;
	line-height: 0.25rem;
}
.serve .list .item.act{
	box-shadow: 0rem 0.05rem 0.1rem rgba(0,161,156,0.1000);
}
.serve .list .item.act .left .img1{
	display: none;
}
.serve .list .item.act .left .img2{
	display: block;
}
.serve .list .item.act .rig .text{
	display: flex;
}
.serve .page-wrap{
	padding-bottom: 0;
}
.serve .form form{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.serve .form form .item{
	width: 4.24rem;
	margin-bottom: .3rem;
}
.serve .form form .item .tit{
	font-size: 0.18rem;
	font-weight: bold;
	color: #333333;
	margin-bottom: .15rem;
}
.serve .form form .item .tit b{
	color: #FF0000;
}
.serve .form form .item input{
	width: 100%;
	height: 0.4rem;
	line-height: .4rem;
	padding: 0 .1rem;
	border: 1px solid #E4E4E4;
}
.serve .form form .item1{
	width: 100%;
	margin-bottom: 0;
}
.serve .form form .item2{
	width: 100%;
}
.serve .form form .item2 .section{
	display: flex;
	justify-content: space-between;
}
.serve .form form .item2 select{
	width: 3.5rem;
	height: 0.4rem;
	line-height: .4rem;
	border: 1px solid #E4E4E4;
}
.serve .form form .radio{
	display: flex;
	align-items: center;
}
.serve .form form .radio input{
	width: 0.24rem;
	height: 0.24rem;
	display: block;
	margin-left: .2rem;
	margin-right: .06rem;
}
.serve .form form .radio .tit{
	width: auto;
	margin-bottom: 0;
}
.serve .form form .item2 section option{
	
}
.serve .form form .item1 textarea{
	width: 100%;
	height: 1.6rem;
	padding: .19rem .18rem;
	border: 1px solid #E4E4E4;
}
.serve .form .btn{
	width: 3rem;
	height: 0.5rem;
	background: rgba(0,161,156);
	border-radius: 0.05rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.16rem;
	color: #FFFFFF;
	margin: .7rem auto 0;
	border: none;
	outline: none;
}
.serve .info:nth-last-of-type(1){
	margin-bottom: 0;
}
.serve .result{
	margin-bottom: .31rem;
}

.sell .form{
	margin-top: .8rem;
}
.sell .info .top {
	background: url('../img/serve/serve-bg2.png');
	background-position: right;
	background-size: 10.64rem 2.41rem;
	background-repeat: no-repeat;
	margin-bottom: .3rem;
}

.suggest .form{
	margin-top: .8rem;
}
.suggest .info .top {
	background: url('../img/serve/serve-bg3.png');
	background-position: right;
	background-size: 10.64rem 2.41rem;
	background-repeat: no-repeat;
	margin-bottom: .3rem;
}
.sell .form .btn,
.suggest .form .btn
{
	margin-top: .6rem;
}


.service-h5-desc {
    display: none;
}










@media only screen and (max-width: 1024px) {
    /*服务中心 售后申请 开始*/
    .aftermarket {
        padding: 15px;
    }
    .pub_tit {
        margin-top: 0;
    }
    .pub_tit span {
        font-size: 16px;
    }
    .aftermarket .list {
        flex-direction: column;
    }
    .aftermarket .list .item {
        width: 100%;
        margin-bottom: 15px;
    }
    .aftermarket .list .item .text .span {
        font-size: 14px;
        line-height: 1.5;
    }
    .aftermarket .list .item .text a {
        font-size: 14px;
    }
    /*服务中心 售后申请 结束*/
    
    
    /*服务中心 销售咨询 开始*/
    .serve {
        padding: 15px;
    }
    .serve .info {
        padding: 15px;
    }
    .sell .info .top {
        background: #FFF;
    }
    .serve .info .top .text {
        width: 100%;
        font-size: 14px;
        line-height: 1.5;
        text-align: justify;
        word-break: break-all;
    }
    .sell .form{
        margin-top: 15px;
    }
    .serve .form form .item {
        width: 100%;
    }
    .serve .form form .item .tit {
        font-size: 14px;
    }
    
    .serve .form form .item input {
        height: 30px;
        height: 35px;
        border-radius: 5px;
    }
    .serve .form form .item1 textarea {
        border-radius: 5px;
    }
    
    .serve .form form .item2 select {
        height: 30px;
        font-size: 14px;
        background: #FFF;
        width: 32%;
    }
    .serve .form .btn {
        margin-bottom: 20px;
        width: 80px;
        height: 30px;
        font-size: 14px;
        height: 35px;
        width: 100%;
        border-radius: 5px;
    }
    
    .serve .form form input[type="radio"]{
        vertical-align: middle;
    }
    
    
    
    /*服务中心 销售咨询 结束*/
    
    
    /*服务中心 建议反馈 开始*/
    /*服务中心 建议反馈 结束*/
    
    
    
    /*服务中心 常见问题 开始*/
    .serve .search .left input {
        height: 30px;
        font-size: 14px;
    }
    .serve .list .item .rig p {
        font-size: 14px;
        line-height: 1.5;
    }
    .serve .list .item {
        padding: 15px 5px;
        border-radius: 5px;
    }
    .serve .list .item .left {
        width: 20px;
    }
    .serve .list .item .left .img1 {
        width: 7.5px;
        height: 13px;
    }
    .serve .list .item .left .img2 {
        width: 15px;
        height: 15px;
    }
    
    .serve .list .item .rig {
        width: calc(100% - 20px);
    }
    .serve .list .item .rig .tit {
     align-items: flex-start;   
    }
    .serve .list .item .rig span {
        font-size: 14px;
    }
    .serve .list .item .rig img {
        width: 25px;
        height: 25px;
    }
    
    .serve .search .left img {
        width: 15px;
        height: 15px;
    }    
    .serve .search .rig img {
        width: 20px;
        height: 20px;
    }
    .serve .search .rig span {
        font-size: 14px;
    }
    
    .serve .info .top {
        background: none;
    }
    
    
    .serve.sell  .form {
        padding: 15px 0;
    }
    .serve.sell  .form .item1 .tit {
        font-size: 14px !important;
    }
    
    
    .service-pc-desc {
        display: none;
    }
    .service-h5-desc {
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 1.5;
        text-align: justify;
        word-break: break-all;
        color: #676767;
    }
    /*服务中心 常见问题 结束*/
}