/*----------------banner-----------------*/
.service-banner{width:100%;}
.nav-space{background-color:#f3f3f3;}
/*----------------服务列表-----------------*/
.service-item{padding:15px 12px 5px; background-color:#f3f3f3;}
.service-item-li{position:relative; background-color:#fff; margin-bottom:18px;border-radius:6px 6px 0 0;}
.service-item-box{width:100%; box-shadow: 0 3px 12px rgba(0,0,0,.06);}
.service-item-li h3{font-size:4.8vw; padding:10px; color:#fff;border-radius:6px 6px 0 0;}
.service-item-li h3 a{color:#fff;}
.item-li-1 h3{background:#E95B51 url(../images/service_ico.png) no-repeat right 1.5vw; background-size:10vw auto;}
.item-li-2 h3{background:#8E72D9 url(../images/service_ico.png) no-repeat right -14.5vw; background-size:10vw auto;}
.item-li-3 h3{background:#2692db url(../images/service_ico.png) no-repeat right -31.8vw; background-size:10vw auto;}
.item-li-4 h3{background:#D2A427 url(../images/service_ico.png) no-repeat right -47.5vw; background-size:10vw auto;}
.item-li-5 h3{background:#44bc7e url(../images/service_ico.png) no-repeat right -64.5vw; background-size:10vw auto;}
.item-li-6 h3{background:#479bbd url(../images/service_ico.png) no-repeat right -81vw; background-size:10vw auto;}
.service-item-li ul{padding:10px 0;}
.service-item-li li{font-size:3.9vw; line-height:2; box-sizing: border-box; padding:3px 12px; text-indent:16px; background:url(../images/dot.png) no-repeat 10px 4vw; background-size:8px auto;}

/*-------detail----------*/
.service-top{padding:12px;}
.service-top-price{font-size:3.6vw; color:#999}
.service-top-price span{font-size:4.2vw; color:#FC3400}
.service-title{padding-top:6px; font-size:4.8vw; font-weight:600;}
.service-select{padding:6px 12px 12px;font-size:3.72vw;}
.service-select dt{font-size:4.2vw; padding:2vw 0; font-weight:600;}
.service-select dd{}
.service-select span{padding:6px 12px 5px; border-radius:5vw; background-color:#eee; margin:5px 0; margin-right:5px; display:inline-block; border:1px solid #eee; font-size:3.2vw;color:#666;}
.service-select span.select{border:1px solid #f09c00; color:#d69d00; background-color:#fff}
.service-select span.select-none{border:1px solid #C0C0C0; color:#fff; background-color:#C0C0C0}
.service-detail{padding:12px 0;}
.service-detail-title{font-size:4.2vw; height:8vw; font-weight:600; padding:0 12px;}
.service-detail-content{font-size:3.72vw!important;line-height: 1.6!important; word-break: break-word; text-align: justify;padding:10px 0;}
.service-detail-content p{}
.service-detail-content img{max-width:100%!important; vertical-align:top!important;}

.service-detail-bottom{width:100%; height:12vw; line-height:12vw; position:fixed; left:0; bottom:0; background-color:#fff;}
.service-share{width:20%; height:12vw; font-size:3.2vw; padding-left:9.2vw; box-sizing: border-box; line-height:12vw; float:left; background:url(../images/share.png) no-repeat 4vw center; background-size:4vw auto;}
.service-price{width:46%; height:12vw; font-size:4.2vw; line-height:12vw; float:left; color:#FC3400; text-align:center;}
.service-buy{width:32%; height:12vw; background-color:#EB6D32; color:#fff; text-align:center; line-height:12vw; float:right;}

.select-box-bg{width:100%; height:100%; position:fixed; left:0; bottom:0; background-color:rgba(0,0,0,.7); display:none;}
.select-box{width:100%; position:fixed; left:0; bottom:0; background-color:#fff; z-index:10; border-radius:16px 16px 0 0;transform: translateY(150%);transition: all 0.25s;}
.select-img{width:30vw; height:15.6vw; position:absolute; left:12px; top:-7.2vw; display:none;}
.select-img img{width:100%; height:100%; border-radius:3px;}
.select-close{width:44px; height:44px; position:absolute; top:5px; right:5px; background:url(../images/select_close.png) no-repeat center center; background-size:36% auto;}
.select-h3{padding:12px 50px 8px 12px;}
.select-h3 h3{font-size:4.2vw;}
.select-price{font-size:3.2vw; padding-left:12px; color:#999;}
.select-price span{font-size:4.2vw; color:#FC3400;}
.select-box-div{padding:6px 12px 10px;}
.service-attr-select dt{font-size:4vw; height:7.2vw; padding-top:2.4vw; font-weight:600;}
.service-attr-select dd{font-size:0;}
.service-attr-select span{padding:4px 6px; border-radius:1.2vw; background-color:#eee; margin:5px 0; margin-right:6px; display:inline-block; border:1px solid #eee; font-size:3.2vw;color:#666;}
.service-attr-select span:last-child{margin-right:0;}
.service-attr-select span.select{border:1px solid #f09c00; color:#d69d00; background-color:#fff}
.service-attr-select span.select-none{border:1px solid #C0C0C0; color:#fff; background-color:#C0C0C0}
.select-tips{height:27px; line-height:27px; font-size:12px; text-align:center; color:#FC3400;}
.select-btn {padding:5px 0 0;}
.select-btn span{width:100%; height:42px; line-height:42px; border-radius:5px; background-color:#EB6D32; color:#fff; text-align:center; display:block;}
.select-btn-none{padding:5px 0; display:none;}
.select-btn-none span{width:100%; height:42px; line-height:42px; border-radius:5px;background-color: #C0C0C0;color: #fff; text-align:center;display:block;}

.service-detail-month{}
.service-detail-month dt{font-size:4vw; height:7.2vw; padding-top:2.4vw; font-weight:600;}
.service-detail-month dd{font-size:0; text-align:center; padding-bottom:5px;}
.service-detail-month dd em{display:inline-block;height:30px;width:30px;line-height:30px; font-size:14px; color:#7A7979;border:1px solid #dbdbdb;text-align:center;cursor:pointer;-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; }
.service-detail-month dd .month-num{display:inline-block;text-align:center; margin:0 5px; width:60px;border:1px solid #dbdbdb;line-height:28px; font-size:14px;vertical-align:top;}

#openSelect {display: none;}	
#openSelect:checked ~ .select-box{transform: translateY(0);}
#openSelect:checked ~ .select-box-bg{display:block;}
/*-----------order------------*/
.order-title{padding:10px 15px; font-size:3.72vw; background-color:#f2f2f2;}
.order-info{padding:6px 12px 10px;}
.order-topic{font-size:4.4vw; padding:6px 0;}
.order-item{font-size:3.72vw; padding:2px 0; color:#999;}
.order-price{color:#FC3400;font-size:4.8vw; padding:10px 12px; text-align:right;}

.order-input{width:100%; position:relative; padding:6px 12px;box-sizing: border-box;}
.order-input label{position:absolute; top:6px; left:12px; color:#999; font-size:3.72vw; line-height:2.4;}
.form-input{margin-left:20vw;}
.form-input input{padding:5px; border:1px solid #fff; width:100%; text-align:right;box-sizing: border-box;}
.form-input select{padding:5px; border:1px solid #fff; background-color:#fff; width:100%; text-align:right;direction: rtl; -webkit-appearance:none;appearance:none; }
.form-input option{text-align:right; direction: ltr;}

.order-rule{color:#298FFF;}
.order-tips{padding:12px; font-size:3.2vw; color:#FF5722; line-height:1.6;}
.order-cost{width:60%; line-height:12vw; padding-left:4vw; box-sizing: border-box; float:left; color:#999; font-size:3.2vw;}
.order-cost span{color:#FC3400;font-size:4.8vw}

.form-pay{margin-left:20vw; text-align:right;}
.order-detail-month{margin-left:20vw; text-align:right;}
.order-detail-month em{display:inline-block;height:30px;width:30px;line-height:30px; font-size:14px; color:#7A7979;border:1px solid #dbdbdb;text-align:center;cursor:pointer;-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; }
.order-detail-month .month-num{display:inline-block;text-align:center;width:50px;border:1px solid #dbdbdb;line-height:28px; font-size:14px; vertical-align:top;}