@charset "utf-8";

html { cursor: default;}
h1, h2, h3, h4, h5, h6,p, li, label, td, th {cursor: text;}
a:link, a:visited, a:hover, a:active { cursor: pointer;}
body{box-sizing: border-box;width:100%;margin:0; padding:0; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;background-color: #f7f8f8;color: #333;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;outline: none;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;}
.clearfix {zoom:1;}

span, a{
    display: inline-block;
}

.container{
    width: 100%;
    max-width: 1960px;
    margin: 0 auto;
    background: url("http://zx.laohu.com/_s/pk1801/bm_bg.jpg") no-repeat center top;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 100px;
}

.logo{
    display: block;
    width: 128px;
    height: 128px;
    margin: 33px auto 0;
}

.slogan{
    display: block;
    width: 649px;
    height: 268px;
    margin: 0 auto;
}

.container .nav li.active{
    background: url("http://zx.laohu.com/_s/pk1801/nav_bg_hover.png") no-repeat center;
}

.nav ul{
    width: 764px;
    margin:  36px auto 0;
    overflow: hidden;
}

.nav ul li{
    width: 150px;
    height: 150px;
    background: url("http://zx.laohu.com/_s/pk1801/nav_bg.png") no-repeat center;
    float: left;
    margin-right: 2px;
}

.nav ul li a{
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.nav ul li a .title1{
    font-size: 51px;
    text-align: center;
    margin-top: 17px;
}

.nav ul li a .title2{
    font-size: 17px;
    color: #fcfcfc;
    text-align: center;
    margin-top: -4px;
}

.container .bm-main{
    width: 1008px;
    height: 998px;
    margin: 70px auto 0;
    background: url("http://zx.laohu.com/_s/pk1801/bm_main.png") no-repeat center top;
    background-size: cover;
    overflow: hidden;
}

.container .box-main{
    padding: 157px 70px 0 90px;
}

.container .box-main .role-view{
    overflow: hidden;
}

.container .box-main .role-view .sp1{
    font-size: 35px;
    color: #390000;
    line-height: 50px;
    float: left;
    margin-right: 20px;
}

.container .box-main .role-view .sp2{
    width: 434px;
    height: 52px;
    float: left;
}

.role-input{
    width: 432px;
    height: 50px;
    border: 1px solid #390000;
    font-size: 20px;
}

.container .box-main .signup_btn{
    width: 209px;
    height: 56px;
    line-height: 56px;
    background: url("http://zx.laohu.com/_s/pk1801/bm_btn.png") no-repeat;
    text-align: center;
    font-size: 23px;
    color:#fff;
    margin: 70px auto 40px;
    cursor: pointer;
}

.container .box-main .guanzhan_btn{
    width: 258px;
    height: 38px;
    line-height: 14px;
    background: url("http://zx.laohu.com/_s/pk1801/bm_guanzhan.png") no-repeat;
    text-align: left;
    font-size: 35px;
    margin: 0 auto 90px;
    padding-left: 8px;
    cursor: pointer;
}

.container .box-main .guanzhan_btn a{
    display: block;
    width: 100%;
    height: 100%;
    color: #390000;
}

.container .box-main .tips{
    font-size: 20px;
    color: #390000;

}

.container .box-main .font{
    font-size: 16px;
    color: #390000;
    line-height: 46px;
    overflow: hidden;
}

.container .box-main .font.red{
    color:#ff0000
}

.container .box-main .font.last-font{
    line-height: 24px;
}

.container .box-main .font span{
    float: left;
}

.container .box-main .font.last-font .sp2{
    width: 807px;
    overflow: hidden;
}

/*规则*/
.gz-container{
    width: 100%;
    max-width: 1960px;
    margin: 0 auto;
    height: 4500px;
    background: url("../image/gz_bg.jpg") no-repeat center top;
    background-size: cover;
    overflow: hidden;
}

.gz-container .nav{
    margin-top: 460px;
}

.gz-container .nav li.active{
    background: url("../image/nav_bg_hover.png") no-repeat center;
}

.gz-container .gz-main{
    width: 1008px;
    height: 3540px;
    background: url("../image/gz_main.png") no-repeat;
    margin: 70px auto 0;
    overflow: hidden;
}

.gz-container .gz-main .title{
    width: 140px;
    text-align: center;
    font-size: 30px;
    color: #390000;
    margin: 95px auto 0;
    border-bottom: 2px solid #390000;
}

.gz-container .gz-main .font1{

    line-height: 33px;
    margin: 0 0 40px 50px;
}

.gz-container .gz-main .font1 .top-font{
    overflow: hidden;
}

.gz-container .gz-main .font1 .top-font img{
    width: 29px;
    height: 33px;
    float: left;
    margin-right: 14px;
}

.gz-container .gz-main .font1 .top-font .sp1{
    font-size: 20px;
    color: #390000;
    float: left;
}

.gz-container .gz-main .font1 p{
    margin-left: 40px;
    line-height: 24px;
    width: 840px;
    text-align: left;
    font-size: 16px;
}

.gz-container .gz-main .font1 .red{
    color: #ff0000;
}

.gz-container .gz-main .font1 .race-ul{
    
}

.gz-container .gz-main .font1 .race-ul li{
    overflow: hidden;
    margin-left: 43px;
    font-size: 16px;
    color: #390000;
    line-height: 24px;
}

.gz-container .gz-main .font1 .race-ul li .div1{
     float: left;
}


.gz-container .gz-main .font1 .race-ul li .div2{
     float: left;
}


.gz-container .gz-main .font1 .race-ul li .div2{
    width: 790px;
    line-height: 24px;
}

.li3-font{
    margin-left: 25px;
}

.gz-container .gz-main .title.title1{
    margin-top: 0;
}

.gz-container .gz-main .gz_jiangpin{
    width: 857px;
    height: 278px;
    display: block;
    margin: 54px auto 38px;
}

.gz-container .gz-main .gz_rect_bg{
    width: 643px;
    height: 181px;
    background: url("../image/gz_rect_bg.png") no-repeat;
    margin: 0 auto 20px;
    text-align: center;
}

.gz-container .gz-main .gz_rect_bg .gz_rule_font{
    width: 619px;
    height: 159px;
    margin-top: 10px;
}

.gz-container .gz-main .bottom-font1{
    width: 854px;
    margin: 0 auto 20px;
    line-height: 36px;
    font-size: 18px;
    color: #390000;
}

.gz-container .gz-main .bottom-font1 .big{
    font-size: 18px;
    font-weight: bolder;
}

/*赛事时间*/
.matchtime-container{
    width: 100%;
    max-width: 1960px;
    margin: 0 auto;
    height: 1800px;
    background: url("../image/match_bg.jpg") no-repeat center top;
    background-size: cover;
    overflow: hidden;
}

.matchtime-container .nav li.active{
    background: url("../image/nav_bg_hover.png") no-repeat center;
}

.matchtime-container .matchtime-main{
    width: 1008px;
    height: 998px;
    background: url("../image/matchtime_main.png") no-repeat;
    margin: 70px auto 0;
    position: relative;
}

.matchtime-container .matchtime-main .same-date{
    width: 104px;
    height: 118px;
    background: rgba(0,0,0,0);
    position: absolute;
    cursor: pointer;
}

.matchtime-container .matchtime-main .same-date .date-pop{
    width: 100%;
    height: 100%;
    position: relative;
}

.matchtime-container .matchtime-main .same-date .date-pop .tip{
    width: 241px;
    height: 108px;
    background: url("../image/match_pop_bg.png") no-repeat;
    position: absolute;
    top: -84px;
    left: -65px;
    display: none;
    padding-top: 20px;
}

.matchtime-container .matchtime-main .same-date .date-pop .tip2{
    padding-top: 10px;
}

.matchtime-container .matchtime-main .same-date .date-pop .tip21{
    padding-top: 10px;
}

.matchtime-container .matchtime-main .same-date .date-pop .tip.tip21 p{
    line-height: 17px;
}


.matchtime-container .matchtime-main .same-date .date-pop .tip22{
    padding-top: 2px;

}

.matchtime-container .matchtime-main .same-date .date-pop .tip.tip22 p{
    line-height: 17px;
}

.matchtime-container .matchtime-main .same-date .date-pop .tip4{
    /* padding-top: 30px; */
}

.matchtime-container .matchtime-main .same-date .date-pop .tip5{
    padding-top: 5px;
}

.matchtime-container .matchtime-main .same-date .date-pop .tip.tip5 p{
    line-height: 16px;
    font-size: 13px;
}

.matchtime-container .matchtime-main .same-date .date-pop .tip p{
    text-align: center;
    line-height: 24px;
    font-size: 15px;
    color: #7b2b3f;
}

.matchtime-container .matchtime-main .same-date .date-pop:hover .tip{
    display: block;
}

.matchtime-container .matchtime-main .date1{
    right: 45px;
    top: 227px;
}

.matchtime-container .matchtime-main .date2{
    left: 317px;
    top: 341px;
}

.matchtime-container .matchtime-main .date3{
    left: 723px;
    top: 341px;
}

.matchtime-container .matchtime-main .date4{
    left: 178px;
    top: 466px;
}

.matchtime-container .matchtime-main .date5{
    left: 317px;
    top: 466px;
}

.matchtime-container .matchtime-main .date6{
    left: 452px;
    top: 466px;
}

.matchtime-container .matchtime-main .date7{
    left: 588px;
    top: 466px;
}

.matchtime-container .matchtime-main .date8{
    left: 723px;
    top: 466px;
}

.matchtime-container .matchtime-main .date9{
    left: 178px;
    top: 592px;
}

.matchtime-container .matchtime-main .date10{
    left: 317px;
    top: 592px;
}

.matchtime-container .matchtime-main .date11{
    left: 452px;
    top: 592px;
}

.matchtime-container .matchtime-main .date12{
    left: 588px;
    top: 787px;
}

/*精彩集锦*/
.video-container{
    width: 100%;
    max-width: 1960px;
    margin: 0 auto;
    height: 2300px;
    background: url("../image/video_bg.jpg") no-repeat center top;
    background-size: cover;
    overflow: hidden;
}

.video-container .nav{
    margin-top: 460px;
}

.video-container .nav li.active{
    background: url("../image/nav_bg_hover.png") no-repeat center;
}

.video-container .video-main{
    width: 1008px;
    height: 1458px;
    background: url("../image/video_main.png") no-repeat;
    margin: 70px auto 0;
    overflow: hidden;
}

.video-container .video-main .top{
    margin: 120px 0 50px 0 ;
    overflow: hidden;
}

.video-container .video-main .top .left{
    font-size: 18px;
    color: #fff;
    float: left;
    margin: 0 42px 0 157px;
}

.video-container .video-main .top .left .sp1{
    width: 160px;
    height: 36px;
    line-height: 36px;
    background: #cec9da;
    text-align: center;
    cursor: pointer;
}

.video-container .video-main .top .left .sp2{
    width: 160px;
    height: 36px;
    line-height: 36px;
    background: #cec9da;
    text-align: center;
    cursor: pointer;
}

.video-container .video-main .top .left .paixu-sp.active{
    background: #7d659d;

}

.video-container .video-main .top .right{
    width: 330px;
    height: 36px;
    background: #cec9da;
    float: left;
}

.video-container .video-main .top .right .right-inner{
    width: 100%;
    height: 100%;
    position: relative;
}

.video-container .video-main .top .right .search-input{
    width: 250px;
    height: 32px;
    font-size: 20px;
    background: #7d659d;
    color:#fff;
}

.video-container .video-main .top .right .search-btn{
    position: absolute;
    right: 0px;
    width: 75px;
    height: 35px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #754d4f;
    line-height: 35px;
}

.video-container .video-main .videos{
    overflow: hidden;
}

.video-container .video-main .videos .videos-ul{
    padding-left: 46px;
}

.video-container .video-main .videos .videos-ul li{
    width: 294px;
    float: left;
    margin-right: 20px;
    margin-bottom: 60px;
}

.video-container .video-main .videos .videos-ul li .wrap-li{
    width: 100%;
    height: 100%;
    position: relative;
}

.video-container .video-main .videos .videos-ul li .div1{
    width: 294px;
}

.video-container .video-main .videos .videos-ul li .div1 img{
    width: 294px;
    height: 184px;
}

.video-container .video-main .videos .videos-ul li .div2{
    width: 250px;
    height: 50px;
    background: #7d659d;
    font-size: 14px;
    color:#fff;
    padding: 0 20px 0 24px;
     overflow: hidden;
}

.video-container .video-main .videos .videos-ul li .div2 .sp1{
     float: left;
    height: 50px;
    line-height: 50px;
}

.video-container .video-main .videos .videos-ul li .div2 .sp2{
    width: 88px;
    height: 50px;
    line-height: 50px;
    text-align: center;
     float: right;
}

.video-container .video-main .videos .videos-ul li .div3{
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #cccccc;
}

.video-container .video-main .videos .videos-ul li .div4{
    height: 24px;
    line-height: 24px;
    background: #202020;
    font-size: 12px;
    color: #666666;

}

.video-container .video-main .videos .videos-ul li .div4 .eye01{
    width: 16px;
    height: 24px;
    margin: 0 5px 0 10px;
    vertical-align:middle;
}

.video-container .video-main .videos .videos-ul li .div4 .eye01 img{
    width: 100%;
    height: 8px;
}


.video-container .video-main .videos .videos-ul li .div4 .date_icon{
    width: 16px;
    height: 24px;
    margin: 0 5px 0 40px;
    vertical-align:middle;
}

.video-container .video-main .videos .videos-ul li .div4 .date_icon img{
    width: 100%;
    height: 11px;
}

.video-container .video-main .videos .videos-ul li .video-play-btn{
    width: 76px;
    height: 76px;
    line-height: 95px;
    text-align: center;
    background: url("../image/video_play_bg.png") no-repeat;
    cursor: pointer;
    position: absolute;
    top: 168px;
    left: 50%;
    margin-left: -38px;
}

.video-container .video-main .line{
    width: 956px;
    height: 1px;
    background: #beb2ce;
    margin: 0 auto;
}

.video-container .video-main .bottom-page{
    width: 308px;
    margin: 35px auto 0;
}

.video-container .video-main .bottom-page .first-page{
    cursor: pointer;
    margin-right: 20px;
}

.video-container .video-main .bottom-page .last-page{
    cursor: pointer;
    margin-left: 20px;
}

.video-container .video-main .bottom-page .first-page .first-font{
    font-size: 16px;
    color: #7d659d;
    border-bottom: 1px solid #7d659d;
}


.video-container .video-main .bottom-page .last-page .last-font{
    font-size: 16px;
    color: #7d659d;
    border-bottom: 1px solid #7d659d;
}

.video-container .video-main .bottom-page .page-num{
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background: #f7f5ea;
    color: #7d659d;
    margin-right: 8px;
    cursor: pointer;
}

.video-container .video-main .bottom-page .page-num:hover{
    background: #7d659d;
    color: #fff;
}

.video-container .video-main .bottom-page .page-num.active{
    background: #7d659d;
    color: #fff;
}

/*首页*/
.index-container{
    width: 100%;
    max-width: 1960px;
    height: 1800px;
    margin: 0 auto;
    background: url("../image/index_bg.jpg") no-repeat center top;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 100px;
    position: relative;
    animation: shake 0.5s linear 1.8s;
    -webkit-animation: shake 0.5s linear 1.8s;
    -moz-animation: shake 0.5s linear 1.8s;
    -ms-animation: shake 0.5s linear 1.8s;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@-moz-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@-ms-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.index-container .index-logo{
    display: block;
    width: 128px;
    height: 128px;
    position: absolute;
    top: 34px;
    opacity: 1;
    left: 50%;
    margin-left: -64px;
    animation: bounceInDown 0.6s linear 0s backwards;
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        opacity:1;
        transform: translate3d(0, -10px, 0);
    }

    90% {
        opacity:1;
        transform: translate3d(0, 5px, 0);
    }

    to {
        opacity:1;
        transform: none;
    }
}

@-webkit-keyframes bounceInDown{
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        opacity:1;
        transform: translate3d(0, -10px, 0);
    }

    90% {
        opacity:1;
        transform: translate3d(0, 5px, 0);
    }

    to {
        opacity:1;
        transform: none;
    }
}

@-moz-keyframes bounceInDown{
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        opacity:1;
        transform: translate3d(0, -10px, 0);
    }

    90% {
        opacity:1;
        transform: translate3d(0, 5px, 0);
    }

    to {
        opacity:1;
        transform: none;
    }
}

@-ms-keyframes bounceInDown{
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        opacity:1;
        transform: translate3d(0, -10px, 0);
    }

    90% {
        opacity:1;
        transform: translate3d(0, 5px, 0);
    }

    to {
        opacity:1;
        transform: none;
    }
}

.index-container .index-slogan{
    width: 649px;
    height: 268px;
    display: block;
    position: absolute;
    top: 142px;
    left: 50%;
    opacity: 1;
    margin-left: -325px;
    animation: bounceInDown 0.6s linear 0.6s backwards;

}

.index-container .index_left_lady{
    width: 1486px;
    height: 832px;
    display: block;
    position: absolute;
    top: 153px;
    left: -664px;
    animation: bounceInLeft 0.8s linear 1.2s backwards;

}

.index-container .index_right_boy{
    width: 1600px;
    height: 1049px;
    display: block;
    position: absolute;
    top: -25px;
    right: -709px;
    margin-left: -325px;
    animation: bounceInRight 0.8s linear 1.2s backwards;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}
@-moz-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}
@-ms-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}
@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}
@-moz-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}
@-ms-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}
@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.index-container .index_tuoyuan1{
    width: 100%;
    max-width: 1960px;
    height: 1200px;
    display: block;
    position: absolute;
    top: -11px;
    left: 300px;
    margin-left: -306px;
    background: url("../image/index_tuoyuan1.png") no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.index-container .index_tuoyuan2{
    width: 100%;
    max-width: 1960px;
    height: 1200px;
    display: block;
    position: absolute;
    top: -11px;
    left: 300px;
    margin-left: -306px;
    background: url("../image/index_tuoyuan2.png") no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.index-container .index_guanhuan{
    width: 100%;
    max-width: 1960px;
    height: 1800px;
    display: block;
    position: absolute;
    top: 0px;
    left: 300px;
    margin-left: -306px;
    background: url("../image/index_guanhuan.png") no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.index-container .index_baoming{
    width: 415px;
    height: 188px;
    display: block;
     position: absolute;
    top: 893px;
    left: 50%;
    margin-left: -208px;
    background: url("../image/index_baoming.png") no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.index-container .index_nav{
    width: 400px;
    height: 400px;
    position: absolute;
    top: 430px;
    left: 50%;
    margin-left: -200px;
}

.index-container .index_nav .index_nav_inner{
    width: 100%;
    height: 100%;
    position: relative;
}

.index-container .index_nav .index_nav_inner .nav1{
    left: 100px;
    top: 0px;
    animation: tada 0.8s linear 1.2s backwards;
}

.index-container .index_nav .index_nav_inner .nav2{
    left:0px;
    top: 107px;
    animation: tada 0.8s linear 1.2s backwards;

}

.index-container .index_nav .index_nav_inner .nav3{
    right: 0px;
    top: 107px;
    animation: tada 0.8s linear 1.2s backwards;

}

.index-container .index_nav .index_nav_inner .nav4{
    left: 100px;
    bottom: 0px;
    animation: tada 0.8s linear 1.2s backwards;

}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.index-container .index_nav .index_nav_inner .nav{
    width: 188px;
    height: 188px;
    background: url("../image/index_nav_bg.png") center;
    position: absolute;
    text-align: center;
}

.index-container .index_nav .index_nav_inner .nav.active{
    background: url("../image/index_nav_hover_bg.png") center;
}

.index-container .index_nav .index_nav_inner .nav:hover{
    background: url("../image/index_nav_hover_bg.png") center;
}

.index-container .index_nav .index_nav_inner .nav a{
    display: block;
    width: 100%;
    height: 100%;
    color:#fff;
}

.index-container .index_nav .index_nav_inner .nav a .div1{
    font-size: 64px;
    margin: 24px 0 -6px 0;
}

.index-container .index_nav .index_nav_inner .nav a .div2{
    font-size: 22px;
}

.index-container .index_prize_outer{
    width: 1200px;
    position: absolute;
    top: 1220px;
    left: 50%;
    margin-left: -600px;
}

.index-container .index_prize_inner{
    width: 100%;
    height: 100%;
    position: relative;
}


.index-container .index_prize_inner .index_prize{
    width: 260px;
    height: 352px;
    position: absolute;
    top: 70px;
}

.index-container .index_prize_inner .index_prize1{
    background: url("../image/index_guanjun.png") center;
    left:0px;
}


.index-container .index_prize_inner .index_prize1 .index_prize1_inner{
    width: 100%;
    height: 100%;
    position: relative;
}


.index-container .index_prize_inner .index_prize1 .index_prize1_inner .hover1{
    position: absolute;
    width: 52px;
    height: 54px;
    bottom: 35px;
    left: 104px;
    cursor: pointer;
}

.index-container .index_prize_inner .index_prize1 .index_prize1_inner .hover1:hover .guanjun-pop{
    display: block;
}

.index-container .index_prize_inner .index_prize1 .index_prize1_inner .guanjun-pop{
    position: absolute;
    display: none;
    left: 63px;
    top: -560px;
    /* background: #c7a8eb; */
    width: 376px;
    height: 613px;
    line-height: 314px;
    text-align: center;
    z-index: 11111;
    font-size: 20px;
}

.index-container .index_prize_inner .index_prize1 .index_prize1_inner .guanjun-pop img{
    width: 100%;
    height: 100%;
}




.index-container .index_prize_inner .index_prize2{
    background: url("../image/index_yajun.png") center;
    left: 310px;
}


.index-container .index_prize_inner .index_prize3{
    background: url("../image/index_jijun.png") center;
    left: 620px;
}


.index-container .index_prize_inner .index_prize4{
    background: url("../image/index_dianjun.png") center;
    left: 920px;
}

.index-container .index_prize_inner .check_all_prize_btn{
    width: 268px;
    height: 83px;
    background: url("../image/index_prize_btn.png") center;
    position: absolute;
    left: 50% ;
    margin-left: -134px;
    top: 480px;
}

.index-container .index_prize_inner .check_all_prize_btn a{
    display: block;
    width: 100%;
    height: 100%;
}


.index-container .bm-hot-area{
    width: 404px;
    height: 119px;
    position: absolute;
    top: 461px;
    left: -5px;
    cursor: pointer;
}

.index-container .bm-hot-area a{
    display: block;
    width: 100%;
    height: 100%;
}

.index-container .bm-news-circle{
    width: 126px;
    height: 113px;
    position: absolute;
    cursor: pointer;
}

.index-container .bm-news-circle a{
    display: block;
    width: 100%;
    height: 100%;
}

.index-container .bm-news-circle1{
    top: 586px;
    left: -109px;
}

.index-container .bm-news-circle2{
    top: 645px;
    left: 55px;
}

.index-container .bm-news-circle3{
    top: 636px;
    left: 227px;
}

.index-container .bm-news-circle4{
    top: 578px;
    left: 389px;
}