.logo{
	position: absolute;
	width: 24.67%;
	height: 7.3%;
	top: 1.2rem;
	left: 1.2rem;
    background: url(../images/logo.png) center no-repeat;
    background-size: contain;
    z-index: 999;
}

.top_10{
    position: relative;
    width: 68.8%;
    height: 10rem;
    margin: 0 auto;
    background: url(../images/top_10.png) center no-repeat;
    background-size: contain;
    margin-top: 5.5rem;
}


.top_box{
    position: relative;
    width: 100%;
    height: 8.75rem;
    margin: 0 auto;
    background: url(../images/top_box.png) center no-repeat;
    background-size: contain;
}

// .top_icon{
//     position: absolute;
//     width: 18.6%;
//     height: 88.2%;
//     top: 10%;
//     left: 15%;
// }

.top1{
    background: url(../images/top1.png) center no-repeat;
    background-size: contain;
}

.top2{
    background: url(../images/top2.png) center no-repeat;
    background-size: contain;
}

.top3{
    background: url(../images/top3.png) center no-repeat;
    background-size: contain;
}

.top4{
    background: url(../images/top4.png) center no-repeat;
    background-size: contain;
}

.top5{
    background: url(../images/top5.png) center no-repeat;
    background-size: contain;
}

.top6{
    background: url(../images/top6.png) center no-repeat;
    background-size: contain;
}

.top7{
    background: url(../images/top7.png) center no-repeat;
    background-size: contain;
}

.top8{
    background: url(../images/top8.png) center no-repeat;
    background-size: contain;
}

.top9{
    background: url(../images/top9.png) center no-repeat;
    background-size: contain;
}


.top10{
    background: url(../images/top10.png) center no-repeat;
    background-size: contain;
}

.top_rank{
    position: absolute;
    font-size: 1.5rem;
    color: #f0ca7f;
    top: 39%;
    left: 43%;
    line-height: 2rem;
    white-space:nowrap;
}

.top_name{
	font-size: 2rem;
	font-weight: bold;
    white-space:nowrap;
}

.top_compty{
    font-size: 1.25rem;
    padding-left: 15%;
    font-weight: bold;
    white-space:nowrap;
}

.club_title{
    position: relative;
    width: 68.8%;
    height: 10rem;
    margin: 0 auto;
    background: url(../images/club_title.png) center no-repeat;
    background-size: contain;
    margin-top: 5.5rem;
}

.club_box2{
    position: relative;
    width: 100%;
    height: 6.15rem;
    margin:0 auto;
    margin-top: 1.2rem;
    background: url(../images/club_box2.png) center no-repeat;
    background-size: contain;
}

.club_box{
    position: relative;
    width: 83.2%;
    height: 100%;
    margin:0 auto;
}

.club_box li{
    position: relative;
    float: left;
    width: 16.66%;
    height: 100%;
}



.club_icon{
    position:relative;
    width: 98%;
    height:62.2%;
}

.club1{
    background: url(../images/club1.png) center no-repeat;
    background-size: contain;
}

.club2{
    background: url(../images/club2.png) center no-repeat;
    background-size: contain;
}

.club3{
    background: url(../images/club3.png) center no-repeat;
    background-size: contain;
}

.club4{
    background: url(../images/club4.png) center no-repeat;
    background-size: contain;
}

.club5{
    background: url(../images/club5.png) center no-repeat;
    background-size: contain;
}

.club_name{
    text-align: center;
    color: #f0ca7f;
    font-size: 1rem;
    font-weight: bold;
    padding-top: 5%;
}

.club_box1{
    position: relative;
    width: 100%;
    height: 4.85rem;
    margin:0 auto;
    background: url(../images/club_box1.png) center no-repeat;
    background-size: contain;
    font-size: 1.5rem;
    font-weight: bold;
    color: #f0ca7f;
    text-align: center;
    line-height: 4.85rem;
}

.club_main{
    position: relative;
    width: 49.5%;
    height: 1rem;
    background: url(../images/club_main.png) center no-repeat;
    background-size: contain;
    margin-top: 2rem;
    margin-bottom: 2rem;
    left: 10%;
}

.poup_club{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9;
}

.poup_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000;
    opacity: 0.8;
}

.club_border{
    position: relative;
    width: 84.8%;
    height: 80.76%;
    margin:0 auto;
    top: 14%;
    background: url(../images/club_border.jpg) center no-repeat;
    background-size: contain;
}

.club_back{
    position: absolute;
    width: 4.8%;
    height: 3%;
    top: 10%;
    left: 87%;
    background: url(../images/club_back.png) center no-repeat;
    background-size: contain;
}

.new_club_icon{
    position:absolute;
    width: 16%;
    height:7%;
    background: url(../images/club1.png) center no-repeat;
    background-size: contain;
    top: 2%;
    left: 11%;
}

.new_club_name{
    position: absolute;
    top: 10%;
    left: 13%;
    color: #f0ca7f;
    font-size: 1.8rem;
    font-weight: bold;
}

.new_club_add{
    position: absolute;
    top: 10%;
    left: 70%;
    color: #a27124;
    font-size: 1.8rem;
    font-weight: bold;
}

.new_club_box{
    position: absolute;
    width: 100%;
    height: 75%;
    top: 18%;
    overflow: hidden;
}

.club_each{
    position: relative;
    width: 82%;
    height: 4.3rem;
    background: url(../images/club_each.png) center no-repeat;
    background-size: contain;
    margin:0 auto;
}

.club_each li{
    position: relative;
    float: left;
    height: 100%;
    text-align: left;
    font-size: 1.5rem;
    color: #f0ca7f;
    line-height: 3rem;
}

.club_each li:nth-child(1){
    padding-left:8.4%;
    width: 34%;
}

.club_each li:nth-child(2){
    width: 34%;
}

.club_each li:nth-child(3){
    width: 22%;
    color: #a27124;
}

.home_img{
    position: relative;
    width: 78.5%;
    height: 87%;
    background: url(../images/home_img.png) center no-repeat;
    background-size: contain;
    margin: 0 auto;
    top: 8%;
    left: -10%;
}

.home_txt1{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/home_txt1.gif) center no-repeat;
    background-size: contain;
    top: 0%;
    left: 7%;
}

.home_txt2{
    position: absolute;
    width: 34.1%;
    height: 7.7%;
    background: url(../images/home_txt2.png) center no-repeat;
    background-size: contain;
    top: 76%;
    left: 44%;
}

.home_down{
    position: absolute;
    width: 8.67%;
    height: 3%;
    background: url(../images/home_down.png) center no-repeat;
    background-size: contain;
    top: 91%;
    left: 50%;
}
.return_btn,.return_btn2,.return_btn3,.return_btn4{
    position: absolute;
    top: 1.1rem;
    right: 4.3rem;
    color: white;
    z-index: 2000;
    width: 3.75rem;
    height: 3.75rem;
    background: url(../images/return_btn.png) center no-repeat;
    background-size: contain;
}
.return_btn2{
    display: none;
}
.ani{
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@keyframes aniBg{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -400px;
    }
}
@-webkit-keyframes aniBg{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -400px;
    }
}
.home_txt1_a{
    width:48px;
    height:60px;

    position: absolute;
    top: 257px;
    right: 170px;
    background: url(../images/a.png) top -100% repeat-y;
    background-size: auto 1100%;
    animation:aniBg 0.3s steps(10);
    -webkit-animation:aniBg 0.3s steps(10);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.home_txt1_a,.home_txt1_a2,.home_txt1_a3,.home_txt1_a4,.home_txt1_a5,.home_txt1_a6{
    width:38px;
    height:40px;

    position: absolute;
    top: 39%;
    right: 171px;
    background: url(../images/a.png) -100% top repeat-y;
    background-size: auto 1100%;
    animation:aniBg 0.3s steps(10);
    -webkit-animation:aniBg 0.3s steps(10);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.home_txt1_a2{
    right: 125px;
    animation:aniBg 0.3s steps(10);
    -webkit-animation:aniBg 0.3s steps(10);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.home_txt1_a3{
    top:46%;
    right:185px;
}
.home_txt1_a4{
    top:46%;
    right:83px;
}
.home_txt1_a5{
    top: 55%;
    right: 192px;
}
.home_txt1_a6{
    top: 55%;
    right: 128px;
}
@keyframes aniBg_i{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -120px;
    }
}
@-webkit-keyframes aniBg_i{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -120px;
    }
}
.home_txt1_i{
    width:48px;
    height:40px;

    position: absolute;
    top: 39%;
    right: 137px;
    background: url(../images/i.png) center -100% repeat-y;
    background-size: auto 400%;
    animation:aniBg_i 0.3s 0s steps(3);
    -webkit-animation:aniBg_i 0.3s 0s steps(3);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
@keyframes aniBg_n{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -320px;
    }
}
@-webkit-keyframes aniBg_n{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -320px;
    }
}
.home_txt1_n,.home_txt1_n2{
    width:48px;
    height:40px;

    position: absolute;
    top: 46%;
    right: 148px;
    background: url(../images/n.png) center -100% repeat-y;
    background-size: auto 900%;
    animation:aniBg_n 0.3s steps(8);
    -webkit-animation:aniBg_n 0.3s steps(8);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.home_txt1_n2{
    right: 122px;
}
@keyframes aniBg_v{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -280px;
    }
}
@-webkit-keyframes aniBg_v{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -280px;
    }
}
.home_txt1_v{
    width:48px;
    height:40px;

    position: absolute;
    top: 46%;
    right: 97px;
    background: url(../images/v.png) center -100% repeat-y;
    background-size: auto 800%;
    animation:aniBg_v 0.3s steps(7);
    -webkit-animation:aniBg_v 0.3s steps(7);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
@keyframes aniBg_l{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -160px;
    }
}
@-webkit-keyframes aniBg_l{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -160px;
    }
}
.home_txt1_l{
    width:48px;
    height:40px;
    position: absolute;
    top: 46%;
    right: 58px;
    background: url(../images/l.png) center -100% repeat-y;
    background-size: auto 500%;
    animation:aniBg_l 0.3s steps(4);
    -webkit-animation:aniBg_l 0.3s steps(4);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
@keyframes aniBg_w{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -560px;
    }
}
@-webkit-keyframes aniBg_w{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -560px;
    }
}
.home_txt1_w{
    width:48px;
    height:40px;
    position: absolute;
    top: 55%;
    right: 147px;
    background: url(../images/w.png) center -100% repeat-y;
    background-size: auto 1500%;
    animation:aniBg_w 0.3s steps(14);
    -webkit-animation:aniBg_w 0.3s steps(14);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.home_txt1_r{
    width:48px;
    height:40px;
    position: absolute;
    top: 55%;
    right: 96px;
    background: url(../images/r.png) center -100% repeat-y;
    background-size: auto 800%;
    animation:aniBg_v 0.3s steps(7);
    -webkit-animation:aniBg_v 0.3s steps(7);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.home_txt1_d{
    width:48px;
    height:40px;
    position: absolute;
    top: 55%;
    right: 72px;
    background: url(../images/d.png) center -100% repeat-y;
    background-size: auto 900%;
    animation:aniBg_n 0.3s steps(8);
    -webkit-animation:aniBg_n 0.3s steps(8);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.home_txt1_s{
    width:48px;
    height:40px;
    position: absolute;
    top: 55%;
    right: 49px;
    background: url(../images/s.png) center -100% repeat-y;
    background-size: auto 800%;
    animation:aniBg_v 0.3s steps(7);
    -webkit-animation:aniBg_v 0.3s steps(7);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
@keyframes aniBg_2{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -192px;
    }
}
@-webkit-keyframes aniBg_2{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -192px;
    }
}
.home_txt1_2{
    width:40px;
    height:32px;
    position: absolute;
    top: 64%;
    right: 168px;
    background: url(../images/2.png) center -100% repeat-y;
    background-size: auto 700%;
    animation:aniBg_2 0.3s steps(6);
    -webkit-animation:aniBg_2 0.3s steps(6);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
@keyframes aniBg_0{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -160px;
    }
}
@-webkit-keyframes aniBg_0{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -160px;
    }
}
.home_txt1_0{
    width:40px;
    height:32px;
    position: absolute;
    top: 64%;
    right: 136px;
    background: url(../images/0.png) center -100% repeat-y;
    background-size: auto 600%;
    animation:aniBg_0 0.3s steps(5);
    -webkit-animation:aniBg_0 0.3s steps(5);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
@keyframes aniBg_1{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -128px;
    }
}
@-webkit-keyframes aniBg_1{
    0%{
        background-position:center top;
    }
    100%{
        background-position:center -128px;
    }
}
.home_txt1_1{
    width:40px;
    height:32px;
    position: absolute;
    top: 64%;
    right: 110px;
    background: url(../images/1.png) center -100% repeat-y;
    background-size: auto 500%;
    animation:aniBg_1 0.3s steps(4);
    -webkit-animation:aniBg_1 0.3s steps(4);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.home_txt1_6{
    width:40px;
    height:32px;
    position: absolute;
    top: 64%;
    right: 83px;
    background: url(../images/6.png) center -100% repeat-y;
    background-size: auto 500%;
    animation:aniBg_1 0.3s steps(4);
    -webkit-animation:aniBg_1 0.3s steps(4);
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.p0 .txt{
    display:none;
}