.header {
	height: 1.38rem;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999999;
	background-color: #333333;
}


.header .overlay {
	top: 1.38rem;
}

.logo {
	float: left;
	text-align: center;
	margin: 0;
}

.header .logo {
	position: absolute;
	top: 50%;
	margin-top: -.35rem;
	left: 15px;
	width: 2.78rem;
	height: .7rem;
	background-image: url(../img/logo2.png);
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.header .back{
	position: absolute;
	top: 50%;
	margin-top: -.35rem;
	left: 15px;	
	height: .7rem;
	color: #fff;
	font-size: .45rem;
	line-height: .7rem;	
}
.header .back .iconfont{
	color:#fff;
	font-size: .5rem;
	line-height: .7rem;
	margin-right:.2rem;
}
.head-login{
	display: block;	
	width: .6rem;
	height: .6rem;
	position: absolute;
	top:50%;
	margin-top:-.35rem;
	right:1.30rem;
	background-position: center;	
	background-repeat: no-repeat;
	background-image: url(../img/ico/ico_user.html);
	-webkit-background-size: 100%;
	background-size: 100%;
}

.menuicon{float:right;display:block;width:.8rem;height:1.38rem;cursor: pointer;margin-right: 15px;transition: transform 0.2s ease-in-out 0s;}
.menuicon span, .menuicon span::before, .menuicon span::after {
    right: 0;
    position: absolute;
    display: block;
    width: .8rem;
    height: 2px;
    cursor: pointer;
    content: '';
    background-color: #fff;
    border-radius: 1px;
	opacity: 1;
    transition: all .3s;
}
.menuicon span {margin-top: 0.65rem;margin-right: 15px;}
.menuicon span::before {top: -10px;}
.menuicon span::after {bottom: -10px;}

.drawer-open span {background-color: transparent;transition: all .3s;}
.drawer-open span::before {transform: rotate(45deg);}
.drawer-open span::after {transform: rotate(-45deg);}
.drawer-open span::before, .drawer-open span::after {top: 0;}

.overlay.hide{
	display: none;
}
.header-nav.hide {
	top: -20rem;
}

.header-nav {
	background-color: #fff;
	position: absolute;
	top: 1.38rem;
	right: 0;
	width: 100%;
	z-index: 1000;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
}

.header-nav ul li {
	position: relative;
	margin-bottom: 0;
	width: 100%;
	line-height: 42px;
	list-style: none;
	font-size: 14px;
	cursor: pointer;
}

.header-nav ul li:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	pointer-events: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	.header-nav ul li:before {
		width: 200%;
		height: 200%;
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}

.header-nav ul li.toggle>a {
	position: relative;
}

.header-nav ul li.toggle>a:after {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 16px;
	height: 16px;
	margin: -8px 0 0;
	content: '';
	background: url(../img/unfold.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.header-nav ul li:last-child:before {
	border-bottom: none;
}

.header-nav ul li>a {
	display: block;
	padding: 0 15px;
	color: #777;
}

.header-nav dl>dt{
	display: block;
	line-height: 30px;
	padding-left: 14px;
	color: #282828;
	font-weight: bold;
}
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 999;
	-webkit-transition: 0.1s opacity linear;
	transition: 0.1s opacity linear;
}

.header-nav.show,
.header-nav.show~.overlay {
	display: block;
}

.header~.ui-content {
	margin-top: 1.38rem;
	margin-bottom:50px;
}

.header .subnav {
	display: none;
	background-color: #f1f1f1;	
}
.header .subnav dd{
	height: 30px;
	line-height: 30px;
	overflow: hidden;	
}
.header .subnav a {
	display: block;
	padding-left: 20px;
}

.header .subnav a:active {
	background-color: #e5e5e5;
}

.header .subnav .stit {
	font-size: 12px;
	margin-left: 8px;
}

/*footer*/
.footer{
	height: auto;
	background: #3f3c3a;
	padding:.5rem 5px;
	text-align: center;
	font-size: 12px;
	line-height: 1.5;	
	color:rgba(255,255,255,.4)!important;
	margin-bottom: 50px;
}

/*ui-footer*/
.ui-footer{
	position: fixed;
    width: 100%;
    height: 50px;
    z-index: 100;
    left: 0;
    bottom: 0;
    background:#fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex; 
    -moz-box-shadow:-1px -3px 3px rgba(0,0,0,.1)!important;
     -webkit-box-shadow:-1px -3px 3px rgba(0,0,0,.1)!important;
      box-shadow:-1px -3px 3px rgba(0,0,0,.1)!important;
}
.ui-footer .footer-reg {
    background: #F8B600;
    color: #fff;
}
.ui-footer .ui-flex {
    height: 100%;
    
}
.ui-footer .ui-f-item{
	  width: .1px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;       
    color: #888;
    line-height: 1.2;
    font-size: 12px;
    text-align: center;
    padding:.3rem 0;
}
.ui-footer .ui-f-item .text{
	color: #333;
}
.ui-footer .ui-f-item .iconfont{
	font-size: .5rem;
	line-height: 1.2;
}
.ui-footer .ui-col-2{
	 width: .2px;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    flex: 2;               
}
.ui-footer .ui-zx{
	background: #fe8c12;
    color: #fff;
    font-size: 16px;  
    line-height: 2;
    -webkit-box-align: center;
    -webkit-box-pack: center;    
    
}

#mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7)!important;
	background: #000;
	filter: alpha(opacity=70);
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	zoom: 1;
	display: none;
}

.register-alert-box {
	width: 80%;		
	background: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -40%;
	margin-top: -150px;
	z-index: 9999;
	padding: 15px 15px 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: none;
}

.register-alert-box .img {
	width: 180px;
	height: 140px;
	margin: 0 auto;
}

.register-alert-box .img img {
	width: 100%;
	height: 100%;
}

.register-alert-box .txt {
	margin-top: 20px;
	text-align: center;
}

.register-alert-box .txt p {
	line-height: 30px;
	font-size: 15px;
	color: #666666;
}

.register-alert-box .txt p em {
	font-weight: bold;
	font-style: normal;
	color: #f94865;
}

.register-alert-box .close {
	margin: 15px auto 0;
	width: 80%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	background-color: #fd6e50;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}