#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%;background:#000}
._wrap {width:100%;height: 100vh;min-width: 980px;position: relative;overflow: hidden;background: url(../images/bg.jpg) no-repeat 50% 0;}
._wrap .cover {width: 1920px;height: 1080px;position: absolute;top:-50px;left: 50%;background: url(../images/cover.png) no-repeat  0 0;z-index: 99;pointer-events: none;margin-left: -960px;}
._wrap .logo{width:166px;height: 61px;background: url(../images/logo.png) no-repeat 0 0; top:-100px;left:calc(50% - 83px);display: none;}
._wrap .main{width: 1415px;height:878px;position: absolute;top:30px;left:50%;margin-left: -707px;background: url(../images/bg-con.png) no-repeat 0 0;}
.btn-close-page {background: url(../images/btn-window-close.png) no-repeat 0 0 / contain;width: 60px;height: 60px;top:5px;left:50%;margin-left: 430px;z-index: 30;}
.btn-close-page:hover {filter: brightness(1.5)}

._wrap .main .btn-tips {width: 26px;height:24px;top: 82px;left:50%;margin-left: 255px;background: url(../images/icon.png) no-repeat 0 0;cursor: pointer;z-index: 20;}
._wrap .main .btn-tips::after {content: "";width: 351px;height:95px;background: url(../images/pop-tips.png) no-repeat 0 0;top:25px;left: -175px;position: absolute;display: none;}
._wrap .main .btn-tips:hover::after{display: block;}

._wrap .main .btn-nav {width:136px;height:42px;line-height:42px;color: #fff;font-size: 20px;display: flex;justify-content: center;align-items: center;top: -1px;left:50%;text-shadow: -2px 0 2px #6746c0, 0 -2px 2px #6746c0, 2px 0 2px #6746c0, 0 2px 2px #6746c0;font-weight: bold;}
._wrap .main .btn-nav:hover {background:url(../images/btn-nav-on.png) no-repeat 0 0;}
._wrap .main .login-bar {margin-left: -290px;}
._wrap .main .logined-bar {margin-left: -291px;font-size: 18px;}
._wrap .main .btn-nav-area {margin-left: -136px;}
._wrap .main .btn-nav-mission {margin-left: 20px;}
._wrap .main .btn-nav-list {margin-left: 175px;}

._wrap .main .btn-box {width: 150px;height:80px;top:148px;left:360px;}
._wrap .main .btn-get-daily {width: 176px;height:54px;top:170px;left:870px;background: url(../images/btn-get-daily.png) no-repeat 0 0;}
._wrap .main .btn-get-daily:hover {background-image: url(../images/btn-get-daily-on.png);}
._wrap .main .btn-get {width: 176px;height:54px;top:460px;left:350px;background: url(../images/btn-get.png) no-repeat 0 0;}
._wrap .main .btn-get:hover {background-image: url(../images/btn-get-on.png);}

._wrap .main .count {top: 235px;left: 600px;line-height: 30px;font-size: 15px;font-weight: bold;color:#fff}
._wrap .main .count span {color:#d5ff55;text-decoration: underline;}

._wrap .main .game-stage {
    width: 510px;
    height: 395px;
    top: 267px;
    left: 50%;
    margin-left: -110px;
}
._wrap .main .game-stage li {float:left;width: 120px;height: 78px;margin: 0px 2px 30px 0;}

._wrap .main .game-stage li a {width: 120px;height: 78px;background: url(../images/gift/bg-gift-1.png) no-repeat 0 0;display: block;position: relative;}
._wrap .main .game-stage li:nth-child(5) a,
._wrap .main .game-stage li:nth-child(6) a,
._wrap .main .game-stage li:nth-child(7) a,
._wrap .main .game-stage li:nth-child(8) a{background-image: url(../images/gift/bg-gift-2.png);}
._wrap .main .game-stage li:nth-child(9) a,
._wrap .main .game-stage li:nth-child(10) a,
._wrap .main .game-stage li:nth-child(11) a,
._wrap .main .game-stage li:nth-child(12) a{background-image: url(../images/gift/bg-gift-3.png);}
._wrap .main .game-stage li a::after{content:'';width:171px;height:159px;background: url(../images/gift/light-1.png) no-repeat 0 0;position: absolute;top: -48px;left: -27px;display: none;}

._wrap .main .game-stage li:nth-child(5) a::after,
._wrap .main .game-stage li:nth-child(6) a::after,
._wrap .main .game-stage li:nth-child(7) a::after,
._wrap .main .game-stage li:nth-child(8) a::after{background-image: url(../images/gift/light-2.png);}

._wrap .main .game-stage li:nth-child(9) a::after,
._wrap .main .game-stage li:nth-child(10) a::after,
._wrap .main .game-stage li:nth-child(11) a::after,
._wrap .main .game-stage li:nth-child(12) a::after{background-image: url(../images/gift/light-3.png);}
._wrap .main .game-stage li a:not(.open):hover::after {display: block;}
._wrap .main .game-stage li a.open{cursor: default;}


._wrap .main .game-stage li a.gift-1{background-image: url(../images/gift/gift-1.png);background-position: 0 1px;}
._wrap .main .game-stage li a.gift-2{background-image: url(../images/gift/gift-2.png);background-position: 0 1px;}
._wrap .main .game-stage li a.gift-3{background-image: url(../images/gift/gift-3.png);background-position: 0 1px;}
._wrap .main .game-stage li a.gift-4{background-image: url(../images/gift/gift-4.png);background-position: 0 1px;}
._wrap .main .game-stage li a.gift-5{background-image: url(../images/gift/gift-5.png);background-position: 0 1px;}
._wrap .main .game-stage li a.gift-6{background-image: url(../images/gift/gift-6.png);background-position: 0 1px;}
._wrap .main .game-stage li a.gift-7{background-image: url(../images/gift/gift-7.png);background-position: 0 1px;}
._wrap .main .game-stage li a.gift-8{background-image: url(../images/gift/gift-8.png);background-position: 0 1px;}
._wrap .main .game-stage li a.gift-9{background-image: url(../images/gift/gift-9.png);background-position: 0 1px;}
._wrap .main .game-stage li a.gift-10{background-image: url(../images/gift/gift-10.png);background-position: 0 1px;}
._wrap .main .game-stage li a.gift-11{background-image: url(../images/gift/gift-11.png);background-position: 0 1px;}
._wrap .main .game-stage li a.gift-12{background-image: url(../images/gift/gift-12.png);background-position: 0 1px;}


.pop {width:442px;height:252px;background: url(../images/pop.png) no-repeat 0 0;box-sizing: border-box;padding: 30px 50px 0 55px;display: none;}
.pop .btn_close {width: 50px;height: 50px;position: absolute;right: -40px;top: -20px;text-indent:-999em;background: url(../images/btn-pop-close.png) no-repeat 50% 50%;}

.pop-bind h2{color:#81c933;font-size: 22px;font-weight: bold;line-height: 45px;height: 45px;text-align: center;}

.pop-bind .radio-box{
    width: 240px;
    border: 1px dashed #2b4025;
    outline: none;
    margin:0 auto;
    padding: 5px 0 5px 72px;
    box-sizing: border-box;
}
.pop-bind .radio-box input[type="radio"] {
    display: none;
    width:0;
    height:0;
}

.pop-bind .radio-box label {height: 30px;padding-left:30px;box-sizing: border-box;width: 100%;color:#fff;font-size: 16px;text-align: left;background: url(../images/icon-radio.png) no-repeat 0 50%;display: inline-block;vertical-align: middle;line-height: 30px;cursor: pointer;}
.pop-bind .radio-box input[type="radio"]:checked + label {
    background-image: url(../images/icon-radio-checked.png);
  }


.pop p {
    height: 130px;
    width: 100%;
    text-align: center;
    color: #c4ff85;
    font-size: 16px;
    line-height:30px;
    font-weight: bold;
}
.pop p b{font-size: 30px;line-height: 40px;}
.pop p span{font-size: 20px;color:#fff;line-height: 40px;}

.pop p.tips {color:#8a9bc5;height:30px;}


.pop .btns {width: 100%;height:48px;position: absolute;bottom: 20px;display: flex;justify-content: center;left: 0;}
.pop .btns a {margin: 0 20px;width:119px;height:48px;display: block;}
.pop .btns .btn-confirm {
    background: url(../images/btn-pop-confirm.png) no-repeat 0 0;
    text-indent:-999em;
}
.pop .btns .btn-cancel {
    background: url(../images/btn-pop-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 {padding-top:70px}
/* .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 {background: #f1e8e2;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: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    flex-direction: column;
    line-height: 24px;
}
.pop-confirm p {height:160px}
.pop-rules {background-image: url(../images/pop-rule.png); width: 478px; height: 358px;}
.pop-rules p {padding-top: 20px;font-size: 18px;line-height: 23px;color:#fff;text-align: left;font-weight: bold;width: 375px;margin:0 auto;height: 200px;overflow: auto;}

.pop-list {width:796px;height:452px;background: url(../images/pop-gift-list.png) no-repeat 0 0;}

.pop-box {width:594px;height:338px;background: url(../images/pop-box.png) no-repeat 0 0;}

.pop-task {width: 700px;height:400px;background: url(../images/pop-task.png) no-repeat 0 0;box-sizing: border-box;padding:140px 95px 0 105px;}
.pop-task select {width:110px;top: 90px;left: 140px;height:30px;line-height: 30px;border: 0 none;background: transparent;position: absolute;color: #fff;font-size: 16px;font-weight: bold; -moz-appearance: none;-webkit-appearance: none;appearance: none;text-align: center;outline: none;text-decoration: underline;cursor: pointer;}
.pop-task select option {text-align: center;color:#000;cursor: pointer;}
.pop-task .task-list {width: 100%;}
.pop-task .task-list li {height:35px;line-height: 35px;text-align: left;display: flex;}
.pop-task .task-list .sort {color:#fff;font-size: 12px;font-weight: bold;line-height: 35px;height: 35px;flex:0 0 50px;}
.pop-task .task-list .detail {color:#d0f8a6;font-size: 12px;font-weight: bold;line-height: 35px;height: 35px;flex:1;text-align: left;}
.pop-task .task-list .state {height: 35px;box-sizing: border-box;background: url(../images/icon-check.png) no-repeat 0 50%;display: inline-block;flex:0 0 80px;vertical-align: middle;}
.pop-task .task-list .state.checked {
    background-image: url(../images/icon-checked.png);
  }



.pageTop {display: none;}
.copyRight {display: none;}
.large {padding-top:40px;min-width: 1200px;}
.large .main {top:150px;height:910px}
.large .logo {display: block;}
.large .pageTop {display: block;}
.large .btn-close-page {display: none;}
.large ._wrap {min-width: 1200px;height:1060px}
.large ._wrap .cover {top:0;}
.large .copyRight {display: block;}