@charset "gb2312";

body{font-family:"-apple-system-font", "Helvetica Neue", "Helvetica", "sans-serif";font-size:0.26rem;background-color:#f5f5f5;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0.05);}
body,dl,dd,p,form,h1,h2,h3,h4,h5,h6{margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul{margin:0;padding:0;list-style-type:none;}
em,i{font-style:normal;}
table{border-collapse:separate;border-spacing:1px;}
a{color:inherit;text-decoration:none;outline:none;}
img{border:0;}
input,select,button,textarea{font-size:inherit;color:inherit;}
input[type="text"],input[type="password"],input[type="button"],input[type="submit"],button,textarea,select {font-family:"Microsoft YaHei",Helvetica;}
input[type="radio" i] {-webkit-appearance: radio;box-sizing: border-box;}


article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}
select {border-width: 1px;color: #999;margin-right: 0.1rem;}

.flex,.layer .layer-btns,.section-cs .section-bd .list{display:-webkit-box;display:-webkit-flex;display:flex;}
.flex-item,.layer .layer-btns .layer-btn{-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.flex-wrap,.section-cs .section-bd .list{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flex-justify{-webkit-justify-content:space-between;justify-content:space-between;}

.btn{display:inline-block;min-width:1.26rem;padding:0.08rem 0;margin-bottom:0;font-size:0.3rem;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;background-image:none;background-color:#FFF;color:#333;border:1px solid #E9E9E9;border-radius:0.06rem;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-transition:background-color .2s,color .2s,border-color .2s;-o-transition:background-color .2s,color .2s,border-color .2s;-webkit-transition:background-color .2s,color .2s,border-color .2s;transition:background-color .2s,color .2s,border-color .2s;}
.btn:active{outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);}

.mescroll.fixed{position:fixed;}
.mescroll-upwarp{line-height:0.5rem;text-align:center;visibility:hidden;}

html{font-size:50px;}
@media only screen and (min-width: 320px){html{font-size:42.6667px;}}
@media only screen and (min-width: 360px){html{font-size:48px;}}
@media only screen and (min-width: 375px){html{font-size:50px;}}
@media only screen and (min-width: 384px){html{font-size:51.2px;}}
@media only screen and (min-width: 400px){html{font-size:53.3333px;}}
@media only screen and (min-width: 412px){html{font-size:54.9333px;}}
@media only screen and (min-width: 414px){html{font-size:55.2px;}}
@media only screen and (min-width: 480px){html{font-size:64px;}}
@media only screen and (min-width: 750px){html{font-size:100px;}}

html,body{height:100%;}
.page{position:relative;width:100%;min-width:320px;height:100%;max-width:750px;margin:0 auto;-webkit-overflow-scrolling:touch;}

/* header */
.fn-clear{zoom:1;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.page-header{width:100%;height:1rem;line-height:1rem;background:#ef4c4d;color:#fff;font-size: 0.36rem;}
.page-header .logo{width:2.6rem;height:0.8rem;float:left;margin:0.1rem 0 0 0.1rem;}
.page-header .logo-img{vertical-align:top;width:100%;height:100%;}
.page-header i {padding:0 0.08rem;float: left;}
.lo_tit {font-weight: bold;margin-top: 0.01rem;float: left;height: 0.8rem;padding: 0 0.04rem;}

.nav{float:right;height:1rem;max-width:5.5rem;overflow-y:hidden;}
.nav .item{height:1rem;float:left;font-size:0.28rem;padding:0 0.05rem;color:#FFF;position:relative;font-weight:bold;    margin-top: 0.01rem;}
.nav .item.on:after{content:'';width:0.52rem;height:0.03rem;background:#FFF;position:absolute;left:50%;bottom:0.15rem;margin-left:-0.26rem;border-radius:0.02rem;}
.nav .item-search,.nav .item-menu{float:left;width:0.68rem;height:1rem;font-size:0;}
.nav .item-search{background:url(nav_yh.jpg) no-repeat center center;background-size:0.35rem 0.35rem;}
.nav .item-menu{background:url(nav_img.png) no-repeat center center;background-size:0.35rem 0.35rem;}
/* header end */

/* 伸缩导航 */
.section-nav{height:0.6rem;overflow:hidden;background:#FFF}
.section-nav .item{display:inline-block;vertical-align:top;min-width:0.52rem;font-size:0.28rem;height:0.6rem;line-height:0.6rem;text-align:center;}
.section-nav .item.on{color:#ef4c4d;}
.section-nav .item.on:after{visibility:visible;}
.section-nav .item.active{color:#ef4c4d;}
.section-nav .list-scroll{height:0.75rem;white-space:nowrap;position:relative;-webkit-mask-box-image:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 3%,#ffffff 4.5%,#ffffff,#ffffff 93%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%);}
.section-nav .list-scroll .list{padding-left:0.3rem;}
.section-nav .list-scroll .item{margin-left:0;margin-right:0.46rem;}
.ad-nav .list{padding:0 0.15rem;line-height:0.6rem;height: 0.6rem;}
.section-nav-top{width:100%;max-width:750px;}
.section-nav-top+.page-content{margin-top:0.6rem;}

.list2 a{font-size: 0.28rem; height: 0.6rem;line-height: 0.6rem;text-align: center;vertical-align: top;display: inline-block;}
.section-nav2{overflow:hidden;background:#FFF;}
.section-nav2 .list-scroll2 .list2{padding-left:0.3rem;}
.section-nav2 .list-scroll2 .item2{margin-left:0;margin-right:0.46rem;}

.ad-nav2 .list2{padding:0 0.15rem;line-height:0.6rem;}
.ad-nav .item,.ad-nav2 .item2{position:relative;color:#e6601f;}
.ad-nav .item:nth-child(even),.ad-nav2 .item2:nth-child(even){color:#dc2a65;}

.section-nav-top2{width:100%;max-width:750px;}
.section-nav-top2+.page-content2{margin-top:0.6rem;}

.goo {margin-top:0.1rem;}
.nav_shensuo {width:100%;}
.nav_shensuo a {width:19%;}
.expan {padding: 0 1%;}
.ad-nav .item i,.ad-nav2 .item2 i{position:relative;color:#e0e0e0;margin:0 1%;}
.nav_shensuo a::before { content: "";position: absolute;width:1px;height: 0.28rem;top:50%;margin-top:-0.14rem;right:-0.05rem;background:#e0e0e0;}
/* 伸缩导航 end */

/*导航2*/
.public_route {max-width:750px;font-size:0.28rem;height:0.72rem;border-bottom: 1px solid #b8b8b8;padding: 0 10px 0 40px;background-color: #f4f4f4;}
.public_r_home {position: absolute;left: 0;width:0.72rem;height:0.72rem;background: url(home.png) center no-repeat;background-size:0.5rem;border-right: 1px solid #b8b8b8;}

.public_r_right {overflow: hidden;position:absolute;left: 0.7rem;}
.public_r_right a {display: block;float: left;height:0.72rem;line-height:0.72rem;position: relative;padding: 0 10px;color: #686868;margin-right: 5px;}
.public_r_right a::before {content: "";position: absolute;width: 5px;height:0.72rem;top: 0;right: -5px;background: url(next.png) center no-repeat;background-size: auto;-webkit-background-size: 5px auto;-moz-background-size: 5px auto;-o-background-size: 5px auto;background-size: 5px auto;}
.public_r_right a:last-child {overflow: hidden;}
/*导航2 end*/

/*标题部分*/
.indwkuang { width:100%; float:left; background:#fff;margin-bottom: 0.2rem;}

.intitle {width:92%;float:left;height: .72rem;padding:0 4%;border-bottom:solid 1px #ddd;}
.intitle em {width:auto;float:left;padding: 0 .2rem;line-height: .72rem;font-size: .33rem;position: relative;font-weight: bold;}
.intitle em::after{content: '';height: .35rem;width: .1rem;display: inline-block;position: absolute;background:#ef4c4d;left: 0;top: .17rem;}
.intitle a {float:right;color:#666;line-height: .76rem;}
/*标题部分 end*/


/*进度*/
.yd-step-theme1 {padding-top:20px;height:40px;background:#fcfcfc;margin-bottom:0.1rem;overflow: hidden;}
.yd-step-content {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;}
.yd-step-item { -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex: 1;position: relative;}
.yd-step-item>em {border-radius: 50%;position: absolute;top: 50%;left: 50%;background-color: #ccc;}
.yd-step-theme1 .yd-step-item>em {width: 20px;height: 20px;margin-left: -10px;margin-top: -10px;text-align: center;line-height: 20px;z-index: 1002;font-size: 12px;}
.yd-step-theme1 .yd-step-item-current:before, .yd-step-theme1 .yd-step-item-current>em {background-color: #ef4c4d;}
.yd-step-theme1 .yd-step-item>em>i {color: #fff;font-style: normal;}
.yd-step-theme1 .yd-step-item-current>em.yd-step-checkmark:after {content: "";position: absolute; top: 4px;left: 8px;border: 1px solid #fff;border-top: 0;border-left: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);width: 5px;height: 10px;}
.yd-step-item-bottom, .yd-step-item-top {position: absolute;left: 0;text-align: center;white-space: nowrap;text-overflow: ellipsis;width: 100%;padding: 0 4px;}
.yd-step-item-bottom p {color: #9c9c9c;font-size: 12px;}
.yd-step-item-current .yd-step-item-bottom p {color: #ef4c4d;font-size: 12px;}
.yd-step-theme1 .yd-step-item-top {bottom: 18px;}
.yd-step-item-top-text>span {color: #989898;}
.yd-step-theme1 .yd-step-item-bottom {top: 18px;}
.yd-step-item-bottom {color: #333;}
.yd-step-theme1 .yd-step-item-current .yd-step-item-bottom {color: currentColor;}
.yd-step-theme1 .yd-step-item:not(:first-child):before {width: 84%;left: -41%;}

.yd-step-item:not(:first-child):before { content: "";height: 8px;position: absolute;top: -4px;background-color: #e0e0e0;}
.yd-step-theme1 .yd-step-item-current:before, .yd-step-theme1 .yd-step-item-current>em {background-image: -webkit-gradient(linear,left top,right top,from(#ff6143),to(#ef4c4d));background-image: -webkit-linear-gradient(left,#ff6143,#ef4c4d);background-image: -moz-linear-gradient(left,#ff6143,#ef4c4d);background-image: linear-gradient(to right,#ff6143,#ef4c4d);background-color: #ff6143;}

/*进度 end*/

/*选项*/
input[type=checkbox] {display: none;}
input[type=checkbox]:checked + .check-box, .check-box.checked {border-color: #ff6143;background-color: #ff6143;background-image: linear-gradient(to right,#ff6143,#ef4c4d);}
.check-box {height: 30px;width: 30px;background-color: transparent;border: 1px solid #959595;border-radius: 5px;position: relative;display: inline-block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-moz-transition: border-color ease 0.2s;-o-transition: border-color ease 0.2s;-webkit-transition: border-color ease 0.2s;transition: border-color ease 0.2s;cursor: pointer;}
input[type=checkbox]:checked + .check-box::before, .check-box.checked::before {height: 18px;-moz-animation: dothatopcheck 0.4s ease 0s forwards;-o-animation: dothatopcheck 0.4s ease 0s forwards;-webkit-animation: dothatopcheck 0.4s ease 0s forwards;animation: dothatopcheck 0.4s ease 0s forwards;}
.check-box::before {top: 22px;left: 12px;-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
.check-box::before, .check-box::after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: absolute;height: 0;width: 3px;background-color: #FFF;display: inline-block;-moz-transform-origin: left top;-ms-transform-origin: left top;-o-transform-origin: left top;-webkit-transform-origin: left top;transform-origin: left top;border-radius: 5px;content: ' ';-webkit-transition: opacity ease .5;-moz-transition: opacity ease .5;transition: opacity ease .5;}
input[type=checkbox]:checked + .check-box::after, .check-box.checked::after {height: 11px;-moz-animation: dothabottomcheck 0.2s ease 0s forwards;-o-animation: dothabottomcheck 0.2s ease 0s forwards;-webkit-animation: dothabottomcheck 0.2s ease 0s forwards;animation: dothabottomcheck 0.2s ease 0s forwards;}
.check-box::after {top: 13px;left: 3px;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.check-box::before, .check-box::after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: absolute;height: 0;width: 3px;background-color: #FFF;display: inline-block;-moz-transform-origin: left top;-ms-transform-origin: left top;-o-transform-origin: left top;-webkit-transform-origin: left top;transform-origin: left top;border-radius: 5px;content: ' ';-webkit-transition: opacity ease .5;-moz-transition: opacity ease .5;transition: opacity ease .5;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

[class*="icheck-"] {margin-bottom: 6px !important;}
[class*="icheck-"] > label {padding-left: 29px !important;min-height: 22px;line-height: 22px;display: inline-block;position: relative;vertical-align: top;margin-bottom: 0;font-weight: normal;cursor: pointer;}
[class*="icheck-"] > input:first-child {position: absolute !important;opacity: 0;margin: 0;}
[class*="icheck-"] > input:first-child + label::before,
[class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {content: "";display: inline-block;position: absolute;width:30px;height:30px;border: 1px solid #D3CFC8;border-radius:5px;margin-left: -29px;}
[class*="icheck-"] > input:first-child:checked + label::after,
[class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after {content: "";display: inline-block;position: absolute;top: 0;left: 1px;width:12px;height:18px;border: solid 2px #fff;border-left: none;border-top: none;transform: translate(7.75px, 4.5px) rotate(45deg);-ms-transform: translate(7.75px, 4.5px) rotate(45deg);}
.icheck-pomegranate > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-pomegranate > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {border-color: #c0392b;}
.icheck-pomegranate > input:first-child:checked + label::before,
.icheck-pomegranate > input:first-child:checked + input[type="hidden"] + label::before {border-color: #ff6143;background-color: #ff6143;background-image: linear-gradient(to right,#ff6143,#ef4c4d);}

/*选项 end*/


/*问题类型部分1*/
.content-container{background: #ebebeb;}
.step-container{min-height: 100%;}
.step1{background: #fff;padding:3% 6%;}
.step1 .s1-title{padding: 0.2rem 0;text-align: center;font-size: 0.36rem;color: #333333;border-bottom:1px solid #d0d0d0;    margin-bottom: 0.3rem;}
.step1 .s1-item{display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 0.18rem 0;border-bottom: 1px solid #eaeaea;}
.step1 .s1-item .s1-item-left{width: 86%; margin-right:0.1rem;}
.step1 .s1-item .s1-item-left-title{font-size: 0.36rem;color: #e04e3e;}
.step1 .s1-item .s1-item-left-desc{margin-top: 0.1rem;font-size: 0.26rem;color: #777777;line-height: 0.35rem;}
.step-btn-container{line-height: 0.8rem;background-color: #e04e3e;color: #fff;font-size: 0.3rem;text-align: center;border-radius: 0.1rem;cursor:pointer;}
.step1-tip{padding: 0.400rem;font-size: 0.26rem;line-height: 1.5;color: #333333;}
/*问题类型部分1 end*/


/*问题类型部分2*/
.changeone ul li {display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;padding: 0.18rem;margin-bottom: 0.267rem;border: solid 1px #cdcccc;}
.changeone ul li .s2-item-left{color: #333333;}
.changeone ul li .s2-item-left{width: 86%; margin-right:0.1rem;}

.refresh{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;text-align: right;font-size: 0.3rem;color: #777777;}
.refresh .refresh-btn{width: 0.360rem;height: 0.320rem;margin-left: 0.133rem;background: url(shuaxin.png) no-repeat center center / 100% 100%;}
.self-define-ask{padding:0.3rem 0;margin:0 6%;padding-right: 0.427rem;background: url(zhankai_bottom.png) no-repeat right center / 0.293rem 0.173rem;text-align: right;font-size:0.28rem;color: #323232;}
.self-define-ask1{padding:0.3rem 0;margin:0 6%;padding-right: 0.427rem;background: url(zhankai_top.png) no-repeat right center / 0.293rem 0.173rem;text-align: right;font-size:0.28rem;color: #323232;}
.step2-tip{padding: 0 0.4rem;font-size: 0.36rem;color: #333333;}
.textArea{width:100%;margin: 0 auto;}
.textArea textarea{width:82%;height:2rem;padding:3%;margin:4% 6% 0 6%;line-height: 0.533rem;resize: none;color: #333;font-size: 0.26rem;outline: none;border: solid 1px #cdcccc;}
.numbers{ padding: 0.267rem 0.400rem;text-align: right;color: #777;}
.tijiao {padding:0 0.400rem  0.267rem 0.400rem;}
/*问题类型部分2 end*/


/*马上测算*/
/*测算框*/
.cs_bnt_box1 {font-size:0.33rem;padding:0.15rem 0;color:#333;margin:10px 5px;border-bottom:solid 1px #ddd;}
.cs_bnt_box1 ul {width:100%;overflow:hidden;}
.cs_bnt_box1 ul li {width: 22%;float: left;text-align: center;margin: 0 1.5%;}
.measure {color:#ef4c4d;border-bottom: 2px solid #ef4c4d;}

.indwrap {width: 100%;float: left;background-color: #fff;}
.cpdesc {text-align: left;padding: 0 2%;margin-bottom: 0.3rem;}

.public_form_wrap {margin:12px;}

.public_form_wrap li {height:0.8rem;line-height:0.8rem;padding-right:5px;margin-top:0.05rem;}
.public_form_wrap .lefts {margin-right: 10px;padding-left:0.1rem;float: left;}
.public_form_wrap .rights {color: #cb3b42;margin-right:0.1rem;padding: 0 10px;font-size:0.32rem;float: left;}
.public_form_wrap .autos {width: 23.5%;font-size:0.26rem;float: left;}
.public_form_wrap .radio {width: 100%;background-repeat: no-repeat;background-position: right center;background-size: 20px;}

.public_form_wrap .auto input {height:0.54rem;padding:0.01rem 0.64rem 0.01rem 0.1rem;box-sizing:border-box;margin-top: 0.06rem;opacity: 0.7;}

.csk_bnt {text-align:center;margin-bottom:10px;line-height:.5rem;margin-top:.2rem;font-size:0.32rem;}
.cs_bnt1 {cursor: pointer;border-radius:5px;background:#ef4c4d;border: 1px solid #ffe4c8;color: #fff;padding: 3px 25px;height:0.6rem;font-weight:bold;}
.cs_bnt2 {cursor: pointer;border-radius:5px;background: #fff3da;border: 1px solid #ffe4c8;color: #cb3b42;padding: 3px 25px;height:0.6rem;font-weight:bold;}
/* 测算框 end */

/*订单部分*/
.public_form_wrap figcaption {padding-top:5px;padding-bottom:5px;height: 0.8rem;line-height: 0.8rem;}
.lab_txt {text-align: left;width: 26%;float: left;padding-left: 0.1rem;}
.slk_ys {border-radius: 5px;-moz-box-shadow: 3px 3px 3px #f0f0f0 inset;-webkit-box-shadow: 3px 3px 3px #f0f0f0 inset;box-shadow: 3px 3px 3px #f0f0f0 inset;box-sizing: border-box;height: 0.5rem;}
.love_input {width:58%;border: solid 1px #CCCCCC;height: 0.54rem;margin: 0 auto;text-indent: 5px;border-radius: 5px;-moz-box-shadow: 3px 3px 3px #f0f0f0 inset;-webkit-box-shadow: 3px 3px 3px #f0f0f0 inset;box-shadow: 3px 3px 3px #f0f0f0 inset;box-sizing: border-box;font-size: 1em;}

/*订单部分 end*/

.more_text {padding:0 3% 3% 3%;}
.more_text p {color: #f75540;font-size: 0.28rem;text-align: center;text-decoration: underline;}

/*马上测算 end*/
/*问题类型部分3 end*/


/*问题类型部分4*/
.s3-item{padding:0.18rem;margin-bottom: 0.267rem;border: solid 1px #cdcccc;}
.s3-item span {color:#999;margin-right:0.1rem;}
/*问题类型部分4 end*/


/**** 尾部 ****/
.nav_footer {background: #ef4c4d none repeat scroll 0 0;display: table;height: 70px;margin-bottom: 12px;width: 100%;}
.nav_footer li {float: left;font-size:0.36rem;line-height:0.72rem;text-align: center;width: 25%;}
.nav_footer li a {color: #fff;}
.footer {background: #f5f6f8 none repeat scroll 0 0;border-bottom: 1px solid #d8d9de;border-top: 1px solid #d8d9de;box-shadow: 0 1px 0 #fff inset;font-size:0.32rem;overflow: hidden;padding-top: 10px;text-align: center;}
.footer .linkico {display: inline-block;font-size:0.32rem;margin: 0 8px;}
.footer A:hover {text-decoration: underline;}
.slk_box {padding:0px 10px;}
.slk_box td{ border-bottom:1px dashed #833b00;}
.conbg{ padding-left:5px; padding-right:5px; padding-top:15px; padding-bottom:10px; line-height:180%; clear:both;font-size:14px;white-space: normal;}
.xifeng{background:#999900; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; height:3px;}
/**** 尾部 ****/