@-webkit-keyframes opener {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(15px);
    }
}
@keyframes opener {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(15px);
    }
}
@-webkit-keyframes opener1 {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(10px);
    }
}
@keyframes opener1 {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(10px);
    }
}  
body,html{
    overflow-x: hidden;
    background:#000;
}
body{
    overflow: hidden !important;
    color: #fff;
}
.clear:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {
  display: inline-block;
  }
.app{
    overflow: hidden;
    width:100vw;
    height:105.572vw;
    background:url('../img/w_big_bg.jpg') no-repeat;
    background-size:cover;
}
#w_logo{
    background:url('../img/w_logo.png') no-repeat;
    background-size:cover;
    width: 21.51vw;
    height:5.364vw;
    position: absolute;
    left:0.885vw;
    top:0.885vw;
}
#w_title{
    background:url('../img/w_title.png') no-repeat;
    background-size:cover;
    width:56.302vw;
    height:19.114vw;
    position: absolute;
    left:50%;
    top:31.4vw;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    margin:0 0 0 1.8vw;
}
#w_foot{
    background:url('../img/w_foot.png') no-repeat;
    background-size:cover;
    width:23.958vw;
    height:4.166vw;
    position: absolute;
    bottom:0;
    right:0;
}
.modal-open{
    padding:0 !important;
}

.w_home_btn{
    width:3.177vw;
    height:3.385vw;
    background:url('../img/w_home_btn.png') no-repeat;
    background-size:cover;
    position: absolute;
    right:0.729vw;
    top:0.729vw;
    z-index:1;
}
#dr{
    width:2.291vw;
    height:1.718vw;
    background:url('../img/dr.png') no-repeat;
    background-size:cover;
    position: absolute;
    top:1.45vw;
    right:3.685vw;
    cursor: pointer;
}
#dr.dc{
    background:url('../img/dc.png') no-repeat;
    background-size:cover;
}

#main_content{
    width:100%;
    height:54.531vw;
    position: absolute;
    left:0;
    top:51vw;
}

#dc{
    width:2.291vw;
    height:1.718vw;
    background:url('../img/dc.png') no-repeat;
    background-size:cover;
    position: absolute;
    top:1.45vw;
    right:3.685vw;
    cursor: pointer; 
    z-index: 1;
}
#tab_tit{
    width:100%;
    position: absolute;
    left:0;
    top:0.7vw;
}
#tab_tit > div{
    margin:0 auto;
    display:none;
}
#tab_tit #tit_0{
    background:url('../img/nav_tit_0.png') no-repeat;
    background-size:cover;
    width:16.77vw;
    height:11.145vw
}
#tab_tit #tit_1{
    background:url('../img/nav_tit_1.png') no-repeat;
    background-size:cover;
    width:19.375vw;
    height:11.145vw
}
#tab_tit #tit_2{
    background:url('../img/nav_tit_2.png') no-repeat;
    background-size:cover;
    width:19.375vw;
    height:11.145vw
}
#tab_tit #tit_3{
    background:url('../img/nav_tit_3.png') no-repeat;
    background-size:cover;
    width:16.77vw;
    height:11.145vw
}
#tab_tit #tit_4{
    background:url('../img/nav_tit_4.png') no-repeat;
    background-size:cover;
    width:16.77vw;
    height:11.145vw
}
#tab_nav{
    position: absolute;
    bottom:2.33vw;
    left:7.443vw;
    width:100%;
}
#tab_nav a{
    display:inline-block;
    width:16.406vw;
    height:5.729vw;
    overflow: hidden;
    text-indent:-9999em;
}

#tab_nav a#nav_0{
    background:url('../img/nav_0.png') no-repeat;
    background-size:cover;  
}
#tab_nav a#nav_0.sel{
    background:url('../img/nav_0_sel.png') no-repeat;
    background-size:cover;  
}
#tab_nav a#nav_1{
    background:url('../img/nav_1.png') no-repeat;
    background-size:cover;  
}
#tab_nav a#nav_1.sel{
    background:url('../img/nav_1_sel.png') no-repeat;
    background-size:cover;  
}
#tab_nav a#nav_2{
    background:url('../img/nav_2.png') no-repeat;
    background-size:cover;  
}
#tab_nav a#nav_2.sel{
    background:url('../img/nav_2_sel.png') no-repeat;
    background-size:cover;  
}
#tab_nav a#nav_3{
    background:url('../img/nav_3.png') no-repeat;
    background-size:cover;  
}
#tab_nav a#nav_3.sel{
    background:url('../img/nav_3_sel.png') no-repeat;
    background-size:cover;  
}
#tab_nav a#nav_4{
    background:url('../img/nav_4.png') no-repeat;
    background-size:cover;  
}
#tab_nav a#nav_4.sel{
    background:url('../img/nav_4_sel.png') no-repeat;
    background-size:cover;  
}

#tab_con > div{
    display:none;
    margin:0 auto;
    position: relative;
    
}
#tab_con #con_0{
    background:url('../img/con_0_bg.png') no-repeat;
    background-size:cover; 
    width:54.947vw;
    height:25.364vw; 
    margin-top:10.416vw;
}
#tab_con #con_0 .jl{
    background:url('../img/con_0_bg_jl.png') no-repeat;
    background-size:cover;
    position: absolute;
    left:50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width:41.77vw;
    height:9.218vw;
    bottom:-9.218vw;
}
#tab_con #con_4{
    background:url('../img/con_4_bg.png') no-repeat;
    background-size:cover; 
    width:57.239vw;
    height:31.927vw;
    margin-top:11.416vw;
}
#tab_con #con_3{
    width:57.187vw;
    margin:0 auto;
    padding:11vw 0 0 0;
}
#tab_con #con_3 h3{
    text-align: center;
    font-size:1.1vw;
    color:#fff;
}
#tab_con #con_3 h3 span{
    color:#fb3f26;
}
#con_3 .exchange{
    width:14.062vw;
    height:17.187vw;
    position: absolute;

}
#con_3 .exchange > a{
    display: block;
    position: absolute;
    left:2.812vw;
    bottom:2.083vw;
    width:8.437vw;
    height:2.5vw;
    overflow: hidden;
    text-indent:-9999em;
    display: block;
}

#con_3 .exchange span{
    display:none;
    width: 7.343vw;
    height: 1.354vw;
    position: absolute;
    left: 3.333vw;
    bottom: 2.3vw;
    text-align: center;
    font-size: 0.9vw;
    line-height: 1.354vw;
}
#con_3 .exchange strong{
    font-weight:100;
    cursor: pointer;
}
#con_3 .exchange.draw > a{
    display:none;
}
#con_3 .exchange.draw span{
    display:block;
}
#con_3 #p1.exchange{
    background:url('../img/p1.png') no-repeat;
    background-size:cover;
    left:5vw;
    top:13.33vw;
}
#con_3 #p1.exchange.draw{
    background:url('../img/p1_draw.png') no-repeat;
    background-size:cover; 
}
#con_3 #p2.exchange{
    background:url('../img/p2.png') no-repeat;
    background-size:cover;
    left:16vw;
    top:13.33vw;
}
#con_3 #p2.exchange.draw{
    background:url('../img/p2_draw.png') no-repeat;
    background-size:cover; 
}
#con_3 #p3.exchange{
    background:url('../img/p3.png') no-repeat;
    background-size:cover; 
    left:27vw;
    top:13.33vw;
}
#con_3 #p3.exchange.draw{
    background:url('../img/p3_draw.png') no-repeat;
    background-size:cover; 
}
#con_3 #p4.exchange{
    background:url('../img/p4.png') no-repeat;
    background-size:cover;
    left:38vw;
    top:13.33vw;
}
#con_3 #p4.exchange.draw{
    background:url('../img/p4_draw.png') no-repeat;
    background-size:cover; 
}
#con_3 #p5.exchange{
    background:url('../img/p5.png') no-repeat;
    background-size:cover;
    top:29.062vw; 
    left:0;
}
#con_3 #p5.exchange.draw{
    background:url('../img/p5_draw.png') no-repeat;
    background-size:cover; 
}
#con_3 #p10_0.exchange{
    background:url('../img/p10_0.png') no-repeat;
    background-size:cover; 
    top:29.062vw; 
    left:11vw;
}
#con_3 #p10_0.exchange.draw{
    background:url('../img/p10_0_draw.png') no-repeat;
    background-size:cover; 
}
#con_3 #p10_1.exchange{
    background:url('../img/p10_1.png') no-repeat;
    background-size:cover; 
    top:29.062vw; 
    left:22vw;
}
#con_3 #p10_1.exchange.draw{
    background:url('../img/p10_1_draw.png') no-repeat;
    background-size:cover; 
}
#con_3 #p15.exchange{
    background:url('../img/p15.png') no-repeat;
    background-size:cover; 
    top:29.062vw; 
    left:33vw;
}
#con_3 #p15.exchange.draw{
    background:url('../img/p15_draw.png') no-repeat;
    background-size:cover; 
}
#con_3 #p20.exchange{
    background:url('../img/p20.png') no-repeat;
    background-size:cover; 
    top:29.062vw; 
    left:44vw;
}
#con_3 #p20.exchange.draw{
    background:url('../img/p20_draw.png') no-repeat;
    background-size:cover; 
}
#m_nav_icon{
    display:none;
}

#xk{
    width:23.802vw;
    height:31.666vw;
    background:url('../img/xzs_bg.png') no-repeat;
    background-size:cover; 
    position: absolute;
    left:25.2vw;
    top:11.458vw;
    box-sizing: border-box;
    padding:0
}

#zs{
    width:23.802vw;
    height:31.666vw;
    background:url('../img/xzs_bg.png') no-repeat;
    background-size:cover; 
    position: absolute;
    right:25.2vw;
    top:11.458vw;
    box-sizing: border-box;
    padding:0
}

.ts{
    width: 12.187vw;
    height:19.791vw;
    background:url('../img/ts.png') no-repeat;
    background-size:cover; 
    position: absolute;
    left:8.5vw;
    top:26.979vw;
}

.item_vs{
    width:8.954vw;
    height:6.862vw;
    float: left;
    margin-right:0.25vw;
    margin-left:0.25vw;
    margin-bottom:0.5vw;
    line-height:0.9vw;
    color:#fff;
    position: relative;
    font-size:0.833vw;
    cursor: pointer;

}
.item_vs.w16{
    background:url('../img/q16_bg.jpg') no-repeat;
    background-size:cover; 
}
.item_vs.w8{
    background:url('../img/q8_bg.jpg') no-repeat;
    background-size:cover; 
}
#xk .item_vs.w8:nth-last-child(1),#xk .item_vs.w8:nth-last-child(2),#zs .item_vs.w8:nth-last-child(1),#zs .item_vs.w8:nth-last-child(2){
    margin-bottom:0
}
.item_vs .vs_go{
    padding:0.3vw 0 0 0;
    line-height:1vw;
}
.item_vs .vs_go span{
    display: block;
    text-align: center;
}
.item_vs .vs_go b{
    display: block;
    text-align:center;
    font-weight: 100;
    font-size:1vw;
}
.item_vs h4{
    font-size:0.833vw;
    line-height:0.3vw;
    text-align: center;
}
.item_vs h4 i{
    font-style: normal;
}
.item_vs h4 b{
    font-weight:100;
}
.end_ts{
    width:2.041vw;
    height:2.041vw;
    background:url('../img/end_ts.png') no-repeat;
    background-size:cover;
    position: absolute;
    left:-1vw;
    top:-1vw;
    display:none;
}
.end_go{
    width:7.6vw;
    height:1.354vw;
    position: absolute;
    left:0.6vw;
    bottom:0.4vw;
    background:url('../img/end_go.png') no-repeat;
    background-size:cover;
}
.yc{
    width:7.5vw;
    height:1.354vw;
    position: absolute;
    left:0.6vw;
    bottom:0.4vw;
    background:url('../img/yc_yes.png') no-repeat;
    background-size:cover;
}
.yc.no{
    background:url('../img/yc_no.png') no-repeat;
    background-size:cover;
}
#bw_pop{
    width:58.645vw;
    height:40.729vw;
    position: absolute;
    left:18.3vw;
    top:7.208vw;
    background:url('../img/bw_pop.png') no-repeat;
    background-size:cover;
    z-index:10;
   
}
#bw_pop.poe{
    pointer-events:none;

}
#bw_pop #bw_pop_close{
    width:3.958vw;
    height:3.958vw;
    position: absolute;
    right:0.36vw;
    top: 4.2vw;
}
#bw_pop h4{
    color: #fff;
    width:16.25vw;
    text-align: center;
    position: absolute;
    top: 8.7vw;
    left: 23vw;
    line-height: 1.6vw;
    font-size:1.2vw;
}
#bw_pop .vs_go_pop{
    width: 37.5vw;
    position: absolute;
    top: 13.8vw;
    left: 12.4vw;
    color:#fff;
    display:flex;
    justify-content: space-between;
    color:#fff;
    text-align: center;
    font-size:1.25vw;
}
#bw_pop .vs_go_img{
    width: 42vw;
    position: absolute;
    top: 17.6vw;
    left: 10.2vw;
    display:flex;
    justify-content: space-between;
}
#bw_pop .vs_go_img img{
    width:100%;
}
#bw_pop .vs_go_img .a1_img{
    width:16.104vw;
}
#bw_pop .vs_go_img .a2_img{
    width:15.104vw;
}
#bw_pop .vs_go_pop .a1{
    width:13.3vw;
}
#bw_pop .vs_go_pop .a2{
    width:13.3vw;
}
#bw_pop h4 i{
    font-style: normal;
}
#bw_pop h4 b{
    font-weight: 100;
}
#radio_con{
    width: 32vw;
    position: absolute;
    bottom: 6vw;
    left: 14.8vw;
    height: 3.229vw;
    display:flex;
    justify-content: space-between;
}
#radio_con.jiesu{
    pointer-events:none;
}
#radio_con .radio_box{
    width:7.41vw;
    height:1.822vw;
    background:url('../img/radio_bg.png') no-repeat;
    background-size:cover;
    cursor: pointer;
}
#radio_con .radio_box.yes{
    background:url('../img/radio_bg_yes.png') no-repeat;
    background-size:cover;
}
#yc_win{
    width:33.02vw;
    height:22.031vw;
    background:url('../img/yc_win_bg.png') no-repeat;
    background-size:cover;
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index:11;
}
#yc_win h4{
    color: #000;
    width: 8vw;
    position: absolute;
    left: 10vw;
    top: 8.75vw;
    font-weight: bold;
    text-align:center;
    font-size: 0.95vw;
}
#yc_win #guessing_go{
    width:8.958vw;
    height:2.187vw;
    cursor: pointer;
    position: absolute;
    left: 6.7vw;
    bottom: 6.7vw;
}
#yc_win #reset_go{
    width:8.958vw;
    height:2.187vw;
    cursor: pointer;
    position: absolute;
    left: 17.2vw;
    bottom: 6.7vw;
}
.mao{
    width:8.333vw;
    height:5.26vw;
    position: absolute;
    left: 10vw;
    top: 4.3vw;
    background:url('../img/mao.png') no-repeat;
    background-size:cover;
}
.mao .reviewLink_bg{
    width: 8.75vw;
    height:3.385vw;
    background:url('../img/reviewLink_bg.png') no-repeat;
    background-size:cover;
    position: absolute;
    left: 6.2vw;
    top: -2.3vw;
}
.mao .liveLink_bg{
    width: 11.458vw;
    height:3.385vw;
    background:url('../img/liveLink_bg.png') no-repeat;
    background-size:cover;
    position: absolute;
    left: 6.2vw;
    top: -2.3vw;
}
#ds_con{
    position: absolute;
    width: 10.416vw;
    text-align: center;
    left: 26vw;
    bottom: 6.6vw;
}
#ds_con h5{
    color: #595856;
    font-size:1vw;
    text-align: center;
    line-height:0.2vw;
}
#ds_con h5.yes{
    color: #de2b0d;
}
#ds_btn{
    width:8.281vw;
    height:3.072vw;
    background:url('../img/ds_no.png') no-repeat;
    background-size:cover;
    display:inline-block;
}
#ds_btn.yes{
    background:url('../img/ds_yes.png') no-repeat;
    background-size:cover;
    cursor: pointer;
}
.a1_result{
    width:10.156vw;
    height:7.864vw;
    position: absolute;
    left: 14vw;
    top: 20vw;
    z-index:5;
}
.a1_result img,.a2_result img{
    width:100%;
}
.a2_result{
    width:10.156vw;
    height:7.864vw;
    right: 10.5vw;
    top:20vw;
    position: absolute;
    z-index:5;
}
.q16_tit{
    width:15.937vw;
    height:2.083vw;
    background:url('../img/q16_tit.png') no-repeat;
    background-size:cover;
    margin: 0 0 0.729vw 1.45vw;
    float: left;
}
.q8_tit{
    width:15.937vw;
    height:2.083vw;
    background:url('../img/q8_tit.png') no-repeat;
    background-size:cover;
    margin: 0 0 0.729vw 1.45vw;
    float: left;
}
.roll{
    width: 22vw;
    height: 27.02vw;
    overflow-y: auto;
    position: relative;
    left: 0.5vw;
    top: 2vw;
    padding: 0 0 0 1.6vw;
    overflow-x:hidden
}
.xk_icon{
    background:url('../img/xk_icon.png') no-repeat;
    background-size:cover;
    pointer-events:none;
    width:9.166vw;
    height:20.729vw;
    bottom: -1vw;
    left: -6vw;
    position: absolute;
    z-index: 1;
}
.zs_icon{
    background:url('../img/zs_icon.png') no-repeat;
    background-size:cover;
    pointer-events:none;
    width:9.166vw;
    height:20.781vw;
    position: absolute;
    bottom: -1.5vw;
    right: -6vw;
    z-index: 1;
}
#shortage_pop{
    width:33.02vw;
    height:22.031vw;
    background:url('../img/shortage_pop.png') no-repeat;
    background-size:cover;
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index:11;
}
#shortage_pop_close{
    width:9.583vw;
    height:2.708vw;
    position: absolute;
    left: 11.3vw;
    bottom: 6.5vw;
}
#ultimate_xk{
    width:49.062vw;
    height:34.791vw;
    background:url('../img/xk_bg.png') no-repeat;
    background-size:cover;
    position: absolute;
    left:1vw;
    top:11vw;
    box-sizing: border-box;
    padding: 6.8vw 0 0 25.2vw;
}
#ultimate_zs .item_vs.w2 .end_go, #ultimate_xk .item_vs.w2 .end_go{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    bottom: -0.5vw;
    left: 5.5vw;
}
#ultimate_xk .end_go,#ultimate_zs .end_go{
    left: 0.6vw;
    bottom: 0.6vw;
}
#ultimate_zs{
    width:49.062vw;
    height:34.791vw;
    background:url('../img/zs_bg.png') no-repeat;
    background-size:cover;
    position: absolute;
    right:0.2vw;
    top:11vw;
    box-sizing: border-box;
    padding: 6.8vw 0 0 4.3vw;
}
#ultimate_zs .yc,#ultimate_xk .yc{
    bottom: 0.6vw;
}
.item_vs.w2{
    width: 18.5vw;
    margin-top: 3.5vw;
    height: 9vw;
}
.item_vs.w2 h4{
    font-size:1.2vw;
}
.item_vs.w2 .vs_go{
    font-size: 1.2vw;
    line-height: 1.7vw;
    position: relative;
    top: 0.4vw;
}
.item_vs.w2 .vs_go b{
    font-size:1.4vw;
    line-height:1.7vw;
}
#ultimate_zs .item_vs.w4:nth-of-type(2){
    margin-right:8vw;
}
#ultimate_zs .item_vs.w2 .yc, #ultimate_xk .item_vs.w2 .yc{
        transform: scale(1.3);
        -webkit-transform:scale(1.3);
        bottom: -0.5vw;
        left: 5.5vw;
}
#no_start{
    position: absolute;
    left:0;
    top:44vw;
    font-size:1vw;
    width:100%;
    text-align: center;
    color:#fff;
}
.op{
    opacity:0;
    pointer-events:none;
}
@media (max-width: 1366px) {
    .item_vs h4{
        transform: scale(0.8);
        -webkit-transform:scale(0.8);
    }
}

@media (max-width: 1280px) {
    .item_vs h4{
        line-height:0vw;
        white-space:nowrap;
    }
}