﻿@charset "utf-8";
/* CSS Document */

html{font-size:100%; max-width:100%; margin:0 auto;}
/* 全局样式 ------------------------------------------------------------------*/
body ,div, h1, h2, h3, h4,h5, p, dl, dd, ol, ul, li,em,font,span, form, fieldset, input, button, textarea,a{ margin:0; padding:0; box-sizing:border-box;}
th, td{ margin:0; padding:0;}
html{ -webkit-text-size-adjust:none; word-wrap:break-word; margin:0; padding:0;}
h1, h2, h3, h4{ font-size:100%; font-weight:normal;}
ol, ul{ list-style:none;}
fieldset, img{ border:0;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
cite, em, s, i, b{ font-style:normal;}
input, button, textarea, select{ font-size:100%;}
body, input, button, textarea, select, option{ font-size:normal;}
a, a:link, input, textarea{ text-decoration:none; outline:0;}
li, img, label, input{ vertical-align:middle;}
body{ font-size:.24rem; font-family:helvetica,arial; width:100%; max-width:100%; margin:0 auto; overflow-x:hidden; min-height:100%; background:#f1f1f1;}
input:focus,select:focus{ outline:none;}
textarea,select,input{ -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}

/*公用样式*/
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0; height:0; overflow:hidden;}
.hidden{ display:none;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}

.nav{ width:100%;}
.nav ul{ display:flex; position:relative; z-index:6; background:#fff; width:100%;}
.nav ul li{ flex:1; display:flex; flex-direction:column;}
.nav ul li .plebans{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; line-height:.9rem;}
.nav ul li .plebans a{ font-size:.28rem; color:#000;}
.nav ul li .plebans img{ height:.11rem; margin-left:.1rem;}
.nav ul li .dropdown{ display:none; border-top:.2rem solid #f2f2f2; position:absolute; left:0; top:.9rem; width:100%; background:#fff; z-index:12;}
.nav ul li .dropdown dl{ display:flex; padding:.26rem .3rem; font-size:.24rem;}
.nav ul li .dropdown dl dt{ width:24.63768115942029%; margin-right:6.5%;}
.nav ul li .dropdown dl dt p{ line-height:1.25; text-align:center; padding:.1rem 0; color:#333; margin-top:.3rem; position:relative;}
.nav ul li .dropdown dl dt p:nth-child(1){ margin-top:.05rem;}
.nav ul li .dropdown dl dt p.cur{ background:#f2f2f2;}
.nav ul li .dropdown dl dt p.cur:before{ content:""; display:block; position:absolute; left:0; top:0; bottom:0; width:.04rem; background:#e67700; font-size:0; overflow:hidden;}
.nav ul li .dropdown dl dd:nth-child(2){ padding-left:4.347826086956522%;}
.nav ul li .dropdown dl dd{ width:31.9%; flex-grow:1;}
.nav ul li .dropdown dl dd p{ color:#333; padding:.15rem 0; line-height:1.25;}
.nav ul li .dropdown dl dd p em{ display:block; color:#999!important;}
.nav ul li .dropdown dl dd p.cur{ color:#e67700;}
.nav ul li .bot{ background:#f1f1f1; padding:.35rem .3rem;}
.reset_but{ width:16.66666666666667%; text-align:center; font-size:.2rem; color:#333; border:none; cursor:pointer; background:url(../images/ico4.png) center .07rem no-repeat; background-size:.26rem .25rem; line-height:.36rem; padding-top:.32rem;}
.confirm_but{ width:76.81159420289855%; border-radius:1000px; text-align:center; border:none; cursor:pointer; background:#e45827; color:#fff; line-height:.68rem; font-size:.24rem;}
.nav_bg{ display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.8); z-index:5;}
.body_on .nav_bg{ display:block;}

.fnav{ position:relative; height:1.1rem; z-index:5;}
.fnav-fixed{ left:50%; margin-left:-50%; bottom:0; width:100%; position:fixed; z-index:99; text-align:center; background:#fff; height:1.1rem;}
.fnav ul{ display:flex;}
.fnav ul li{ flex:1; display:flex; flex-direction:column; position:relative; padding-top:.15rem;}
.fnav ul li em{ display:block; font-size:.24rem; color:#999;}
.fnav ul li img{ display:block; height:.5rem; margin:0 auto;}
.fnav ul li.cur em{ color:#e45827;}

.hx_c{ padding:.3rem 0 .2rem 0;}
.hx_t1{ font-size:.28rem; padding:0 .2rem;}
.hx_list{ width:100%; padding:.1rem .1rem 0 .1rem;}
.hx_list a{ width:calc(25% - .2rem); text-align:center; background:#f2f2f2; border-radius:1000px; font-size:.26rem; line-height:.7rem; margin:.1rem;}
.hx_list a.cur{ background:#fdece4; color:#e45827;}
.price_list{ font-size:.24rem; padding:.15rem 0; text-align:center;}
.price_list p{ padding:.15rem 0;}
.price_list p.cur{ color:#e45827;}
.price_t{ padding:.05rem .2rem .2rem .2rem; font-size:.24rem; line-height:.74rem;}
.price_t input{ width:44%; background:#fff; border-radius:1000px; font-size:.24rem; line-height:.7rem; padding:0 .2rem; border:.02rem solid #f4f4f4; color:#333;}