body{min-width: 1200px;background-color:#fff;}
.warp{width: 100%;min-width: 1200px;position: relative;overflow: hidden;}
.bg{position: absolute;width: 1920px;height: 4450px;left: calc(50% - 1920px/2);z-index: 10;}
.bgbox{width: 1920px;height:4450px;}
.bg_01{background: url("../images/bg.jpg") no-repeat 50% 0;}
.slogan{
    position: absolute;background: url(../images/slogan.png);width: 781px;height:536px ;left: calc(50% - 390px);top: 80px; z-index: 5;
}
.btn-login,.btn-logout {width:195px;height:49px;background: url(../images/btn-login.png) no-repeat 0 0;top:985px;left:50%;margin-left:-97px;z-index:10;color:#ffdd57;font-size: 24px;line-height: 49px;text-align: center;letter-spacing: 5px;font-weight: bold;}
.btn-logout {font-size: 18px;letter-spacing: 0;font-weight: normal;}
.btn-login:hover,.btn-logout:hover {background-image: url(../images/btn-login-on.png);}
.con1{
    position: absolute!important;
    background: url(../images/con-1.png) no-repeat 50% 0;
    width:1160px;
    height: 506px;
    margin-left: calc(50% - 580px);
    top: 618px;
    z-index: 5;
}
.con2{
    position: relative;
    background: url(../images/con-2.png) no-repeat 50% 0;
    width:1920px;
    height: 1983px;
    margin-left: calc(50% - 1920px/2);
    margin-top: 1080px;
    z-index: 11;
}
.con2 .calendar {width: 910px;height:420px;top:345px;left:50%;margin-left: -433px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.con2 .calendar li {flex:0 0 112px;height:112px;float: left;margin-bottom: 12px;margin-right: 15px;position: relative;}
.con2 .calendar li:nth-child(1) {margin-left: 503px;margin-top: 12px;}
.con2 .calendar li:nth-child(2) {margin-top: 6px;}
.con2 .calendar li:nth-child(3) {margin-top:0px;}
.con2 .calendar li:nth-child(4) {margin-top: 30px;}
.con2 .calendar li:nth-child(5) {margin-top: 24px;}
.con2 .calendar li:nth-child(6) {margin-top: 17px;}
.con2 .calendar li:nth-child(7) {margin-top: 9px;}
.con2 .calendar li:nth-child(8) {margin-top: 3px;}
.con2 .calendar li:nth-child(9) {margin-top: -4px;}
.con2 .calendar li:nth-child(10) {margin-top: -10px;}
.con2 .calendar li:nth-child(11) {margin-top: 2px;margin-left: 7px;}
.con2 .calendar li:nth-child(12) {margin-top: -5px;}
.con2 .calendar li:nth-child(13) {margin-top: -12px;}
.con2 .calendar li:nth-child(14) {margin-top: -19px;}
.con2 .calendar li:nth-child(15) {margin-top: -25px;}
.con2 .calendar li.checked::after {content:'';width:103px;height:59px;background: url(../images/icon-checked.png) no-repeat 0 0;bottom:2px;left:-20px;position: absolute;}

.con2 .signed-count {font-size: 46px;color:#ae5100;top: 659px;left:50%;margin-left: 362px;transform: rotate(-15deg);transform-origin: 50% 0;text-align: center;width:65px;height:50px;line-height: 50px;font-weight: bold;filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);}

.con2 .btn-list {top:780px;left:50%;margin-left:-167px;width: 335px;height:68px;background: url(../images/btn-list.png) no-repeat 0 0;}
.con2 .btn-list:hover {background-image: url(../images/btn-list-on.png);}

.con2 .sign-gift-list {width: 1104px;height:520px;top: 945px;left:50%;margin-left: -552px;display: flex;justify-content: space-around;flex-wrap: wrap;}
.con2 .sign-gift-list li {flex:0 0 199px;height:202px;margin: 0 20px;position: relative;}
.con2 .sign-gift-list li.lock{background: url(../images/icon-lock.png) no-repeat 0 0;}
.con2 .sign-gift-list li .btn-get {width:78px;height:31px;bottom:-7px;left:50%;margin-left:-39px;background: url(../images/btn-get.png) no-repeat 0 0;}
.con2 .sign-gift-list li .btn-get.done {background-image: url(../images/btn-get-done.png);cursor: default;}
.con2 .sign-gift-list li .btn-get:not(.done):hover {background-image: url(../images/btn-get-on.png);}
.con2 .sign-gift-list li:nth-child(5){margin-left: 157px;margin-top: 25px;}
.con2 .sign-gift-list li:nth-child(6){margin-top: 25px;}
.con2 .sign-gift-list li:nth-child(7){margin-right: 157px;margin-top: 25px;}
.con2 .btn-start {width:150px;height:48px;top:1905px;left:50%;margin-left:-75px;background: url(../images/btn-strat.png) no-repeat 0 0;}
.con2 .btn-start:hover {background-image: url(../images/btn-strat-on.png);}
.con3{
    position: relative;
    background: url(../images/con-3.png) no-repeat 50% 0;
    width:1920px;
    height: 1615px;
    margin-left: calc(50% - 1920px/2);
    margin-top: -230px;
    z-index: 10;
    padding-top: 1195px;
    box-sizing: border-box;
}
.con3 .btn-start {width:150px;height:48px;top:990px;left:50%;margin-left:-75px;background: url(../images/btn-strat.png) no-repeat 0 0;}
.con3 .btn-start:hover {background-image: url(../images/btn-strat-on.png);}


.con3 .rules {width:970px;margin-left:-470px;left:50%;height:422px;color:#f7c067;font-size: 18px;line-height: 28px;}
.con3 .rules span {color:#fef33b}
.con3 .rules a {color:#ff6000;text-decoration: underline;}

.pop-text {width: 572px;height:224px;background: url(../images/pop.png) no-repeat 0 0;padding-top: 40px;box-sizing: border-box;}
.pop-confirm {width: 572px;height:224px;background: url(../images/pop-confirm.png) no-repeat 0 0;padding-top: 40px;box-sizing: border-box;}
.pop .btn_close {width:48px;height:48px;top:0px;right:0px;}
.pop .btn-confirm,
.pop .btn-cancel {width:144px;height:37px;bottom:26px;left:50%;margin-left:-72px;}
.pop-text .text-info,
.pop-confirm .text-info {width:100%;height:120px;display: flex;justify-content: center;align-items: center;flex-direction: column;color:#88450a;font-size: 20px;line-height: 30px;margin:0 auto;font-weight: bold;text-align: center;}

.pop-text .text-info a {font-size: 18px;font-weight: normal;color:#88450a;text-decoration: underline;}
.pop-text .text-info .gift-name {color:#ff7800}
.pop-text .text-info .tips,
.pop-text .text-info .tips a {font-size: 16px;font-weight: normal;color:#88450a;}
.pop-text .text-info .coupon {width: 390px;height:32px;background-color: #feb50e;color:#88450a;font-size: 18px;text-align: center;line-height: 32px;border-radius: 20px;margin-top: 5px;font-weight: normal;}

.pop-confirm .btn-confirm {margin-left:-183px}
.pop-confirm .btn-cancel {margin-left:22px}

.pop-record{width: 732px;height:424px;background: url(../images/pop-record.png) no-repeat 0 0;padding-top: 130px;box-sizing: border-box;}
.pop-list{width: 870px;height:500px;background: url(../images/pop-list.png) no-repeat 0 0;padding-top: 130px;box-sizing: border-box;}

.pop-list .listBox,
.pop-record .listBox {
    width: 580px;
    height: 180px;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}
.pop-list .listBox{width: 750px;height:300px}

.pop-list .myPrize,
.pop-record .myPrize {
    text-align: center;
    width: 556px;
    color: #cb3634;
    
}
.pop-record .myPrize{margin: 0 auto;}
.pop-list .myPrize {width: 734px;margin-left:-8px}

.pop-list .listBox .myPrize td,
.pop-record .listBox .myPrize td {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}
.pop-list .listBox .myPrize td a {color:#cb3634;text-decoration: underline;}