html,body{
	margin:0;
	padding:0;
	height:100%
}	
body::after{
	opacity:0.22;
}
body, button, input, select, textarea {
	font: 12px/1.5 tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;
}		
.hw-bg-green{
	background-color: #2aae67;
}
.hw-bg-pink{
	background: 0 -150px repeat-y url(//gw.alicdn.com/imgextra/i4/O1CN01zqScYp1Yk0vZHfXJT_!!6000000003096-2-tps-1490-2984.png);
	background-size: cover;
	overflow-x: hidden;			
}

*{
	margin: 0;
	padding: 0;
}
iframe{
	height:100%;
	width:100%;
	margin:0px; 
	padding:0px;
}

.hw-pc{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -55%);
	-moz-transform: translate(-50%, -55%);
	-ms-transform: translate(-50%, -55%);
	-o-transform: translate(-50%, -55%);
	transform: translate(-50%, -55%);
	width:800px;
	height:550px;

}

.hw-pc .iframe{
	height:550px;
}
.hw-pc .iframe .iframe-pc{
	border-radius: 2px;
	box-shadow:0px 4px 8px 5px rgba(0,0,0,0.2);
}
.hw-pc .hw-bar{
		margin-top:8px;
}

 
.hw-mobile,.hw-list {
		display:none;
  		max-height:460px;
  		overflow:auto;
}
	
@media (max-width: 800px) {
	.hw-pc{
		display:none;
	}


	.hw-list .layui-nav {
		text-align:center;
	
	}

	.hw-list .layui-nav .layui-nav-item {
		position: inherit;
		display: block;
	}	
	
	.hw-mobile{
		display:block;
	}
	.hw-mobile .hw-bottom-bar{
		position:absolute;
		background-color:#EFEFEF;
		height:58px;
		bottom:0px;
		width:100%
	}	
	.hw-mobile .hw-bottom-bar .layui-tab-title{
		height:100%
	}
	.hw-mobile .hw-bottom-bar .layui-tab-title li {
		line-height:58px;
	
	}
	.hw-mobile .hw-bottom-bar .layui-tab-title .hw-right{
		float:right;
	}

	.hw-mobile .hw-bottom-bar .layui-tab-title .layui-this{
		background-color:#fff;
		
	}
	.hw-mobile .hw-bottom-bar .layui-tab-title .layui-this:after{
		height:100%;
		
		color:#555;
	}
	.hw-mobile .layui-tab{
		margin: 0;
	}
	.hw-mobile .layui-tab-card{
		border-width:0px;
	}
	.hw-mobile  .layui-tab-card .layui-tab-content{
		width:100%;
		padding:0;
		position:fixed;
		background-color:#EFEFEF;
	}
	.hw-mobile  .layui-tab-card .layui-tab-content {
		height: calc(100% - 58px);padding:0px; margin:0px; background:#efefef;
	}
	.hw-mobile  .layui-tab-card .layui-tab-content .layui-tab-item{
		height:100%;
	aaoverflow: auto;
a			a	-webkit-overflow-scrolling: touch; 
	}			
}