html, body{width: 100%;font-size: 4vw;}

@media screen and (min-width: 500px) {
    html, body {
        width: 500px;
        font-size: 20px;
        margin: 0rem auto;
        border: solid 1px #EEE;
    }
}

.header{width: 100%;position: relative;}
.header .background img{width: 100%;}

.header .caption{
  width: 100%;position: absolute;bottom: 6rem;
}

.code_warp{width:50%; text-align:center; background:#FFF; margin:0rem auto; padding:1rem; font-size: .8rem;}
.code_warp .code canvas{ width: 100%; margin-bottom: 1rem;}

.header .brand{width:80%; margin:0px auto; font-size:1.5rem; line-height:1.9rem}
.header .brand img{width:10%; float:left; margin-right:1rem;}

.header .caption .logo{ text-align: center;}
.header .caption .logo img{width: 15%; margin: 0rem auto;}
.header .caption .title{ text-align: center; margin: 1rem 0rem; font-size: 1.3rem;}
.header .caption .content{ width: 80%; margin: 0rem auto; font-size: .9rem; color: #666;}
.header .caption .content p{ margin: 0.3rem 0rem; line-height: 1.4rem;}

.header .enter{width: 100%;position: absolute;bottom: 2rem;text-align: center;}
.header .enter .item{background: #000;border-radius: 1.5rem;padding: 0.7rem 1rem; opacity:0.7; margin: 0rem 1rem;color: #FFF; text-decoration: none;display: inline-block;}
.header .enter .red{background: #F00;}

.description{width: 80%;margin: 2rem auto;font-size: 1.0rem; text-indent: 2rem; color: #555;}

.download{width:80%; margin: 2rem auto; text-align: center;}
.download .item{background: #F00;border-radius: 1.5rem;padding: 0.7rem 1rem; opacity:0.8; margin: 0rem 1rem;color: #FFF; text-decoration: none; display: inline-block;}

.block{width: 80%; margin: 2rem auto; }
.block .caption{ font-size: 1.3rem; margin-bottom: 2rem;}
.block p{ font-size: .8rem; color: #666; margin-top: 1rem}

.group{width: 80%;  margin: 0rem auto;}
.group .item{ border: solid 1px #EEE;  border-radius: .7rem;  margin: 1.2rem 0rem;  font-size: 1.0rem;}
.group .item a{color: #666;  text-decoration: none;}
.group .item i{width: 2.0rem;  height: 2.0rem;  margin: .6rem;  float: left;}
.group .item i img{width: 100%;}
.group .item p{margin: 0rem;  height: 3.2rem;  line-height: 3.2rem;}

.footer{background: #ffda1a;}
.footer .container{width: 80%;  margin: 0rem auto; padding: 1.5rem 0rem; text-align: center;  font-size: .8rem;  color: #444;}
.footer .statement{margin-bottom: .2rem;}
.footer .copyright{}