html,
body {
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
    background: #000;
}

.silder-1{
    position: relative;
    width: 100%;
    height: 700px;
}
.n-kv-banner{
    background: url('../image/banner_01.jpg') no-repeat;
    background-size: cover;
    background-position:center;
    overflow: hidden;
}
.kv-banner{
    background: url('../image/kv-banner_01.jpg') no-repeat;
    background-size: cover;
    background-position:center;
    overflow: hidden;
}
.logo{
    width: 228px;
    height: 126px;
    margin-top: 37px;
    margin-left: 59px;
}
.logo img{
    width: 100%;
}
.top_slogan{
    position: relative;
    width: 780px;
    height: 186px;
    margin: 239px auto 0;
}
.top_slogan img{
    width: 100%;
}
.top_title{
    position: absolute;
    left: 55px;
    bottom: -75px;
    width: 824px;
    height: 98px;
    background:url('../image/css_sprites.png')  -1950px -1654px;
}
.top_title p{
    margin-top: 25px;
    margin-left: 44px;
    font-size: 20px;
    font-style: italic;
    font-weight: 800;
    font-family: 'en-Bold';
    color: #ffea9f;
    text-shadow: -1px -1px 0 #270303,
    1px -1px 0 #270303,
    -1px 1px 0 #270303,
    1px 1px 0 #270303;
}
.silder-2{
    position: relative;
    width: 100%;
    padding-top: 1px;
    height: 1487px;
    background: url('../image/banner_02.jpg') no-repeat;
    background-size: cover;
}
.subscribe-btn{
    width: 493px;
    height: 111px;
    background: url('../image/css_sprites.png') -1261px -1118px;
    margin: -75px auto 0;
    cursor: pointer;
    font-size: 30px;
    text-align: center;
    font-family: 'en-Bold';
    font-weight: bold;
    animation: amplify 1s infinite;
}
@keyframes amplify {
    0%{transform: scale(1)}
    50%{transform: scale(1.05)}
    100%{transform: scale(1)}
}
.subscribe-btn p{
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
    line-height: 111px;
}
.subscribe-btn:hover{
    background: url('../image/css_sprites.png') -1122px -1267px;
}
.subscribe-channel{
    width: 400px;
    height: 64px;
    margin: 21px auto 0;
}
.subscribe-channel a{
    float: left;
}
.subscribe-channel a>img{
    width: 184px;
    height: 64px;
}
.subscribe-channel a:last-child{
    margin-left: 21px;
}
.below{
    width: 43px;
    height: 46px;
    margin: 40px auto 0;
}
.below img{
    width: 100%;
}
.registration-n{
    width: 100%;
    overflow: hidden;
    margin: 33px auto 0;
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    font-family: 'en-Medium';
}
.registration-n p{
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
}
.people-n{
    width: 100%;
    overflow: hidden;
    margin: -39px auto 0;
    text-align: center;
    font-size: 196px;
    font-weight: bold;
    font-family: 'en-Bold';
    text-shadow: 1px 1px 10px #E0BA75;
    letter-spacing:25px;
}
.people-n::before{
    content:attr(text);
    position: absolute;
    z-index: 10;
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none
}
.wish{
    width: 100%;
    text-align: center;
    color: #8F7A50;
    font-size: 30px;
    margin: -30px auto 0;
    font-family: 'en-Medium';
}
.title-box{
    width: 1200px;
    height: 108px;
    background:url('../image/title-b.png') no-repeat;
    background-size: 100% 100%;
    margin: 30px auto 0;
}
.title-box-c{
    position: relative;
    width: 900px;
    height: 100%;
    margin: 0 auto;
    line-height: 108px;
    text-align: center;
    font-size: 45px;
}
.title-box-c span{
    position: relative;
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: 'en-Medium';
    font-weight: bold;
}
.title-box-c img{
    position: absolute;
    width: 14px;
    top: 25px;
}
.title-box-c img:first-child{
    left: -40px;
}
.title-box-c img:last-child{
    right: -40px;
}
.faceBoox-tip-b{
    width: 1037px;
    height: 49px;
    margin: 25px auto 0;
}
.facebook-tips-t{
    float: left;
    width: 880px;
    height: 49px;
    background: url('../image/css_sprites2.png') -1314px -987px;
    font-size: 16px;
}
.facebook-tips-t span{
    color: #FFFFD8;
    font-family: 'en-Medium';
    padding-left: 45px;
    line-height: 49px;
}
.facebook-tips-b{
    float: right; 
    width: 147px;
    height: 49px;
}
.facebook-tips-b img{
    width: 147px;
    height: 49px;
}
.reel{
    position: relative;
    width: 1284px;
    height: 619px;
    background: url('../image/css_sprites2.png') -10px -10px;
    margin: 25px auto 0;
}
.progress{
    position: absolute;
    top: 177px;
    left: 252px;
    width: 769px;
    height: 339px;
}
.progress-item{
    position: absolute;
    bottom: 84px;
    left: 131px;
    width: 242px;
    height: 158px;
}
.progress-item-c{
    position: absolute;
    width: 179px;
    top: -75px;
    height: 176px;
    left: 65px;
}
.progress-item-c img{
    width: 179px;
    height: 176px;
}
.progress-item-f{
    position: absolute;
    width:138px;
    left: -60px;
    bottom: 0;

}
.progress-item-p{
    position: absolute;
    top: 90px;
    left: 60px;
    width: 176px;
    height: 77px;
    background:url('../image/frame.png') no-repeat;
    background-size: 100% 100%;
}
.progress-item-p span{
    display: block;
    font-family: 'en-Medium';
    text-align: center;
    line-height: 22px;
}
.progress-item-p span:first-child{
    color: #AA9873;
    font-size: 22px;
    margin-top:15px;
}
.progress-item-p span:last-child{
    color: #E0E0E0;
    font-size: 20px;
    margin-top:4px;
}
.progress-item-p-a span:last-child{
    color: #FFE670 !important;
}
.progress-item-t{
    top: 150px;
    left: 236px;
}
.progress-item-t .progress-item-f{
    bottom: 110px;
}
.progress-item-t .progress-item-c{
    width: 245px;
    height: 240px;
}
.progress-item-t .progress-item-c>img{
    width: 245px;
    height: 240px;
}
.progress-item-t .progress-item-p{
    top: -23px;
}
.progress-item-s{
    left: 483px;
    bottom: 219px;
}
.progress-item-s .progress-item-f{
    bottom: -106px;
    left: -26px;
}
.progress-item-s .progress-item-c{
    width: 313px;
    height: 310px;
}
.progress-item-s .progress-item-c>img{
    width: 313px;
    height: 310px;
}
.progress-item-s .progress-item-p{
    top: 195px;
    left: 90px;
}
.progress-item-fo{
    left: 823px;
    bottom: 219px;
}
.progress-item-fo .progress-item-f{
    bottom: -134px;
    left: -3px;
}
.progress-item-fo .progress-item-c{
    width: 314px;
    height: 328px;
}
.progress-item-fo .progress-item-c>img{
    width: 314px;
    height: 328px;
}
.progress-item-fo .progress-item-p{
    top: 234px;
    left: 114px;
}
.progress-item-w{
    left: 420px;
    bottom: 516px;
}
.progress-item-w .progress-item-f{
    bottom: -98px;
    left: 373px;
}
.progress-item-w .progress-item-c{
    width: 418px;
    height: 411px;
}
.progress-item-w .progress-item-c>img{
    width: 418px;
    height: 411px;
}
.progress-item-w .progress-item-p{
    top: 192px;
    left: 490px;
}
.qualify{
    position: relative;
    width: 470px;
    height: 152px;
    background: url('../image/css_sprites.png') -1261px -945px;
    z-index: 2;
    margin: -80px auto 0;
    padding-top: 1px;
}
.qualify p{
    position: absolute;
    top: -11px;
    width: 470px;
    left: 50%;
    transform: translate(-50%);
}
.qualify p img{
    display: block;
    margin: 0 auto;
}
.reward-list{
    width: 100%;
    overflow: hidden;
    margin-top: 28px;
}
.reward-list-i{
    float: left;
    width: 100px;
    margin-left: 15px;
}
.reward-list-l{
    margin: 0 auto;
    width: 80px;
    height: 80px;
    background: url('../image/css_sprites2.png') -1176px -650px;
    overflow: hidden;
}
.reward-list-l img{
    display: block;
    width: 72px;
    height: 72px;
    margin: 4px auto 0;
}
.reward-list-i span{
    display: block;
    color: #D6BA66;
    text-align: center;
    font-size: 12px;
}
.silder-3{
    position: relative;
    width: 100%;
    height: 955px;
    background:url('../image/banner_03.jpg') no-repeat;
    background-size: 100% 100%;
    padding-top: 1px;
}
.silder-3 .title-box{
    margin: 200px auto 0;
}
.reservation-tips{
    width: 100%;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    margin-top: 50px;
    color: #FCCC5D;
    font-family: 'en-Medium';
}
.input-box{
    position: relative;
    width: 1025px;
    height: 67px;
    border: 1px solid #7E6C4E;
    margin: 25px auto 0;
    background:#D5D5D5;
}
.input-box span{
    display: block;
    float: left;
    width: 241px;
    height: 40px;
    border-right: 1px solid #735C34;
    padding-left: 12px;
    margin-top: 15px;
    font-family: 'en-Medium';
    font-size: 24px;
    cursor: pointer;
    color: #160504;
    line-height: 40px;
}
.input-box span img{
    float: right;
    margin-right: 4px;
    margin-top: 18px;
}
.input-box input{
    width: 700px;
    height: 40px;
    background:#D5D5D5;
    border: none;
    outline: none;
    margin-top: 15px;
    color: #160504;
    font-size: 22px;
    padding-left: 20px;
}
.input-box .input-bag{
    position: absolute;
    top: -103px;
    right: -120px;
    width: 208px;
    height: 202px;
}
.register-channel{
    display: none;
    position: absolute;
    width:255px;
    z-index: 2;
    top: 67px;
    font-size: 20px;
    background: #D5D5D5;
}
.register-channel li{
    width: 238px;
    height: 40px;
    font-family: 'en-Medium';
    margin: 0 auto;
    border-bottom: 1px solid #B2B2B2;
    line-height: 40px;
    cursor: pointer;
    color: #160504;
}
.appointment-button{
    width: 421px;
    height: 66px;
    background: url('../image/css_sprites2.png') -1942px -600px;
    padding-top: 1px;
    margin: 40px auto 0;
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-family: 'en-Medium';
    line-height: 66px;
    cursor: pointer;
    animation: amplify 1s infinite;
}
.code-list{
    width: 1200px;
    margin: 30px auto 0;
    overflow: hidden;
}
.code-item{
    width: 580px;
    float: left;
    font-size: 24px;
}
.code-item p{
    color: #FCCC5D;
    font-family: 'en-Regular';
}
.code-item-n{
    position: relative;
    width: 519px;
    height: 73px;
    background:#505050;
    margin-top: 22px;
}
.code-item-n img{
    position: absolute;
    right: -34px;
    top: -22px;
    width: 105px;
    height: 97px;
    cursor: pointer;
}
.code-item-n a{
    display: block;
    width: 80%;
    height: 73px;
}
.code-item-yy{
    background:url('../image/rewards-bg.png') no-repeat;
    background-size: 100% 100%;
}
.code-item-like{
    background:url('../image/fb-like-bg.png') no-repeat;
    background-size: 100% 100%;
}
.fb-like-click{
    width: 100%;
}
.fb-like-b{
    position: relative;
    width: 120px;
    height: 29px;
    overflow: hidden;
    margin-top: 5px;
    cursor: pointer;
}
.fb-like-b img{
    width: 83px;
    float: left;
}
.fb-like-b i{
    position: absolute;
    opacity: 0;
    font-size: 16px;
    color: #FCCC5D;
    bottom: 0;
}
.addLike{
    animation:addlike 1.5s linear;
}
@keyframes addlike {
    from {bottom: 0;opacity: 1;}
    to {bottom:20px;opacity: 0;}
}
.code-item:last-child{
    margin-left: 30px;
}
.silder-4{
    width: 100%;
    height: 1024px;
    background:url('../image/banner_04.jpg') no-repeat;
    background-size: 100% 100%;
    padding-top: 1px;
    overflow: hidden;
}
.silder-4 .title-box{
    margin: 60px auto 0;
}
.raffle-box{
    width: 1200px;
    margin: 56px auto 0;
}
.raffle-l{
    float: left;
    width: 722px;
}
.barrage{
    width: 722px;
    height: 34px;
    background:url('../image/barrage_bg.png') no-repeat;
    background-size: 100% 100%;
}
.barrage-bs{
    width: 98.5%;
    height: 34px;
    padding: 0 5px;
    overflow: hidden;
    font-size: 13px;
}
.barrage-list{
    position: relative;
    width: 3000px;
    animation:onscroll 20s linear infinite;
}
@keyframes onscroll {
    from {left:0;}
    to {left:-1850px;}
}
.barrage-item{
    float: left;
    width: 500px;
    line-height: 34px;
    padding-left: 10px;
    color: #C49D6F;
}
.barrage-item em{
    color: #FFFFD8;
}
.rules{
    position: relative;
    width: 100%;
    height: 30px;
    margin-top: 14px;
    z-index: 1;
}
.rules img,.rules span{
    float: right;
    margin-top: -4px;
    font-size: 26px;
    color: #C49D6F;
    font-weight: 'en-Noraml';
    cursor: pointer;
}
.rules img{
    width: 30px;
    height: 30px;
    margin-right: 7px;
    margin-top: 0;
}
.article-list{
    position: relative;
    width: 722px;
    height: 550px;
    overflow: hidden;
    z-index: 1;
}
.article-list li{
    position: absolute;
    width: 158px;
    height: 189px;
    background:url('../image/css_sprites2.png') -1942px -687px;
    overflow: hidden;
    font-size: 12px;
}
.article-list .article-i-a{
    background:url('../image/css_sprites2.png') -2120px -687px;
}
.article-list li:nth-child(1){
    left: -15px;
    top: 0;
}
.article-list li:nth-child(2){
    left: 132px;
    top: 0;
}
.article-list li:nth-child(3){
    left: 279px;
    top: 0;
}
.article-list li:nth-child(4){
    left: 428px;
    top: 0;
}
.article-list li:nth-child(5){
    left: 577px;
    top: 0;
}
.article-list li:nth-child(6){
    left: 577px;
    top: 181px;
}
.article-list li:nth-child(7){
    left: 577px;
    top: 360px;
}
.article-list li:nth-child(8){
    left: 428px;
    top: 360px;
}
.article-list li:nth-child(9){
    left: 279px;
    top: 360px;
}
.article-list li:nth-child(10){
    left: 132px;
    top: 360px;
}
.article-list li:nth-child(11){
    left: -15px;
    top: 360px;
}
.article-list li:nth-child(12){
    left: -15px;
    top: 181px;
}
.article-list li img{
    display: block;
    margin: 44px auto 0;
    width: 105px;
    height: 105px;
}
.article-list li span{
    opacity: 0;
    position: absolute;
    display: block;
    left: 50%;
    bottom: 25px;
    transform: translate(-50%);
    width: 114px;
    height: 33px;
    padding: 2px 4px;
    color: #FFF3B5;
    line-height: 33px;
    text-align: center;
    background:rgba(0, 0, 0, 0.8);
}
.article-item-active span{
    line-height: 16px !important;
}
.article-list li i{
    opacity: 0;
    text-align: center;
}
.article-list li:hover span{
    opacity: 1;
}
.draw-btn{
    width: 424px;
    height: 160px;
    background:url('../image/draw-btn.gif') no-repeat;
    background-size: 100% 100%;
    margin: 195px auto 0;
    overflow: hidden;
    cursor: pointer;
}
.draw-btn-q{
    text-align: center;
    font-size: 50px;
    font-weight: 500;
    font-family: 'en-Medium';
    margin-top: 15px;
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
}
.draw-btn-n{
    font-family: 'en-REgular';
    text-align: center;
    color: #FFFFD8;
    font-size: 20px;
}
.raffle-r{
    float: right;
    position: relative;
    width: 474px;
    height: 670px;
}
.lvbu{
    position: absolute;
    top: -40px;
    right: -215px;
    width: 840px;
    height: 616px;
}
.rewards-title{
    position: absolute;
    bottom: 220px;
    left: 50%;
    transform: translate(-50%);
    color: transparent;
    z-index: 1;
}
.rewards-list{
    position: absolute;
    z-index: 1;
    width: 474px;
    bottom: 51px;
}
.rewards-item{
    float: left;
    width: 127px;
    height: 167px;
    background:url('../image/Selected.png') no-repeat;
    background-size: 100% 100%;
    margin-left: 10px;
    font-size: 12px;
}
.rewards-item img{
    display: block;
    width: 105px;
    height: 105px;
    margin: 33px auto 0;
}
.rewards-item span{
    position: relative;
    opacity: 0;
    display: block;
    width: 111px;
    height: 32px;
    padding: 2px 2px;
    line-height: 35px;
    color: #FFF3B5;
    text-align: center;
    margin: -22px auto 0;
    background:rgba(0, 0, 0, 0.8);
    z-index: 1;
}
.gettbn-invite{
    width: 159px;
    height: 45px;
    font-size: 18px;
    font-weight: normal;
}
.rewards-item i{
    opacity: 0;
}
.rewards-item-active span{
    line-height: 16px;
}
.rewards-item:hover span{
    opacity: 1;
}
.rewards-item:first-child{
    margin-left: 42px;
}
.gettbn-list{
    width: 100%;
    height: 42px;
    font-size: 18px;
}
.gettbn-item{
    position: relative;
    float: left;
    cursor: pointer;
}
.gettbn-day{
    margin-left: 34px;
    width: 167px;
    height: 47px;
}
.gettbn-share{
    width: 242px;
    height: 47px;
    margin-left: 32px;
}
.gettbn-invite{
    width: 167px;
    height: 47px;
    margin-left: 27px;
}
.gettbn-item i{
    /* display: none; */
    position: absolute;
    right: -10px;
    top: -10px;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: #FBE2A8;
    background: #BC2019;
    border: 2px solid #976E30;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
}
.confirm-draw{
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 127px;
    width: 242px;
    height: 41px;
    background:url('../image/confirm-draw.png') no-repeat;
    background-size: 100% 100%;
    color: #FFFDE6;
    text-align: center;
    font-size: 18px;
}
.confirm-draw span{
    line-height: 41px;
    font-family: 'en-Medium';
}
.silder-5{
    width: 100%;
    height: 941px;
    padding-top: 1px;
    background:url('../image/banner_05.jpg') no-repeat;
    background-size: 100% 100%;
}
.features{
    position: relative;
    width: 1200px;
    margin: 20px auto 0;
}
.mySwiper{
    width: 1146px;
    height: 652px;
    overflow: hidden;
    margin: 0 auto;
    background:url('../image/css_sprites2.png') -10px -650px;
    margin: 0 auto;
}
.swiper-slide img{
    display: block;
    width: 1122px;
    height: 630px;
    margin: 10px auto 0;
}
.swiper-button-next{
    width: 61px;
    height: 68px;
    background: url('../image/css_sprites2.png') -1756px -1191px;;
    right: -64px;
}
.swiper-button-prev{
    width: 61px;
    height: 68px;
    background: url('../image/css_sprites2.png') -1837px -1191px;;
    left: -64px;
}
.swiper-pagination{
    bottom: -80px !important;
}
.swiper-pagination::before{
    position: absolute;
    content: '';
    top: 22px;
    left: 360px;
    display: block;
    width: 465px;
    height: 1px;
    background: #A3835B;
    z-index: -1;
}
.swiper-pagination-bullet{
    width: 46px;
    height: 46px;
    background-image: url('../image/carousel-n.png');
    background-size: 100% 100%;
    background-color:transparent; 
    opacity: 1 !important;
}
.swiper-pagination-bullet-active{
    background-image: url('../image/carousel-y.png');
}
.silder-6{
    width: 100%;
    height: 585px;
    background: url('../image/css_sprites.png') -10px -10px;;
    padding-top: 1px;
}
.event-time{
    width: 1200px;
    margin: 35px auto 0;
}
.event-time p{
    color: #797979;
    font-family: 'en-Regular';
    font-size: 14px;
    line-height: 1.5;
}
.event-time p:first-child{
    font-size: 27px;
    font-family: 'en-Bold';
    font-weight: bold;
}
.footer{
    width: 1200px;
    margin: 30px auto 0;
}
.footer-logo{
    float: left;
}
.footer-btnList{
    float: right;
    margin-top: 47px;
}
.footer-btnList img{
    float: left;
    width: 189px;
    margin-right: 32px;
    cursor: pointer;
}
.bar{
    display: none;
    position: fixed;
    right: 0;
    top: 100px;
    width: 280px;
    height: 623px;
    background: url('../image/bar-bg.png') no-repeat;
    background-size: 100% 100%;
    z-index: 21;
}
.bar-title{
    width: 172px;
    font-size:18px;
    height: 45px;
    color: #B8A476;
    margin:219px auto 0 ;
    text-align: center;
}
.bar img{
    display: block;
    width: 148px;
    height: 53px;
    margin-left: 86px;
    margin-top: 7px;
}
.bar-gg img{
    margin-top: 341px;

}
.bar-my{
    width: 215px;
    height: 71px;
    font-size: 16px;
    background: url('../image/css_sprites2.png') -1521px -1191px;
    margin-top: -5px;
    margin-left: 51px;
    text-align: center;
    cursor: pointer;
}
.bar-my span{
    color: #FBE2A8;
    line-height: 71px;
}
.bar-top{
    display: block;
    width: 46px;
    height: 53px;
    background: url('../image/TOP.png') no-repeat;
    background-size: 100% 100%;
    color: #fff;
    margin-left: 137px;
    margin-top: 24px;
    line-height: 73px;
    text-align: center;
}
.meun{
    display: none;
    position: fixed;
    left: 0;
    top: 293px;
    width: 210px;
    height: 219px;
    background: url('../image/css_sprites.png') -2578px -548px;
    font-size: 15px;
    z-index: 21;
}
.meun li{
    width: 100%;
    height: 45px;
    line-height: 45px;
}
.meun li a{
    display: block;
    width: 100%;
}
.meun li span{
    color: #8F7A50;
    padding-left: 5px;
}
.meun li i{
    display: block;
    float: left;
    width: 23px;
    height: 23px;
    background: url('../image/meun-nselect.png') no-repeat;
    background-size: 100% 100%;
    margin-top: 11px;
    margin-left: 18px;
}
.meun-active{
    background: url('../image/meun-select-bg.png') no-repeat;
}
.meun-active span{
    color: #fff !important;
}
.meun-active i{
    background: url('../image/meun-select.png') no-repeat !important;
    margin-top: 16px !important;
}
.dialog{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 50;
}
.dialog-c{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-top: 1px;
}
.successful{
    display: none;
    width: 1129px; 
    height: 570px;
    background: url('../image/css_sprites2.png') -1314px -10px;
}
.successful-box{
    width: 700px;
    margin-left: 365px;
}
.successful-title{
    width: 700px;
    height: 23px;
    margin-top: 60px;
    font-size: 22px;
    text-align: center;
    line-height: 22px;
}
.successful-title p{
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: 'en-Medium';
    font-weight: 500;
}
.successful-rewadrs{
    font-size: 20px;
    color: #FBE2A8;
    text-align: center;
    margin-top: 20px;
}
.successful-rewadrs i{
    color: #FFE26C;
}
.successful-gift-list{
    width:60%;
    overflow: hidden;
    display: flex;
    margin: 30px auto 0;
}
.successful-gift-item{
    flex: 1;
    text-align: center;
}
.successful-gift-item img{
    display: block;
    width: 81px;
    margin: 0 auto;
}
.successful-gift-item span{
    font-size: 16px;
    color: #D6BA66;
}
.successful-t{
    width: 687px;
    height: 20px;
    font-size: 18px;
    color: #FFE26C;
    margin: 30px auto 0;
    font-family: 'en-Medium';
    text-align: center;
}
.successful-note{
    width: 687px;
    height: 30px;
    font-size: 18px;
    font-family: 'en-Medium';
    font-weight: 500;
    text-align: center;
    color: #FFE26C;
    line-height: 26px;
    margin: 32px auto 0;
}
.successful-btnlist{
    width: 450px;
    margin: 31px auto;
    overflow: hidden;
}
.successful-btnlist img{
    width: 181px;
    height: 62px;
    float: left;
    margin-left: 29px;
}
.dialog-close{
    cursor: pointer;
    position: absolute;
    right: -27px;
}
.successful-close{
    top: 16px;
    right: -15px;
}
.shop{
    display: none;
    width: 607px;
    height: 367px;
    background:url('../image/css_sprites2.png') -1314px -600px;
}
.shop-title{
    width: 546px;
    margin: 26px auto 0;
    overflow: hidden;
    line-height: 26px;
    font-size: 26px;
    text-align: center;
}
.shop-title p{
    font-family: 'en-Medium';
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: 'en-Medium';
}
.shop-tips{
    color: #FBE2A8;
    text-align: center;
    margin-top: 16px;
    font-size: 26px;
    height: 26px;
    font-family: 'en-Ragular';
    text-align: center;
    line-height: 26px;
}
.shop-tips p{
    font-family: 'en-Medium';
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: 'en-Medium';
}
.shop .successful-gift-list{
    width: 70%;
    margin-top: 59px;
}
.shop-rewadrs{
    color: #FBE2A8;
    text-align: center;
    font-size: 20px;
    margin-top: 29px;
}
.shop-rewadrs i{
    color: #FFE26C;
}
.faceBook{
    display: none;
}
.shop-btn{
    width: 338px;
    height: 54px;
    background:url('../image/css_sprites2.png') -1942px -896px;
    color: #FFFDE6;
    font-size:24px;
    line-height: 54px;
    text-align: center;
    font-family: 'en-Medium';
    margin: 25px auto 0;
    cursor: pointer;
}
.drawS{
    display: none;
    width: 608px;
    height: 428px;
    background:url('../image/css_sprites.png') -1950px -548px;
}
.draws-title{
    width: 100%;
    text-align: center;
    margin: 30px auto 0;
    font-size: 24px;
}
.draws-title p{
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: 'en-Ragular';
}
.draws-code{
    text-align: center;
    color: #FBE2A8;
    font-size: 58px;
    font-family: 'en-Ragular';
}
.draws-article{
    position: relative;
    width: 158px;
    height: 189px;
    background:url('../image/css_sprites.png') -2578px -787px;
    overflow: hidden;
    font-size: 12px;
    margin: 40px auto 0;
}
.draws-article img{
    display: block;
    margin: 41px auto 0;
    width: 100px;
    height: 100px;
}
.draws-article span{
    opacity: 0;
    position: absolute;
    display: block;
    left: 50%;
    bottom: 25px;
    transform: translate(-50%);
    width: 119px;
    height: 32px;
    padding: 2px 0px;
    color: #FFF3B5;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    line-height: 32px;
    
}
.draws-article-active span{
    line-height: 16px;
}
.draws-article i{
    opacity: 0;
}
.draws-article:hover span{
    opacity: 1;
}
.draws-tips{
    width: 520px;
    margin: 40px auto 0;
    font-size: 14px;
    font-family: 'en-Regular';
    color: #FBE2A8;
}
.draws-tips i{
    color: #FFE26C;
}
.confirm-tips{
    position: absolute;
    color: #FCCC5D;
    width: 80%;
    bottom: -50px;
    left: 11%;
}
.rules-detail{
    display: none;
    width: 1231px;
    height: 631px;
    background:url('../image/css_sprites.png')  -10px -616px;
}
.rules-detail-t{
    width: 1085px;
    height: 63px;
    margin: 5px auto 0;
    border-bottom: 1px solid #8B3532;
    text-align: center;
    font-size: 40px;
}
.rules-detail-t p{
    line-height: 63px;
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: 'en-Medium';
}
.rules-detail-c{
    width: 1085px;
    margin: 30px auto;
    height: 484px;
    overflow-y: auto;
    color: #fff;
    font-size: 18px;
    font-family: 'en-Noraml';
    line-height: 30px;
}
.activity-end{
    display: none;
    width: 1120px;
    height: 712px;
    background:url('../image/activity-end-bg.png') no-repeat;
}
.activity-end-btnList{
    position: absolute;
    left: 200px;
    bottom: 0;
}
.activity-end-btnList a{
    float: left;
    margin-left: 30px;
}
.activity-end-close{
    position: absolute;
    bottom: -38px;
    left: 50%;
    transform: translate(-50%);
    width: 38px;
    height: 38px;
    background:url('../image/activity-end-close.png') no-repeat;
    cursor: pointer;
}
.draw-repalce{
    display: none;
    width: 826px;
    height: 518px;
    background:url('../image/css_sprites.png') -1950px -10px;
}
.draw-repalce-title{
    font-size: 24px;
    margin-top: 20px;
    text-align: center;
}
.draw-repalce-title p{
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: 'en-Medium';
}
.draw-repalce-code{
    font-size: 58px;
    color: #FFE26C;
    text-align: center;
}
.draw-repalce-l{
    width: 100%;
    overflow: hidden;
    margin: 25px auto 0;
}
.draw-repalce-item{
    position: relative;
    float: left;
    width: 180px;
    height: 222px;
    background: url('../image/article-y.png') no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    font-size: 12px;
    margin-top: 4px;
    margin-left: 27px;
}
.draw-repalce-item img{
    display: block;
    margin: 50px auto 0;
    width: 128px;
    height: 128px;
}
.draw-repalce-item span{
    opacity: 0;
    position: absolute;
    display: block;
    left: 50%;
    bottom: 32px;
    transform: translate(-50%);
    width: 124px;
    height: 25px;
    line-height: 25px;
    padding: 4px 4px;
    color: #FFF3B5;
    text-align: center;
    background:rgba(0, 0, 0, 0.8)
}
.draw-repalce-item:hover span{
    opacity: 1;
}
.replace-line{
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
.draw-repalces{
    width: 168px;
    height: 206px;
    background:url('../image/css_sprites.png') -2578px -996px;
    margin-top: 12px;
    margin-left: 20px;
}
.draw-repalces-active{
    background:url('../image/css_sprites.png') -2578px -1325px;
}
.draw-repalces img{
    margin: 41px auto 0;
}
.draw-repalces span{
    width: 135px;
    bottom: 23px;
}
.draw-repalces-ac{
    background:url('../image/css_sprites.png') -2578px -1325px;
}
.draw-repalce-tips{
    width: 699px;
    margin: 30px auto;
    color: #FBE2A8;
    font-family: 'en-Ragular';
    font-size: 16px;
    line-height: 26px;
}
.draw-repalce-tips i{
    color: #FFE26C;
}
.draw-repalce-btnlist{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 600px;
    font-size: 24px;
    overflow: hidden;
    bottom: -20px;
}
.draw-repalce-btnItem{
    float: left;
    width: 247px;
    height: 54px;
    background-size: 100% 100%;
    text-align: center; 
    line-height: 54px;
    color: #FFFDE6;
    margin-left: 30px;
    cursor: pointer;
}
.draw-repalce-btn-e{
    background:url('../image/css_sprites2.png') -1619px -1116px;
}
.draw-repalce-btn-c{
    background:url('../image/css_sprites2.png') -1886px -1116px;
}
.prompt{
    display: none;
    width: 608px;
    height: 309px;
    background:url('../image/css_sprites.png') -1261px -616px;
}
.prompt-title{
    width: 546px;
    height: 60px;
    border-bottom: 1px solid #8B3532;
    font-size: 40px;
    text-align: center;
    margin: 10px auto 0;
}
.prompt-title p{
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: 'en-Medium';
}
.prompt-d{
    width: 450px;
    margin: 40px auto;
    font-size: 18px;
    color: #FBE2A8;
    text-align: center;
    line-height: 26px;
}
.my-reward{
    display: none;
    width: 608px;
    height: 309px;
    background:url('../image/css_sprites.png') -1261px -616px;
}
.my-reward-title{
    width: 546px;
    height: 60px;
    font-size: 40px;
    text-align: center;
    margin: 10px auto 0;
}
.my-reward-title p{
    color: transparent;
    background-image: linear-gradient(to bottom, #FFFAC6 40%, #E0BA75 60%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: 'en-Medium';
}
.my-reward-list ul{
    width: 546px;
    height: 210px;
    overflow-y: auto;
    margin: 0 auto;
}
.my-reward-list ul li:first-child{
    width: 100%;
    height: 33px;
    border-top: 1px solid #8B3532;
    color: #FBE2A8;
    background: #000;
    font-size: 16px;
}
.my-reward-list ul li:first-child i{
    line-height: 33px;
    display: block;
    float: left;
    width: 33.3%;
    font-family: 'en-Noraml';
    text-align: center;
    text-decoration: none;
}
.my-reward-list ul li{
    width: 100%;
}
.my-reward-list ul li>i{
    display: block;
    float: left;
    width: 33.3%;
    height: 33px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 33px;
}
.my-reward-list li>i:last-child{
    color: #FFE26C;
    text-decoration: underline;
    cursor: pointer;
}
.identify{
    display: none;
    width: 608px;
    height: 309px;
    background: url('../image/css_sprites.png') -1261px -616px;
}
.identify-content p:first-child{
    width: 477px;
    margin: 40px auto 0;
    color: #FBE2A8;
}
.identify-content p:last-child{
    width: 477px;
    margin: 27px auto 0;
    color: #FFE26C;
}
.identify-btnList{
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -21px;
    width: 412px;
    font-size: 25px;
}
.identify_confirm{
    float: left;
    width: 187px;
    height: 54px;
    background: url('../image/css_sprites.png') -2578px -1551px;
    color: #FFFDE6;
    text-align: center;
    line-height: 54px;
}
.identify_cancel{
    float: left;
    width: 187px;
    height: 54px;
    background: url('../image/css_sprites.png') -2491px -1772px;
    color: #FFFDE6;
    text-align: center;
    line-height: 54px;
    margin-left: 37px;
}