*{ margin:0; padding:0;}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}

img {
	border: 0;
	-webkit-touch-callout: none
}
body {
	background-color: #27282a;
	-webkit-text-size-adjust: 100%;
	width: 100%;
	color:rgb(219, 219, 219);
	font-size: 12px; font-family:'微软雅黑';
}


.main{ width:100%;}
.top img,.footer img{ width:100%; display:block; }
.footer{ margin-top:20px;}
.mid{ overflow:auto; margin:0 5px;}
.item{ float:left; width:33.33%; margin-top:20px;}
.item a{ display:block; margin:0 5px;}
.item img{ width:100%;border-radius:4px;}

.page-tit{ text-align:center;text-shadow: 0.05rem 0.05rem 0.1rem rgba(0,0,0,1);word-wrap: break-word;color:#fff; font-size:20px; margin:10px 0; font-weight:700;}
.top-txt{ text-align:center; font-size:16px;color:#fff;}
.top-txt2{text-align:center;}
.footer p{ color:#fff; padding:10px; line-height:2}
.mask{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;}
.msger{ background:#8f8493; width:80%; position:fixed; left:10%; top:20%; padding-bottom:20px;display:none;}
.msger-hd{ background:#190c0f; color:#fda029; font-weight:bold; font-size:18px; text-align:center; line-height:40px;}
.msger-hd a{ position:absolute; right:5px;top:0; height:100%; width:30px; text-align:center; font-weight:normal;}
.msger-body{ text-align:center}
.msger-body img{ width:40%; margin:0 auto 20px; display:block; box-shadow:0 0 5px rgba(255,255,255,0.8)}
.msger-body h3{ font-size:16px;color:#fda029; margin-top:10px;}
.msger-body p{ line-height:1.6; font-size:13px; text-align:left;color:#fff; padding:10px}
.msger-btm a{ margin:0 auto; text-decoration:none; border:1px solid #c87905; display:block; height:30px;background:#fda029; color:#fff; width:90px; text-align:center; line-height:30px; font-size:14px;}

.clearfix:after {     
    content: ".";   
    display: block;
    clear: both;     
    visibility: hidden; 
    height: 0;   
    font-size:0; 
}