html{font-size:36px}body{display:block;margin:0;background-color:#201742}.section{display:flex;flex-direction:column;align-items:center;text-align:center}.img{max-width:750px;width:100%}.btn-div{position:absolute;max-width:388px;width:100%;left:50%;top:0}.video-div{position:absolute;max-width:696px;width:100%;left:50%;bottom:7%}.btn{position:relative;left:-10%;top:20px;width:69%}video{position:relative;left:-50%;width:100%}.btn{cursor:pointer}.btn-section{position:relative}@media screen and (max-width:750px){.btn-div{max-width:55vw}.video-div{max-width:93vw}}.yu{height:.693333rem;padding:0 .2rem;line-height:.693333rem;position:absolute;top:4.3rem;background-color:rgba(37,30,74,.8);border-radius:1rem;z-index:11111;padding-left:0;font-size:.32rem;color:#e7e2ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap}.yu span{margin-left:.2rem}.po1{left:100%;top:2.5rem;animation:mymove 13s infinite;-webkit-animation:mymove 13s infinite}@-webkit-keyframes mymove{from{left:100%}to{left:-100%}}@keyframes mymove{from{left:100%}to{left:-100%}}.po2{left:117%;top:3.5rem;animation:mymove 14s infinite;-webkit-animation:mymove 14s infinite}.po3{left:130%;top:4.5rem;animation:mymove 15s infinite;-webkit-animation:mymove 15s infinite}.po4{left:108%;top:5.5rem;animation:mymove 20s infinite;-webkit-animation:mymove 20s infinite}.po5{left:101%;top:6.5rem;animation:mymove 15s infinite;-webkit-animation:mymove 15s infinite}.po6{left:106%;top:2.5rem;animation:mymove 10s 3s infinite;-webkit-animation:mymove 10s 3s infinite}.po7{left:140%;top:3.5rem;animation:mymove 15s 3.5s infinite;-webkit-animation:mymove 15s 3.5s infinite}.po8{left:120%;top:4.5rem;animation:mymove 15s 4s infinite;-webkit-animation:mymove 15s 4s infinite}.po9{left:110%;top:5.5rem;animation:mymove 12s 4.5s infinite;-webkit-animation:mymove 12s 4.5s infinite}.po10{left:160%;top:6.5rem;animation:mymove 15s 5s infinite;-webkit-animation:mymove 15s 5s infinite}.po11{left:120%;top:2.5rem;animation:mymove 20s 6s infinite;-webkit-animation:mymove 20s 6s infinite}.po12{left:110%;top:3.5rem;animation:mymove 15s 6.5s infinite;-webkit-animation:mymove 15s 6.5s infinite}.po13{left:130%;top:4.5rem;animation:mymove 15s 7s infinite;-webkit-animation:mymove 15s 7s infinite}.po14{left:150%;top:5.5rem;animation:mymove 15s 7.5s infinite;-webkit-animation:mymove 15s 7.5s infinite}.po15{left:140%;top:6.5rem;animation:mymove 15s 8s infinite;-webkit-animation:mymove 15s 8s infinite}.yu img{width:.693333rem;height:.693333rem;border-radius:50%}

.d_down {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.77);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.down_ico {
    margin: 0.25rem;
    width: 2.5rem;
    float: left;
    height: auto;
}
.ico_img {
    height: 2.5rem;
    width: 2.5rem;
}
.down_ico img {
    width: 100%;
    height: 100%;
}
.down_title {
    width: 3rem;
    height: 100%;
    flex: 1;
}
.titleh3 {
    margin-top: 0.7rem;
    font-size: 0.8rem;
}
.titlespan {
    margin-top: 0.2rem;
    font-size: 0.4rem;
}
.gobotton {
    display: block;
    width: 3.5rem;
    height: 1.6rem;
    line-height: 1.5rem;
    background: #43c117;
    color: #fff;
    text-align: center;
    font-size: 0.8rem;
    border-radius: 0.08rem;
    margin: 25px;
}
.down_frame {
    display: flex;
    justify-content:space-between;
    width: 4rem;
}
.downbutton {
    display: block;
    width: 2.8rem;
    height: 1.28rem;
    line-height: 1.3rem;
    background: #43c117;
    color: #fff;
    text-align: center;
    font-size: 0.64rem;
    border-radius: 0.08rem;
    margin-right: 4px;
}
.registerbutton {
    display: block;
    width: 2.8rem;
    height: 1.28rem;
    line-height: 1.3rem;
    background: #ffa315;
    color: #fff;
    text-align: center;
    font-size: 0.64rem;
    border-radius: 0.08rem;
    margin-right: 10px;
}
.game_code{
    font-size: 0.55rem;
    margin-bottom: 10px;
}
.downregister{
    display: flex;
    justify-content:flex-end;
}

.first-page {
    position: relative;
    margin-bottom: 0.0rem;
}

.top-btn-frame {
    position: absolute;
    display: flex;
    top: 0.6rem;
    right: auto;
}

.top-img {
    width: 2.9rem;
    padding: 0.1rem;
    height: intrinsic;
}

.middle-btn-frame {
    width: 100%;
    position: absolute;
    display: flex;
    top: 19.5rem;
    justify-content: space-around;
}

.middle-img {
    width: 10rem;
    padding: 0.1rem;
    height: intrinsic;
}