@charset "uft-8";
body {
	position: relative;
	background: #EEEEF3;
}

div {
	font-family: "微软雅黑";
	color: rgb(77, 77, 77);
}

.m {
	padding: .88rem 0 0 0;
}

.m2 {
	padding: 0 0 .98rem 0;
}

.m3 {
	padding: .88rem 0 1.18rem 0;
}

.m4 {
	padding: 0 0 .88rem 0;
}

.m5 {
	padding: 1.76rem 0 0 0;
}

.page {
	overflow: auto;
}

.tc {
	text-align: center;
}

.ft34 {
	font-size: .34rem;
}

.ft24 {
	font-size: .24rem;
}

.ft20 {
	font-size: .2rem;
}

.cf {
	color: #fff;
}

.tr {
	text-align: right;
}

@media screen and (min-device-width:640px) and (min-width:768px) {
	.page {
		margin: 0 auto;
		width: 7.5rem;
	}
}

#mydiv {
	position: absolute;
	left: 0;
	min-width: 320px;
	max-width: 640px;
	max-height: 736px;
	top: 0px;
	z-index: -1;
}

input::-webkit-input-placeholder {
	color: #b3b3b3;
}

input::-moz-placeholder {
	color: #b3b3b3;
}

input:-moz-placeholder {
	color: #b3b3b3;
}

input:-ms-input-placeholder {
	color: #b3b3b3;
}


/*公共头部*/

.header {
	background: url(../image/Bar_Pro.png) no-repeat;
	background-size: 100% 100%;
	font-size: .34rem;
	z-index: 999;
	text-align: center;
	height: .88rem;
	line-height: .88rem;
	position: fixed;
	width: 100%;
	top: 0;
}

.header.on {
	background: #0c1226;
}

.header .hele {
	width: .88rem;
	height: .88rem;
	position: absolute;
	left: 0px;
	top: 0rem;
	background: url(../image/hele.png) no-repeat center center;
	background-size: .14rem .24rem;
}

.header .hetitle {
	text-align: center;
	font-size: .42rem;
	color: #fff;
}

.header .helr {
	height: .88rem;
	line-height: .88rem;
	position: absolute;
	right: .25rem;
	font-size: .24rem;
	color: #fff;
	top:0rem;
}


/*footer*/

.footer {
	position: fixed;
	left: 0;
	bottom: -2px;
	width: 100%;
	z-index: 999;
}

.fonav {
	border-top: 1px #33000017 solid;
	height: 1.3rem;
	background: #fffc;
	overflow: hidden;
}



.fonav .foitem {
	display: block;
	width: 50%;
	text-align: center;
	color: rgb(153, 153, 153);
	float: left;
	font-size: .30rem;
	height: 1.3rem;
}
.fonav .foitem1 {
	display: block;
	width: 49%;
	text-align: center;
	color: rgb(153, 153, 153);
	float: left;
	font-size: .30rem;
	height: 1.3rem;
}
.fonav .foitem1:after {
	content: '';
	position: absolute;
	left: auto;
	top: auto;
	bottom: 19%;
	right: 51%;
	height: 62%;
	width: 1px;
	background-color: #33000017;
}

.fonav .foitem.on {
	color: rgb(223,93,47);
}

.fonav .foimg {
	display: block;
	width: .6rem;
	height: .6rem;
	margin: .09rem auto .04rem;
}
@charset "uft-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,  
form,fieldset,input,textarea,p,blockquote,th,td{  
padding:0;  
margin:0;font-size:.36rem;
}  
table{  
border-collapse:collapse;
border-spacing:0;  
}  
fieldset,img{  
border:0;  
}  
address,caption,cite,code,dfn,em,th,var{  
font-weight:normal;  
font-style:normal;  
}  
ol,ul{  
list-style:none;  
}  
h1,h2,h3,h4,h5,h6{  
font-weight:normal;  
font-size:100%;  
}  
q:before,q:after{  
content:"";
}  
abbr,acronym{border:0;} 
.left{float: left;}
.right{float: right;}
.clear { clear:both;}
.clear:after{content: '.';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.text-center{text-align: center;}
a{text-decoration: none;}
/*--custom--*/
input[type="button"],
input[type="submit"],
input[type="reset"],
select { -webkit-appearance: none; }
input[type="text"],
input[type="password"]{-webkit-appearance:none;outline:none;}
select{outline: none;}
button{outline: none;border: none;}
/*--弹出框--*/
.mask {display: none;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1000;background: rgba(0, 0, 0, .4);}
.dialog { display:none; width:100%;/* height:100%;*/ position:absolute; left:0; z-index:1001; font-size:.18rem;top:1.8rem;}
.dialog .alert { position:fixed; left:50%; top:50%; display:inline-block; background:#fff; color:#000; border-radius:8px; text-align:center;z-index:1002; height:50%; }
.dialog .dialog_content { position:fixed; left:50%; top:50%; z-index:1003;}
.dialog .dialog_bottom { position:fixed;bottom:0px;left:0px;width:100%; z-index:1003;}






.layui-layer-dialog .layui-layer-content{color:#fff;}