#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}

/*给头部让出43px*/
body{min-width: 1280px;width:100%;background:#201f2c;}
.container {width:100%;height: 1040px;overflow: hidden;}
.container{width: 100%;height: 100%;max-width: 1920px;position: relative;overflow: hidden;}
.main{width: 100%;position: relative;margin: 0 auto;transition: all .5s linear;}
.main.show{filter: blur(0);}
.con-box {display: none;height: 2729px}
.con-box.active {display: block;}
.con{width: 1280px;position: relative;margin: 0 auto}

.con-head {width:100%;height: 2729px;overflow: hidden;background: url(../images/bg.jpg) no-repeat 50%}

.con-head .logo {width: 185px;height: 75px;top: 125px;left:50%;margin-left: -200px;z-index:10;}
.con-head .btn-login {width:259px;height:93px;background: url(../images/btn-login.png) no-repeat 0 0;top: 530px;left: 50%;margin-left: -130px;}
.con-head .logout {width:400px;height:93px;line-height: 93px;text-align: center;top: 530px;left: 50%;margin-left: -200px;color:#fffcab;font-size: 22px;}
.con-head .logout a {color:inherit}

.con-head .coupon-box {
    background: transparent;
    border: 0 none;
    top:1555px;left: 50%;
    margin-left:-250px;
    width: 500px;height:50px;line-height: 50px;
    color:#fffede;
    font-size: 22px;
    text-align: center;
    outline: none;
}
.con-head .coupon-box::-webkit-input-placeholder { /* Chrome/Safari/Edge */
color: #fffede;
}
.con-head .coupon-box::-moz-placeholder { /* Firefox 19+ */
color: #fffede;
}
.con-head .coupon-box:-moz-placeholder { /* Firefox 4-18 */
color: #fffede;
}
.con-head .coupon-box:-ms-input-placeholder { /* IE 10-11 */
color: #fffede;
}

.con-head .btn-cj {top:1660px;left:50%;margin-left:-230px;width: 185px;height:43px;background: url(../images/btn-cj.png) no-repeat 0 0;}
.con-head .btn-record {top:1660px;left:50%;margin-left:20px;width: 185px;height:43px;background: url(../images/btn-record.png) no-repeat 0 0;}

.con-head .btn-more {top:2610px;left:50%;margin-left:-93px;width: 185px;height:43px;background: url(../images/btn-more.png) no-repeat 0 0;}
.con-head .btn-login:hover,
.con-head .btn-cj:hover,
.con-head .btn-record:hover,
.con-head .btn-more:hover {filter: brightness(1.2);}



.pop {display: none;}
.pop .btn-get {width: 149px;height:43px;background: url(../images/btn-get.png) no-repeat 0 0;}
.pop .btn-get:hover {filter: brightness(1.2);}
.pop .btn_close {width:52px;height:48px;background: url(../images/btn-close.png) no-repeat 0 0;top:0;right:-52px;}
.pop-text {
    width: 458px;
    height:250px;
    background: url(../images/pop.png) no-repeat 0 0;
    padding:30px 25px 0 20px;
    box-sizing: border-box;
    position: relative;
}
.pop-text .con {height:200px;width:100%;display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column;}
.pop-text .con p{color:#fffede;font-size: 18px;}
.pop-text .con .btn-get {margin-top: 20px;}

.pop-text .con .title {color:#fffcab;font-size: 36px;font-weight: bold;filter: drop-shadow(0 0 5px #bf2f22) drop-shadow(0 0 5px #bf2f22);}


.pop-list {width: 620px;height:338px;background: url(../images/pop-list.png) no-repeat 0 0;padding-top: 95px;box-sizing: border-box;}

.pop-list .listBox,.pop-list .listTitle {
    width: 560px;
    margin: 0 auto;
    height: 170px;
    position: relative;
    overflow: hidden;
    text-align: center;
}


.pop-list .listTitle {
    height: 30px;
    padding-top: 5px;
}

.pop-list .myPrize{
    text-align: center;
    width: 550px;
}
.pop-list .myPrize {width: 550px;}

.pop-list .listBox .myPrize th,.pop-list .listTitle .myPrize th{
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    color: #d6c684;
}

.pop-list .listBox .myPrize td {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color:#fffede;
}

.pop-list .btn-get {top:40px;left:40px;}