@charset "utf-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
abbr,acronym{font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
span,em,i{font-style: normal;}
img{display: block;margin: 0 auto;}
.c:before, .c:after{content:"";display:table;}
.c:after{clear:both;}
.c{zoom:1;}
body,.ost_box{min-width:1000px !important; font-size: 14px;}
body{background:#fffbf5;color:#fff;position: relative;overflow-x: hidden;width: 100%;}
a{text-decoration:none;overflow:hidden;outline: none;color: #fff;}
.pr{position:relative;}
.pa{position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display: block;}
.t{display:block;text-indent:-999em;}
.fl{float:left;}
.fr{float:right;}
.sp,.tab-jl-nav a{background:url(../images/spr.png) no-repeat 0 0;}
.tit{background:url(../images/tit.png) no-repeat 0 0;text-indent:-999em;width: 1000px;height: 90px;}
.mr0{margin-right: 0 !important;}
.mt60{margin-top: 60px !important; white-space: nowrap;}
.flex{
    display: -webkit-flex;  
    display: flex;          
    display: -webkit-box;   
    display: -moz-box;      
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}
/* wrap */
.wrap{overflow: hidden;}
.pg1{height: 4130px;}
.pg2{height: 2600px;}
.pg3{height: 2204px;}
.pg4{height: 3388px;}

.mid{width: 1000px;margin: 0 auto;position: relative;}
.fadeIn1{animation: fadeIn1 0.8s linear;}
@keyframes fadeIn1{
    0%{transform: translateY(-30px);opacity: 0;}
    100%{transform: translateY(0);opacity: 1;}
}
.fadeIn2{animation: fadeIn2 0.8s linear;}
@keyframes fadeIn2{
    0%{transform: translateY(30px);opacity: 0;}
    100%{transform: translateY(0);opacity: 1;}
}
.dialog{ width:800px;height: 480px; border:6px solid rgb(50, 19, 65); background:#fffbef; position:relative; display:none;}
.dia-close{ width:40px; height:40px;display: block; position:absolute; top:-6px; right:-46px;font-size: 40px;color: #ffffff;line-height: 40px;background: rgb(43, 8, 44);text-align: center;}
.dia-close:hover{text-decoration: none;}

.bg{position: absolute;top: 40px;left: 0;width: 100%;z-index: 1;}
.headbg{width: 100%;height: 720px;background: url(../images/headbg.jpg) no-repeat center center;}
.bg1{width: 100%;height: 384px;background: url(../images/bg1.png) no-repeat center center;position: relative;z-index: 2;}
.bg2{width: 100%;height: 1626px;background: url(../images/bg2.jpg) no-repeat center center;position: relative;}
.bg3{width: 100%;height: 884px;background: url(../images/bg3.jpg) no-repeat center center;position: relative;z-index: 2;}
.bg4{width: 100%;height: 384px;background: url(../images/bg4.jpg) no-repeat center center;position: relative;}

.head,.cont{z-index: 2;}
.head{height: 775px;z-index: 3;}
.t-logo {top: 0; left: -20px; width: 240px; height: 128px; background: url(../images/logo.png) no-repeat; z-index: 9; zoom: .98;}
.topbar{width: 248px;height: 30px;background: rgba(0,0,0,.5);top: 20px;right: 0;border-radius: 14px;text-align: center;}
.topbar a{width: 81px;display: block;border-right: 2px solid #fff;height: 14px;line-height: 14px;float: left;margin-top: 8px;}
.topbar .t-link3{border-right: 0;}
.sloga{width: 894px;height: 565px;background: url(../images/sloga.png) no-repeat center center;left: 50%;top: 57px;margin-left: -447px;}
.nav{width: 1120px;height: 112px;margin-left: -60px;background: url(../images/nav.png) no-repeat top center;left: 0;top: 640px;z-index: 100;}
.nav a{display: block;float: left;height: 100%;background: url(../images/nav.png) no-repeat 0 0;}
.nav .nv1{width: 285px;}
.nav .nv2{width: 277px;background-position: -285px 0;}
.nav .nv3{width: 265px;background-position: -562px 0;}
.nav .nv4{width: 293px;background-position: -827px 0;}
.nav .nv1.on,.nav .nv1:hover{background-position: 0 -112px;}
.nav .nv2.on,.nav .nv2:hover{background-position: -285px -112px;}
.nav .nv3.on,.nav .nv3:hover{background-position: -562px -112px;}
.nav .nv4.on,.nav .nv4:hover{background-position: -827px -112px;}
.schedule{width: 1037px;height: 177px;background: url(../images/schedule.png) no-repeat top center;margin: 0 auto 80px;position: relative; zoom: .98;}
.schedule .fl{width: 75px;height: 38px;line-height:18px;padding-top: 140px;text-align: center;position: absolute;bottom: 0;}
.schedule .fl.w90{width: 90px;}
.schedule .fl.w108{width: 108px;}
.schedule .fl.lh38{line-height: 30px;}
.schedule .sd1{left: 6px;}
.schedule .sd2{left: 120px;}
.schedule .sd3{left: 235px;}
.schedule .sd4{left: 334px;}
.schedule .sd5{left: 433px;}
.schedule .sd6{left: 532px;}
.schedule .sd7{left: 631px;}
.schedule .sd8{left: 730px;}
.schedule .sd9{left: 838px;}
.schedule .sd10{right: 1px;}
.con2{height: 1626px;}
.tit2{background-position: 0 -90px;}
.icon-song{width: 69px;height: 80px;left: 25px;}
.icon-jin{width: 69px;height: 80px;background-position: -89px 0;right: 25px;}
.tab{width: 776px;margin: 10px auto;padding-bottom:15px;text-align: center;}
.tab a{width: 224px;height: 66px;display:inline-block;background-position: -914px -190px;margin: 0 20px;color: #a73030;text-align: center;font-size: 20px;}
.tab a.on,.tab a:hover{color: #fcfbf6;background-position: -640px -190px;}
.tab a h4{line-height: 64px;font-weight: bold;}
.dz-box{position: relative;}
.dz-white{width: 427px;height: 92px;background: url(../images/dz-white.png) no-repeat top center;color: #000;text-align: center;}
.dz-blue{width: 427px;height: 92px;background: url(../images/dz-blue.png) no-repeat top center;color: #000;text-align: center;}
.dz-red{width: 427px;height: 92px;background: url(../images/dz-red.png) no-repeat top center;color: #000;text-align: center;}
.dz-blue p,.dz-red p,.dz-white p{width: 158px;height: 41px;line-height: 41px;}
.dz-box p.mt10{margin-top: 10px;}
.dz-box p.mt50{margin-top: 45px;}
.dz-box p.mt60{margin-top: 55px !important;}
.dz-box p.mt151{margin-top: 145px;}
.dz-blue span,.dz-red span,.dz-white span{width: 158px;height: 41px;line-height: 41px;top: 24px;right: 0;}
.dz1{top: 30px;}
.dz2{top: 142px;}
.dz3{top: 254px;}
.dz4{top: 366px;}
.dz-left,.dz-right{width: 50%;float: left;position: relative;height: 328px;}
.dz-right{transform: rotateY(180deg);}
.dz-right p,.dz-right span{transform: rotateY(180deg);}
.dz-to8{width: 1000px;height: 328px;background: url(../images/dz-to1.png) no-repeat top center;margin-top: 20px;color: #000;text-align: center;}
.dz-list1{width: 128px;float: left;margin-right: 29px;}
.dz-to8 p{width: 128px;height: 46px;line-height: 44px;position: relative;}
.dz-list2{width: 128px;padding-top: 45px;float: left;margin-right: 29px;}
.dz-list3{width: 128px;padding-top: 140px;float: left;}
.dz-champ{width: 127px;height: 39px;line-height: 39px;color: #edd8a3;text-align: center;font-weight: bold;left: 50%;top: 94px;margin-left: -63px;}
.tit3{background-position: 0 -180px;}
.rule-box{font-size: 16px;color: #4f4141;line-height: 30px;overflow:hidden;margin-bottom: 50px;}
.rule-box p span{color: #cc291e;}
.rule-box a {color: #cc291e; margin: 0 5px; border-bottom: 1px solid #cc291e;}
.tb-prize{margin: 20px auto;}
.tb-prize td,.tb-prize th{border:1px solid #bd776b;background: #fffefb;text-align: center;color:#4f4b41;height: 55px;}
.tb-prize th{background:#bd5656;font-size:24px;font-weight: bold;color:#fff;}
.tb-prize td span {color: #cc291e;}
.con4{height: 480px;padding-top:20px;}
.tit4{background-position: 0 -270px;}
.video-box{padding-top:15px;}
.vid-con{width: 310px;height: 184px;background-position: -880px 0;position: relative;margin-right: 35px;}
.vid-con.mr0{margin-right: 0;}
.vid-con img{position: absolute;top: 50%;left: 50%;width: 288px;height: 162px;margin-top: -81px;margin-left: -144px;}
.vid-con a{position: absolute;top: 50%;left: 50%;width: 288px;height: 162px;margin-top: -81px;margin-left: -144px;display: block;}
.vid-con span{background-position: -725px 0;position: absolute;top: 50%;left: 50%;width: 72px;height: 72px;margin-top: -36px;margin-left: -36px;}
.banquan{font-size: 16px;color: #4f4b41;bottom:40px;left: 0;}

/* 内页2 */
.c2bg{width: 100%;height: 1720px;background:#fffbf5 url(../images/c2bg.jpg) no-repeat center bottom;margin-top: 46px;}
.con5{height: 1784px;}
.con5 .rule-box{margin-top: 36px;}
.tit5{background-position: 0 -360px;}
.jijie-box{font-size: 16px;color: #4f4b41;}
.jijie-box p span {color: #cc291e;}
.s-tit{font-size: 18px;color: #b20d0d;margin-top: 20px;display: block;}
.jj1{width: 1000px;padding-bottom:10px;margin: 10px 0;}
.table1,.table2{width: 670px;margin:0 auto;}
.tb-box table{text-align: center;background: #fffbfb;font-size: 16px;width: 100%;height: 100%;}
.tb-box table thead{font-weight: bold;}
.table1 tr{border-top: 1px solid #bd796d;border-left: 1px solid #bd796d;}
.table1 td{border-bottom: 1px solid #bd796d;border-right: 1px solid #bd796d;}
.table1 thead tr{background: #bd5656;color: #fff;}
.table2 tr{border-top: 1px solid #527767;border-left: 1px solid #527767;}
.table2 td{border-bottom: 1px solid #527767;border-right: 1px solid #527767;}
.table2 thead tr{background: #6D9181;color: #fff;}
.table3,.table4{margin:15px auto;}
.table3,.table3 table{width: 235px;height: 108px;font-size: 16px;}
.table4,.table4 table{width: 584px;height: 149px;font-size: 16px;}
.jijie-box .tab-jl-cont th,
.jijie-box .tab-jl-cont td{padding:10px 0;}

/* 内页3 */
.c3bg{width: 100%;height: 1484px;background: url(../images/c3bg.jpg) no-repeat center center;}
.con6{padding-bottom:60px;}
.tit6{background-position: 0 -450px;}
.con6 .rule-box{margin: 10px 0 0;height:606px;}
.con6-code{display: block; width: 273px; height: 379px; margin: 18px auto 0;}
.redTxt{color: #b20d0d;}
.rule-box1{font-size: 16px;color: #4f4b41;line-height: 28px;margin-top: 20px;margin-bottom: 50px;}
.rule-box1 a{text-decoration: underline;color:#b20d0d;}
.tit7{background-position: 0 -540px;}


/* 内页4 */
.c4bg{width: 100%;height: 2668px;background: url(../images/c4bg.jpg) no-repeat center bottom;}
.con7{height: 2528px;}
.con7 .rule-box{margin-top: 36px;margin-bottom: 0;}
.rule-box .mb30{margin-bottom: 30px;}
.jl-box{color:#4f4b41;}
.tab-jl-nav{text-align: center;padding:10px 0;}
.tab-jl-nav a{width: 174px;height:32px;display: inline-block;background-position: -450px -90px;font-size:20px;color:#943c2d;text-align: center;line-height: 30px;margin:0 45px;}

.tab-jl-nav a:hover,.tab-jl-nav a.on{background-position: -210px -90px;color:#fffdf6;}
.prize-no1 .tit-no1{font-size:22px;color:#a73030;position: absolute;width: 100%;top:0;text-align: center;left:0;}
.prize-no1{background: url(../images/jl1.png) no-repeat;width: 936px;height:859px;margin:0 auto;position: relative;}
.prize-no1 img{display: block;margin:20px auto 0 auto;}
.box1,.box2,.box3{width: 380px;position: absolute;line-height: 1.5;font-size:16px;}
.box1 .tit-no1{top:-44px;}
.box2 .tit-no1{top:-52px;}
.box3 .tit-no1{top:-54px;text-indent: -2px;}
.box1{top:150px;left:32px;}
.box2{top:160px;left:532px;text-align: center;}
.box2 p {text-align: left; text-indent: .8em;}
.box3{top:658px;left:534px;}
.icon-dot{display: inline-block;width: 20px;height:10px;background-position: -15px -120px;}
.table6{width: 470px;margin:0 auto;padding:45px 0 30px 0;}
.table6 td,.table6 th{border:1px solid #cd9090;text-align: center;padding:5px 0;}
.table6 th{color:#fff;background: #bd5656;}
.prize-sm{width: 470px;margin:0 auto;font-size:16px;position: relative;padding-bottom:100px;}
.prize-sm p{padding-left: 20px;}
.tit1,.tit2,.tit3,.tit4,.tit5,.tit6,.tit7,.tab,.schedule,.icon-song,.icon-jin,.dz-box,.rule-box,.video-box,.jijie-box,.rule-box1,.jl-box,.jl-box1{-webkit-transition: all .6s;  opacity: 0;}
.gif-box,.schedule,.tab,.icon-song,.jl-box1{-webkit-transform: translate3d(-90px,0,0);}
.icon-jin,.jl-box{-webkit-transform: translate3d(90px,0,0);}
.tit1,.tit2,.tit3,.tit4,.tit5,.tit6,.tit7{-webkit-transform: translate3d(0,-90px,0);}
.dz-box,.rule-box,.video-box,.jijie-box,.rule-box1{-webkit-transform: translate3d(0,90px,0);}
.animate .tit1,.animate .tit2,.animate .tit3,.animate .tit4,.animate .tit5,.animate .tit6,.animate .tit7,.animate .tab,
.animate .schedule,.animate .icon-song,.animate .icon-jin,
.animate .dz-box,.animate .rule-box,.animate .video-box,.animate .jijie-box,.animate .rule-box1,.animate .jl-box,.animate .jl-box1{-webkit-transform: translate3d(0, 0 ,0); opacity: 1;}


/* slide */
.slide{width: 170px;height: 238px;background: url(../images/slide.png) no-repeat center center;position: fixed;top: 50%;right: 0;margin-top: -180px;z-index: 888;display: none;}
.slide .btn-zbj{position: absolute; bottom: 10px; right: 12px; width: 133px; height: 44px; background-position: -687px -95px;}
.slide .btn-zbj:hover {text-decoration: none; filter: brightness(1.2); -webkit-filter: brightness(1.2);}
.slide .btn-fold-close {position: absolute; bottom: 0; left: -15px; width: 40px; height: 94px; cursor: pointer;}
.btn-fold-open {display: none; position: absolute; bottom: -12px; left: -50px; width: 48px; height: 118px; cursor: pointer; z-index: 9; background: url(../images/btn-fold-open.png) no-repeat;}

#xoyo-top-navi-bar{position: relative;z-index: 100;}

.line1{top: 101px;left: 128px;}
.line2{top: 294px;left: 128px;}
.bline-blue{width: 29px;height: 194px;background-position: -334px -137px;}
.bline-red{width: 29px;height: 194px;background-position: -420px -137px;}
.line3{top: 146px;left: 285px;}
.lose{background: rgba(255,255,255,.6);}

.team-32{background: url(../images/team-bg.png) center center no-repeat;}
.team-champ{background: url(../images/team-champ.png) center top no-repeat;padding-top:80px;margin-top:30px;}
.team-champ .dz-to8{background-image: url(../images/dz-to1.png);}
.dz-box .line{width:126px;height:41px;background: url(../images/light.png) no-repeat;display: none;}
.winner .line{display: block;}
.team1-1 .line,
.team1-3 .line{top:47px;left:157px; background-position: -150px 0;}
.team1-2 .line,
.team1-4 .line{top:-44px;left:157px;background-position: 0 0;}
/*.dz-list2 .line{height:86px;}*/
.dz-list2 .team1-1 .line{background-position: -150px 0;}
.dz-list2 .team1-1 .line.t97 {top: 97px;}
.dz-list2 .team1-1.blue .line{background-position: 0 0;}
.dz-list2 .team1-2 .line{background-position: -150px 0;top:-66px;height:89px;}
.dz-list2 .team1-2.blue .line{background-position: 0 0;}
.dz-right .team1-1 .line,
.dz-right .team1-3 .line{left:-155px;}
.dz-right .team1-2 .line,
.dz-right .team1-4 .line{left:-155px;}
.b-tab2 .bg2{height:800px;}
.b-tab2 .con2{height:820px;}
.b-tab2 .pg1{height:3300px;}