/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:6px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}

/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}



a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
html,body{background: #fff; color:#333333;}
body,button,input,textarea{ font: normal 100% Helvetica, Arial, sans-serif;}
a,a.active{color:inherit;}
.page{padding-top: 0px; max-width: 768px;margin:0 auto; min-width: 320px; position: relative; }

.login_con{width:100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0;}
.goback{width: 3.5rem; height: 3.5rem; position: fixed; bottom: 4rem; left: 0.3rem; opacity: 0.6; z-index: 111; border-radius: 100%; background: #e72e38;}
.goback a{display: block; width: 3.5rem; height: 2.7rem; text-align: center; padding-top: 0.8rem;}
.goback a img{
	width: 30%;
	height: auto;
}
.logo{width: 90%; margin-top: 1rem; padding-left: 7%; text-align: left;}
.logo img{width: 20%; height: auto;}
.login_bg{width: 100%; height: 100%;}
.login_bg img{width: 100%; height: auto;}

.login_foot{position: absolute; bottom: 0; left: 0;}
.login_foot img{width: 100%; height: auto;}
.login_input{width: 100%; text-align: center; padding-top: 10%;}
.login_input ul li{display: block;padding: 4% 5%;}
.login_input ul li h1{font-size: 1.5rem; color: #fff; line-height: 3rem; font-weight: bold; text-align: center; border-bottom: 1px #fff solid; }
.inp{width: 90%; padding: 10px 0; border: none; border-radius: 20px; text-align: center;}
input::-webkit-input-placeholder {color: #bbb;}
input::-moz-input-placeholder {color: #bbb;}
input::-ms-input-placeholder {color: #bbb;}
.login_input ul li a{padding: 0 10px; color: #fff;}
.login_input ul li span{color: #fff;}
.but{width: 90%; font-weight: bold; padding: 10px 0; border: none; border-radius: 20px; text-align: center; background: #e8202b; box-shadow: 0rem 0.2rem 0.4em #aa0b13; color: #ffffff; margin-top: 30px;}
.foot{bottom: 0; left: 0; text-align: center; font-size: 0.8rem; color: #999999; line-height: 20px; position: absolute; z-index: 4;}
.WeChat{width: 100%; text-align: center; font-size: 1rem; color: #fff; padding-top: 1.5rem;}
.WeChat img{width: 12%; height: auto;}

.reg_input{width: 100%; text-align: center; padding-top: 10%;}
.reg_input ul li{display: block;padding: 3% 5%; text-align: center;}
.reg_input ul li h1{font-size: 1.5rem; color: #fff; line-height: 3rem; font-weight: bold; text-align: center; border-bottom: 1px #fff solid; }
.reg_input ul li span{display: block;width: 20%; float: left; padding: 10px; text-align: right; color: #fff;}
.reg_input ul li p{font-size: 0.8rem; display: block;}
.reg_input ul li i{color: #E7282F;}
.reg_input ul li img{height:auto; width: 30%; border-radius: 1rem; float: right;}
.reg_inp{width: 70%; padding: 10px 0; border: none; border-radius: 20px; text-align: center;}
.reg_inp2{width: 40%; padding: 10px 0; border: none; border-radius: 20px; text-align: center;}
.but2{width: 100%; padding: 10px 0; border: none; border-radius: 20px; text-align: center; background: #e8202b; color: #ffffff; box-shadow: 0rem 0.2rem 0.4rem #aa0b13; font-weight: bold;}
.reg_img{width: 70%; margin: 5px 0px; padding:0px; border: none; margin-left: 3%; float: left; text-align: left; position: relative;}
.reg_img img{width: 55%; height: auto;}
.reg_img_btu{width: 55%; height:100%; position: absolute;z-index: 5; top: 0; left: 0;}
#file{display: block; width: 100%; height: 100%; opacity: 0;}
#show{border-radius: 5px;}
.title-text{padding-bottom: 1rem;}
.title-text span {
display: block; /*设置为块级元素会独占一行形成上下居中的效果*/
position: relative; /*定位横线（当横线的父元素）*/
.fs(14);
text-align: center; 
}
.title-text span:before, .title-text span:after { 
content: ''; 
position: absolute; /*定位背景横线的位置*/
top: 50%; 
background: #fff; /*背景横线颜色*/
width: 20%; /*单侧横线的长度*/
height: 1px; 
} 
.title-text span:before { 
left: 5%; /*调整背景横线的左右距离*/
} 
.title-text span:after { 
right: 5%; 
}



.logobg{position: relative;overflow: hidden;-webkit-backface-visibility: hidden;z-index: 1;width: 100%; }
.headbg{width: 100%; height:auto; margin: 0; padding: 0; display: block;}
.face{position:absolute;overflow: hidden;-webkit-backface-visibility: hidden; z-index: 2;  top: 12%; left: 0; width: 100%; height: 100%; text-align: center; }
.face img{width:auto; height: 50%; border-radius: 50%; border: #ffffff 0.2rem solid;}
.face p{font-size: 0.8rem; line-height: 1.5rem;}
.face a{position: absolute; color: #000; right: 5%; top: 30%; padding: 2px 5px; font-size: 0.8rem; background: #fff; opacity: 0.5; border-radius: 1.5rem;}
.foot_but{position: fixed; z-index: 5; width: 100%; height: 50px; bottom: 0; background: #ffffff; box-shadow: 0px 0px 2px #c8c8c8;}
.foot_but ul li{display: block; width: 50%; height: 50px; float: left; text-align: center;}
.foot_but ul li a{text-align: center; line-height: 50px; display: block;}
.show{background: #e96509; color: #ffffff;}
.show a:hover{color: #ffffff;}

.user_nav{background:#e96509 ; height: 2.16rem; width: 100%;}
.user_nav ul li{display: block;width: 33.3%; float: left; text-align: center; line-height: 2.16rem;}
.user_nav ul li a{display: block; color: #fff;}
.user_nav1{ background: url(../img/w_dd.png) no-repeat 1rem center; background-size: 1rem}
.user_nav2{ background:url(../img/m-s.png) no-repeat 1rem center; background-size: 1rem;}
.user_nav3{ background:url(../img/zy.png) no-repeat 1rem center; background-size: 1rem;}
.user_nav2 a{ border-left: #fff 1px solid;}
.user_nav3 a{ border-left: #fff 1px solid;}

.user_ta{width: 92%; padding: 0 4%; background: #fff;}
.user_ta ul li{display: block; border-bottom: #f4f4f4 1px solid; width: 100%; padding: 1rem 0; background: url(../img/right1.png) no-repeat right center; background-size: auto 40%;}
.user_ta ul li a{display: inline-block;  text-align: justify; text-align-last: justify;}
.user_ta ul li span{ padding:0.2rem 0.4rem; margin-top: 0rem; border-radius: 2rem; color:#e96509 ; background: #fdf2d3;}
.user_ta ul li i{padding:0.2rem 0.4rem; margin-top: 0rem; color:#49ac00 ;}

.user_tit{position: fixed; z-index: 5; width: 100%; height: 3rem; top: 0; background: #e8202b; box-shadow: 0px 0px 2px #c8c8c8;}
.user_tit div{text-align: center; line-height: 3rem;}
.user_tit div span{font-size: 1.2rem;font-weight: bold;  color: #ffffff; display: block; position: absolute;z-index: 6; width: 100%; top: 0; left: 0;}
.user_tit div a{float: left; display: block; width:3rem; height: 3rem; background: url(../img/goback2.png) no-repeat 30% center; background-size: 30%; clear: both;}
.user_tit div a img{width: 30%; height: 30%;}
.top{margin-top: 3rem;}


.pro_list{width: 92%; padding: 0 4%; background: #fff;}
.pro_list ul li{display: block; border-bottom: #f4f4f4 1px solid; width: 100%; height: 4rem; line-height: 4rem;}
.pro_list ul li span{padding-left: 0.5rem; padding-right: 0.5rem;}
.pro_list ul li a{display: inline-block;  text-align: justify; text-align-last: justify; padding-right: 2rem;}
.pro_head{width: 3.2rem; height: 3.2rem; padding: 0.4rem; float: right; position: relative;}
.pro_head a{display: block; width: 3.2rem; height: 3.2rem;}
.pro_head img{width: 100%; height: 100%;}
.pro_img_btu{width: 100%; height:100%; position: absolute;z-index: 5; top: 0; left: 0;}
.pro_input{float: right; height: 4rem; border: none; background: none; text-align: right;}
.pro_ta ul li{background: url(../img/right1.png) no-repeat right center; background-size: auto 40%;}
.but3{width: 100%; margin:2rem auto; padding: 0.7rem 0; border: none; border-radius: 20px; text-align: center; background: #e8202b; color: #ffffff;}


.pro_list ol li{padding:1rem 1rem 1rem 2rem; margin-bottom: 1rem; border-bottom: #f4f4f4 1px solid; background: url(../img/notic_ico2.png) no-repeat left 1.8rem; background-size: auto 18%;}
.pro_list ol li h1{font-weight: normal; font-size: 1.2rem;line-height: 3rem;}
.pro_list ol li h1 span{font-size: 1rem; float: right; color: #999999;}
.pro_list ol li p{font-size: 1rem;}
.pro_list ul li i{color: #E7282F;}
#new_notic{color:#e96509 ;}


.vol_head{width: 3.2rem; height: 3.2rem; padding: 0.4rem; float: right; position: relative;}
.vol_head img{width: 100%; height: 100%;}
.vol_input{ height: 4rem; border: none; background: none; padding-left: 1rem; width: 60%;}
.vol_list{width: 92%; padding: 0 4% 2rem 4%; background: #fff;}
.vol_list ul li{display: block; width: 100%;}
.vol_list ul li p{line-height: 4rem;}
.vol_text{width: 90%; padding: 0.5rem; height: 10rem; border: #f4f4f4 1px solid;}

.user_foot{position: fixed; z-index: 15; width: 100%; padding-top: 0.2rem; height: 3.125rem; bottom: 0; background: #ffffff; box-shadow: 0px 0px 2px #c8c8c8;}
.user_foot ul li{display: block; width: 25%; height: 3.125rem; float: left; text-align: center;}
.user_foot ul li img{width: auto; height: 45%;}
.user_foot ul li a{text-align: center; display: block; font-size: 0.9rem;}

.opin{width: 92%; padding: 0 4%; background: #fff; height: 13rem;}
.opin p span{font-size: 0.8rem; color: #999; line-height: 2rem;}
.opin_text{width: 100%; height: 8rem; border: none; }
.opin_box div{float: right; font-size: 0.8rem; color: #999;}
.opin_box div input{text-align: right; border: none; color: #999;}


.ord_h{width: 78%; float: left;}
.ord_img{width: 20%; float: right;}
.ord_img img{width: 100%; height: auto;}



.toothbg{width:100%;height:20px;
	    background-image:-webkit-gradient(linear,50% 0,0 100%,from(transparent), color-stop(.5,transparent),color-stop(.5,#fff),to(#fff)),
	                    -webkit-gradient(linear,50% 0,100% 100%,from(transparent), color-stop(.5,transparent),color-stop(.5,#fff),to(#fff));
	    background-image:-moz-linear-gradient(50% 0 -45deg,transparent,transparent 50%,#fff 50%,#fff),
	                    -moz-linear-gradient(50% 0 -135deg,transparent,transparent 50%,#fff 50%,#fff);                                
	    background-size:20px 10px;
	    background-repeat:repeat-x;
	    background-position:0 100%;  
	    position: absolute;
		z-index: 2;
		bottom: 0px;
		left: 0;
	}
.or_code{width: 92%; padding: 1rem 4% 2rem 4%; background: #ffffff; position: relative;}
.or_code p{text-align: center; display: block; background: #fce3aa; font-size: 0.8rem; border-radius: 1rem; line-height: 1.8rem; background: url(../img/qccode_warn.png) no-repeat 0.5rem center #fce3aa; background-size: auto 65%;}
.or_code p span{color: #E96509;}
.or_code_img{text-align: center; padding: 0.5rem 0; }
.or_code_img img{width: 40%; height: auto;}
.or_code h1{font-size: 1rem; color: #E96509; font-weight: normal; text-align: center; line-height: 1.5rem;}
.or_code h2{font-size: 1rem; font-weight: normal; text-align: center; line-height: 1.5rem;}
.or{position: absolute; z-index: 2; bottom: 0; left: 0; text-align: center; width: 100%;}
.or img{width: 40%; height: auto; margin-left: 30%;}
.or_foot{width: 92%; padding: 1rem 4%; background: #ffffff; margin-top: 1rem; margin-bottom: 5rem;}
.or_foot h1{color: #E96509; font-weight: normal; font-size: 1rem; line-height: 2rem; border-bottom: #f4f4f4 1px solid; margin-bottom: 1rem;}
.or_foot p{font-size: 0.8rem; line-height: 1.5rem;}
.kefu{ border-top: #f4f4f4 1px solid; margin-top: 2rem;  padding: 1rem 0 0 3rem; background: url(../img/ypjzicon1.png) no-repeat left 0.8rem; background-size: auto 70%;}
.kefu a{float: right;}
.kefu a img{width: 50%; height: 50%; padding-left: 40%; border-left: #f4f4f4 1px solid;}


.contact2{width: 92%; padding: 1rem 4%; background: #ffffff;}
.contact2 ul li{display: block; padding: 1rem 0; border-bottom: #f4f4f4 1rem solid; line-height: 2.5rem;}
.contact2 ul li h1{font-size: 1.2rem; font-weight: normal;}
.contact2 ul li p{display: block; border-bottom: #f4f4f4 1px dashed;}
.contact2 ul li p a{float: right; color: #E96509; display: block; width: 50%; text-align: right;}
.contact2 ul li p a img{width:15%; height:15%; float: right; padding-top: 0.3rem;}
.contact2 ul li p span img{width: 40%; height: 40%;}
.co_con2{height: 2.5rem; padding: 0.5rem 0; overflow: hidden; line-height: 1.5rem;}
.co_con2 a{color: #E96509;}


.reg_input select{
	width: 70%;
	border: none;
	height: 2.4rem;
	border-radius: 20px;
	text-align: center;
	font-size: 1rem;
}
.reg_input select option{
	background-color: #fff;
	border: none;
	border-radius: 20px;
	text-align: center;
}

.user_tit2{
	text-align: center;
	color: #fff;
	line-height: 2rem;
	font-size: 1.5rem;
	font-weight: bold;
	padding-top: 1rem;
}
.login_bg2{width: 100%; height: 14rem; border-radius: 0 0 100% 100%; overflow: hidden;}
.login_bg2 img{width: 100%; height: auto;}
.user_card{
	width: 80%;
	height: auto;
	border-radius: 1rem;
	background-image: linear-gradient(110deg, #fe675c, #ef0b24);
	margin: 1rem auto;
}
.user_name{width: 90%; padding: 1rem 5% 0.5rem 5%;}
.user_name img{width: 25%; height: auto; border-radius: 100%; float: left; margin-right: 1rem;}
.user_name p{ line-height: 2.5rem; font-size: 1.2rem; color: #faf9c9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.user_name_btu{width: 90%; padding: 0.5rem 5% 1rem 5%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.user_name_btu a{font-size: 0.9rem; color: #fff; display: block; text-align: center; width: 25%; padding-top: 1.7rem;}
.user_name_btu .toux{background: url(../img/upload.png) no-repeat top center; background-size: 40% auto;}
.user_name_btu .ziliao{background: url(../img/ziliao.png) no-repeat top center; background-size: 41% auto;}
.user_list{width: 90%; padding: 1rem 5%;}
.user_list ul li{display: block; width: 100%; border-bottom: #f4f4f4 1px solid; background: url(../img/right1.png) no-repeat center right; background-size: auto 20%; }
.user_list ul li a{height: 2rem; padding: 1.2rem 0 0.8rem 0; display: block; }
.user_list ul li a span{float: right; font-size: 0.9rem;  margin-right: 1rem; color: #fff; padding: 0.1rem 0.8rem; border-radius: 1rem;}
.yuyue{background-color:#ccc ;}
.yuyue2{background-color: #fe675c;}
.yuyue3{background-color: #e72e38;}



.cemian{position: fixed; bottom: 4rem; right: 0.3rem; width: 3.5rem; height: 3.5rem; background: #54045a; opacity: 0.6; z-index: 100; border-radius: 3rem;}
.cemian img{width: 100%; height: 100%;}


.show{background: #e72e38; color: #ffffff;}
.show a:hover{color: #ffffff;}
#ceng{position:absolute; z-index:101;background-color:#000;display:none;width:100%;height:100%;text-align:center; bottom: 0; left: 0;pointer-events: none;transition: all 0.3s; opacity: 0.5;}
#close{position:fixed;z-index:102;background-color:#fff; display:none; width:75%; height:100%;left: 0; top:0; overflow: auto;}
.n_login{width: 86%; padding: 1rem 0 2rem 0; margin: 0 7%; border-bottom: #f4f4f4 1px solid;}
.n_login a{display: block; background: url(../img/right1.png) no-repeat right bottom; background-size: auto 15%;}
.n_login a div{width: 30%; height: auto; text-align: center;}
.n_login a img{width: 100%; height: auto; border-radius: 100%; margin-bottom: 1rem;}
.n_login a p{ font-size: 1rem;}
.r_li{width: 86%; margin: 0 7% 1rem 7%;}
.r_li ul li{display: block; padding: 1rem 0 1rem 2.5rem; border-bottom: 1px #f4f4f4 solid; /* background: url(../img/right1.png) no-repeat right center; background-size: auto 35%; */ }
.r_li ul li a{font-size: 0.9rem;}
.ico_1{background: url(../img/icon-nav1.png) no-repeat left center; background-size: auto 65%;}
.ico_2{background: url(../img/icon-nav1.png) no-repeat left center; background-size: auto 65%;}
.ico_3{background: url(../img/icon-nav2.png) no-repeat left center; background-size: auto 65%;}
.ico_4{background: url(../img/icon-nav3.png) no-repeat left center; background-size: auto 65%;}
.ico_5{background: url(../img/icon-nav4.png) no-repeat left center; background-size: auto 65%;}
.ico_6{background: url(../img/icon-nav5.png) no-repeat left center; background-size: auto 65%;}
.ico_7{background: url(../img/icon-nav6.png) no-repeat left center; background-size: auto 65%;}
.ico_8{background: url(../img/icon-nav7.png) no-repeat left center; background-size: auto 65%;}
.ico_9{background: url(../img/icon-nav8.png) no-repeat left center; background-size: auto 65%;}


.n_close img{width: 20%; height: auto; padding-left: 7%;}


.reg_input2{width: 100%; text-align: center; padding-top: 5%;}
.reg_input2 ul li{display: block;padding: 3% 5%; text-align: center;}
.reg_input2 ul li h1{font-size: 1.5rem; color: #fff; line-height: 3rem; font-weight: bold; text-align: center; border-bottom: 1px #fff solid; }
.reg_input2 ul li span{display: block;width: 20%; float: left; padding: 10px; text-align: right; color: #fff;}
.reg_input2 ul li p{font-size: 0.8rem; display: block;}
.reg_input2 ul li i{color: #E7282F;}
.reg_input2 ul li img{height:auto; width: 20%; border-radius: 1rem;}
.reg_input2 select{
	width: 70%;
	border: none;
	height: 2.4rem;
	border-radius: 20px;
	text-align: center;
	font-size: 1rem;
}
.reg_input2 select option{
	background-color: #fff;
	border: none;
	border-radius: 20px;
	text-align: center;
}
.reg_li{height: 2.4rem;}
.timer{width: 70%; background-color: #fff; height: 2.4rem; float: right; border-radius: 20px; text-align: center; line-height: 2.4rem;}
.reg_inp4{height: 2.4rem; width: 70%; border: none; border-radius: 20px; text-align: center;}
.time_select_bg{
	position: absolute;
	z-index: 11;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	display: none;
	opacity: 0.5;
}
.time_select{
	position: absolute;
	z-index: 111;
	bottom: 0;
	left: 0;
	height: 50%;
	display: none;
	padding-top: 0.2rem;
	width: 100%;
	justify-content: space-between; flex-wrap: wrap;
	background-color: #fff;
}
.time_select a{
    position: relative;
	padding: 0.2rem 1rem;
}