/*
@author: sunke
@update: name (2013-04-13 18:32)
*/
@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#fff;color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;vertical-align:top;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{color:#333;text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.title01{ text-align:center;}
.title01 span{ display:inline-block; height:1.546rem; line-height:1.456rem; font-size:.48rem; color:#fff; margin-top:.66rem;}
.title01 span.tit01{ line-height:.6rem; padding-top:.1rem; margin:0;}
.title01 span.tit01 .t1,.title01 span.tit01 .t2{ top:.36rem;}
.title01 .t1{ display:inline-block; width:.84rem; height:.693rem; top:.373rem; left:-.853rem; background:url("/images/zhuanti/18anniversary/ico01.png") no-repeat; background-size:100% auto;}
.title01 .t2{ display:inline-block; width:.68rem; height:.786rem; top:.266rem; right:-.8rem; background:url("/images/zhuanti/18anniversary/ico02.png") no-repeat; background-size:100% auto;}

/**/
.fix-top{ width:100%; height:1.2rem; line-height:1.2rem; position:fixed; left:0; top:0; background:#4f2295; z-index:199;}
.fix-top .count_down{ font-size:.24rem; font-weight:bold; color:#ff00b8; padding-left:.373rem;}
.fix-top .count_down em{ color:#fff500;}
.fix-top .count_down span{ display:inline-block; width:.586rem; height:.586rem; line-height:.586rem; text-align:center; color:#fff500; margin:0 .053rem 0 .133rem; border-radius:.05rem; background-image:-webkit-linear-gradient(90deg, #fe6b67, #bf06f8); background-image:linear-gradient(90deg,#fe6b67,#bf06f8);}
.fix-top .btn{ display:block; width:1.946rem; height:.8rem; line-height:.8rem; text-align:center; font-size:.32rem; color:#fff; background:#cf1f71; border-radius:.05rem; margin:.186rem .32rem 0 0;}

/**/
.header{}
.header .logo{ width:2.293rem; left:.1rem; top:.1rem;}
.header .tex01{ width:2.92rem; left:1.72rem; top:1.266rem;}
.header .tex02{ width:.893rem; left:4.533rem; top:2.453rem;}
.header .tex03{ width:3.946rem; left:4.466rem; top:2.48rem;}
.header .tex04{ width:.906rem; left:2.4rem; top:5.6rem;}
.header .tex05{ width:.92rem; left:3.386rem; top:5.426rem;}
.header .tex06{ width:.56rem; left:4.586rem; top:5.6rem;}
.header .tex07{ width:.56rem; left:5.2rem; top:5.6rem;}
.header .tex08{ width:.566rem; left:5.813rem; top:5.653rem;}
.header .tex09{ width:.653rem; left:6.413rem; top:5.733rem;}
.header .tex10{ width:.653rem; left:7.013rem; top:5.866rem;}
.header .tex11{ width:3.026rem; left:5.4rem; top:1.68rem;}

/**/
.live{ background:url("/images/zhuanti/18anniversary/bg02.png") no-repeat center top #dc1347; background-size:100% auto; padding-bottom:.266rem;}
.live .con{ display:none; width:9.453rem; height:6.087rem; padding-top:.673rem; background:url("/images/zhuanti/18anniversary/bg01.png") no-repeat; background-size:100% auto; margin:0 auto;}
.live .con img{ display:block; width:8.36rem; margin:0 auto;}
.live .con iframe{ display:block; width:8.36rem; height:4.696rem; margin:0 auto; border:0;}
.live .swiper-con{ padding:0 0 .2rem .266rem;}
.live .swiper-container{ padding-top:.64rem;}
.live .swiper-slide{ padding-top:.24rem; border-top:.066rem solid #ff648c; }
.live .swiper-slide p{ font-size:.37rem; color:#fff; line-height:.533rem; padding-left:.4rem;}
.live .swiper-slide i{ display:block; width:.52rem; height:.52rem; background:url("/images/zhuanti/18anniversary/ico04.png") no-repeat; background-size:100% auto; position:absolute; top:-.26rem; left:.4rem;}
.live .swiper-slide.cur p{ color:#ffe400; }
.live .swiper-slide.cur i{ background:url("/images/zhuanti/18anniversary/ico03.png") no-repeat; background-size:100% auto;}
#mask{background:#000;opacity: .7;position:fixed;;left:0;top:0;height:100%;width:100%;z-index:998;}
.videoSection{width:100%;position:fixed;left:0;top:50%;z-index:999;}
.videoSection .close{display:block;width:1rem;height:1rem;bottom:0;left:50%;margin-left:-.5rem;}

/**/
.coupon{ background:url("/images/zhuanti/18anniversary/line01.png") no-repeat center top #ff9e04; background-size:100% auto; padding-bottom:.4rem;}
.coupon ul{ padding:.23rem 0 0 .493rem;}
.coupon li{ float:left; width:4.346rem; height:2.586rem; margin:0 .4rem .4rem 0; background:url("/images/zhuanti/18anniversary/bg04.png") no-repeat; background-size:100% auto; position:relative;}
/*.coupon li.c01{ background:url("/images/zhuanti/18anniversary/bg03.png") no-repeat; background-size:100% auto;}*/
/*.coupon li.c01 h3,.coupon li.c01 p{ padding-right:.37rem;}*/
.coupon li h3{ font-size:.88rem; font-weight:bold; color:#ffcc33; text-align:center; padding:.5rem .746rem 0 .213rem;}
.coupon li h3 i{ font-size:.32rem; vertical-align:top;}
.coupon li p{ font-size:.37rem; color:#fff; text-align:center; padding:0 .746rem 0 .213rem;}
.coupon li a{ display:block;width:4.346rem; height:2.586rem;}
.coupon li span{ display:block; width:.5rem; text-align:center; font-size:.4rem; color:#fedb2e; line-height:.453rem; position:absolute; right:.22rem; top:.46rem;}
.coupon .coupon-explain{ padding:0 .493rem .13rem;}
.coupon .coupon-explain p{ font-size:.37rem; color:#fff;}
.mask{ display:none; width:100%; z-index:999;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;}
.coupon-pop{ display:none; width:8.6rem; height:3.8rem; position:fixed; left:50%; top:50%; margin:-1.9rem 0 0 -4.3rem; background:#dc1347; z-index:999;}
.coupon-pop .close-btn{ width:.4rem; height:.4rem; background:url("/images/zhuanti/18anniversary/close02.png") no-repeat; background-size:100% auto; top:.266rem; right:.67rem;}
.coupon-pop h3{ font-size:.43rem; color:#fff600; line-height:2.4rem; padding-top:0.066rem; text-align:center;}
.coupon-pop .btn-wrap{ text-align:center;}
.coupon-pop .btn-wrap .btn01,.coupon-pop .btn-wrap .btn02{ display:inline-block; width:3.52rem; height:.933rem; line-height:.933rem; text-align:center; font-size:.4rem; color:#dc1347; background:#fff; border-radius:.1rem; margin:0 .346rem;}
.coupon-pop .btn-wrap .btn02{ background:#fff600;}

/**/
.share{ background:url("/images/zhuanti/18anniversary/line02.png") no-repeat center top #dc1347; background-size:100% auto; padding-bottom:.533rem;}
.share .share-line{ width:9.08rem; height:.16rem; background:url("/images/zhuanti/18anniversary/bg05.png") no-repeat; background-size:100% auto; margin:.3rem auto 0;}
.share .share-con{ width:9.08rem; background:#ff4366; border:1px solid #333; margin:0 auto; box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:1rem;}
.share .share-con .tex{ width:4rem; color:#fff;line-height:.56rem;  padding:1.5rem 0 .72rem .4rem;}
.share .share-con .tex p{ font-size:.37rem; line-height:.64rem;}
.share .share-con .tex p em{ color:#ffe933;}
.share .share-con .pic{ width:4.4rem; top:.4rem; right:.16rem;}
.share .btn{ display:block; width:6.626rem; height:1.026rem; line-height:1.026rem; text-align:center; font-size:.43rem; margin:0 auto; color:#510000; background:url("/images/zhuanti/18anniversary/btn.png") no-repeat; background-size:100% auto;}

/**/
.other{}
.other .btn{ display:block; width:100%; height:5rem; left:0; top:0;}

@media screen and (min-width: 320px) and (max-width: 340px){
    .fix-top .count_down{ padding-left:.1rem;}
    .fix-top .btn{ margin-right:.1rem;}
}

    /**/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    to{-webkit-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
    75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
    90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
    to{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
    75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
    90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
    to{-webkit-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes fadeIn{from{opacity:0}
    to{opacity:1}
}
@keyframes fadeIn{from{opacity:0}
    to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.fadeIn.s01{ animation-delay:.6s; -webkit-animation-delay:.6s;}
.fadeIn.s02{ animation-delay:.8s;-webkit-animation-delay:.8s;}
.fadeIn.s03{ animation-delay:1s;-webkit-animation-delay:1s;}
.fadeIn.s04{ animation-delay:1.2s;-webkit-animation-delay:1.2s;}
.fadeIn.s05{ animation-delay:1.4s;-webkit-animation-delay:1.4s;}
.fadeIn.s06{ animation-delay:1.6s;-webkit-animation-delay:1.6s;}
.fadeIn.s07{ animation-delay:1.8s;-webkit-animation-delay:1.8s;}
.fadeIn.s08{ animation-delay:1.8s;-webkit-animation-delay:1.8s;}