/*
@author: sunke
@update: name (2013-04-13 18:32)
*/
@charset "gb2312";
body{font:14px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.pr{ position:relative;}
.abs{position:absolute;}
.ico,.live .tex li i,.years i{ background:url("//www.chinaacc.com/images/zhuanti/18anniversary/ico.png") no-repeat;}
.title01{ padding-top:11px; text-align:center;}
.title01 span{ display:inline-block; height:100px; line-height:100px; font-size:36px; color:#fff;}
.title01 span .t1{ display:block; width:67px; height:54px; left:-88px; top:23px; background-position:0 0;}
.title01 span .t2{ display:block; width:60px; height:65px; right:-85px; top:23px; background-position:-78px 0;}
.title01 span.tit01{ display:inline-block; line-height:56px; font-size:36px; color:#fff; margin:90px 0 46px;}
.title01 span.tit01 em{ font-size:24px;}

/**/
.header-wrap{ width:100%; height:471px; background:url("/images/zhuanti/18anniversary/header1.jpg") no-repeat center top;}
.header02-wrap{ width:100%; height:186px; background:url("//www.chinaacc.com/images/zhuanti/18anniversary/header02.jpg") no-repeat center top;}
.header{ height:471px;}
.header .logo{ display:block; line-height:0; font-size:0; left:0; top:18px;}
.header .tex01{ left:313px; top:49px;}
.header .tex02{ left:515px; top:134px;}
.header .tex03{ left:510px; top:137px;}
.header .tex04{ left:359px; top:359px;}
.header .tex05{ left:460px; top:349px;}
.header .tex06{ left:523px; top:356px;}
.header .tex07{ left:568px; top:356px;}
.header .tex08{ left:611px; top:360px;}
.header .tex09{ left:655px; top:365px;}
.header .tex10{ left:698px; top:376px;}
.header .tex11{ left:571px; top:83px;}

/**/
.live-wrap{ width:100%; background:url("//www.chinaacc.com/images/zhuanti/18anniversary/bg01.jpg") no-repeat center top #dc1347;}
.live{ padding:0 0 69px;}
.live .live-con{ height:614px; background:url("//www.chinaacc.com/images/zhuanti/18anniversary/bg02.png") no-repeat;}
.live .live-con .video{ width:709px; height:448px; margin:90px 0 0 71px;}
.live .live-con .video img{ width:709px; height:448px; cursor:pointer;}
.live .live-con .video .con{ display:none; width:709px; height:448px; overflow:hidden;}
.live .live-right{}
.live .tex{ width:248px; margin:90px 72px 0 0; height:408px; padding:20px 0; background:#ea154c; overflow:hidden; overflow-y:auto; position:relative;}
.live .tex ul{ margin-left:20px; border-left:2px solid #ff648c;}
.live .tex li{ line-height:28px; font-size:16px; color:#fff; position:relative; padding:20px 0 0 19px; cursor:pointer;}
.live .tex li i{ display:block; width:24px; height:24px; background-position:-41px -83px; position:absolute; left:-13px; _left:-32px; top:21px;}
.live .tex li.cur{ color:#ffe400;}
.live .tex li.cur i{ background-position:-2px -83px;}
.live .tex li.none{ color:#fff;}
.live .tex li.none i{ background-position:-2px -83px;}
/**/
.mCSB_scrollTools{ width: 13px !important; margin-right:1px; border-radius: 10px;}
.mCSB_scrollTools .mCSB_draggerRail{ background: none;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:13px; background: #920a2d; border-radius: 10px;}
.xlcd-b .mCSB_container{ margin-right: 13px;}

/**/
.coupon-wrap{ width:100%; background:url("//www.chinaacc.com/images/zhuanti/18anniversary/line01.png") no-repeat center top #ff9e04;}
.coupon{}
.coupon .coupon-con{ height:285px; background:url("//www.chinaacc.com/images/zhuanti/18anniversary/coupon-bg.png") no-repeat;}
.coupon .coupon-con .box{ position:absolute;}
.coupon .coupon-con .box .con{ float:left; width:325px; height:97px; border:1px solid #333; background:#db0f44;}
.coupon .coupon-con .box .con .nums{ padding-left:20px; *padding-top:10px; float:left; width:154px; line-height:66px; font-size:60px; font-weight:bold; color:#ffcc33;}
.coupon .coupon-con .box .con .nums i{ font-size:20px; font-weight:normal; vertical-align:30px;}
.coupon .coupon-con .box .con .condition{ float:left; font-size:18px; color:#fff; line-height:30px; padding-top:20px;}
.coupon .coupon-con .box .buy-btn{ display:none; float:left; width:36px; height:89px; font-size:16px; color:#fedb2e; line-height:20px; text-align:center; text-decoration:none; padding-top:10px;}
.coupon .coupon-con .c01{ left:375px; top:34px;}
.coupon .coupon-con .c02{ left:756px; top:22px;}
.coupon .coupon-con .box.c02 .nums{ width:174px;}
.coupon .coupon-con .c02 .con{ width:302px;}
.coupon .coupon-con .c03{ left:16px; top:158px;}
.coupon .coupon-con .c03 .con{ width:302px;}
.coupon .coupon-con .c04{ left:375px; top:170px;}
.coupon .coupon-con .c05{ left:756px; top:158px;}
.coupon .coupon-con .c05 .con{ width:302px;}
.coupon .coupon-con .box.c05 .nums{ width:174px;}
.coupon .coupon-con .new{ left:16px; top:22px;}
.coupon .coupon-con .new .con{ background:none;}
.coupon .coupon-con .box.new .condition{ padding-top:32px;}
.coupon .coupon-explain{ padding:26px 0 50px 11px;}
.coupon .coupon-explain p{ font-size:18px; color:#fff; line-height:26px; padding-bottom:10px;}
.mask{display:none; width:100%;z-index:101;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;_position:absolute;_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.coupon-pop{ display:none; overflow:hidden; width:486px; height:244px; background:#dc1347; position:fixed; top:50%; left:50%; margin:-122px 0 0 -243px; z-index:202;  _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.coupon-pop .close-btn{ display:block; width:20px; height:20px; top:16px; right:16px; background-position:-98px -140px;}
.coupon-pop h3{ text-align:center; font-size:24px; color:#fdec04; line-height:120px; padding-top:26px; font-weight:normal;}
.coupon-pop .btn-wrap{ text-align:center;}
.coupon-pop .btn-wrap .btn01,.coupon-pop .btn-wrap .btn02{ display:inline-block; width:176px; height:50px; line-height:50px; font-size:18px; color:#dc1347; background:#fff; text-align:center; border-radius:3px; margin:0 8px; text-decoration:none;}
.coupon-pop .btn-wrap .btn02{ background:#fff600; color:#dc1347;}

/**/
.share-wrap{ width:100%; background:url("//www.chinaacc.com/images/zhuanti/18anniversary/line02.png") no-repeat center top #dc1347;}
.share{ padding-bottom:68px;}
.share .share-line{ height:12px; background:url("//www.chinaacc.com/images/zhuanti/18anniversary/bg03.png") no-repeat;}
.share .share-con{ background:#ff4366; border:1px solid #333; padding-bottom:28px;}
.share .share-con .tex{ width:404px; padding:56px 0 0 44px;}
.share .share-con .tex h3{ font-size:28px; color:#fff; line-height:48px; font-weight:normal; padding-bottom:28px;}
.share .share-con .tex h3 em{ color:#ffe933;}
.share .share-con .tex p{ font-size:16px; color:#fff; line-height:30px;}
.share .share-con .ewm{ width:284px; padding:90px 0 0 0;}
.share .share-con .ewm .arrow{ display:block; width:40px; height:48px; top:160px; right:0; background-position:-89px -83px;}
.share .share-con .pic{ padding:40px 36px 0 0;}

/**/
.system-wrap{ width:100%; background:url("//www.chinaacc.com/images/zhuanti/18anniversary/line03.png") no-repeat center top #141d54;}
.system{ padding-bottom:240px;}
.system ul{ padding-top:8px;}
.system li{ float:left; _display:inline; width:210px; height:272px; margin-right:12px;}
.system li.none{ margin-right:0;}

/**/
.years-wrap{ width:100%; height:308px; background:url("//www.chinaacc.com/images/zhuanti/18anniversary/line04.png") no-repeat center top #dc1347;}
.years{}
.years li{ width:130px; position:absolute;}
.years h3{ font-size:22px; color:#fedb2e; line-height:30px; text-align:center;}
.years em{ display:block; width:7px; height:36px; background:#ecd033; margin:10px auto;}
.years i{ display:block; width:84px; height:84px; line-height:84px; text-align:center; font-size:20px; margin:0 auto; font-weight:bold; color:#f83f68; background-position:0 -141px;}
.years .y1{ left:0; top:-160px;}
.years .y2{ left:137px; top:2px;}
.years .y3{ left:276px; top:-93px;}
.years .y4{ left:416px; top:-37px;}
.years .y5{ left:554px; top:-134px;}
.years .y6{ left:687px; top:-30px;}
.years .y7{ left:835px; top:-115px;}
.years .y8{ left:965px; top:-32px;}

/**/
.fix-bottom{ width:100%; height:90px; position:fixed; left:0; bottom:0; background:url("//www.chinaacc.com/images/zhuanti/18anniversary/line05.png") repeat-x; _position:absolute;  _bottom: auto;  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.fix-bottom .count_down{ line-height:90px; font-size:24px; color:#fff; padding-left:135px; _padding-top:20px;}
.fix-bottom .count_down span{ display:inline-block; width:48px; line-height:48px; text-align:center; background:#1a1a1a; border-radius:3px; margin:0 5px 0 14px;}
.fix-bottom .btn{ display:block; margin:21px 153px 0 0; _margin-right:75px; text-decoration:none; width:169px; height:48px; line-height:48px; text-align:center; font-size:20px; color:#fff; background:#fead2e; border-radius:3px;}

/**/
.floatCtro{ width:90px; left:2%; top:50%; margin:-62px 0 0 0; position:fixed; _position:absolute; z-index:100 }
.floatCtro .top{ width:112px; height:122px; background-position:0 -234px; top:-122px; left:-11px;}
.floatCtro .con{ background:#421570;}
.floatCtro p{ line-height:30px; padding:14px 0; color:#fff; font-size:22px; border-bottom:1px solid #481f80; text-align:center; cursor:pointer; transition:all 0.2s linear;}
.floatCtro p em{ font-size:16px;}
.floatCtro p a{ color:#fff;}
.floatCtro p.cur{ background:#ff9e04; color:#dc1347;}
.floatCtro .backtop{ width:90px; height:43px; background-position:0 -364px; cursor:pointer;}

/**/
.footer-wrap{ padding-bottom:100px;}

/**/
.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;}