@charset "utf-8";
/* ui7 1.1 */
 body{margin: 0; color: #444; font-family:黑体; line-height: 1.6; background: #f5f5f5;}
 ul, ol{margin: 0; padding-left: 0; list-style: none;}
 ul li, ol li{vertical-align: middle;}
 dl,  p{margin: 0;} dd{margin-left: 0;}
 h1, h2, h3, h4, h5, h6{margin: 0; font-weight: normal;}
 strong{ font-weight: bold; }
 em {font-style: italic;}
 img{ display: block; border: 0;}
 a, a:link, a:visited, a:active, a:hover{text-decoration:none;} a{color: #444;}
 a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,.2);font-family:'PingFang SC', 'Myriad Pro', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;}
 select{-webkit-appearance: none; -moz-appearance: none;}
 input[type="submit"]{cursor:pointer;}
 input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"]{-webkit-tap-highlight-color:rgba(0,0,0,0);}
 input:focus, select:focus, textarea:focus, button:focus{outline: none;}
 input, textarea{padding: 0; font-size: .875rem; border-radius: 0; border: 0; resize: none;}
 textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
 em,i{font-style: normal;}
 table {border-collapse: collapse;}

 .red{color: #f34540;}


/* -------------- 微商截图王 2017-09-14 -------------- */


.container{margin: 0 auto; padding:15% 0 8% 0;  position: relative;background: url(../images/top_tag.png)no-repeat top left  #f1eee5; background-size:78px 77px;font-family:黑体;}
.container .logo .avatar{margin: 0 auto;width: 90px;height: 90px;display: block;}
.container .content{text-align: center;}
.container .content h2{font-size: 25px; line-height:30px;color: #000; margin: 6% 0 1% 0;font-weight: bold;letter-spacing: 2px;font-family:黑体;}
.container .content .red{font-size: 13px; line-height: 20px; padding: 0;}
.container .content p{font-size: 15px; margin: 0 12%; width: 76%; padding:30px 0;font-family:黑体;}
.container .down{margin: 0 18%;}
.container .down a{height: 50px;line-height: 50px;display: block;text-align: center;border-radius: 10px;background: #202020;color: #fff;}
.container .down a i{background: url(../images/download_icon.png) no-repeat;background-size: 22px 22px;display: inline-block;position: relative;margin-right: 6px;top: 2px;}
.container .down a i.icon-ios{width:22px ; height: 22px;background-position: 0px 0;}
.container .down a i.icon-android{width:22px ; height: 22px;background-position: 0 0;top: 5px;}
.container .iphone{margin-top: 12%;}
.container .iphone img{max-width: 100%;display: block;margin: 0 auto;}
.container .qrcode{text-align: center;margin-top: 35px;}
.container .qrcode span{display: block;font-size: 16px;margin-bottom: 10px;font-family:黑体;}
.container .qrcode p{font-size: 13px;}
.container .qrcode p img{max-width: 50%;display: block;margin: 0 auto;margin-top: 20px;}


/*电脑访问优化*/
@media only screen and (min-width: 1024px){
	html{position: relative; width: 375px; height: 100%; margin: 0 auto; background: #ccc;}
	body{background: #eaeaea; height: 100%;}
	}
	
	
	.clearfix:before, .clearfix:after {
	  content: "";
	  display: table;
	}
	
	.clearfix:after {
	  clear: both;
	}
	
	.clearfix {
	  zoom: 1;
	}


	/* wx-icon-layer */
.whitedrop{ position: fixed; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.7); }
.wx-load{ position: fixed; right: 0; top: 0; z-index: 9; }
.wx-load i{ display: block; position: absolute; right: 25px; top: 15px; width: 200px; height: 115px; background-size: 200px 115px; }
.wx-load i.IOS-load-icon{ background-image: url('ios-load.png'); }
.wx-load i.IOS-share-icon{ background-image: url('ios-share.png'); }
.wx-load i.android-load-icon{ background-image: url('android-load.png'); }
.wx-load i.android-share-icon{ background-image: url('android-share.png'); }