@charset "utf-8";
/** Reset CSS **/
html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none;}
body{ font-family:"微软雅黑";user-select:none;-webkit-user-select:none;-moz-user-select:none;letter-spacing:0;}
label{cursor:pointer;}
a:link,a:visited{text-decoration:none;}
input:focus{outline:none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}
textarea{resize:none;/*-webkit-appearance:none;*/}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;}
textarea,input,select{background:none;border:none;margin:0;padding:0;}
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,menu,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,td,video,tt,u,ul,var{margin:0;padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{display:block;}
body,input,button,select,textarea,sub{font-family:Arial,sans-serif;}
em,cite,address,optgroup{font-style:normal;}
kbd,samp,code{font-family:monospace;}
img,input,button,select,textarea{vertical-align:middle;outline:none;}
ul,ol{list-style:none;}
img,fieldset{border:0;}
img:not([src*="/"]){display:none;}
abbr,acronym{cursor:help;border-bottom:1px dotted black;}
table{width:100%;border-spacing:0;border:0;}
table th,table td{border:0;}
legend,hr{overflow:hidden;position:absolute;top:0;left:0;}
legend,hr,caption{visibility:hidden;font-size:0;width:0;height:0;line-height:0;}

/** Global CSS **/
html{ font-size: 20px; }  /*640==32rem*/
html,body{height:100%;}
body{font-family:"微软雅黑";user-select:none;-webkit-user-select:none;-moz-user-select:none;letter-spacing:0; }
* { touch-action: pan-y; } 

/*.mheader{ background-color: #e60012; height: 10rem; position: relative; z-index: 300; }
.mheader .logo{ width: 50%; height: 6rem; display: block; background-size: cover; background-position: center; margin: 0 auto; position: relative; top: 2rem; }
.mheader .nav{ position: absolute; width: 2.6rem; height: 2.6rem; top: 50%; margin-top: -1.3rem; right: 1rem; color: #fff; overflow: hidden; }
.mheader .nav .icon{ width: 5.2rem; height: 2.6rem; transition: all 0.3s; position: absolute; left: 0; top: 0; }
.mheader .nav .icon i{ font-size: 2.6rem; width: 2.6rem; height: 2.6rem; float: left; text-align: center; }
.mheader .menu{ position: absolute; left: 0; top: 10rem; width: 100%;}
.mheader .menu .list{ height: 0; transition: all 0.3s; background-color: #efefef; overflow: hidden; }
.mheader .menu .list a{ height: 5rem; line-height: 5rem; width: 100%; text-align: center; display: block; box-sizing: border-box; border-bottom: 1px solid #dadada; font-size: 1.4rem; text-decoration: none; }

.menubg{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 200;  }
*/
.wrap_content{ width: 37.5rem; height: 100%; position: absolute; top: 0; padding-top: 14rem; box-sizing: border-box; z-index: 1; }
.wrap_content .searchframe{ background-color: #ececec; padding: 1rem 5%; position: relative; width: 100%; box-sizing: border-box; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; position: absolute; top: 14rem;left: 0; z-index: 1;}
.wrap_content .searchframe i{ color: #999; position: absolute; top: 50%; margin-top:-6px; padding-left: 1rem; }
.wrap_content .searchframe .searchInput{ height: 3rem; line-height: 3rem; border: none; display: block; width: 100%;  background-color:#fff; border-radius:4px; padding-left: 3rem; font-size: 1.2rem; }
.wrap_content .phonelist{ width: 37.5rem; height: 100%; padding-top: 5.1rem; box-sizing: border-box;}
.wrap_content .phonelist .list_l{ float: left; width: 7rem; height: 100%; overflow: auto; background-color: #ececec; }
.wrap_content .phonelist .list_l .brandslist{ height: auto; }
.wrap_content .phonelist .list_l .brandslist li{ height: 4rem; line-height: 4rem; text-align: center; color: #666; position: relative; font-size: 1.2rem; }
.wrap_content .phonelist .list_l .brandslist li.active{ background-color: #fff; }
.wrap_content .phonelist .list_l .brandslist li.active:before{ content: " "; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background-color: #e40e13;  }
.wrap_content .phonelist .list_r{ float: left; width: 30.5rem; height: 100%; overflow: auto;}
.wrap_content .phonelist .list_r>div{ padding-top: 0.5rem; transition: all 0.3s; }
.wrap_content .phonelist .list_r>div>ul{}
.wrap_content .phonelist .list_r>div>ul>li.img{ width: 100% ; height: 6rem; line-height: 6rem; /*background-color: #efefef;*/ text-align:center; font-size: 4rem; color:#aaa; overflow: hidden; vertical-align: top; }
.wrap_content .phonelist .list_r>div>ul>li.img img{ /*width: 100%;*/ height: 100%; vertical-align: top;}
.wrap_content .phonelist .list_r>div>ul>li.name{ font-size: 1.2rem; height: 3.2rem; line-height: 1.6rem; word-break: break-all; padding:0.5rem; text-align: center; }



.wrap_content .fixcateslist{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; /*background: rgba(0,0,0,0.8);*/ background-color: #fff; z-index: 100; }
.wrap_content .fixcateslist .phone{ margin-top: 14rem; width: 100%; padding: 1rem; border-bottom: 3px solid #efefef; box-sizing: border-box;}
.wrap_content .fixcateslist .phone .img{ width: 8rem ; height: 6rem; line-height: 6rem; background-color: #efefef; text-align:center; font-size: 4rem; color:#aaa; float: left; }
.wrap_content .fixcateslist .phone .name{ height: 6rem; line-height: 6rem; font-size: 2rem; padding-left: 1rem; }
.wrap_content .fixcateslist .list{ padding: 1.4rem 0; padding-top: 0; }
.wrap_content .fixcateslist .list .listTop{ padding: 1.6rem; border-bottom: 1px solid #efefef;}
.wrap_content .fixcateslist .list .listTop span{ font-size: 1.4rem; }
.wrap_content .fixcateslist .list .listTop i{  font-size: 1.2rem; color: #999; float: right; font-style: normal;}
.wrap_content .fixcateslist .list li{ margin-top: 0.5rem; font-size: 1.2rem; padding: 0 0.5rem; }
.wrap_content .fixcateslist .list li span.nav-head{ display: block; border:1px solid #e4e4e4; border-radius:4px; text-align: center; padding: 1.6rem 0.5rem; }
.wrap_content .fixcateslist .list li span.nav-head.active{ border-color:#e60012; background-color:#e6001220; }
.wrap_content .fixcateslist .list li span.nav-sublist{ display: none; }

.wrap_content .fixcateslist .list .button{ width: 100%; text-align: center; position: fixed; bottom: 0; left: 0; color: #fff; }
.wrap_content .fixcateslist .list .button .prev{ display: inline-block; padding: 1.6rem 0; width: 25%; background-color: #999; float: left; }
.wrap_content .fixcateslist .list .button .plans{ display: inline-block; padding: 1.6rem 0; width: 45%; background-color: #333; float: left; position: relative;}
.wrap_content .fixcateslist .list .button .plans>span{ position: absolute; top: -2rem; left: 1rem; font-size: 4rem; border-radius: 50%;  width: 4rem; height: 4rem; background-color: #999; text-align: center;  }
.wrap_content .fixcateslist .list .button .plans i.price{ font-style: normal; }
.wrap_content .fixcateslist .list .button .next{ display: inline-block; padding: 1.6rem 0; width: 30%; background-color: #e60012; float: right; }


.wrap_content .subFixcatewrap{ display: none; }
.wrap_content .subFixcatewrap .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 110;  }
.wrap_content .subFixcatewrap .content{ position: absolute; left: 50%; bottom: 5rem; width: 90%; border-radius: 4px; background-color: #fff; -webkit-transform:translateX(-50%) translateY(0%); transform:translateX(-50%) translateY(0%); z-index:111;  }
.wrap_content .subFixcatewrap .content .cateName{ padding: 1.0rem 0; text-align: center; font-size: 1.6rem; }
.wrap_content .subFixcatewrap .content .list{width: 100%; padding: 0rem 1.2rem; box-sizing: border-box;}
.wrap_content .subFixcatewrap .content .list span{ width: 100%; margin:0 auto; margin-bottom: 0.5rem; display: block; border:1px solid #e4e4e4; border-radius:4px; text-align: left; padding: 1rem 0.5rem; font-size: 1.2rem; box-sizing:border-box;  }
.wrap_content .subFixcatewrap .content .list span.active{ border-color:#e60012; background-color:#e6001220; }
.wrap_content .subFixcatewrap .content .detail{width: 100%; padding:0rem 1.2rem; box-sizing: border-box; }
.wrap_content .subFixcatewrap .content .detail ul{border-top: 3px solid #efefef; padding-top: 1rem; margin-top: 1rem; }
.wrap_content .subFixcatewrap .content .detail li{ font-size: 1.2rem; line-height: 1.6rem; }
.wrap_content .subFixcatewrap .content .detail li span{ display: inline-block; width: 7rem; text-align: right; font-weight: bold; }
.wrap_content .subFixcatewrap .content .detail li i.price{ font-style: normal; }

.wrap_content .subFixcatewrap .content .button{ width: 100%; padding: 1.0rem 1.2rem; box-sizing: border-box; }
.wrap_content .subFixcatewrap .content .button span{ border:1px solid #e4e4e4; border-radius:4px; text-align: center; padding: 1rem 0; font-size: 1.6rem;  }
.wrap_content .subFixcatewrap .content .button span.confirm{ background-color:#e60012; color: #fff;  }


.wrap_content .fixList{ display: none; }
.wrap_content .fixList .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 110;  }
.wrap_content .fixList .content{ position: absolute; left: 50%; bottom: 6.5rem; width: 100%; border-radius: 4px; background-color: #fff; -webkit-transform:translateX(-50%) translateY(0%); transform:translateX(-50%) translateY(0%); z-index:111;  }
.wrap_content .fixList .content .cateName{ padding: 1.0rem 0; font-weight: bold; font-size: 1.6rem; background-color: #efefef; padding: 1.2rem; }
.wrap_content .fixList .content .cateName span{ font-size: 1rem; color: #e60012; padding-left: 1rem; }
.wrap_content .fixList .content .list{width: 100%; padding: 0rem 1.2rem; box-sizing: border-box;}
.wrap_content .fixList .content .list span{ width: 100%; margin:0 auto; display: block; text-align: left; padding: 1.2rem 0.5rem; font-size: 1.2rem; box-sizing:border-box; border-bottom: 1px solid #ccc; position: relative;  }
.wrap_content .fixList .content .list span.active{ border-color:#e60012; background-color:#e6001220; }
.wrap_content .fixList .content .list span i.price{ font-style: normal; color: #e60012; font-size: 1rem; padding-left: 5px; right: 0; }
.wrap_content .fixList .content .list span i.remove{ position: absolute; font-style: normal; color: #999; border-radius: 50%; background-color: #efefef; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; top: 50%; right: 1rem; margin-top: -1.5rem; font-size: 1.6rem;}


.wrap_content>h1{ display: block; border-bottom: solid 1px #dfdfdf; line-height: 80px; font-size: 24px; padding: 0 20px; }
.wrap_content>h1 i{ color: #e40e13; font-size: 40px; }
.wrap_content .wrap_step{ padding: 10px 0;  border-bottom: solid 1px #dfdfdf; display: flex; margin-right: 220px; }
.wrap_content .wrap_step .title{ display: block; float: left; width: 100px; line-height: 40px; text-align: center; font-weight: bold; margin-bottom: 5px;}
.wrap_content .wrap_step .list{ /*overflow: hidden;*/ flex: 1; }
.wrap_content .wrap_step .list ul{ margin: 0; padding: 0; list-style: none; padding-right: 20px;}
.wrap_content .wrap_step .list ul li{ margin-bottom: 10px; box-sizing: border-box; display: inline-block; margin-right: 10px; position: relative; }
.wrap_content .wrap_step .list ul span{ display: inline-block;/* line-height: 50px;*/ font-size: 14px; text-align: center; border: 1px solid #dfdfdf; cursor: pointer; transition: all 0.3s; color: #333; box-sizing: border-box; white-space:nowrap; overflow: hidden; padding: 10px 20px; background-color: #efefef; cursor: pointer; z-index: 1;}
.wrap_content .wrap_step .list ul span:hover{ border-color: #e40e13; color: #e40e13; /*font-size: 15px;*/ }
.wrap_content .wrap_step .list ul span.active{ color: #e40e13;  /*font-size: 15px;*/ font-weight: bold; border-color: #dfdfdf; border-bottom: 1px solid #e40e13;  }

/*.wrap_content .wrap_step.fixcateslist .list ul li:hover{ background-color: #e40e13; color: #fff;}*/
.wrap_content .wrap_step.fixcateslist .list ul li:hover span.nav-head{ background-color: #e40e13; color: #fff;  border-color:#e40e13; }
/*.wrap_content .wrap_step .list ul span.nav-head:hover{ background-color: #e40e13; color: #fff; border:none;  }*/

.wrap_content .wrap_step .list ul span.nav-sub{ display: block; /*border-top: none;*/ /*border-bottom: none;*/ /*border-left: 2px solid #e40e13; border-right: 2px solid #e40e13;*/ position: relative; background-color: #fff; margin-bottom: 3px; }
/*.wrap_content .wrap_step .list ul span.nav-sub:last-child{ border-bottom:2px solid #e40e13; }*/
/*.wrap_content .wrap_step .list ul span.nav-sub:hover{ background-color: #efefef; }*/
/*.wrap_content .wrap_step .list ul span.nav-sub.active{ background-color: #efefef; font-weight: normal;  }*/

.wrap_content .wrap_step .list ul span.nav-sublist{ position: absolute; top: 40px; left: 0; display: none; border:none; padding: 5px; z-index: 2;}

.wrap_content>p{ display: block; line-height: 50px; font-size: 24px; padding: 0 20px; }
.wrap_content .fixplanlist{ padding: 10px 20px; }
.wrap_content .fixplanlist ul{}
.wrap_content .fixplanlist ul li{ line-height: 40px; }
.wrap_content .fixplanlist ul li span{ font-size: 20px; color:#e40e13;  }


/*ul.fixlist{ width: 98%; background: #efefef; display: block; padding-right: 0 !important; position: absolute; top: 54px; left: 5px; border: 2px solid #ccc; display: none; padding: 5px; z-index: 99; }
ul.fixlist li{ line-height: 40px; text-align: center; cursor: pointer; display: block; margin-bottom: 0 !important; padding: 0 10px;}
ul.fixlist li:hover{ background: #e40e13; color: #ffffff; }
*/


/*.fixPlanForRight{ display: none; position: fixed; right: 5px; width: 220px; height: 430px; border:2px solid #dfdfdf; top: 160px; border-bottom: none; background-color: #fff; transition: all 0.3s; box-sizing: border-box; box-shadow: -2px 3px 3px rgba(0,0,0,0.2); }
.fixPlanForRight span{ display: inline-block; box-sizing: border-box; overflow: hidden;}
.fixPlanForRight .title{ width: 60%; line-height: 50px; height: 52px; position: absolute; left: 50%; top: -2px; margin-left: -30%; overflow: hidden; text-align: center; font-size: 18px; border-top: 2px solid #e40e13;  }
.fixPlanForRight .list{ width: 100%; height: 300px; border-top: 2px solid #dfdfdf; margin-top: 50px; overflow-y: auto; }
.fixPlanForRight .list li{ height: 40px; line-height: 40px; border-bottom: 1px solid #efefef; padding: 0 10px; }
.fixPlanForRight .list li .price{ text-align: right; float: right; color: #e40e13; }
.fixPlanForRight .total{ width: 100%; height: 30px; background-color: #efefef; color: #333; font-size: 14px; text-align: center; line-height: 30px; border-top: 1px solid #e40e13;}
.fixPlanForRight .total span{ display: inline; }
.fixPlanForRight .btn{ width: 220px; height: 50px; background-color: #e40e13; color: #fff; font-size: 18px; text-align: center; line-height: 50px; cursor: pointer; position: relative; left: -2px;}
.fixPlanForRight .hideIcon{ position: absolute; top: -2px; left: -30px; width: 30px; height: 30px; text-align: center; line-height: 30px; background-color: #dfdfdf; color: #e40e13; cursor: pointer; }
.fixPlanForRight .hideIcon i{ font-size: 14px; height: 30px; line-height: 30px; transition: all 0.3s; }
.fixPlanhide{ right: -220px; }
.fixPlanForRight .toempty{ cursor: pointer; color: #e40e13; }*/


.fixform{ padding: 2rem 1rem; }
.fixform .fontStrong{ font-weight: bold; }
.fixform .support{ background: #dfdfdf; line-height: 25px; text-indent: 20px; }
.fixform .support span{ font-weight: bold;}
.fixform .layui-form-item{ margin-bottom: 10px; }
.fixform .layui-form-pane .layui-form-text .layui-textarea{ min-height: 50px; }
.layui-form-label.is-required:before{ content:'*'; color: #f56c6c; margin-right: 4px;}

/*layer 红色样式*/
.layui-layer-red .layui-layer-title {
	background: #e40e13;
	color: #fff;
	border: none
}

.layui-layer-red .layui-layer-btn a {
	background: #e40e13;
	border-color: #e40e13
}

.layui-layer-red .layui-layer-btn .layui-layer-btn1 {
	background: #efefef;
}

.layui-layer-red .layui-layer-close{ color: #fff; }

.layui-elem-red{ margin-bottom:0; padding: 1.2rem;line-height:1.6rem; border-left:0.5rem solid #e40e13;border-radius:0 2px 2px 0;background-color:#f2f2f2; }




@media (max-width: 768px){
	.wrap_content .wrap_step{ margin-right: 0; }
}