@-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 !important;
    color:#fff;
    background:#000;
}
.app{
    overflow: hidden;
    background:#000;
}
.clear:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {
  display: inline-block;
  }
.modal-open{
    padding:0 !important;
}
.login-box {
    z-index: 10000;
}
.app{
    overflow: hidden;
    position: relative;
}
.app_bg{
    width:100%;
    background:url('../img/m_big_bg.jpg') no-repeat;
    background-size:cover;
    position: absolute;
    left:0;
    top:0;
    height:31.56rem;
}

#w_logo{
    background:url('../img/m_logo.png') no-repeat;
    background-size:cover;
    width:4.71rem;
    height:1.09rem;
    position: absolute;
    left:0.15rem;
    top:0.15rem;
}
.w_home_btn{
    width:1.05rem;
    height:1.06rem;
    background:url('../img/w_home_btn.png') no-repeat;
    background-size:cover;
    position: absolute;
    right:0.13rem;
    top:0.13rem;
}
#dr{
    width:0.83rem;
    height:0.59rem;
    background:url('../img/m_dr.png') no-repeat;
    background-size:cover;
    position: absolute;
    top:0.38rem;
    right:1.2rem;
    cursor: pointer;
}
#dr.dc{
    background:url('../img/m_dc.png') no-repeat;
    background-size:cover;
}
#w_title{
    background:url('../img/w_title.png') no-repeat;
    background-size:cover;
    width:7.5rem;
    height:2.55rem;
    position: absolute;
    left:50%;
    top:7.48rem;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

#w_foot{
    background:url('../img/w_foot.png') no-repeat;
    background-size:cover;
    width:3.58rem;
    height:0.62rem;
    position: absolute;
    bottom:0.15rem;
    right:0.1rem;
}
.ft_bg{
    width:100%;
    position: absolute;
    left:0;
    bottom:0;
    background:url('../img/m_ft_bg.jpg') no-repeat;
    background-size:cover; 
    height:0.87rem;
}
#main_content{
    width:100%;
    height:auto;
    position:relative;
    margin-top:11.39rem;
}
#dc{
    display:none;
}
#main_content .w_home_btn{
    display:none;
}
#tab_con{
    padding:2.8rem 0 0 0;
}
#tab_tit > div{
    display:none;
}
#tab_con > div{
    display:none;
    margin:0 auto;
    position: relative;
    
}
#tab_con #con_0{
    background:url('../img/m_con_0_bg.png') no-repeat;
    background-size:cover; 
    width:7.24rem;
    height:8.92rem;
    margin-bottom: 8.5rem;
}
#tab_con #con_0 .jl{
    background:url('../img/m_con_0_bg_jl.png') no-repeat;
    background-size:cover;
    position: absolute;
    left:50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width:5.42rem;
    height:6.85rem;
    bottom:-7.1rem;
}
#tab_con #con_4{
    background:url('../img/m_con_4_bg.png') no-repeat;
    background-size:cover; 
    width:6.43rem;
    height:11rem;
    margin-bottom:1rem;
}
#m_nav_icon{
    display: block;
    width:0.679rem;
    height:0.656rem;
    background:url('../img/m_nav_icon.png') no-repeat;
    background-size:cover;
    position: absolute;
    right:0.15rem;
    top:0.1rem;
    z-index:2;
}
#tab_nav{
    position: absolute;
    right:0;
    top:0.85rem;
    z-index:5;
}
#tab_nav a{
    display:block;
    width:3.648rem;
    height:0.984rem;
    overflow: hidden;
    text-indent:-9999em;
}

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


#tab_tit{
    width:100%;
    position: absolute;
    left:0;
    top:0.61rem;
}
#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:3.22rem;
    height:2.14rem;
}
#tab_tit #tit_1{
    background:url('../img/nav_tit_1.png') no-repeat;
    background-size:cover;
    width:3.72rem;
    height:2.14rem;
}
#tab_tit #tit_2{
    background:url('../img/nav_tit_2.png') no-repeat;
    background-size:cover;
    width:3.72rem;
    height:2.14rem;
}
#tab_tit #tit_3{
    background:url('../img/nav_tit_3.png') no-repeat;
    background-size:cover;
    width:3.22rem;
    height:2.14rem;
}
#tab_tit #tit_4{
    background:url('../img/nav_tit_4.png') no-repeat;
    background-size:cover;
    width:3.22rem;
    height:2.14rem;
}




#tab_con #con_3{
    width: 7.38rem;
    margin:0 auto;
    height:12rem;
}
#tab_con #con_3 h3{
    text-align: center;
    font-size:0.28rem;
    color:#fff;
}
#tab_con #con_3 h3 span{
    color:#fb3f26;
}
#con_3 .exchange{
    width:2.95rem;
    height:3.61rem;
    position: absolute;

}
#con_3 .exchange > a{
    position: absolute;
    left: 0.58rem;
    bottom: 0.4rem;
    width: 1.8rem;
    height: 0.6rem;
    overflow: hidden;
    text-indent: -9999em;
    display: block;
}

#con_3 .exchange span{
    display:none;
    width: 1.56rem;
    height: 0.5rem;
    position: absolute;
    left: 0.7rem;
    bottom: 0.17rem;
    text-align: center;
    font-size: 0.14rem;
    line-height: 0.04rem;
}
#con_3 .exchange.draw > a{
    display:none;
}
#con_3 .exchange.draw span{
    display:block;
}
#con_3 .exchange strong{
    font-weight:normal;
    font-size:0.24rem;
    line-height: 0.1rem;
}
#con_3 #p1.exchange{
    background:url('../img/p1.png') no-repeat;
    background-size:cover;
    left:0;
    top:0.5rem;
}
#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:2.25rem;
    top:0.5rem;
}
#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:4.5rem;
    top:0.5rem;
}
#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:0;
    top: 3.7rem;
}
#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: 3.7rem;
    left:2.25rem;
}
#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: 3.7rem;
    left:4.5rem;
}
#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: 6.92rem;
    left:0;
}
#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: 6.92rem;
    left:2.25rem;
}
#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: 6.92rem;
    left:4.5rem;
}
#con_3 #p20.exchange.draw{
    background:url('../img/p20_draw.png') no-repeat;
    background-size:cover; 
}
#tab_con #con_1{
    width:7.5rem;
    margin:0 auto;
    height:19rem;
}
#tab_con #con_2{
    width:7.5rem;
    margin:0 auto;
    height:17.5rem;
}
#xk{
    width:5.4rem;
    height:7.17rem;
    background:url('../img/xzs_bg.png') no-repeat;
    background-size:cover; 
    position: absolute;
    left: 1.1rem;
    top:0;
    box-sizing: border-box;
    padding:0;
}

#zs{
    width:5.4rem;
    height:7.17rem;
    background:url('../img/xzs_bg.png') no-repeat;
    background-size:cover; 
    position: absolute;
    right:1rem;
    top:7.8rem;
    box-sizing: border-box;
    padding:0;
}
.ts{
    width:5.93rem;
    height:3.07rem;
    background:url('../img/m_ts.png') no-repeat;
    background-size:cover; 
    position: absolute;
    left:0.6rem;
    bottom:0.32rem
}

.item_vs{
    width: 2.2rem;
    height: 1.6rem;
    float: left;
    margin-right: 0.14rem;
    margin-bottom: 0.16rem;
    line-height:0.12rem;
    color:#fff;
    position: relative;
    font-size:0.16rem;
    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:0rem 0 0 0;
    line-height:0.25rem;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    position: relative;
    top:0
}
.item_vs h4 i{
    font-style: normal;
}
.item_vs .vs_go span{
    display: block;
    text-align: center;
    font-size:0.24rem;
}
.item_vs .vs_go b{
    display: block;
    text-align:center;
    font-weight:bold;
    font-size:0.28rem;
}
.item_vs h4{
    font-size:0.24rem;
    line-height:0rem;
    text-align: center;
    white-space:nowrap;
    position: relative;
    top:-0.02rem;
    transform:scale(0.8);
    -webkit-transform:scale(0.8);
}
.end_ts{
    width:0.38rem;
    height:0.38rem;
    background:url('../img/end_ts.png') no-repeat;
    background-size:cover;
    position: absolute;
    left:-0.15rem;
    top:-0.15rem;
    display:none;
}
#ultimate_xk .end_go,#ultimate_zs .end_go{
    width: 1.76rem;
    height: 0.32rem;
    position: absolute;
    left: 0.14rem;
    bottom: 0.2rem;
    background: url(../img/end_go.png) no-repeat;
    background-size: cover
}
#ultimate_xk .w1 .end_go,#ultimate_zs .w1 .end_go{
    width: 1.76rem;
    height: 0.32rem;
    position: absolute;
    left: 1.1rem;
    bottom: 0.12rem;
    background: url(../img/end_go.png) no-repeat;
    background-size: cover;
    -webkit-transform: scale(1.3);
    transform: scale(1.32);

}
.end_go{
    width: 1.6rem;
    height: 0.3rem;
    position: absolute;
    left:0.3rem;
    bottom:0.07rem;
    background:url('../img/end_go.png') no-repeat;
    background-size:cover;
}
.yc{
    width: 1.66rem;
    height: 0.3rem;
    position: absolute;
    left: 0.3rem;
    bottom: 0.07rem;
    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:8.8rem;
    height:5.69rem;
    position:fixed;
    left: -0.6rem;
    top:50%;
    background:url('../img/bw_pop.png') no-repeat;
    background-size:cover;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    z-index:10;
   
}
#bw_pop_1{
    width:8.8rem;
    height:5.69rem;
    position:fixed;
    left: -0.6rem;
    top:50%;
    background:url('../img/bw_pop_1.png') no-repeat;
    background-size:cover;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    z-index:10;
   
}
#bw_pop.poe,#bw_pop_1.poe{
    pointer-events:none;
}
#bw_pop .bw_pop_close,#bw_pop_1 .bw_pop_close{
    width: 0.58rem;
    height: 0.58rem;
    position: absolute;
    right: 0.7rem;
    top: 0.6rem;
}
#bw_pop h4,#bw_pop_1 h4{
    color: #fff;
    width: 2.62rem;
    text-align: center;
    position: absolute;
    top: 1.12rem;
    left: 3.05rem;
    line-height: 0.16rem;
    font-size: 0.24rem;
    transform: scale(0.92);
    -webkit-transform: scale(0.92);
}
#bw_pop .vs_go_pop{
    width: 5.3rem;
    position: absolute;
    top: 1.9rem;
    left: 1.7rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
    color: #fff;
    text-align: center;
    font-size: 0.24rem;
}
#bw_pop .vs_go_img{
    width:6rem;
    position: absolute;
    top:2.5rem;
    left: 1.35rem;
    display:flex;
    justify-content: space-between;
}
#bw_pop .vs_go_img img{
    width:100%;
}
#bw_pop .vs_go_img .a1_img{
    width:2.5rem;
    pointer-events:none;
}
#bw_pop .vs_go_img .a2_img{
    width:2.5rem;
    pointer-events:none;
}
#bw_pop .vs_go_pop .a1{
    width:2rem;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}
#bw_pop .vs_go_pop .a2{
    width:2rem;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}
#bw_pop h4 i,#bw_pop_1 h4 i{
    font-style: normal;
}
#bw_pop h4 b,#bw_pop_1 h4 b{
    font-weight:normal
}
#radio_con{
    width: 4.65rem;
    position: absolute;
    bottom: 0.9rem;
    left: 2rem;
    height: 0.3rem;
    display: flex;
    justify-content: space-between;
}
#radio_con.jiesu{
    pointer-events:none;
}
#radio_con .radio_box{
    width:1.2rem;
    height:0.3rem;
    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:7.5rem;
    height:5rem;
    background:url('../img/yc_win_bg.png') no-repeat;
    background-size:cover;
    position:fixed;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index:11;
}
#yc_win h4{
    color: #000;
    width: 2rem;
    position: absolute;
    left: 2.2rem;
    top: 1.93rem;
    font-weight: bold;
    text-align: center;
    font-size: 0.24rem;
    transform: scale(0.92);
    -webkit-transform: scale(0.92);
}
#yc_win #guessing_go{
    width:2.07rem;
    height:0.65rem;
    cursor: pointer;
    position: absolute;
    left:1.5rem;
    top:2.88rem;
}
#yc_win #reset_go{
    width:2.07rem;
    height:0.65rem;
    cursor: pointer;
    position: absolute;
    left:3.91rem;
    top:2.88rem;
}
.mao{
    width:1.28rem;
    height:0.81rem;
    position: absolute;
    left: 1.3rem;
    top: 0.5rem;
    background:url('../img/mao.png') no-repeat;
    background-size:cover;
}
.mao .reviewLink_bg{
    width:1.35rem;
    height:0.52rem;
    background:url('../img/reviewLink_bg.png') no-repeat;
    background-size:cover;
    position: absolute;
    left: 1rem;
    top: -0.3rem;
}
.mao .liveLink_bg{
    width:1.76rem;
    height:0.52rem;
    background:url('../img/liveLink_bg.png') no-repeat;
    background-size:cover;
    position: absolute;
    left: 1rem;
    top: -0.3rem;
}
#ds_con{
    position: absolute;
    width: 1.7rem;
    text-align: center;
    left: 3.52rem;
    bottom: 0.74rem;
}
#ds_con h5{
    color: #595856;
    font-size: 0.16rem;
    text-align: center;
    line-height: 0.16rem;
    padding: 0;
    margin: 0 0 0.05rem 0;
}
#ds_con h5.yes{
    color: #de2b0d;
}
#ds_btn{
    width:1.3rem;
    height:0.48rem;
    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: 1.5rem;
    height: 1.16rem;
    position: absolute;
    left: 1.8rem;
    top: 2.8rem;
    z-index: 5;
}
.a1_result img,.a2_result img{
    width:100%;
}
.a2_result{
    width:1.5rem;
    height:1.16rem;
    position: absolute;
    right: 1.9rem;
    top: 2.8rem;
    z-index:5;
}
.q16_tit{
    width:3.32rem;
    height:0.43rem;
    background:url('../img/q16_tit.png') no-repeat;
    background-size:cover;
    margin: 0 0 0.16rem 0.6rem;
    float: left;
}
.q8_tit{
    width:3.32rem;
    height:0.43rem;
    background:url('../img/q8_tit.png') no-repeat;
    background-size:cover;
    margin: 0 0 0.16rem 0.6rem;
    float: left;
}
.roll {
    width: 5.3rem;
    height: 6.2rem;
    overflow-y: auto;
    position: relative;
    left: 0;
    top: 0.4rem;
    padding: 0 0 0 0.4rem;
    overflow-x:hidden;
}
.xk_icon{
    background:url('../img/xk_icon.png') no-repeat;
    background-size:cover;
    pointer-events:none;
    width:1.76rem;
    height:3.99rem;
    bottom: -0.5rem;
    left: -1rem;
    position: absolute;
    z-index: 1;
}
.zs_icon{
    background:url('../img/zs_icon.png') no-repeat;
    background-size:cover;
    pointer-events:none;
    width:1.76rem;
    height:3.98rem;
    position: absolute;
    bottom: -0.5rem;
    right: -1rem;
    z-index: 1;
}

#shortage_pop{
    width:7.5rem;
    height:5rem;
    background:url('../img/shortage_pop.png') no-repeat;
    background-size:cover;
    position:fixed;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index:11;
}

#shortage_pop_close{
    width: 2rem;
    height: 0.6rem;
    position: absolute;
    left: 2.7rem;
    bottom: 1.5rem;
}

#ultimate_xk{
    width:6.42rem;
    height:7.26rem;
    background:url('../img/m_xk_bg.png') no-repeat;
    background-size:cover;
    position: absolute;
    left:0.1rem;
    top:0;
    padding: 1.55rem 0 0 1.67rem;
    box-sizing: border-box;
}
#ultimate_zs{
    width:6.42rem;
    height:7.26rem;
    background:url('../img/m_zs_bg.png') no-repeat;
    background-size:cover;
    position: absolute;
    right:0.1rem;
    top:7rem;
    padding: 1.55rem 0 0 0.78rem;
    box-sizing: border-box;
}
.item_vs.w4{
    width:1.92rem;
}
.item_vs.w4 .yc{
    left: 0.2rem;
    bottom: 0.2rem;
}
.item_vs.w1{
    width:4.02rem;
    top: 0.59rem;
    height: 2.1rem;
}

.item_vs.w1 h4{
    font-size:0.32rem
}
.item_vs.w1 .vs_go{
    font-size: 0.28rem;
    line-height:0.3rem;
    position: relative;
    top: 0.2rem;
}
.item_vs.w1 .vs_go b{
    font-size: 0.32rem;
    line-height: 0.45rem;
    font-weight: 100;
}
.item_vs.w1 .vs_go span{
    font-size:0.28rem;
}
#ultimate_zs .item_vs.w1 .yc, #ultimate_xk .item_vs.w1 .yc{
    transform: scale(1.3);
    -webkit-transform:scale(1.3);
    bottom:0.1rem;
    left: 1.2rem;
}
#no_start{
    position: absolute;
    left:0;
    top:44vw;
    font-size:1vw;
    width:100%;
    text-align: center;
    color:#fff;
    display:none !important;
}
#js_tit{
    text-align: center;
    width: 100%;
    color: #000;
    position: absolute;
    left: 0;
    top: 24vw;
    font-size:0.24rem;
    font-weight: bold;
}

#ckList{
    position: absolute;
    left: 1.5rem;
    top: 2.4rem;
}
#ckList.jiesu{
    pointer-events:none;
}
#ckList .ck_box{
    width:42%;
    float: left;
    cursor: pointer;
    margin-bottom: 0.3rem;
    height:0.8rem;
}
#ckList .ck_box h3{
    width: 2.3rem;
    height: 0.45rem;
    background:url('../img/tit_name.png') no-repeat;
    background-size:cover;
    display:inline-block;
    color: #fff;
    text-align: center;
    font-size:0.16rem;
    line-height: 0.5rem;
    margin:0;
    padding:0;
    vertical-align:middle;
    white-space: nowrap;

}
#ckList .ck_box span{
    display: inline-block;
    width: 0.36rem;
    height: 0.31rem;
    background: url(../img/ck_icon.png) no-repeat;
    background-size: cover;
    position: relative;
    font-size: 0.5rem;
    color: red;
    text-align: center;
    vertical-align: middle;
    font-family: "zz";
    line-height: 0.2rem;
}
#ckList .ck_box p{
    width:2.3rem;
    text-align: center;
    font-size:0.24rem;
    padding:0;
    margin:0;
}
#ckList .ck_box p.w{
    color:red;
}
#ds1_con{
    position: absolute;
    width: 1.7rem;
    text-align: center;
    left: 3.52rem;
    bottom: 0.74rem;
}
#ds1_btn{
    width:1.3rem;
    height:0.48rem;
    background:url('../img/ds_no.png') no-repeat;
    background-size:cover;
    display:inline-block;
}
#ds1_btn.yes{
    background:url('../img/ds_yes.png') no-repeat;
    background-size:cover;
    cursor: pointer;
}


#w_win{
    width:7.5rem;
    height:5rem;
    background:url('../img/w1_pop.png') no-repeat;
    background-size:cover;
    position:fixed;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index:11;
}
#w_win h4{
    color: #000;
    width: 2.1rem;
    position: absolute;
    left: 2.4rem;
    top: 1.2rem;
    font-weight: bold;
    text-align: center;
    font-size: 0.24rem;
    transform: scale(0.92);
    -webkit-transform: scale(0.92);
}
#w_reset_go{
    width: 2.07rem;
    height: 0.65rem;
    cursor: pointer;
    position: absolute;
    left: 2.65rem;
    top: 3.2rem;
}

.mingci{
    width:1.92rem;
    height:0.43rem;
    position: absolute;
}
.mingci.n1{
    left: 1.67rem;
    top:1.92rem;
}
.mingci.n2{
    left:3.93rem;
    top:1.92rem;
}
.mingci.n3{
    left: 1.67rem;
    top:2.6rem
}
.mingci.n4{
    left:3.93rem;
    top:2.6rem
}
.red{
    color:red;
}