/*样式重置*/
@charset "UTF-8";
/* line 5, G:/sass/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    box-sizing: border-box;
    vertical-align: baseline;
}
h1, h2, h3 {  font-size: 14px;  font-weight: 400;  }
ol, ul {  list-style: none;  }
em,i{font-style:normal}
a{text-decoration: none;}
table {  border-collapse: collapse;  border-spacing: 0;  }
.fl{float:left;}
.rl{float:right;}
.act-wrap01{background: url(../images/bg.jpg) center 0 no-repeat;}
.act-content{position:relative;padding-top:17%;box-sizing:border-box;margin:0 auto;height:1005px;width:100%;}
.act-mian{width:88%;height:auto;margin:auto;position:relative;z-index:10;}
img.autoimg{width:99%;height:auto;}
/*body背景*/
@media screen and (min-width:1169px) {
    .act-content{  width: 1169px!important;  }
    .act-wrap01{background-size: 100%;}
}
@media screen and (max-width:980px){
    .act-content{width: 100%!important;height:1400px!important;padding-top:40%!important;}
    .act-wrap01{background-size: 100% 101rem;}
    .act-num span{top:30%!important;}
}
.act-top{width:86%;height:8%;margin:auto;}
.act-return{width:14%;height:100%;margin-top:1%;}
.act-num{position:relative;width:20%;height:100%;}
.act-num span{position:absolute;font-size: 16px;top: 55%;right: 2%;color:#fcca45;font-weight: bold;width: 56px;display:  inline-block;}
.act-num span.en-us{position:absolute;font-size: 16px;top: 48%;right: -26%;color:#fcca45;font-weight: bold;width: 56px;display:  inline-block;}
.act-main{width:84%;height:50%;margin:auto;}
.act-main-left{cursor:url(../images/chest-key.png),auto;position:relative;width:52%;height:100%;margin-top:1%;}
.act-main-left .autoimg,.act-main-right .autoimg,.act-bottom .autoimg{height:95%;}
.act-main-right{width:47%;height:100%;position:relative;}
.act-bottom{position:relative;width:86%;height:34%;margin:auto;}
.act-explain{position: absolute;top:31%;left:1%;width:96%;height:63%}
.act-explain p{margin-left: 22px;margin-top:10px;}
.act-explain p span{display:inline-block;margin-bottom:10px;}
.mybox{width:100%;height:16%;position:absolute;top:0%;left:0%;}
.mybox a{display:block;width:24%;height:100%;}
.myboxlist{overflow:hidden;position:absolute;top:20%;left:3%;width:93%;height:69%;}
.myboxlist li{float:left;height:28px;line-height:28px;width:100%;}
.myboxlist li span:nth-child(1){display:inline-block;text-align:center;float:left;width:50%}
.myboxlist li span:nth-child(2){display:inline-block;float:right;width:38%}
/*宝箱动画*/
.rotate{width:97%;height:97%;position:absolute;top:1%;left:1%;z-index:1;background:url(../images/light.png) center no-repeat;-webkit-animation:rotate 10s  infinite  linear}
.prebox{width:93%;height:80%;position:absolute;top:3%;left:3%;z-index:1;background:url(../images/prebox.png) center no-repeat;}
.aftbox{display:none;width:93%;height:80%;position:absolute;top:3%;left:3%;z-index:1;background:url(../images/aftbox.png) center no-repeat;}
.shake{-webkit-animation:shake 1.5s linear;}
.mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.7);z-index:100000;}
.result{text-align:center;position:fixed;top:25%;left:33%;width:400px;height:450px;}
.result .autoimg{width:80%;}
.result a{position:absolute;right:2%;top:0%;display:block;width:34px;height:34px;line-height:23px;border: 3px solid #7b3400;color:#7b3400;font-weight:bold;background:#fdce44;border-radius:50%;font-size:25px}
.result p{position:absolute;top:2%;left:20%;color:#fdcd47;font-size:25px;}
/*弹窗*/
.bgmsk{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.6);z-index:100000;}
.alert-more{width:600px;height:400px;position: fixed;top:20%;left:25%;background:#fff;border-radius:15px !important;border:3px solid #55e7fe;}
.alert-more-title{position:relative;height:42px;line-height:42px;padding-left:20px;border-top-right-radius:13px;border-top-left-radius:13px;color:#fff;font-size:18px;background-color:#2c7cc1;}
.alert-more-title .gb{position:absolute;right:16px;top:13px;display:block;height:33px;width:33px;background:url(../images/gb.png) no-repeat;background-size: 100%;background-position: 0!important;;margin-top:-10px;margin-right:-12px;}
.alert-more-main{width:595px;height:337px;overflow: auto}
.alert-more .list-title{  margin: 10px 10px 0;  background: #fff2cf;  height: 35px;  line-height: 35px;  border-radius: 3px;  color: #2c7ac2;  font-weight: bold;}
.list-title span{display:inline-block;  width: 50%;  text-align: center;float: left;}
.alert-more ul{  padding: 10px;  line-height: 24px; color: #666  }
.alert-more ul li{border-bottom: 1px #e5e5e5 dashed;height: 34px;  line-height: 34px;}
.alert-more ul span{  display: inline-block;  width: 50%;  text-align: center;float: left;  }

@-webkit-keyframes rotate {
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-webkit-keyframes shake {
    0% {
        transform: scale(1);
        -webkit-transform: scale3d(1, 1, 1);

    }
    6%{
        -webkit-transform: scale(.9) rotate(-8deg);
        -webkit-transform: scale3d(1, 1, 1) rotate(0, 0, 1, -8deg);
    }
    18%, 30%,42%{
        -webkit-transform: scale(1.1) rotate(8deg);
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 8deg);

    }
    12%,24%, 36%,48%{
        -webkit-transform: scale(1.1) rotate(-8deg);
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -8deg);

    }
    54%{
        -webkit-transform: scale(1);
        -webkit-transform: scale3d(1, 1, 1);
    }

    60%{
        -webkit-transform: scale(1);
        -webkit-transform: scale3d(1, 1, 1);
    }
    80% {
        -webkit-transform: scale(1) translate(0px,150px);
        -webkit-transform: scale3d(1, 1, 1) translate3d(0px,150px,0);
    }
    90% {
        -webkit-transform: scale(1) translate(0px,130px);
        -webkit-transform: scale3d(1, 1, 1) translate3d(0px,130px,0);
    }
    100% {
        -webkit-transform: scale(1) translate(0px,150px);
        -webkit-transform: scale3d(1, 1, 1) translate3d(0px,150px,0);
    }
}
.layer-rotary .layui-layer-title{color:#fff;font-size:16px;background-color:#fc5a57;}
/*奖品弹出*/
.alert-result{display: none;}
.alert-result .txt{  padding: 20px 40px;  line-height: 40px;  text-align: center;  color: #6b4d08; font-size:16px;}
.no_records{position:absolute;top:25%;left:42%;}
.act-return{cursor: pointer;}
/*幸运达人*/
.act-lucky{position:relative;margin:1% auto;width:86%;height: 300px;background:#fbf8ef;border-radius: 35px;border: 8px solid #169be7;}
.xydr{color:#fff;font-weight:bold;font-size:30px;    padding: 10px 28px;  background: #4ee1fa;  border-top-left-radius: 27px;  border-top-right-radius: 27px;}
.xydr-bg{width:96%;height:77%;margin-left:1%;}
.act-lucky-cont{margin-top:6px;width:98%;height:82%;}
.act-lucky-title{height:12%;border-bottom:1px solid #bf0419;width:96%;margin-left:2%;line-height:30px;}
.act-lucky-title span{font-size:18px;font-weight:bold;color:#bf0419;display:inline-block;text-align:center;}
.act-lucky-title span:nth-child(1){width:27%;}
.act-lucky-title span:nth-child(2){width:29%;}
.act-lucky-title span:nth-child(3){width:39%;}
.act-lucky ul{position:absolute;width:100%;right:0;}
.act-lucky li span{font-size:18px;display: inline-block;text-align: center;height:24px;}
.act-lucky li span:nth-child(1){width:30%}
.act-lucky li span:nth-child(2){width:27%;}
.act-lucky li span:nth-child(3){width:39%;}
.swiper-container{height:100%;overflow: hidden;padding-top: 13px;}