<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{ position: relative; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", Arial, sans-serif, Helvetica; font-size: .16rem;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0; font-size: inherit; font-family: inherit; vertical-align: baseline;}
ul, ol { list-style: none;}
a { text-decoration: none; color: inherit; cursor: pointer; outline: none;}
a:hover{ text-decoration:none;}
img { border: 0; object-fit: cover;}
video{ object-fit: cover; }
table { border-collapse: collapse;}
area{ outline:none; }
input, textarea, select{ -webkit-appearance: none; outline: none; resize: none; border-radius: 0;}
input::-ms-clear{ display:none;}
input[type="text"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button { border: none; background: none; cursor: pointer;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
h1.wm-public{height:0; line-height:0; font-size:0;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.fl{ float: left; }
.fr{ float: right; }
.rel{ position: relative;}
.abs{ position: absolute;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}
 ::-webkit-scrollbar {
     width: 0;height: 0;
 }

 ::-webkit-scrollbar-thumb {
     border-radius: 8px;
     background-color: #7b7b7b;
 }

 ::-webkit-scrollbar-track {
     border-radius: 8px;
     background-color: #e7e7e7;
     border: 1px solid #cacaca;
 }
html, body{ height: 100%; background: #f9e1ac;}  
 
.logo{ top: 50%; left: .3rem; transform: translate(0, -50%); height: .85rem;}
.logBox{display: inline-block;float: right;position: relative;}
.userName{height: 0.45rem;max-width: 3rem;overflow: hidden; background: #fef4cc url(../images/ico.png) no-repeat;background-size: auto 100%; border: 0.02rem solid #333;border-radius: 1rem;display: block;position: relative;line-height: 0.45rem;text-align: center;font-size: 0.3rem;padding: 0 0.2rem 0 0.6rem;}
.logoutBtn{width: 2.06rem;height: 0.52rem;background: url(../images/logout.png) no-repeat center top; background-size:auto 100% ;position: relative;display:block;}
.loginBtn{width: 2.81rem;height: 0.52rem;background: url(../images/login.png) no-repeat center top; background-size:auto 100% ;position: relative;display: block;}
.loading{height: 100%;width: 100%;height:13.1rem; position: fixed;background: url(../images/loading.jpg) no-repeat center top; background-size:auto 100% ;z-index: 3000; }
.progress{width: 5.4rem;height: 0.46rem;background: url(../images/progress.jpg) repeat-x;position: absolute;left: 50%;top: 7.5rem;
    background-size: auto 100%;border: 0.03rem solid #333;border-radius: 0.5rem;-webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);}
.progress span{display: block;position: absolute;left: -0.03rem;top: -0.02rem;display: block;height: 100%;background: url(../images/progress_on.jpg) repeat-x;background-size: auto 100%;border-radius: 0.5rem;border: 0.03rem solid #333;}
/* ä¸»ä½“ */
.wrap{ position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scene_box{height: 100%;width: 100%;position: relative; margin: 0 auto;}
.scene{height: 11.4rem;width: 100%;position: relative; margin: 0 auto;overflow-x:auto;border-bottom: 0.03rem solid #333;z-index: 1;}
.scene .main{height: 11.4rem;width: 19.82rem;background: url(../images/scene.jpg) no-repeat 0 -0.9rem; background-size: 100% auto;position: relative;}
.info{width: 6.8rem;height: 5.12rem;background: url(../images/img1.png) no-repeat 0 0rem; background-size: 100% auto;top: 3.6rem;position: absolute;-webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);left: 50%;}
.timebox{width: 2.38rem;height: 1.02rem;position: absolute;z-index: 2;background: url(../images/timebox.png) no-repeat center top;
    background-size: auto 100%;left: 0.1rem;top: 0.1rem;}
.timebox span{font-size: 0.6rem;color: #bb5f0f;position: absolute;right: 0.2rem;line-height: 1rem;}
.tips1{width: 3.84rem;height: 0.48rem;background: url(../images/tips1.png) no-repeat center top;position: absolute;top: 10.5rem;z-index: 9;
    background-size: auto 100%;left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);}
.tips2{width: 5.54rem;height: 0.5rem;background:#f59542 url(../images/tips2.png) no-repeat center top;position: absolute;bottom: 0.1rem;z-index: 9; 
    background-size: auto 100%;left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);}
.bottombox{width: 100%;height: 1.65rem;background: url(../images/bottom.png)  repeat-x ; background-size:auto 100% ;margin: 0 auto;position: relative;}
.tabbox{ height: 1.37rem;position: absolute;display: flex;justify-content: center;z-index: 3;left: 50%;-webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);}   
.tabbox a{width: 1.37rem;height: 1.37rem;display: inline-block;margin: -0.4rem 0.05rem 0;}
.tabbox a.tab1{background: url(../images/tab1.png) no-repeat ; background-size: 100% auto;}
.tabbox a.tab1.on{background: url(../images/tab1_on.png) no-repeat ; background-size: 100% auto;}
.tabbox a.tab2{background: url(../images/tab2.png) no-repeat ; background-size: 100% auto;}
.tabbox a.tab2.on{background: url(../images/tab2_on.png) no-repeat ; background-size: 100% auto;}
.tabbox a.tab3{background: url(../images/tab3.png) no-repeat ; background-size: 100% auto;}
.tabbox a.tab3.on{background: url(../images/tab3_on.png) no-repeat ; background-size: 100% auto;}
.tabbox a.tab4{background: url(../images/tab4.png) no-repeat ; background-size: 100% auto;}
.tabbox a.tab4.on{background: url(../images/tab4_on.png) no-repeat ; background-size: 100% auto;}
.tabbox a.tab5{background: url(../images/tab5.png) no-repeat ; background-size: 100% auto;}
.tabbox a.tab5.on{background: url(../images/tab5_on.png) no-repeat ; background-size: 100% auto;}
/* å†…å®¹åŒºåŸŸ */
.wrapSwiper{ height: 100%;}
 /*  */
 .share_box{height: 100%;width: 100%;height:13.1rem; position: fixed;background: #f5dda8; background-size:100% 100% ;z-index: 2300;top: 0;display: none;
    left: 0;}
 .pop_cont_share{width: 5.36rem;height: 3.08rem;background:  url(../images/shareimg.png) no-repeat center top; background-size:auto 100% ;left: 50%;position: fixed;top: 2rem;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);}
 .readybox{height: 100%;width: 100%;height:13.1rem; position: fixed;background:  url(../images/rulebg.jpg) no-repeat center top; background-size:100% 100% ;z-index: 10; }
.holdon_box{height: 100%;width: 100%;height:13.1rem; position: fixed;background:  url(../images/holdon.jpg) no-repeat center top; background-size:auto 100% ;z-index: 2200;top: 0;left: 0; display: none;}
.holdon_box .effects {
    animation-name: star;
    position: absolute;
    top: 4.5rem;
    width: 6.3rem;
    height: 4rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    animation-duration: 0.8s;
    /* æ¯å¼&nbsp;å›¾ç‰‡æ˜¾ç¤ºæ—¶é—´ */
    animation-iteration-count: infinite;
}
.timeout_box{height: 100%;width: 100%;height:13.1rem; position: fixed;background:  url(../images/timeout.jpg) no-repeat center top; background-size:auto 100% ;z-index: 2200;top: 0;left: 0;display: none;}
.timeout_box .effects{animation-name: quan;position: absolute;top: 4.5rem;width: 6.3rem;height: 4rem;
    left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    animation-duration: 0.8s;
    /* æ¯å¼&nbsp;å›¾ç‰‡æ˜¾ç¤ºæ—¶é—´ */
    animation-iteration-count:infinite; }
@keyframes quan {
    0% {
        background: url(../images/img/out1.png) no-repeat center top;background-size:  auto 100%;
    }

    25% {
        background: url(../images/img/out2.png) no-repeat center top;background-size: auto 100%;
    }

    50% {
        background: url(../images/img/out3.png) no-repeat center top;background-size: auto 100%;
    }

    75% {
        background: url(../images/img/out4.png) no-repeat center top;background-size: auto 100%;
    }
    100% {
        background: url(../images/img/out1.png) no-repeat center top;
        background-size: auto 100%;
    }
}
@keyframes star {
    0% {
        background: url(../images/img/star1.png) no-repeat center top;
        background-size: auto 100%;
    } 

    50% {
        background: url(../images/img/star2.png) no-repeat center top;
        background-size: auto 100%;
    } 

    100% {
        background: url(../images/img/star1.png) no-repeat center top;
        background-size: auto 100%;
    }
}
.topbox{top: 0.2rem; right: .1rem;position: absolute;z-index: 100;}
/* music */
.bgMusic{   width: 0.52rem; height: 0.52rem;  background-size: auto 100%;position: relative;float: left;margin-right: 0.1rem;}
.bgMusicSwitch{ inset: 0; background: url(../images/music.png) no-repeat 0 0; background-size: auto 100%; animation: bgMusic 6s linear infinite;position: absolute;}
.bgMusic.off .bgMusicSwitch{ background-position: 100% 0; animation-play-state: paused;background: url(../images/music2.png) no-repeat 0 0;
    background-size: auto 100%;}
@keyframes bgMusic{
    from{ transform: rotate(0deg);}
    to{ transform: rotate(360deg);}
} 
@keyframes phoneroate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-90deg);
    }
}
/* å¼¹çª— */
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 3000; display: none;}
.pop .close{width: 0.57rem;height: 0.57rem;background: url(../images/close.png) no-repeat;background-size: 100%;position: absolute;right: -0.1rem;top: -0.1rem;}
.popCont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 5.9rem;height: 7.78rem; }
.btn_putin{width: 3.02rem;height: 0.98rem;background: url(../images/btn_putin.png) no-repeat;background-size: 100%;left: 50%;position: absolute;top: 6rem;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);}
.pop1 .popCont{background: url(../images/pop1.png) no-repeat;background-size: 100%;}
.pop2 .popCont{background: url(../images/pop2.png) no-repeat;background-size: 100%;}
.pop3 .popCont{background: url(../images/pop3.png) no-repeat;background-size: 100%;}
.pop4 .popCont{background: url(../images/pop4.png) no-repeat;background-size: 100%;}
.pop5 .popCont{background: url(../images/pop5.png) no-repeat;background-size: 100%;}
.popbind .popCont{background: url(../images/popbind.png) no-repeat;background-size: 100%;width: 5.94rem;height: 4.69rem;}
.popprompt .popCont{background: url(../images/popprompt.png) no-repeat;background-size: 100%;width: 5.94rem;height: 4.69rem;}
.poprule .popCont{background: url(../images/poprule.png) no-repeat;background-size: 100%;}
.poprule .con{width: 4.9rem;height: 5.4rem;font-size: 0.28rem;color: #332b2b;left: 50%;
    position: absolute;
    margin: 1.4rem auto 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);}
.poprule .con span{color: #bb7c25;}
.popsuccess .popCont{background: url(../images/popsuccess.png) no-repeat;background-size: 100%;width: 5.94rem;height: 4.9rem;}
.popget .popCont{background: url(../images/popget.png) no-repeat;background-size: 100%;width: 5.9rem;height: 8.25rem;}
.popClose{ position: absolute;}
.btn_ready{width: 3.67rem;height: 0.86rem;background: url(../images/btn_ready.png) no-repeat;background-size: 100%;left: 50%;-webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);position: absolute;top: 10rem;}
.btn_rule{width: 1.28rem;height: 0.52rem;background: url(../images/btn_rule.png) no-repeat;background-size: 100%;position: absolute;top: 0.2rem;left: 0.2rem;}
 


.talk{display: none;}
.talk1{width: 2.82rem;height: 1.32rem;background: url(../images/talk1.png) no-repeat;background-size: 100%;position: absolute;top: 1.5rem;}
.talk2{width: 3.06rem;height: 1.62rem;background: url(../images/talk2.png) no-repeat;background-size: 100%;position: absolute;top: -1.5rem;}
.talk3{width: 3.3rem;height: 1.46rem;background: url(../images/talk3.png) no-repeat;background-size: 100%;position: absolute;top: -1.5rem;left: 1rem;}
.talk4{width: 3.32rem;height: 1.38rem;background: url(../images/talk4.png) no-repeat;background-size: 100%;position: absolute;top: -1.3rem;left: -1rem;}
.talk5{width: 3.05rem;height: 1.32rem;background: url(../images/talk5.png) no-repeat;background-size: 100%;position: absolute;top: -1.3rem;left: -0.1rem;}
.talk6{width: 1.26rem;height: 1.14rem;background: url(../images/talk6.png) no-repeat;background-size: 100%;position: absolute;top: -0.2rem;left: -1rem;}
.talk7{width: 3.32rem;height: 1.38rem;background: url(../images/talk7.png) no-repeat;background-size: 100%;position: absolute;top: -1.4rem;left: -1rem;}
.t1{width: 2rem;height: 1.6rem;position: absolute;top: 4.3rem;left: 0.4rem;}
.t2{width: 0.75rem;height: 1.58rem;position: absolute;top: 2.6rem;left: 3rem;}
.t3{width: 2rem;height: 2.06rem;position: absolute;top: 6.1rem;left: 7.5rem;}
.t4{width: 2.7rem;height: 1.28rem;position: absolute;top: 5.52rem;left: 13.7rem;}
.t5{width: 0.8rem;height: 1.9rem;position: absolute;top: 1.78rem;left: 14.5rem;}
.t6{width: 0.9rem;height: 1.24rem;position: absolute;top: 7.14rem;left: 16.7rem;}
.t7{width: 2rem;height: 1.24rem;position: absolute;top: 9.14rem;left: 11.2rem;}
.binggui{width: 1.1rem;height: 0.54rem;position: absolute;left: 3.35rem;top: 5.16rem;}
.doumaogan{width: 3.1rem;height: 1.3rem;position: absolute;left: 8rem;top:9.8rem;}
.heisiwa{width: 1.9rem;height: 1.32rem;position: absolute;left: 11.2rem;top:6.4rem;}
.juanchi{width: 0.82rem;height: 1.2rem;position: absolute;right: 0.57rem;top:6.9rem;}
.yujiadian{width: 3.2rem;height: 1.12rem;position: absolute;right: 0.2rem;top:9.2rem;}

.btn_change{width: 2.06rem;height: 0.52rem;background: url(../images/btn_change.png) no-repeat;position: absolute;top: 3rem;left: 0.5rem;
    background-size: 100%;}
.btn_cancle {
    width: 2.06rem;
    height: 0.52rem;
    background: url(../images/btn_cancle.png) no-repeat;position: absolute;top: 3rem;right: 0.5rem;
    background-size: 100%;
}
.btn_share{width: 2.46rem;height: 1.53rem;background: url(../images/btn_share.png) no-repeat;background-size: 100%;top: 10rem;left: 50%;position: absolute;
    margin: 0 0 0 -2.6rem;}
.btn_share2{width: 2.46rem;height: 1.53rem;background: url(../images/btn_share2.png) no-repeat;background-size: 100%;top: 10rem;left: 50%;position: absolute;
    margin: 0 0 0 -2.6rem;}
.btn_gift{width: 2.46rem;height: 1.53rem;background: url(../images/btn_gift.png) no-repeat;background-size: 100%;top: 10rem;left: 50%;position: absolute;
    margin: 0 0 0 0.2rem;}
.btn_again{width: 2.46rem;height: 1.53rem;background: url(../images/btn_again.png) no-repeat;background-size: 100%;top: 10rem;left: 50%;position: absolute;
    margin: 0 0 0 0.2rem;}
.btn_again2{width: 2.46rem;height: 1.53rem;background: url(../images/btn_again2.png) no-repeat;background-size: 100%;top: 6rem;left: 50%;position: absolute;
    -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);}
.btn_bind{width: 2.06rem;
    height: 0.52rem;
    background: url(../images/btn_ok.png) no-repeat;
    background-size: 100%;
    top: 3.3rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);}
#popbind select {
    display: block;
    width: 3.4rem;
    height: 0.5rem;
    box-sizing: border-box;
    padding: 0 0.45rem 0 0.2rem;
    border: 0.01rem solid #333;
    border-radius: 1rem;
    appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background:
            url("../images/arrow.png") no-repeat scroll right center transparent !important;
        background-color: #f99742 !important;  
    font-size: 0.22rem;
    color: #333; 
    top: 2.2rem;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
}
.poproate{background:#f5dda8 ; z-index: 5000;}
.phone{width: 2.41rem;height: 1.42rem;background: url(../images/phone.png) no-repeat center top; background-size: 100%;position: absolute;left: 50%;
     animation: phoneroate 1s forwards infinite;margin: 0 0 0 -1.2rem;}
.pop_cont_roate {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6.17rem;
    height: 3.68rem;
    background: url(../images/roate.png) no-repeat center top;
        background-size: 100%;
}
 
@media screen and (min-height: 768px) and (max-width: 750px) {
    .tabbox a {
            width: 1.1rem;
            height: 1.1rem;
            display: inline-block;
            margin: -0.4rem 0.05rem 0;
        }
    .info{width: 5.6rem;}
}

</pre></body></html>