/*! reset.css*/
body{margin: 0; padding: 0;color: #666666; font-family: Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑",STHeiti,"华文细黑",sans-serif; font-size: 14px; background:#fff;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0}
iframe{}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}

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


a{color: #84a3e3; cursor: pointer; text-decoration: none; transition: all 0.15s ease-out 0s;}


/*****/

.grey-cover{display: none; width: 100%; height: 150%; background: rgba(0,0,0,.85); position: absolute; left: 0; top: 0; z-index: 9999; overflow: hidden;}
.grey-cover div{position: fixed;  top: 10px; width: 85%; z-index: 10000; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat;}
.guide-android-download{padding-top: 46.7%; background-image: url(images/android-download.png); display: none; right: 20px;}
.guide-IOS-download{padding-top: 45.5%;right: 0px; background-image: url(images/ios_download.png); display: none;}


/*.app-down{width: 1120px; margin: 0 auto;}*/
.app-top{border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0; padding: 40px 0 35px; width: 100%; background: #F0F0F0; background-image: linear-gradient(#eee, #f5f5f5);}
.app-top .a-content{width: 1120px; margin: 0 auto}
.app-top .a-left{float: left;}
.app-top .a-right{float: right; width: 393px; padding-top: 80px;}
.app-top .app-title{margin: 0 0 14px; }
.app-top .app-title .app-icon{width: 97px; height: 97px; float: left; margin-right: 20px;}
.app-top .app-title h2{font-size: 24px; display: inline-block; vertical-align: middle; color: #616161; line-height: 97px;}
.app-top .app-title p{display: none;}
.app-top .a-right p.summary{margin: 0 0 31px; line-height: 2.15; color: #999;}

.app-img{display: flex; width: 100%; overflow-x: auto;}
.app-img li{float: left; margin-left: 65px; border: 1px solid #d6d6d6;}

.app-img li.first-li{margin-left: 0;}


.download-btn a{width: 150px; height: 50px; line-height: 50px; display: inline-block; margin-left: 20px; color: grey; text-align: center; font-size: 16px; vertical-align: middle; background-color: #faffa; box-shadow: inset 0 0 0 1px #e6e6e6; background-image: -webkit-linear-gradient(#fafafa,#f9f9f9); background-image: linear-gradient(#fafafa,#f9f9f9); border-radius: 6px;}

.download-btn a.first-a{margin-left: 0;}
.download-btn a.mobile{display: none;}
.download-btn a:hover{background: #EEEEEE; box-shadow: 0 0 0 1px #e0e0e0 inset;}


.app-mid{background: #fff; padding: 80px 0; text-align: center;}
.app-mid .a-mid-content{ width: 1120px; margin: 0 auto;}
.app-img li img{width:229px; height: 408px;}

.mobile-box{display: none;}
.app-bot{padding: 80px 0; border-top: 1px solid #eee; width: 1120px; margin: 0 auto;}
.app-bot .feature-content{float: left; width: 480px;}
.app-bot .feature-content:nth-child(2n){float: right;}
.app-bot .feature-content .aa-title{border-bottom: 1px solid #eee; height: 40px;}
.app-bot h3{font-size: 18px; line-height: 1; color: #616161; padding: 0 0 20px 11px;  float: left; text-align: left; padding: 0 0 20px 11px;} 
.app-bot h4{text-align: right; font-size: 12px; color: #bdbdbd; float: right;}
.app-bot ul{margin-top: 17px;}
.app-bot li{font-size: 13px; color: #999;  margin-bottom: 6px; padding-left: 13px; position: relative; } 

.app-bot li::before{content: ""; width: 3px; height: 3px; left: 0; top: 8px; background: #999; border-radius: 50%; position: absolute;}

.app-bot li>div{padding-left: 50px;}
.app-bot li>div>p{font-size: 13px; color: #999; line-height: 18px}
@media screen and (max-width:736px) and (max-device-width:736px),
screen and (max-width:736px) and (-webkit-min-device-pixel-ratio:2.0) {
	body{ background: #f6f6f6; overflow-x: hidden;}
	.app-top{padding: 13px 18px 20px; box-sizing: border-box; background: #f6f6f6; position: relative;}
	.app-top .a-content{width: 100%; padding-left: 119px; box-sizing: border-box;}
	.app-top .a-left{display: none !important;}
	.app-top .a-right{width: 100%; float: none; padding-top: 0;}	
	.app-top .app-title .app-icon{position:absolute; left:20px; top:28px;width: 90px; height: 90px; padding-right: 25px; margin-right: 0;}
	.app-top .app-title .app-icon img{width: 90px; height: 90px;}
	.app-top .a-right p.summary{display: none;}
	
	.app-top .app-title h2{color: #515151; font-size: 18px; padding-top: 18px; line-height: 1;}
	.app-top .app-title p{display: block; font-size: 12px; padding-top: 6px; color: #999;}
	
	
	.download-btn a{display: none;}
	.download-btn a.mobile{display: block; width: 82px; color: #515151; font-size: 12px; line-height: 33px; height: 32px; border-radius: 4px; margin-left: 0;}
	
	.app-mid{padding: 20px 0; background: #fff; }
	.app-mid .a-mid-content{ height:182px;overflow-x: auto; -webkit-overflow-scrolling:touch;width: 100%; box-sizing: border-box;}
	.app-img{width: 540px; padding: 0 18px;  height: 182px;}
	.app-img li{width: 102px; height: 182px; margin-left: 6px;}
	.app-img li.first-li{margin-left: 0px;}
	.app-img li img{width: 102px; height: 182px;}
	
	.app-bot{display: none;}
	
	.app-wrap .mobile-box{background: #f6f6f6; display: block; margin: 20px 0 0 18px; padding: 0 18px 20px 0; border-bottom: 1px solid #E6E6E6; overflow: auto; zoom: 1; box-sizing: border-box;}
	.app-wrap .mobile-box h3{flex-basis: 15px; color: #333; line-height: 1;}
	.app-wrap .mobile-box div{padding-left: 0px}
	.app-wrap .mobile-box p{margin-top: 10px; line-height: 1.8; font-size: 12px; color: #999; text-align: justify;}
	.app-wrap .mobile-box div>p{line-height: 1.6; margin-top: 0}
	.feature-content-mobile ul,.features-mobile ul{margin-top: 10px;}
	.feature-content-mobile ul li{font-size: 12px; line-height: 1.8; color: #999;}
	.features-mobile ul li{line-height: 22px;}
	.features-mobile ul li h4{display: inline-block; width: 70px; font-size: 13px; color: #999;}
	.features-mobile ul li span{font-size: 13px; color: #323232;}
	
}