#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}

a:link,a:active,a:visited,a:hover {
    /* background: none; */
    tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: transparent;
}

*{ tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: transparent;}

body{padding-top: 40px!important;min-width: 1200px;}
.warp{width: 100%;min-width: 1200px;position: relative;overflow: hidden;height: 4000px;}
.bg{position: absolute;width: 1920px;height: 4000px;left: calc(50% - 1920px/2);z-index: 1;}
.bgbox{width: 1920px;height: 4000px;}
.bg_1{background: url("../images/bg.jpg");}

.sprite {background: url(../images/sprite.png) no-repeat 0 0;display: block;}
.warp .bg .kartlog{
    position: absolute;background: url(../images/logo.png);width:261px;height: 215px;left: calc(50% - 261px/2);top: 60px;
    -webkit-animation:zoomInUp 1s .2s ease both;z-index: 10;
}
.warp .bg .slogan{
    position: absolute;background: url(../images/slogan.png);width: 914px;height: 462px;left: calc(50% - 914px/2);top: 138px;
    -webkit-animation:zoomInLeft 1.2s ease-out ;
}
.warp .bg .btn-login{
    background-position: 0 0;width: 129px;height: 41px;left: calc(50% - 129px/2);top: 615px;cursor: pointer;z-index:20;text-indent:-999em;
}
.warp .bg .btn-login:hover{
    background-position: -129px 0;
}
.warp .bg .btn-logout{
    position: absolute;
    width:400px;
    height: 40px;
    left: calc(50% - 400px/2);
    top: 615px;
    font-size: 20px;
    color: #fdbe28;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    z-index:20
}
.warp .bg .car {top:675px;width:938px;height:484px;background: url(../images/car.png) no-repeat 0 0;left:calc(50% - 938px / 2);
    -webkit-animation:zoomInUp 1.2s ease-out ;}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -500px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.warp .con1{
    position: relative;
    background: url(../images/con-1.png) no-repeat 50% 0;
    width:1200px;
    height: 681px;
    margin-left: calc(50% - 1200px/2);
    margin-top: 1165px;
    padding-top: 194px;
    z-index: 2;
}

.warp .con1 ul {width:1000px;display: flex;flex-wrap: wrap;margin: 0 auto;}
.warp .con1 li {width:110px;height: 110px;margin-right: 38px;margin-bottom: 36px;}
.warp .con1 li.ok{background: url(../images/sprite.png) no-repeat 0 -160px;}
.warp .con1 li.fail{background: url(../images/sprite.png) no-repeat -110px -160px;}
.warp .con1 li:nth-child(1){margin-left: 444px;}
.warp .con1 li:nth-child(4),
.warp .con1 li:nth-child(11){margin-right: 0;}
.warp .con2{
    position: relative;
    background: url(../images/con-2.png?v=2) no-repeat 50% 0;
    width:1573px;
    height: 1600px;
    margin-left: calc(50% - 1573px/2);
    padding-top:1700px;
    z-index: 2;
}
.warp .con2 .tips {color:#fff;font-size: 16px;width:1200px;margin:0 auto;padding-left: 100px;box-sizing: border-box;}
.warp .con2 .tips a {color:#ffe400;text-decoration: underline;}
.warp .con2 .btn-get {width: 112px;height:37px;background-position: 0 -119px;top:255px;left:50%;}
.warp .con2 .btn-get-1 {margin-left:-480px}
.warp .con2 .btn-get-2 {margin-left:-56px}
.warp .con2 .btn-get-3 {margin-left:355px}
.warp .con2 .btn-get:hover {background-position: -112px -119px;}
.warp .con2 .btn-get.done {background-position: -224px -119px;}

.warp .con2 .total-times {top: 1000px;;left:50%;line-height: 36px;color:#fff;margin-left:-235px;font-size: 18px;}
.warp .con2 .remain-times {top: 1000px;;left:50%;line-height: 36px;color:#fff;margin-left:55px;font-size: 18px;}
.warp .con2 .btn-list {top: 1000px;;left:50%;margin-left:235px;width: 112px;height:37px;background-position: 0 -45px;}
.warp .con2 .btn-list:hover {background-position: -112px -45px;}

.warp .con2 .btn-start {top: 1065px;;margin-left:-56px;width: 112px;height:37px;background-position: 0 -82px;left:50%;}
.warp .con2 .btn-start:hover {background-position: -112px -82px;}

.warp .con2 .btn-start2 {top: 1545px;;margin-left:-56px;width: 112px;height:37px;background-position: 0 -82px;left:50%;}
.warp .con2 .btn-start2:hover {background-position: -112px -82px;}






/* .pop {display: none;} */
.pop-text {width: 552px;height:258px;background: url(../images/pop.png) no-repeat 0 0;padding-top: 35px;box-sizing: border-box;}
.pop .btn_close {width:50px;height:50px;top: 0;right: 0;}
.pop .btn-cancel {width: 166px;height: 47px;bottom: 30px;left:50%;margin-left:-80px;background: url(../images/btn-confirm.png) no-repeat;}
.pop-text .text-info{width: 500px;height: 165px;display: flex;justify-content: center;align-items: center;flex-direction: column;color:#88450a;font-size: 20px;line-height: 34px;margin:0 auto;font-weight: bold;text-align: center;}

.pop-text .text-info a {font-size: 20px;font-weight: normal;color:#88450a;text-decoration: underline;}
.pop-text .text-info .gift-name {color:#ff7e00}
.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:40px;background-color: #7f0005;color:#fefefe;font-size: 18px;text-align: center;line-height: 40px;border-radius: 20px;margin-top: 5px;font-weight: normal;}

.pop-confirm .p1 {color:#ff6600;font-size: 20px;font-weight: bold;top: 73px;left:50%;margin-left:-10px;width: 64px;text-align: center;line-height: 26px;}
.pop-confirm .p2 {color:#ff6600;font-size: 20px;font-weight: bold;top: 185px;left:50%;margin-left: -54px;width: 40px;text-align: center;line-height: 26px;}

.pop .btn-confirm {width:129px;height:41px;margin:0 auto;background: url(../images/btn-pop.png) no-repeat 0 0;display: block;}

.pop-record{width: 566px;height:424px;background: url(../images/pop-record.png) no-repeat 0 0;padding-top: 130px;box-sizing: border-box;}
.pop-list{width: 872px;height: 520px;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;margin-bottom: 10px;}

.pop-list .myPrize,
.pop-record .myPrize {
    text-align: center;
    width: 556px;
    color: #88450a;
    
}
.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:#88450a;text-decoration: underline;}