/* CSS Document */
*{padding:0;margin:0}
body{height:100%;width:100%;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;overflow:hidden}
html{font-size:100px;}

.clear{clear:both}
.off{display: none}

ul li{list-style:none}
.picDiv{width:100%;height:100%;overflow:hidden}
.imgDiv{text-align:center;width:200%;margin-left:-50%;height:100%;overflow:hidden;background:#fff;position:relative}
.imgDiv .img{height:100%}
.bg1{width:100%;height:100%;overflow:hidden;background:#fff;z-index:1;position:fixed;bottom:0;display:block}
.button1{width:34%;position:absolute;top:61%;left:33%}
.button2{width:34%;position:absolute;top:74%;left:33%}
.button3{width:34%;position:absolute;top:64%;left:33%}
.button4{width:34%;position:absolute;top:60%;left:33%}
.button5{width:39%;position:absolute;top:74%;left:30.5%}
.button1 img,.button2 img,.button3 img,.button4 img,.button5 img{width:100%}
.d86{width:86%;position:absolute;top:2rem;left:7%;overflow:hidden}
h1{width:100%;font-family:"Microsoft YaHei";font-size:0.3rem;color:#505050;line-height:0.5rem}
.list{width:100%;margin-top:0.5rem}
.list li{width:93%;font-size:0.3rem;color:#505050;background:url(num_off.png) no-repeat 0 0.06rem;background-size:5% auto;line-height:0.4rem;margin-bottom:0.3rem;padding-left:7%}
@media screen and (min-width:360px) {
.button1{top:62.5%}
.button2{top:74.5%}
.button3{top:65.5%}
.button4{top:61.5%}
}
@media screen and (min-width:375px) {
.button1{top:63%}
.button3{top:66%}
.button4{top:62%}
}
@media screen and (min-width:414px) {
.button1{top:64.5%}
.button3{top:67.5%}
.button4{top:63.5%}
}