.bannerWrap { min-width: 1400px; height: 825px;background-image: url("https://img.yunchepin.cn/activity/dob12.jpg");background-repeat: no-repeat;background-position: center;}
.bannerBoxOut{width: 1400px;height: 100%;position: relative;}
.sycs{
    position: absolute;
    bottom: 106px;
    right: 110px;
    width: 231px;
    height: 71px;
    line-height: 71px;
    text-align: center;
    font-size:30px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    letter-spacing:2px;
    background: url("https://img.yunchepin.cn/activity/sycs.png")no-repeat;
}
/*Ã¥Â°â€žÃ§ÂÂ¯ begin*/
@keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    to {
        opacity: 1.0;
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    to {
        opacity: 1.0;
    }
}
.dengWrap{
    width: 868px;
    height: 40px;
    position: relative;
}
.headerBox {
    position: absolute;
    top: 0;
    z-index: 9;
    width: 868px;
    height: 270px;
    animation: fade 3s infinite;
    -webkit-animation: fade 3s infinite;
    background-image: url("https://img.yunchepin.cn/activity/deng.png");
    background-repeat:no-repeat;
}
/*Ã¥Â°â€žÃ§ÂÂ¯ end*/

/*1212Ã¦â€˜â€¡Ã¦â€˜â€  begin*/
.closed-signboard {
    width: 116px;
    height: 165px;
    float: left;
    position: absolute;
    top: 2px;
    left: 112px;
    transform: scale(1) rotatez(7deg) translate(-17px, 1px);
    animation: 1s init, 0.7s aa 1s, 3s ab 1.7s infinite;
}
.sign12 {color: white;background-image: url("https://img.yunchepin.cn/activity/banDp.png");background-repeat: no-repeat;width: 100%;height: 165px;border-radius: 15px / 20px;}
@keyframes aa {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1) rotatez(7deg) translate(-17px, 1px);
    }
}

@keyframes ab {
    0% {
        transform: rotatez(7deg) translate(-17px, 1px);
    }
    50% {
        transform: rotatez(-7deg) translate(17px, 1px);
    }
    100% {
        transform: rotatez(7deg) translate(-17px, 1px);
    }
}
@keyframes init {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}
/*Ã¨Â½Â¬Ã§â€ºËœ*/
.zpWrap{width: 555px;height: 609px;position: relative;}
.cjDial{position: absolute;top: 0;right: 0;left:0;z-index:9;width: 100%;height: 100%;background: url("https://img.yunchepin.cn/activity/wped.png") no-repeat -2px 0;}
.banner {display:block;width:480px;padding-top: 90px;}
.banner .turnplate {display:block;width:100%;position:relative;background: url(https://img.yunchepin.cn/activity/defZj.png)no-repeat 21px 18px;}
.banner .turnplate canvas.item {width:100%}
.banner .turnplate img.pointer {-moz-user-select: none;-khtml-user-select: none;user-select: none;position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;cursor: pointer;}
/*Ã¤Â¸Â­Ã¥Â¥â€“Ã¨Â®Â°Ã¥Â½â€¢ begin*/
.zjllRound{
    position: absolute;
    left: 176px;
    bottom: -200px;
    padding: 13px;
}
.circle {
    border-radius: 100%;
    width: 184px;
    height: 189px;
    z-index: 999;
    text-align: center;
    top: 18px;
    left: 18px;
    position: absolute;
}
.zjllRound .animation {
    -webkit-animation: twinkling 2.1s infinite ease-in-out;
    animation: twinkling 2.1s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.zjllRound .circle_bottom {
    background: url("https://img.yunchepin.cn/activity/zjjl1.png") no-repeat;
    border-radius: 100%;
    width: 184px;
    height: 189px;
    display: block;
}
@keyframes twinkling {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.12);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
/*Ã¦â€“â€¡Ã¥Â­â€”Ã¥Å Â¨Ã§â€Â» begin*/
.textWrap{
    width: 100%;
    height: 300px;
    position: absolute;
    top: 155px;
    left: 0;
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    margin-top: 27px;
}
.img_2_2{
    float: right;
}
.animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite {
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.hinge {
    -webkit-animation-duration:2s;
    animation-duration:2s
}
@-webkit-keyframes zoomIn {
    0% {
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50% {
        opacity:1
    }
}@keyframes zoomIn {
     0% {
         opacity:0;
         -webkit-transform:scale(.3);
         -ms-transform:scale(.3);
         transform:scale(.3)
     }
     50% {
         opacity:1
     }
 }
.zoomIn {
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes bounceIn {
    0% {
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50% {
        opacity:1;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    70% {
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    100% {
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}@keyframes bounceIn {
     0% {
         opacity:0;
         -webkit-transform:scale(.3);
         -ms-transform:scale(.3);
         transform:scale(.3)
     }
     50% {
         opacity:1;
         -webkit-transform:scale(1.05);
         -ms-transform:scale(1.05);
         transform:scale(1.05)
     }
     70% {
         -webkit-transform:scale(.9);
         -ms-transform:scale(.9);
         transform:scale(.9)
     }
     100% {
         opacity:1;
         -webkit-transform:scale(1);
         -ms-transform:scale(1);
         transform:scale(1)
     }
 }.bounceIn {
      -webkit-animation-name:bounceIn;
      animation-name:bounceIn;
      transform: scale(1) rotatez(7deg) translate(-17px, 1px);
      animation: 0.5s init, 0.2s aa 0.5s, 3s ab 0.5s infinite;
  }
/*Ã¤Â¸Â­Ã©â€”Â´Ã¥Â¼Â¹Ã¥â€¡Âº begin*/
.zjTcWrap{
    width: 526px;
    height: 704px;
    position: relative;
    display: none;
}
#zjTcWrap1{
    background: url("https://img.yunchepin.cn/activity/tcZj1.png?v=1") no-repeat;
}
#zjTcWrap2{
    background: url("https://img.yunchepin.cn/activity/tcZj2.png?v=1") no-repeat;
}
#zjTcWrap3{
    background: url("https://img.yunchepin.cn/activity/tcZj3.png?v=1") no-repeat;
}
#zjTcWrap4{
    background: url("https://img.yunchepin.cn/activity/tcZj4.png?v=1") no-repeat;
}
#zjTcWrap5{
    background: url("https://img.yunchepin.cn/activity/tcZj5.png?v=1") no-repeat;
}
#zjTcWrap6{
    background: url("https://img.yunchepin.cn/activity/tcZj6.png?v=1") no-repeat;
}
#zjTcWrap7{
    background: url("https://img.yunchepin.cn/activity/tcZj7.png?v=1") no-repeat;
}
.zjTcWrap a{
    display: block;
    width:151px;
    height:53px;
    border-radius: 40px;
    position: absolute;
    bottom: 80px;
    left: 190px;
}
.chgLaer .layui-layer{
    background: transparent;
    box-shadow:0 0 0 transparent;
}
.chgLaer .layui-layer-setwin .layui-layer-close2{
    top: 180px;
}
.hdgz{
    width: 166px;
    height: 46px;
    position: absolute;
    right: 150px;
    top: 0;
    cursor: pointer;
    background: url("https://img.yunchepin.cn/activity/hdgz1.png") no-repeat;
}
/*Ã¤Âºâ€˜Ã¤Â»â€œÃ¤Â¸Â¥Ã©â‚¬â€°*/
.ycyxWrap{
    width: 1400px;
    height: 617px;
    position: relative;
    background: url("https://img.yunchepin.cn/activity/ycyxBg.png") no-repeat -2px 0;
}
.ycyxOut{
    width: 1008px;
    height:358px;
    padding-top: 164px;
}
.ycyxOut .moreBtn {
    position: absolute;
    top: 47px;
    right: 287px;
    width: 76px;
    height: 79px;
    animation: beat 0.7s ease 0s infinite normal;
    background: url("https://img.yunchepin.cn/activity/moreBtn.png") no-repeat;
}
.ycyxOut .moreBtn a{
    display: block;
    width: 100%;
    height: 100%;
}
.ycItem{
    width: 238px;
    height: 100%;
    float: left;
    margin: 0 7px;
    border-radius:12px;
    position: relative;
}

.ycItem img{
    width: 100%;
    height: 100%;
    border-radius:12px;
}
.priceBox{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 76px;
    background: url("https://img.yunchepin.cn/activity/priceBg.png") no-repeat;

}
.priceBox span{
    font-size: 42px;
    font-family: "microsoft yahei";
    font-weight: bold;
    color: #fff;
    line-height: 53px;
    margin-left: 25px;
    margin-top: 27px;
    display: inline-block;
}

@keyframes beat {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.awContWrap {font-family: "Microsoft YaHei";width: 100%;padding-bottom: 60px;padding-top: 40px;position: relative;background: #FFEFD3;}
.awContWrap .container{width: 1400px;}
.awContWrap .item{margin-top: 20px;}

/*new*/
.mainsrpWrap{margin-top: 24px;}
.top-double-tlt{width: 242px;height: 52px;}
.doubleTitle1 {background: url(https://img.yunchepin.cn/byz/giftByIcon1.png) no-repeat;}
.doubleTitle2 {background: url(https://img.yunchepin.cn/byz/giftByIcon2.png) no-repeat;}
.doubleTitle3 {background: url(https://img.yunchepin.cn/byz/giftByIcon3.png) no-repeat;}
/*ghj*/
/*.awContWrap .M-nest .doubleTitleItem1 .selected a{color:#2F71F6 !important;border-bottom: 2px solid #2F71F6}*/
.fixedDouble { position: absolute; top: 940px; right: 50%; text-align: center; margin-right: 630px; width: 92px; min-height: 62px; z-index: 9999; }
.fixedDouble  .klil { position: relative; width: 100%; height: 100%; }
.fixedDouble  .klil .flodFexd { position: absolute; top: 0px; left: 0; height: 100%; width: 100%; }
.fixedDouble  .klil .flodFexd li {padding: 14px 15px;cursor: pointer;background: #FF562B;font-size: 24px;font-weight: bold;color: #fff;line-height: 32px;letter-spacing: 1px;position: relative;}
.fixedDouble  .klil .flodFexd li:after{content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;width: 56px;height: 1px;background: #fff;}
.fixedDouble  .klil .flodFexd li:hover{background: #FFFBC4;color: #FF414D;}
.fixedDouble  .klil .flodFexd .focusLi{background: #FFFBC4;color: #FF414D;}
.fixedDouble  .klil .flodFexd li:first-child{border-radius:15px 15px 0 0;}
.fixedDouble  .klil .flodFexd .backTop {border-radius:0 0 15px 15px;border-bottom: none;}
.fixedDouble  .klil .flodFexd .backTop:after {content: '';height: 0;}
.rgJfx {height: 269px;width: 170px;background: url(https://img.yunchepin.cn/activity/fx1.png) no-repeat; right: 50%;margin-right: -765px;}
.fixedDouble .corner {width: 0;height: 0;margin-bottom: 5px;border-bottom: 15px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.fixedDouble  .klil .flodFexd li:hover .corner{  border-bottom: 15px solid #FF414D;}

.activity-Free-bottom {
    height: 800px;
    background: #fff;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
    border-radius:15px;
    font-family: "microsoft yahei";
    display: none;}

.Free-bottom-text .actitle{
    text-align: center;
    font-size: 20px;
    color: #FF414D;
    letter-spacing:1px;
}
.ledItn{
    color: #FF414D;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px;
}
.activity-Free-bottom .Free-bottom-text {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 25px;
}
.numWrap{
    overflow: hidden;
    margin-top: 25px;
}
.numWrap .number{
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: #FF414D;
    font-size: 12px;
    float: left;
    margin-top: 3px;
    margin-right: 12px;
    border-radius: 50%;
    background: #FFCED1;
}
.textNume{
    overflow: hidden;
}
body .activity-class {
    border-radius: 20px;
}
.goBackActive{
    display: block;
    width:237px;
    height:58px;
    line-height:58px;
    font-size:22px;
    font-weight:bold;
    margin: 45px auto 0;
    color:rgba(187,74,5,1);
    letter-spacing:1px;
    text-align: center;
    background:linear-gradient(177deg,rgba(255,212,40,1) 0%,rgba(255,138,38,1) 100%);
    box-shadow:0 6px 8px 0 rgba(216,117,108,0.87),0px 5px 12px 0px rgba(255,255,255,0.67);
    border-radius:30px;
}
/*Ã¦Ë†â€˜Ã§Å¡â€žÃ¥Â¥â€“Ã¥â€œÂ*/
.awardWrap{
    width: 1180px;
    padding: 10px;
    min-height: 600px;
    overflow: hidden;
    background-color: #fff;
    margin-top: 10px;
    font-family: "microsoft yahei";
}
.noShu{
    background-image: url("https://img.yunchepin.cn/activity/wushuju.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.awardItem{
    padding: 8px;
    float: left;
    margin:8px;
    width: 261px;
    position: relative;
    border: 1px solid #D9D9D9;
}
.itemLeft{
    float: left;
    width: 74px;
    height: 74px;
}
.awardIco1{
    background: url("https://img.yunchepin.cn/activity/awardIco1.png")no-repeat;
}
.awardIco2{
    background: url("https://img.yunchepin.cn/activity/awardIco2.png")no-repeat;
}
.awardIco3{
    background: url("https://img.yunchepin.cn/activity/awardIco3.png")no-repeat;
}
.awardIco4{
    background: url("https://img.yunchepin.cn/activity/awardIco4.png")no-repeat;
}
.awardIco5{
    background: url("https://img.yunchepin.cn/activity/awardIco5.png")no-repeat;
}
.itemRight{
    color: #343434;
    float: left;
    margin-left: 10px;
}
.itemRight>div{
    margin-top: 5px;
}
.timeAw{
    color: #8A8A8A;
}
.wfAward,.yfAward{
    position: absolute;
    top: 0;
    right: 10px;
    width: 26px;
    height: 18px;
}
.wfAward{
    background: url("https://img.yunchepin.cn/activity/wfIco.png")no-repeat;
}
.yfAward{
    background: url("https://img.yunchepin.cn/activity/yfIco.png")no-repeat;
}
.mainsrpWrap .insideBox .pic .borderBox{
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 126px;
    height: 35px;
    padding: 10px;
    z-index: 999;
    color: #262626;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #FE5928;
    border-radius: 28px;
    background: #fff;
}
.mainsrpWrap .insideBox .pic .outDiv{
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.awContWrap .mainsrpWrap .insideBox .pic:hover .borderBox{
    display: block;
}


/*618*/
.bannerBox{height: 372px;min-width: 1400px;position: relative;}
.timeWrap{position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;height: 62px;width: 200px;font-size:18px;font-weight:bold;color: #6236FF;}
.timeWrap span{display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;position: absolute;top: 15px;}
.awContWrap .mainsrpWrap li{
    width: 266px;
    height: 344px;
    margin-right: 15px;
}
.awContWrap .mainsrpWrap .insideBox, .dataFrame{
    width: 100%;
}
.awContWrap .mainsrpWrap .insideBox .pic img{
    max-width: 266px;
    height: 266px;
}
.awContWrap .mainsrpWrap .outWidth{
    padding: 0 12px;
}

/*# sourceMappingURL=autWinSpec.css.map */
