#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}
::-webkit-scrollbar{width: 5px;height: 5px;}
::-webkit-scrollbar-track{background-color: #000;}
::-webkit-scrollbar-thumb{background-color: #ccc;}

body{width:100%;}
._wrap {width:100%;height: 1080px;min-width: 980px;position: relative;overflow: hidden;background:#fff url(../images/bg.jpg) no-repeat 50% 0;}
._wrap.inGameWin {height:780px;}
._wrap .cover {width: 1920px;height: 1080px;position: absolute;top:0;left: 50%;background: url(../images/cover.png) no-repeat  0 0;z-index: 50;pointer-events: none;margin-left: -960px;}

._wrap .main{width: 1170px;height:762px;position: absolute;top:0;left:50%;margin-left: -585px;background: url(../images/bg-con.png) no-repeat 0 0;}
._wrap .main .logo{width:166px;height: 61px;background: url(../images/logo.png) no-repeat 0 0; top:-75px;left:calc(50% - 83px);display: none;}
.btn-close-page {background: url(../images/btn-window-close.png) no-repeat 0 0 / contain;width: 86px;height: 90px;top: 0;left:50%;margin-left: 426px;z-index: 100;}
.btn-close-page:hover {filter: brightness(1.5)}

._wrap .main .btn-nav {width:159px;height:56px;line-height:56px;color: #fff;font-size: 20px;display: flex;justify-content: center;align-items: center;left:50%;font-weight: bold;background: url(../images/navs.png) no-repeat 0 0;text-indent: -999em;}
._wrap .main .btn-nav:hover {filter: brightness(1.2);}
._wrap .main .login-bar {margin-left: 105px;top:65px;}
._wrap .main .logined-bar {margin-left: 105px;top:65px;text-indent: 0;background-position: -636px 0;-webkit-text-stroke: 1px #ad551d;}
._wrap .main .btn-nav-area {margin-left: 275px;top:65px;background-position: -159px 0;}
._wrap .main .btn-nav-area-choose {margin-left: 275px;top:65px;background-position: -636px 0;-webkit-text-stroke: 1px #ad551d;text-indent: 0;}

._wrap .main .btn-nav-rule {margin-left: 105px;top:130px;background-position: -318px 0;}
._wrap .main .btn-nav-task {margin-left: 275px;top:130px;background-position: -477px 0;}

._wrap .main .btn-all-gift {width: 102px;height:107px;background: url(../images/btn-all-gift.png) no-repeat 0 0;top:174px;left:50%;margin-left: 28px;}
._wrap .main .btn-all-gift:hover {background-image: url(../images/btn-all-gift-on.png);}

._wrap .main .box {width:728px;height:400px;background:url(../images/box.png) no-repeat 50% 0;top:365px;left:40px;}
._wrap .main .game-level {font-size: 24px;color:#fff;top: 0;line-height: 38px;left: 282px;width:138px;text-align: center;}
._wrap .main .btn-open {top: 220px;left: 240px;width:225px;height:94px;text-align: center;background: url(../images/btn-open.png) no-repeat 0 0;}
._wrap .main .btn-open:hover {background-image: url(../images/btn-open-on.png);}

._wrap .main .game-count {font-size: 16px;color:#fff;top: 304px;line-height: 30px;left: 270px;width:170px;text-align: center;filter: drop-shadow(2px 4px 6px black);}

._wrap .main .box.empty {background-image: url(../images/box-0.png);}
._wrap .main .box.empty .game-level,
._wrap .main .box.empty .btn-open,
._wrap .main .box.empty .game-count{display: none;}


._wrap .main .login-day {top: 615px;left:50%;margin-left: 165px;color:#761502;line-height: 40px;font-size:16px;text-align: left;}

._wrap .main .btn-get {top: 612px;left: 50%;margin-left: 305px;width:152px;height:44px;text-align: center;background: url(../images/btn-get.png) no-repeat 0 0;}
._wrap .main .btn-get:hover {background-image: url(../images/btn-get-on.png);}


.pop {width:416px;height:238px;background: url(../images/pop.png) no-repeat 0 0;box-sizing: border-box;padding: 40px 70px 0 55px;position: relative;}
.pop .btn_close {width: 80px;height: 75px;position: absolute;right: 0;top: 0;text-indent:-999em;}

.pop-bind {width:396px;height:338px;background: url(../images/pop-bind.png) no-repeat 0 0;padding: 110px 70px 0 55px;box-sizing: border-box;}
.pop-bind h2{color:#000000;font-size: 38px;font-weight: bold;line-height: 80px;height: 80px;text-align: center;}

.pop-bind .radio-box{
    width: 113px;
    outline: none;
    margin:0 auto;
    box-sizing: border-box;
}
.pop-bind .radio-box a {height: 40px;box-sizing: border-box;width: 100%;color:#442012;font-size: 18px;text-align: center;display: block;line-height: 40px;cursor: pointer;}
.pop-bind .radio-box a.on {
    background: url(../images/radio-on.png) no-repeat 50% 50%;
    color:#f66f31;
  }


.pop p {
    height: 160px;
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 18px;
    line-height:30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pop p b{font-size: 30px;line-height: 50px;color: #7c4326;}
.pop p span{font-size: 18px;color:#f66f31;line-height: 30px;}
.pop p .tips {color:#565656;height:30px;font-size:14px}


.pop .btns {width: 100%;height:48px;position: absolute;bottom: 40px;display: flex;justify-content: center;left: 0;
    padding: 0 33px 0 20px;box-sizing: border-box;}
.pop .btns a {margin: 0 20px;width:129px;height:48px;display: block;}
.pop .btns .btn-confirm {
    width: 129px;
    height:48px;
    background: url(../images/btn-pop-confirm.png) no-repeat 0 0;
    text-indent:-999em;
}
.pop .btns .btn-charge {
    width:216px;height:48px;
    background: url(../images/btn-pop-charge.png) no-repeat 0 0;
    text-indent:-999em;
}
.pop .btns .btn-yes {
    background: url(../images/btn-confirm.png) no-repeat 0 0;
    text-indent:-999em;
}
.pop .btns .btn-no {
    background: url(../images/btn-cancel.png) no-repeat 0 0;
    text-indent:-999em;
}
.pop .btns .btn-confirm:hover,
.pop .btns .btn-cancel:hover{filter:drop-shadow(0 0 3px #fff) brightness(1.1) ;}

.pop-gift {background: url(../images/pop-big.png);width: 416px;height:278px;padding:60px 43px 0 30px}
/* .pop-gift .btn_close,.pop-text .btn_close{top:15px} */
.pop-gift p {font-weight: bold;height:auto;line-height: 50px;}
.pop-gift p b {line-height: 40px;display: block;padding-bottom: 10px;}
.pop-gift p span {border-radius: 20px;display: inline-block;padding: 0 10px;height: 30px;line-height: 30px;font-weight: 400;}
.pop-gift .tips {color:#8a9bc5;font-size:16px;line-height: 30px;}
.pop-gift .btn-copy {background-position: -306px -72px;width:133px;height:48px;bottom:65px;left:50%;margin-left:-70px;line-height: 40px;text-align: center;font-size: 18px;color: #5f4136;font-weight: bold;}
.pop-text p,
.pop-confirm p {
    box-sizing: border-box;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    flex-direction: column;
    line-height: 30px;
}
.pop-confirm p {height:110px}
.pop-rules {background-image: url(../images/pop-rule.png); width: 672px; height: 362px;padding-top:105px}
.pop-rules p {font-size: 16px;line-height: 24px;color:#000;text-align: left;font-weight: bold;width: 560px;margin:0 auto;height: 210px;overflow: auto;display: block;}
.pop-rules p span {color:#f66f31}
.pop-gift-list {width: 722px;height:512px;background:url(../images/pop-gift-list.png) no-repeat 0 0;}

.pop-box {
    width:530px;height:554px;
    background: url(../images/pop-open-box.png) no-repeat 0 0;
    padding-top:80px;
} 


.pop-video {
    width: 100%;
    height: 100%;
    padding:0;  
    background: none;  
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop-video.TC_pop_layer_active {display: flex!important;}

.pop-video .video-box {
    width: 600px;
    height: 600px;    
    position: relative;
    cursor: pointer;
}

.pop-task {width:610px;height:422px;background: url(../images/pop-task.png?v=2) no-repeat 0 0;padding-top: 120px;}
.pop-task .btn-rule2 {width: 93px;height:24px;background-color: #0e977c;color:#fff;font-size: 14px;text-align: center;top:50px;left:55px;outline: none;border-radius: 5px;}
.pop-task select {position: absolute; width: 93px;height:24px;background-color: #0e977c;color:#fff;font-size: 14px;text-align: center;top:80px;left:55px;border:0px none;outline: none;border-radius: 5px;cursor: pointer;}
.pop-task .task-list {width: 100%;}
.pop-task .task-list li {padding:15px 0;line-height: 22px;color:#000;font-size: 16px;border-bottom: 1px dashed #7c4326;display: flex;justify-content: center;align-items: center;}
.pop-task .task-list li p {height:auto;float: left;}
.pop-task .task-list li .detail {width: 70%;line-height: 22px;}
.pop-task .task-list li .state {width: 30%;line-height: 22px;}
.pop-task .task-list li .checked{color:#f2702f}

.pageTop {display: none;}
.copyRight {display: none;}
.large {padding-top: 40px;min-width: 1200px;background-position: 50% 40px;}
.large ._wrap {margin:0;min-width: 1200px;height:1080px}
.large .main {top:95px}
.large ._wrap .main .logo {display: block;}
.large .pageTop {display: block;}
.large .btn-close-page {display: none;}
.large ._wrap .cover {top:0;}
.large .copyRight {display: block;}