@media screen and (min-width:320px){html{font-size:43px;height: 100%;}}
@media screen and (min-width:360px){html{font-size:48px;height: 100%;}}
@media screen and (min-width:375px){html{font-size:50px;height: 100%;}}
@media screen and (min-width:414px){html{font-size:55px;height: 100%;}}
@media screen and (min-width:424px){html{font-size:57px;height: 100%;}}
@media screen and (min-width:480px){html{font-size:64px;height: 100%;}}
body{
	width:100%;
	height: 100%;
	font-size: .28rem;
	min-width: 320px;
	color:#333;
}

.wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
}
.logo-box {
    width: 100%;
    background: #ffde55;
    margin-bottom: .8rem;
}
.logo {
    width: 2rem;
    height: 3.2rem;
    margin: 0 auto;
    padding-top: .7rem;
}
.logo img {
    width: 2rem;
}
.download a {
    display: block;
    margin: 0 auto .3rem;
    width: 3rem;
    height: .66rem;
    line-height: .66rem;
    text-align: center;
    color: #ffffff;
    font-size: .28rem;
    background: #ffde55;
    border-radius: .33rem;
}
.desc-box {
    width: 100%;
    padding: 0 16%;
    margin-top: .5rem;
}
.desc-item {
    padding-top: .3rem;
    width: 50%;
    float: left;
    text-align: center;
}
.desc-item .share_icon:before {
    margin-bottom: .1rem;
    display: inline-block;
    font-size: .5rem;
    color:#ffde55;
}
.desc-item p:first-of-type {
    color: #000000;
    font-size: .25rem;
}
.desc-item p:last-of-type {
    color: #666666;
    font-size: .2rem;
}
.share_des{
	color:#666;
	font-size:.22rem;
}
.foot{
	color: #ccc;
    font-size: .3rem;
    background-color: #fff;
    padding: .25rem 1rem;
    border-top: 1px solid #efefef;
    position: absolute;
    width: 100%;
    left: 0;
    bottom:0;
    z-index: 10;
}
.foot div{
	text-align: center;
}