*{margin:0;padding:0}
li{list-style:none}
img{vertical-align:top;border:none}
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
/* 重置列表元素 */
ul, ol { list-style: none; }
/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

button{
	border: none;
	background: none;
	list-style: none;
	list-style-type: none;
}

html,body{
	width: 100%;
	height: 100%;
	background: #ffffff;
}


#download{
	width: 100%;
	height: 100%;
	background: #ffffff;
    overflow-x: hidden;
}
#download .logo{
    width: 26%;
    padding: 4% 37% 0;
}
#download .name{
    font-family: "PingFang-SC-Regular","Microsoft YaHei";
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #000;
    padding: 1% 0;
}
#download ul{
    margin: 3% 6%;
    width: 88%;
    height: 2px;
}
#download ul li{
    width: 50%;
    height: 100%;
    float: left;
    background: #fff;
}
#download ul li:nth-child(1){
    background: #f66b4a;
}
#download ul li:nth-child(2){
    background: #f66b4a;
}
#download ul li:nth-child(3){
    background: #f66b4a;
}
#download ul li:nth-child(4){
    background: #f66b4a;
}
#download .icon{
    width: 70%;
    padding: 6% 15% 0;
}
#download .android,
#download .ios{
    width: 54%;
    margin: 5% auto 0;
    position: relative;
    max-width: 500px;
}

#download .loading{
    margin: 5% auto 0;
    max-width: 80px;
}
#download .loading img{
    width: 100%;
}

#download .android img,
#download .ios img{
    width: 100%;
}
#download .android a,
#download .ios a{
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
#wechat{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0,0,0,.7);
    overflow-x: hidden;
}
#wechat img{
    width: 30%;
    padding: 5% 67% 6%;
}
#wechat p{
    font-family: "PingFang-SC-Regular","Microsoft YaHei";
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 34px;
}
.attention{
    font-family: "PingFang-SC-Regular","Microsoft YaHei";
    padding: 3% 5% 5%;
    font-size: 11px;
    color: #999;
    text-align: center;
    line-height: 20px;
}



@media screen and (max-width: 374px) {

}

@media screen and (min-width: 411px) {

}

@media only screen and (device-width:375px) and (-webkit-device-pixel-ratio: 3) {

}