@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; background:#240e50;}
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,.count_down span,.live .tex li i,.course a.btn,.course .shiwu_btn a{background:url("/images/zhuanti/20171212/ico.png") no-repeat;}
.wrap{ width:100%; background:#341a69;}
.title01{ color:#f92081; text-align:center; padding:50px 0 22px;}
.title01 h2{ line-height:62px; font-size:42px; font-weight:bold; background:url("/images/zhuanti/20171212/title01.png") no-repeat center;}
.title01 h2 span{ display:inline-block; background:#341a69; padding:0 41px;}
.title01.t2 h2 span{ background:#240e50; padding:0 23px;}
.title01 p{ font-size:28px; line-height:40px;}

/**/
.count_down_wrap{ width:100%; background:#4f2295; height:70px; overflow:hidden;}
.count_down{ background:#4f2295; height:70px; line-height:70px; _padding-top:15px; text-align:center; font-size:24px; font-weight:bold; color:#ff00b8;}
.count_down em{ color:#fff500; font-weight:bold;}
.count_down span{ display:inline-block; width:44px; height:43px; line-height:43px; text-align:center; font-size:22px; color:#fff500; margin:0 12px;}

/**/
.header_wrap{ width:100%; height:584px; background:url("/images/zhuanti/20171212/header.jpg") no-repeat center top; z-index:99;}
.header{ height:584px; background:url("/images/zhuanti/20171212/header.jpg") no-repeat center top;}
.header .logo{ width:200px; height:72px; line-height:0; font-size:0; left:0; top:20px;}
.header .tex1{ left:0; top:102px;}
.header .tex2{ left:0; top:220px;}
.header .tex3{ left:0; top:359px;}

/**/
.nav_ico{ background:url("/images/zhuanti/20171212/topnav.png") no-repeat;}
.nav{}
.nav li{ float:left; _display:inline; width:218px; height:160px; margin-right:6px; position:relative; color:#fff; font-weight:bold; text-align:center; cursor: pointer;}
.nav li.step1{ background-position:0 0; margin-left:-10px;}
.nav li.step2{ background-position:-224px 0;}
.nav li.step3{ background-position:-448px 0;}
.nav li.step4{ background-position:-672px 0;}
.nav li.step4 h4{ padding-top: 10px; line-height: 30px;}
.nav li.step5{ background-position:-896px 0;}
.nav li a{ display: inline-block; width:218px; height:160px; color: #fff;}
.nav li a:hover{ text-decoration: none;}
.nav .none{ float:right; margin-right:-10px;}
.nav h4{ font-size:22px; line-height:42px; padding-top:20px;}
.nav li.step1 .prompt{right:12px;}
.nav .prompt{ width:139px; height:116px; right:10px; bottom:10px; background-position:0 -372px;}
.nav .prompt span{ display:block; width:100%; padding-top:68px; text-indent:52px; font-size:18px; color:#fff; font-weight:normal;}
.nav .time{ width:218px; font-size:22px; position:absolute; left:0; top:-88px;}

/**/
.livetit{ line-height: 42px; text-align: center; font-size: 18px; color: #fff; margin-bottom: 20px;}
.livetit .ewm{ width: 130px; top: -58px; right: 70px;}
.livetit .ewm p{ line-height: 40px; font-size: 14px; color: #b69bef;}
.live{ height:481px; background:url("/images/zhuanti/20171212/live_bg.png") no-repeat;}
.live .video{ width:588px; height:371px; margin:30px 0 0 79px;}
.live .video img{ width:588px; height:371px; cursor:pointer;}
.live .video .con{ display:none; width:588px; height:371px;}
.live .tex{ width:360px; margin:30px 72px 0 0; height:371px; overflow:hidden; position:relative; background:url("/images/zhuanti/20171212/xian.png") repeat-x; overflow-y:auto; position:relative;}
.live .tex-tit{ height: 68px; text-align: center; background:url("/images/zhuanti/20171212/xian2.png") repeat-x center; margin: 0 18px;}
.live .tex-tit span{ display: inline-block; *display: inline; *zoom: 1; padding: 0 14px; line-height: 68px; font-size: 24px; font-weight: 700; color: #ffa90d; background:url("/images/zhuanti/20171212/xian.png") repeat-x top;}
.live .tex .qd{ display: block; margin: 0 auto; padding-top: 34px;}
.live .tex ul{}
.live .tex li{ line-height:45px; font-size:16px; color:#fff; border-bottom: 1px dashed #8b5ede; margin: 0 18px;}

/**/
.course .tit{ text-align:center; line-height:32px; font-size:18px; color:#fff;}
.course ul{ padding:14px 0 0 28px;}
.course li{ float:left; _display:inline; width:238px; height:160px; margin:30px 30px 0 0; text-align:center; color:#fff; position:relative; border-radius: 15px;}
.course li.c1{ background-color: #ff7e50;}
.course li.c2{ background-color: #eb4678;}
.course li.c3{ background-color: #7e46ef;}
.course li.c4{ background-color: #025e89;}
.course li.c5{ background-color: #6570ff;}
.course li.c6{ background-color: #1bb987;}
.course li.c7{ background-color: #319bfe;}
.course li.c8{ background-color: #913e01;}
.course i.icon{ display:block; width:104px; height:94px; left:0; top:0; background-position:0 -491px; font-size:20px; text-align:left; line-height:48px; text-indent:5px; color:#903d00;}
.course h4{ font-size:26px; line-height:42px; padding-top:16px;}
.course p{ font-size:20px; line-height:32px;}
.course p strong{ font-size:28px;}
.course a.btn{ display:block; width:140px; height:41px; line-height:38px; text-align:center; font-size:18px; color:#903d00; background-position:0 -90px; text-decoration:none; margin:12px auto 0;}
.course .shiwu_btn{ padding-top:26px;}
.course .shiwu_btn a{ display:inline-block; width:112px; height:39px; line-height:39px; text-align:center; font-size:16px; color:#fff; background-position:-46px 0; text-decoration:none; margin:0 11px;}
.course .more{ height:66px; border-bottom:1px solid #5f36b3; margin:0 30px;}
.course .more a.btn{ display:block; width:238px; height:70px; line-height:70px; text-align:center; font-size:24px; color:#fff; text-decoration:none; background-position:0 -136px; left:50%; margin-left:-119px; top:18px;}
.course .detailed_rules{ padding:56px 30px 65px;}
.course .detailed_rules .tex{ width:750px;}
.course .detailed_rules .tex p{ font-size:14px; color:#c5a9ff; line-height:30px;}
.course .detailed_rules .QR_Code{ width:270px; text-align:center; padding-top:34px;}
.course .detailed_rules .QR_Code p{ font-size:14px; color:#c5a9ff; line-height:24px; padding-top:8px;}

/**/
.free_single{}
.free_single .tit{ font-size:18px; color:#fff; line-height:44px; text-align:center; margin-bottom: 30px;}
.free_single .con{ width:842px; height:423px; margin:0 auto; background:url("/images/zhuanti/20171212/free_single.png") no-repeat;}
.free_single .con .bd{ padding:100px 0 0 50px;}
.free_single .con .bd li{ font-size:20px; color:#fff; width:770px; line-height:42px; height:42px;}
.free_single .con .bd .date{ display:block; float:left; width:180px; height:42px; overflow:hidden;}
.free_single .con .bd .date2{ display:block; float:left; width:180px; margin-left: 40px;}
.free_single .con .bd .name{ display:block; float:left; width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.free_single .con2{ background:url("/images/zhuanti/20171212/free_single2.png") no-repeat;}
.free_single .qd{ margin: 0 auto; padding-top: 100px; display: block;}
.free_single .lc{ height: 44px; margin-bottom: 54px;}
.free_single .lc-l{ width: 273px; padding-right: 15px; text-align: right; font-size: 24px; font-weight: 700; color: #fff;}
.free_single .lc-c{ display: block; width: 136px; height: 44px; background: #8a67d3; line-height: 44px; text-align: center; font-size: 18px; color: #fff; border-radius: 3px;}
.free_single .lc-y{ width: 40px; height: 44px; background:url("/images/zhuanti/20171212/yuan.png") no-repeat center;}
.free_single .lc-c2{ background: #7e58ca;}
.free_single .lc-c3{ background: #6943b3;}
.free_single .lc-c4{ background: #4f289b;}

/**/
.red_packet{}
.red_packet .step{ height:513px; background:url("/images/zhuanti/20171212/red.png") no-repeat center bottom;}
.red_packet .step ul{ padding-top:36px;}
.red_packet .step li{ float:left; width:357px; text-align:center; font-size:16px; color:#fff; font-weight:bold; line-height:32px;}
.red_packet .explain{ padding:40px 0 50px;}
.red_packet .explain p{ font-size:14px; line-height:30px; color:#c5a9ff;}

/**/
.fix_weixin_wrap{ width:100%; height:112px; position:fixed; left:0; bottom:0; _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_weixin_wrap .bg{ width:100%; height:112px; background:#050505;opacity:.7;filter:alpha(opacity=70); position:absolute; left:0; bottom:0;}

.fix_weixin{}
.fix_weixin .icon{ width:226px; height:138px; background-position:0 -225px; left:149px; top:-13px;}
.fix_weixin .tex{ padding-left:352px; line-height:112px; _padding-top:40px; font-size:22px; font-weight:bold; color:#ffed25;}
.fix_weixin .tex img{ vertical-align:-6px; margin-left:6px;}
.fix_weixin .ewm{ top:12px; right:116px;}

/**/
.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))}
.buy_pop{ display:none;width:660px;z-index:102;height:576px;position:fixed;top:50%;left:50%;;margin:-288px 0 0 -330px;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.buy_pop .tit{ height:73px; line-height:73px; font-size:26px; font-weight:bold; color:#ffe400; text-align:center; background:url("/images/zhuanti/20171212/title_pop.png") no-repeat;}
.buy_pop .tit .close{ display:block; width:18px; height:18px; line-height:0; font-size:0; top:28px; right:26px; background-position:-168px 0;}
.buy_pop .con{ height:503px; background:#fff; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.buy_pop .con .share_pic{ width:240px; height:426px; background:url("/images/zhuanti/20171212/xuanyan.png") no-repeat; margin:33px 0 0 56px;}
.buy_pop .con .share_pic p{ color:#fff; line-height:24px; padding:164px 28px 0 28px;}
.buy_pop .con .ewm{ width:273px; padding-top:88px; color:#8643e8;}
.buy_pop .con .ewm h4{ line-height:70px; font-size:24px; font-weight:bold;}
.buy_pop .con .ewm img{ display:block; border:7px solid #e9e9e9; width:169px; height:169px;}
.buy_pop .con .ewm p{ font-size:16px; line-height:50px;}

/**/
.footer_wrap{ padding-bottom:112px;}


/**/
.mCSB_scrollTools{ width: 13px !important; background: #541fb3; border-radius: 10px;}
.mCSB_scrollTools .mCSB_draggerRail{ background: none;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:13px; background: #814ce3; border-radius: 10px;}
.mCSB_scrollTools .mCSB_buttonUp{ background:url("/images/zhuanti/20171212/ico.png") no-repeat -197px 5px;}
.mCSB_scrollTools .mCSB_buttonDown{ background:url("/images/zhuanti/20171212/ico.png") no-repeat -222px 6px;}
.xlcd-b .mCSB_container{ margin-right: 13px;}

/**/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.s1{ -webkit-animation-delay:.8s; animation-delay:.8s;}
.animated.s2{ -webkit-animation-delay:1s; animation-delay:1s;}
.animated.s3{ -webkit-animation-delay:1.2s; animation-delay:1.2s;}
@-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 fadeIn{from{opacity:0}
    to{opacity:1}
}
@keyframes fadeIn{from{opacity:0}
    to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}