/*样式重置*/
@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%;
    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/bg1.jpg) center 0 no-repeat;}
.act-content{padding-top:19%;margin:0 auto;height:auto;width:100%;box-sizing:border-box;}
.act-top{width:100%;height:auto;position:relative;z-index:10;}
img.autoimg{width:100%;height:auto;}
/*body背景*/
/*电脑*/
@media screen and (min-width:1169px) {
    .act-content{
    width: 1169px!important;
    }
}
/*ipad*/
@media screen and (min-width: 988px) and (max-width:1169px){
    .act-content{
       padding-top:27%!important;
    }
}
/*手机*/
@media screen and (max-width:980px){
    .act-content{
    width: 100%!important;padding-top:28%!important;
    }
    .myautoimg{height:593px!important;}
    .act-wrap01{background-size: 120rem;}
}

/*金蛋*/
.list-egg{overflow: hidden;position:absolute;width:48%;height:30%;top:27%;left:26%;}
.list-egg div ul{position:absolute;width:100%;float:left;}
.list-egg div ul.jinDanUl1{left: 100%;}
.list-egg div ul li{-webkit-tap-highlight-color: rgba(255, 0, 0, 0);  float: left;  position: relative;  width: 33.3%;  height: 100%;  cursor: pointer;  }
.list-egg div ul li img{width:87%;height:100%;}
.act-num{position:absolute;width:20%;height:5%;top:56%;right:41%;}
.act-num.en-us{position:absolute;width:20%;height:5%;top:56%;right:41%;padding-right: 20px;}
.act-num span{display:  inline-block;position:absolute;color:#edc029;font-size: 20px;right: 0%;top: 14%;font-weight: bold;width: 61px;}
.act-return{position:absolute;width:6.5%;height:11%;top:-3%;right:15%;}
.act-return a{display:block;width:100%;height:100%;}
/*奖项*/
.act-box{position:relative;z-index:100;width:83%;height:auto;margin:-15% auto 0;}
.record-box{padding-top:3%;position:absolute;top:13%;left:4%;width:31%;height:41%;}
.record-box ul{width:100%;height: 86%;overflow: hidden}
.record-box a{position: absolute;text-align:right;font-weight:bold;color:#21096b;display:block;width:98%;height: 10%;bottom: 0%;}
.record-box ul li{width:100%;height:auto;padding-bottom:5px;}
.record-box ul li span{display:inline-block;text-align:center;white-space:nowrap;text-overflow: ellipsis; }
.record-box ul li span:nth-child(1){width:53%;margin-left:10px;}
.record-box ul li span:nth-child(2){width:41%}
.act-lucky{padding-top:3%;position:absolute;top:13%;right:4%;width:60%;height:41%;}
.act-lucky-cont{position:relative;width:100%;height:89%;margin-top:1%;}
.act-lucky-title span{display:inline-block;text-align:center;width:32.3%}
.act-lucky-cont span{display:inline-block;text-align:center;width:32.3%;margin-bottom: 4px;}
.swiper-container{width:100%;height:100%;overflow: hidden;}
.swiper-slide{width:100%;height:22px;}
.act-explain{position:absolute;bottom:5%;left:4%;width:92%;height:24%;overflow: auto;}
.act-explain p{width:100%;margin-left:2%;margin-top:2%;}
.act-explain span{display:inline-block;margin: 2px;}
.act-lucky-cont ul {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-animation: scroll-box 50s linear infinite;
    -moz-animation: scroll-box 50s linear infinite;
    animation: scroll-box 50s linear infinite;
}
@keyframes scroll-box {
    from {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/*砸蛋*/
.bg-msk{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.7);z-index:100000;}
.act-egg{display:none;}
.act-eggMian{position:fixed;top:50%;left:50%;width:360px;height:300px;z-index:100001;-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.act-eggMian p{position:absolute;bottom:3%;width:100%;text-align: center;font-size: 16px;font-weight: bold;background-image: -webkit-linear-gradient(#F9DBA1 50%, #D0AB71 100%);  background: -o-linear-gradient(#F9DBA1 50%, #D0AB71 100%);  background: -moz-linear-gradient(#F9DBA1 50%, #D0AB71 100%);  background: linear-gradient(#f9dba1 50%, #d0ab71 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.act-eggMian .caiDai{position: absolute;  top: 2%;  left: 2%;  width: 100px;  z-index: 100001;  -moz-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -webkit-transform: rotate(180deg);  transform: rotate(180deg);  }
.act-eggMian .imgDan{position: absolute;  top: 56%;  left: 50%;  width: 48%;  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  z-index: 100001;  }
.act-eggMian .imgChuiZi {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    z-index: 100002;
    -moz-transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom 100%;
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    -moz-animation: chuizi 1.5s ease 3;
    -webkit-animation: chuizi 1.5s ease 3;
    animation: chuizi 1.5s ease 3;
}
/*锤子动画*/
@keyframes chuizi {
    0% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    30% {
        -moz-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    100% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
}
@-webkit-keyframes chuizi {
    0% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    30% {
        -moz-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    100% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
}
@-moz-keyframes chuizi {
    0% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    30% {
        -moz-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    100% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
}
/*弹窗*/
.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;  }
/*砸蛋之后中奖*/
.act-result{display: none;}
.act-resultMain{position:fixed;top:50%;left:50%;visibility:visible;-moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  z-index: 10003;  width: 500px;  height: 500px;  -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px; -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.act-resultMain img{margin-top:-10%;width:100%;height:100%;}
.act-resultMain p{top: 35%;  width: 100%;  position: absolute;  font-size: 20px;  color: #fff;  text-align: center;}
.act-resultMain a {position:absolute;top:20%;right:2%;display:block;width:5%;height:5%;}
.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{ margin-left: 40%;  margin-top: 2%;  position: absolute;}
.act-return{cursor: pointer;}