.p1{
    background:#000 url(../images/2.0/loading_bg.jpg)  center no-repeat;
    background-size: auto 100%;
}

.logo{
	position: absolute;
	width: 24.67%;
	height: 7.3%;
	top: 0.15rem;
	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: 15rem;
    margin: 0 auto;
    background: url(../images/top_10.png) center no-repeat;
    background-size: contain;
    margin-top: 2.5rem;
    margin-bottom: -2rem;
}


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

.top_icon{
    position: absolute;
    width: 18.6%;
    height: 88.2%;
    bottom:0.9%;
    left: 15%;
}

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

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

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

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

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

.top6{
    background: url(../images/top6.png) center bottom no-repeat;
    background-size: contain;
    width: 22%;
    left: 13%;
}

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

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

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


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

.top_rank{
    position: absolute;
    font-size: 21px;
    color: #AA8030;
    top: 43%;
    left: 43%;
    line-height: 27px;
    white-space: nowrap;
}

.top_name{
	font-size: 27px;
	font-weight: bold;
    white-space:nowrap;
}

.top_compty{
    font-size: 17px;
    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%;
}
div.new_club2{
    background: url(../images/club4.png) center no-repeat;
    background-size: contain;
}
div.new_club3{
    background: url(../images/club5.png) center no-repeat;
    background-size: contain;
}
div.new_club4{
    background: url(../images/club3.png) center no-repeat;
    background-size: contain;
}
div.new_club5{
    background: url(../images/club2.png) center no-repeat;
    background-size: contain;
}

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

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

.new_club_box{
    position: absolute;
    width: 100%;
    height: 74%;
    top: 26%;
    overflow: scroll;
}

.club_each{
    position: relative;
    width: 82%;
    height: 3.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.3rem;
    color: white;
    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: white;
}

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

.home_txt1{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/home_txt1.gif) center bottom 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 bottom no-repeat;
    background-size: contain;
    top: 72%;
    left: 50%;
}

.home_down{
    position: absolute;
    width: 8.67%;
    height: 3%;
    background: url(../images/home_down.png) center bottom no-repeat;
    background-size: contain;
    top: 86%;
    left: 50%;
    display: none;
}

.yinjian .top_10 {
    background: url(../images/person20.png) center bottom no-repeat;
    background-size: contain;
}
.yinjian .top1 {
    background: url(../images/yinjian_img1.png) center top no-repeat;
    background-size:auto 100%;
}
.yinjian .top2 {
    background: url(../images/yinjian_img2.png) center top no-repeat;
    background-size:auto 100%;
    // top: 9%;
}
.yinjian .top3 {
    background: url(../images/yinjian_img3.png) center top no-repeat;
    background-size:auto 100%;
}

.geren .top_10 {
    background: url(../images/geren20.png) center bottom no-repeat;
    background-size: contain;
}
.geren .top1 {
    background: url(../images/geren_img1.png) center top no-repeat;
    background-size:auto 100%;
    // bottom: 0.7%;
}
.geren .top2 {
    background: url(../images/geren_img2.png) center top no-repeat;
    background-size:auto 100%;
    // width: 21%;
    // left: 13%;
}
.geren .top3 {
    background: url(../images/geren_img3.png) center top no-repeat;
    background-size:auto 100%;
    // top:14%;
}
.xinjing .top_10 {
    background: url(../images/xinjing10.png) center bottom no-repeat;
    background-size: contain;
}
.xinjing .top1 {
    background: url(../images/xinjing_img1.png) center top no-repeat;
    background-size:auto 100%;
}
.xinjing .top2 {
    background: url(../images/xinjing_img2.png) center top no-repeat;
    background-size:auto 100%;
    // top:13%;
}
.xinjing .top3 {
    background: url(../images/xinjing_img3.png) center top no-repeat;
    background-size:auto 100%;
    // top:12%;
}
.yewu .top_10 {
    background: url(../images/yewu.png) center bottom no-repeat;
    background-size: contain;
}
.yewu .top1 {
    background: url(../images/yewu_img1.png) center top no-repeat;
    background-size:auto 100%;
}
.yewu .top2 {
    background: url(../images/yewu_img2.png) center top no-repeat;
    background-size:auto 100%;
    // top: 11.5%;
}
.yewu .top3 {
    background: url(../images/yewu_img3.png) center top no-repeat;
    background-size:auto 100%;
}
.zisheng .top_10 {
    background: url(../images/zisheng10.png) center bottom no-repeat;
    background-size: contain;
}
.zisheng .top1 {
    background: url(../images/zisheng_img1.png) center top no-repeat;
    background-size:auto 100%;
    // top:11.5%;
}
.zisheng .top2 {
    background: url(../images/zisheng_img2.png) center top no-repeat;
    background-size:auto 100%;
    // top:13.5%;
}
.zisheng .top3 {
    background: url(../images/zisheng_img3.png) center top no-repeat;
    background-size:auto 100%;
    // top:14.5%;
}
.xingrui .top_10 {
    background: url(../images/xingrui10.png) center bottom no-repeat;
    background-size: contain;
}
.xingrui .top1 {
    background: url(../images/xingrui_img1.png) center top no-repeat;
    background-size:auto 100%;
    // top: 19%;
}
.xingrui .top2 {
    background: url(../images/xingrui_img2.png) center top no-repeat;
    background-size:auto 100%;
}
.xingrui .top3 {
    background: url(../images/xingrui_img3.png) center top no-repeat;
    background-size:auto 100%;
}
.xingrui .top4 {
    background: url(../images/xingrui_img4.png) center top no-repeat;
    background-size:auto 100%;
}
.xingrui .top5 {
    background: url(../images/xingrui_img5.png) center top no-repeat;
    background-size:auto 100%;
}
.xingrui .top6 {
    background: url(../images/xingrui_img6.png) center top no-repeat;
    background-size:auto 100%;
}
.xingrui .top7 {
    background: url(../images/xingrui_img7.png) center top no-repeat;
    background-size:auto 100%;
}
.xingrui .top8 {
    background: url(../images/xingrui_img8.png) center top no-repeat;
    background-size:auto 100%;
}
.xingrui .top9 {
    background: url(../images/xingrui_img9.png) center top no-repeat;
    background-size:auto 100%;
}
.xingrui .top10 {
    background: url(../images/xingrui_img10.png) center top no-repeat;
    background-size:auto 100%;
}
.zuigao .top_10 {
    background: url(../images/zuigao.png) center bottom no-repeat;
    background-size: contain;
}
.zuigao .top_rank {
    position: absolute;
    font-size: 1.25rem;
    color: #AA8030;
    top: 39%;
    left: 43%;
    line-height: 2rem;
    white-space: nowrap;
    font-weight: bold;
}
.zuigao .top_rank {
    top: 42%;
    line-height:2.2rem;
}
.zuigao .top1 {
    background: url(../images/zuigao_img1.png) center top no-repeat;
    background-size:auto 100%;
}
.zuigao .top2 {
    background: url(../images/zuigao_img2.png) center top no-repeat;
    background-size:auto 100%;
}
.zuigao .top3 {
    background: url(../images/zuigao_img3.png) center top no-repeat;
    background-size:auto 100%;
}
.zuigao .top4 {
    background: url(../images/zuigao_img4.png) center top no-repeat;
    background-size:auto 100%;
}
.zuigao .top5 {
    background: url(../images/zuigao_img5.png) center top no-repeat;
    background-size:auto 100%;
}
.zuigao .top6 {
    background: url(../images/zuigao_img6.png) center top no-repeat;
    background-size:auto 100%;
    // top:10%;
}
.zuigao .top7 {
    background: url(../images/zuigao_img7.png) center top no-repeat;
    background-size:auto 100%;
    // top:13%;
}
.zuigao .top8 {
    background: url(../images/zuigao_img8.png) center top no-repeat;
    background-size:auto 100%;
    // top:13.5%;
}
.zhixing .top_10 {
    background: url(../images/zhixing3.png) center bottom no-repeat;
    background-size: contain;
    // top:10%;
}
.zhixing .top1 {
    background: url(../images/zhixing_img1.png) center top no-repeat;
    background-size:auto 100%;
    // top:12%;
}
.zhixing .top2 {
    background: url(../images/zhixing_img2.png) center top no-repeat;
    background-size:auto 100%;
    // top:15%;
}
.zhixing .top3{
    background: url(../images/zhixing_img3.png) center top no-repeat;
    background-size:auto 100%;
    // top:11%;
}
.yewuchu .top_10 {
    background: url(../images/yewuchu.png) center bottom no-repeat;
    background-size: contain;
    // top:10%;
}
.yewuchu .top1 {
    background: url(../images/yewuchu_new_img1.png) center top no-repeat;
    background-size:auto 100%;
    // top:10%;
}
.yewuchu .top2 {
    background: url(../images/yewuchu_new_img2.png) center top no-repeat;
    background-size:auto 100%;
    // top:14%;
}
.yewuchu .top3 {
    background: url(../images/yewuchu_new_img3.png) center top no-repeat;
    background-size:auto 100%;
    // top:16%;
}
.zongjian .top_10 {
    background: url(../images/zongjian5.png) center bottom no-repeat;
    background-size: contain;
    height: 13rem;
    margin-top: 3.5rem;
}
.zongjian .top1 {
    background: url(../images/zongjian5_img1.png) center top no-repeat;
    background-size:auto 100%;
    // top:12%;
}
.zongjian .top2 {
    background: url(../images/zongjian5_img2.png) center top no-repeat;
    background-size:auto 100%;
    // top:10%;
}
.zongjian .top3 {
    background: url(../images/zongjian5_img3.png) center top no-repeat;
    background-size:auto 100%;
    // width: 21%;
    // left: 13%;
}
.zongjian .top4 {
    background: url(../images/zongjian5_img4.png) center top no-repeat;
    background-size:auto 100%;
    // top:10%;
}
.zongjian .top5 {
    background: url(../images/zongjian5_img5.png) center top no-repeat;
    background-size:auto 100%;
    // width: 24%;
    // left: 10%;
}
.chuli .top_10 {
    background: url(../images/zongjian5.png) center bottom no-repeat;
    background-size: contain;
}
.chuli .top1 {
    background: url(../images/chuli_img1.png) center top no-repeat;
    background-size:auto 100%;
    // top:10%;
}
.chuli .top2 {
    background: url(../images/chuli_img2.png) center top no-repeat;
    background-size:auto 100%;
    // top:16%;
}
.chuli .top3 {
    background: url(../images/chuli_img3.png) center top no-repeat;
    background-size:auto 100%;
    // top:12%;
}
.zisheng2 .top_10{
    background: url(../images/zisheng2.png) center bottom no-repeat;
    background-size: contain;
    height: 13rem;
    margin-top: 3.5rem;;
}
.zisheng2 .top1 {
    background: url(../images/zisheng2_img1.png) center top no-repeat;
    background-size:auto 100%;
    // top:12%;
}
.zisheng2 .top2 {
    background: url(../images/zisheng2_img2.png) center top no-repeat;
    background-size:auto 100%;
    // top:16%;
}
.zisheng2 .top3 {
    background: url(../images/zisheng2_img3.png) center top no-repeat;
    background-size:auto 100%;
    // top:13%;
}
@keyframes left{
    from{
        transform:translate(-5rem);
    }
    to{
        transform:translate(0);
    }
}
@-webkit-keyframes left{
    from{
        -webkit-transform:translate(-5rem);
    }
    to{
        -webkit-transform:translate(0);
    }
}
.left_ani{
    animation:left 1s 0s linear 1;
    -webkit-animation:left 1s 0s linear 1;
}
.ani{
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@keyframes right{
    from{
        transform:translate(5rem);
    }
    to{
        transform:translate(0);
    }
}
@-webkit-keyframes right{
    from{
        -webkit-transform:translate(5rem);
    }
    to{
        -webkit-transform:translate(0);
    }
}
.right_ani{
    animation:right 1s 0s linear 1;
    -webkit-animation:right 1s 0s linear 1;
}
.home_txt1{
    display: none;
}
 li a{
    display:block;
    width:100%;
    height:100%;
}
.alert_nav{
    position: absolute;
    top: 16%;
    left: 2%;
    width: 96%;
    height: 2.7rem;
}
.alert_nav ul{
    width:100%;
    height:100%;
    color: #d9bb6a;
    font-weight:bold;
}
.alert_nav ul li{
    float:left;
    width:19.2%;
    line-height:2.7rem;
    text-align:center;
    font-size:1.4rem;
}
.alert_nav ul li a{
    color:#d9bb6a;
}
body,.layaContainer{
    background-color:#110F11;
}
@keyframes up{
    from{
        transform:translate(0,0);
    }
    to{
        transform:translate(0,-10px);
    }
}
@-webkit-keyframes up{
    from{
        -webkit-transform:translate(0,0);
    }
    to{
        -webkit-transform:translate(0,-10px);
    }
}
.up_ani{
    animation:up 1.5s linear infinite;
    -webkit-animation:up 1.5s linear infinite;
}