.com-title{font-size: .128rem;color: #333;padding:.13rem 0;text-align: center;}

.select-reason{padding: 0 .12rem .17rem;background: #fff;margin-top:.09rem;}

.select-reason ul{-ms-fles-wrap:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;justify-content: space-between;}

.select-reason ul li{width: 0.915rem;flex: 0 0 auto;border-radius: 6px;overflow:  hidden;box-shadow: 0 2px 10px rgba(149,143,136,.26);}



/*城市列表*/

.area-layer{width: 100%;height:100%;max-width:640px;position: fixed;top:0;overflow: hidden;z-index: 96;}

.area-layer-shade{width: 100%;height: 100%;background: rgba(0,0,0,.4);}

.area-layer-box{width: 2.2rem;height:100%;background: #f8f8f8;font-size: .124rem;position: absolute;top:0;-webkit-transform: translate3d(3.2rem,0px,0px);-moz-transform: translate3d(3.2rem,0px,0px);transform: translate3d(3.2rem,0px,0px);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

.area-layer-box.Lanimation{-webkit-transform: translate3d(1rem,0px,0px);-moz-transform: translate3d(1rem,0px,0px);transform: translate3d(1rem,0px,0px);}

.area-layer-box .area-province{width: 49%;background: #fff;}

.area-layer-box .area-city{width: 51%;}

.area-layer-box .area-city .city-list:not(:first-child){display: none}

.area-layer-box li{height:.35rem;line-height: .35rem;padding-right:.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.area-province li{padding-left:.3rem;}

.area-province li em{margin-right:.06rem;}

.area-province li.active{background: #f8f8f8;color: #d00;}

.area-city li{padding-left:.32rem;}

.area-city li.active{color: #d00;}

/*分享*/

.shareto-wrap{display:none;opacity:0;position: fixed;width: 100%;height:1.502rem;background: #fff;bottom: -1.502rem;left:0;z-index: 998;}

.shareto-wrap .bdsharebuttonbox{width: 100%;height:0.702rem;padding:0.2rem 0;background: #f6f6f6;}

.shareto-wrap  .bdsharebuttonbox a{display:block;float: left;width: 33.3%;height:0.702rem;line-height:normal;padding:0;margin:0;background: none;position: relative;font-size: 0.112rem;color: #999;text-align: center;}

.shareto-wrap  .bdsharebuttonbox a p{width:100%;position: absolute;bottom: 0;left:0;}

.shareto-wrap  .bdsharebuttonbox a:before{display: block;content:"";width: 0.503rem;height:0.503rem;background: url("http://m.jysgcd.com/App/Tpl/Wap/Default/Public/ysbj/image/shareto_icon.png") no-repeat 0 0/100%;position: absolute;left:50%;margin-left: -0.251rem;top:0;}

.shareto-wrap .bdsharebuttonbox .bds_qq:before{background-position: 0 39.6%}

.shareto-wrap .bdsharebuttonbox .bds_qzone:before{background-position: 0 20.2%}

.shareto-wrap .bdsharebuttonbox .bds_tweibo:before{background-position: 0 39.8%}

.shareto-wrap .bdsharebuttonbox .bds_wxhy:before{background-position: 0 59.2%}

.shareto-wrap .bdsharebuttonbox .bds_wxpyq:before{background-position: 0 79%}

.shareto-wrap .bdsharebuttonbox .bds_tsina:before{background-position: 0 98.9%}

.shareto-wrap a.cancel_share{display:block;width:100%;height:0.4rem;background: #fff;line-height: 0.4rem;font-size: 0.142rem;color: #333;text-align: center;letter-spacing: 0.05rem;}

.shareto-wrap .bdsharebuttonbox a.bds_weixin{display:none;}

.shareto-wrap .bdsharebuttonbox a.bds_weixin:before{background:url('../image/share_icon_v3.png') no-repeat 0 0/100% auto;}

.popupFloatTips {position:fixed;top:0px;left:0px;display:none;width:100%;height:100%;z-index:9999;background:rgba(0, 0, 0, 0.69);max-width:640px;left:50%!important;right: auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}

.popupFloatTips img {width: 2.44rem;height: 1.92rem;float: right;margin-right:.3rem; }

.pop_mask{ position:absolute; display:none; top:0; left:0; right:0; bottom:0; z-index:97;width:100%; background:rgba(0,0,0,.4);}

.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;}



.baojia-wap{width: 100%;position: relative;}

/*.baojia-wap .newHeader{text-align: center;background: transparent;z-index: 9;color: #fff;position: absolute;top: 0;left: 0;right: 0;width: 100%;max-width: 640px;}*/

/*.baojia-wap .newHeader .backtohis{border-left: .02rem solid #fff;border-bottom: .02rem solid #fff;}*/

/*.baojia-wap .newHeader .share-icon{background: url(../image/share-white-icon.png) no-repeat 0 0;background-size: 100%;width: .2rem;height: .2rem;right: .1rem;top: .1rem;margin: 0;}*/

.baojia-order{width: 100%;background: #fff;}

.free-baojia-title{

	font-size: 0.145rem;

	color: #333;

	font-weight: bold;

	text-align: center;

	line-height: 0.15rem;

	margin-bottom: 0.16rem;

}

.form-box dl {

    display: -webkit-flex;

    display: flex;

    padding: .08rem .1rem .08rem .06rem;

    margin-bottom: .12rem;

    line-height: .2rem;

    border: 1px solid #e2e2e2;

    border-radius: .04rem

}



.form-box dt {

    margin-right: .1rem;

    font-size: .11rem;

    -webkit-flex-shrink: 0;

    flex-shrink: 0

}



.form-box dt i {

    display: inline-block;

    width: .16rem;

    height: .16rem;

    margin-top: .02rem;

    margin-right: .03rem;

    background: url(../image/design-forms.png) 0 0 no-repeat;

    background-size: 100%;

    vertical-align: top

}



.form-box dt .pos1 {

    background-position: 0 0

}



.form-box dt .pos2 {

    background-position: 0 33.33%

}



.form-box dt .pos3 {

    background-position: 0 66.67%

}



.form-box dt .pos4 {

    background-position: 0 100%

}



.form-box dd {

    position: relative;

    -webkit-flex: 1;

    flex: 1

}



.form-box .treeListClass {

    display: block;

    width: 100%;

    height: .2rem;

    line-height: .2rem;

    text-align: right;

    font-size: .11rem

}



.form-box .district,.form-box .mobile,.form-box .total-area,.form-box .user_addr {

    display: block;

    width: 100%;

    height: .2rem;

    line-height: .2rem;

    text-align: right;

    font-size: .11rem

}



.form-box .unit {

    position: absolute;

    right: 0rem;

    top: .01rem;

    font-size: .1rem

}



.form-box .arrow {

    position: absolute;

    top: .05rem;

    right: .02rem;

    width: .06rem;

    height: .06rem;

    border-top: .01rem solid #333;

    border-left: .01rem solid #333;

    transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg);

}



.form-box .city-dd {

    padding-right: .16rem

}



.form-box .area-dd {

    padding-right: .17rem

}



.form-box .style-dd {

    padding-right: .16rem

}



.form-box .btn ,.foot-bottom .btn{

    display: block;

    width: 100%;

    height: .38rem;

    line-height: .38rem;

    border-radius: .04rem;

    text-align: center;

    color: #fff;

    font-size: .15rem;

    margin-top: .18rem;

    background-image: -webkit-gradient(linear,0 0,100% 0,from(#ed561a),to(#ee2d1b));

    background-image: -webkit-linear-gradient(left,#ed561a,#ee2d1b);

    background-image: -moz-linear-gradient(left,#ed561a,#ee2d1b);

    background-image: linear-gradient(to right,#ed561a,#ee2d1b)

}



.form-box .btn em {

    position: relative;

    display: inline-block

}



.rule-box {

    margin-top: .1rem;

    font-size: .1rem;

    line-height: .14rem;

    color: #7885a0

}



.rule-box .check-box {

    position: relative;

    display: inline-block;

    width: .12rem;

    height: .12rem;

    margin-right: .06rem;

    margin-top: .01rem;

    vertical-align: top

}



.rule-box .input-check {

    position: absolute;

    left: 0;

    top: .01rem;

    display: block;

    width: .12rem;

    height: .12rem;

    opacity: 0

}



.rule-box .check-icon {

    display: block;

    width: .12rem;

    height: .12rem;

    background: url(../image/check-icons-2.png) 0 100% no-repeat;

    background-size: 100%;

    vertical-align: top

}





.rule-box .check-icon.cur {

    background-position: 0 0

}



.rule-box a {

    color: #7885a0;

    text-decoration: underline;

    cursor: pointer

}



.ft-txt {

    height: .33rem;

    text-align: left;

    font-size: .11rem;

    color: #999;

    line-height: .33rem;

    background: #fff;

    padding-left: 0.12rem;

}



.ft-txt i {

    display: inline-block;

    width: .12rem;

    height: .12rem;

    margin-top: .11rem;

    margin-right: .08rem;

    vertical-align: top;

    background: url(../image/design-ft-icon.png) 0 0 no-repeat;

    background-size: 100%

}



.area-layer {

    width: 100%;

    height: 100%;

    max-width: 640px;

    position: fixed;

    top: 0;

    overflow: hidden;

    z-index: 996

}



.area-layer-shade {

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.4)

}



.area-layer-box {

    width: 2.2rem;

    height: 100%;

    background: #f8f8f8;

    font-size: .124rem;

    position: absolute;

    top: 0;

    -webkit-transform: translate3d(3.2rem,0,0);

    -moz-transform: translate3d(3.2rem,0,0);

    transform: translate3d(3.2rem,0,0);

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s

}



.free-baojia {

    position: relative;

    margin: -.17rem .12rem 0;

    padding: .17rem .12rem .12rem .12rem;

    background: #fff;

    border-radius: .05rem;

    box-shadow: 0 2px 10px rgba(149,143,136,.26);

}



.counter-wrap {

    margin-bottom: .12rem;

    background: #f6f5f4;

    border-radius: .05rem

}



.counter-wrap .counter-box {

    padding: .12rem .1rem;

    background: #e2ded8;

    border-radius: .05rem;

    border: 2px solid #9a9894;

}



.counter-wrap .counter-box dt {

    float: left;

    font-size: .12rem;

    line-height: .26rem

}



.counter-wrap .counter-box dd {

    text-align: right;

    overflow: hidden

}



.counter-wrap .counter-box .unit {

	display: inline-block;

    margin-left: .08rem;

    font-size: .09rem;

    line-height: 1;

    vertical-align: middle;

    margin-top: 0.1rem;

}



.counter-wrap .counter-box b {

    display: inline-block;

    width: .16rem;

    height: .26rem;

    background: url(../image/counter-icons.png) -100% -100%/auto 100% no-repeat;

    vertical-align: top

}



.counter-wrap .counter-box .num0 {

    background-position: 0 0

}



.counter-wrap .counter-box .num1 {

    background-position: 11.11% 0

}



.counter-wrap .counter-box .num2 {

    background-position: 22.22% 0

}



.counter-wrap .counter-box .num3 {

    background-position: 33.33% 0

}



.counter-wrap .counter-box .num4 {

    background-position: 44.44% 0

}



.counter-wrap .counter-box .num5 {

    background-position: 55.56% 0

}



.counter-wrap .counter-box .num6 {

    background-position: 66.67% 0

}



.counter-wrap .counter-box .num7 {

    background-position: 77.78% 0

}



.counter-wrap .counter-box .num8 {

    background-position: 88.89% 0

}



.counter-wrap .counter-box .num9 {

    background-position: 100% 0

}



.huxing_fc {

    display: none;

    width: 2.47rem;

    height: 2.75rem;

    background: #fff;

    position: fixed;

    left: 50%;

    top: 50%;

    margin-left: -1.235rem;

    margin-top: -1.375rem;

    z-index: 98;

    text-align: center;

    border-radius: .045rem

}



.huxing_fc .close_btn {

    position: absolute;

    right: 0;

    top: -0.5rem;

    width: .35rem;

    height: .35rem;

    background: url(../image/close1.png) 0 0 no-repeat;

    background-size: 100%;

    z-index: 2

}



.huxing_fc .title_line {

    font-size: .125rem;

    line-height: 1;

    padding: .125rem 0 .185rem;

    font-weight: bold

}



.huxing_fc .hx_select ul {

    float: left;

    width: 33%

}



.huxing_fc .hx_select ul li {

    width: .62rem;

    height: .23rem;

    border: 1px solid #eee;

    margin: 0 auto .1rem;

    border-radius: .02rem

}



.huxing_fc .hx_select ul li p {

    font-size: .11rem;

    line-height: .23rem;

    color: #666

}



.huxing_fc .hx_select ul li.active {

    border-color: #dd0000

}



.huxing_fc .hx_select ul li.active p {

    color: #dd0000

}



.huxing_fc .done_btn {

    display: block;

    width: 2.13rem;

    height: .34rem;

    background: #dd0000;

    color: #fff;

    line-height: .34rem;

    font-size: .125rem;

    border-radius: .045rem;

    margin: .07rem auto 0

}



.free-baojia .form-box {

    margin: 0

}



.select-reason .title{width: 100%;padding: 0.2rem 0;text-align: center;}

.select-reason .title h3{font-size: 0.145rem;line-height: 0.17rem;color: #333;font-weight: bold;}

.select-reason .serve-cont{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}

.select-reason .serve-list{overflow: hidden; width: 1.42rem;height: 0.77rem;border-radius:0.05rem;-webkit-box-shadow: .01rem .01rem .12rem 0.01rem rgba(9,20,52,.1);box-shadow: .01rem .01rem .12rem 0.01rem rgba(9,20,52,.1);-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;}

.select-reason .serve-list .server-icon{width: 0.5rem;height: 100%;float: left;position: relative;margin-right: 0.03rem;}

.select-reason .serve-list .server-icon i{display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.select-reason .serve-list .server-icon i.icon1{width: 0.47rem;height: 0.42rem;background: url('../image/baojia-serve1.png') no-repeat;background-size: 100%;}

.select-reason .serve-list .server-icon i.icon2{width: 0.455rem;height: 0.42rem;background: url('../image/baojia-serve2.png') no-repeat;background-size: 100%;}

.select-reason .serve-list .server-icon i.icon3{width: 0.45rem;height: 0.395rem;background: url('../image/baojia-serve3.png') no-repeat;background-size: 100%;}

.select-reason .serve-list .server-icon i.icon4{width: 0.455rem;height: 0.385rem;background: url('../image/baojia-serve4.png') no-repeat;background-size: 100%;}

.select-reason .server-info{float: left;margin-top: 0.17rem;}

.select-reason .serve-list h3{font-size: 0.12rem;color: #333;line-height: 0.13rem;margin-bottom: 0.06rem;font-weight: bold;}

.select-reason .serve-list p{font-size: 0.092rem;color: #666;line-height: 0.15rem;}

.foot-bottom{padding:0.12rem 0.12rem 0.15rem 0.12rem; background: #fff;}

.foot-bottom .btn{margin: 0;}



/*页面媒体查询*/

@media screen and (max-width: 390px) {

    .select-reason .serve-list .server-icon{

        width: 0.4rem;

    }

    .select-reason .serve-list .server-icon i.icon1{

        width: 0.4rem;

    }

}

@media screen and (max-width: 350px) {

    .select-reason .serve-list .server-icon{

        width: 0.3rem;

    }

    .select-reason .serve-list .server-icon i.icon1{

        width: 0.3rem;

    }

}