/*
@author: sunke
*/
@charset "utf-8";
body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px; background:#31114a;}
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}
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,.course-wrap .chk-pop .pop-chk.on i,.course-wrap .chk.on i,.course-wrap .chk-more.cur .all-ico,.book .more li i,.book .book_course .chkBook i{ background:url("/images/zhucekuaijishi/zhuanti/201904yh/ico.png") no-repeat;}
.header-wrap{ width:100%; background:#fff;}
.title{ height:80px; text-align:center; position:relative;}
.title span{ display:inline-block; height:78px; line-height:78px; font-size:40px; font-weight:bold; color:#df214d; padding:0 65px; border-radius:5px; border:1px solid #df214d; position:relative;}
.title span .bg1,.title span .bg2{ display:block; position:absolute; width:164px; height:65px; background-position:0 -280px; top:2px; left:-160px;}
.title span .bg2{ background-position:0 -346px; left:auto; right:-160px;}
.title.t2{ margin-bottom:40px;}
.title.t2 span{ border-color:#fff; color:#fff;}
.title.t2 span .bg1{ background-position:0 -417px;}
.title.t2 span .bg2{ background-position:0 -486px;}
.title .btn{ height:32px; line-height:32px; border:1px solid #fff; border-radius:50px; color:#fff; padding:0 18px; position:absolute; right:0; top:24px;}

/**/
.countDown-wrap{ width:100%; height:64px; background:#210b30; border-bottom:7px solid #151238;}
.countDown{ height:64px; line-height:64px; padding-top:1px; font-size:24px; color:#ffc24c; text-align:center;}
.countDown span em{ padding-right:23px;}
.countDown span{ display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:22px; background:#d11943; border-radius:5px; margin:0 9px;}

/**/
.topheader-wrap{ width:100%; height:499px; background:url("//www.chinaacc.com/upload/html/2019/07/16/xu59c6c87cc2e7403ab1edc54034b54545.jpg") no-repeat center top;}
 
/**/
.fixnav-wrap{ width:100%; margin-bottom:43px; margin-top:-40px;}
.fixnav-wrap.fix{ position:fixed; top:0; background:#fba60d; _position:absolute; z-index:99; padding:8px 0; margin-top:0;}
.fix-nav{ text-align:center;}
.fix-nav li{ display:inline-block; *display:inline; *zoom:1; width:242px; height:93px; line-height:93px; border-radius:20px; background:#fff; border:6px solid #604772; text-align:center; font-size:24px; font-weight:bold; color:#430e6a; margin:0 10px; cursor:pointer;}
.fix-nav li.on{ background:#df214d; color:#fff;}
.fix-nav li:first-child{ margin-left:0;}
.fix-nav li:last-child{ margin-right:0;}
.fixNav-box{ height:149px;  display:none;}
.fixNav-box.on{ display:block;}

/**/
.coupon-mod{ padding:40px 0 80px; text-align:center;}
.coupon-con{ display:inline-block; *display:inline; *zoom:1; width:490px; height:134px; background-position:0 0; margin:0 18px;}
.coupon-con h3.name{ float:left; display:block; width:315px; padding-left:35px; height:134px; line-height:134px; font-size:22px; font-weight:bold; color:#ff4200; text-align:left;}
.coupon-con h3.name strong{ font-size:68px; vertical-align:-16px; margin:0 4px;}
.coupon-con h3.name span{ display:inline-block; *display:inline; *zoom:1; font-weight:normal;}
.coupon-con h3.name span.t1{ line-height:32px; padding:40px 0 0; font-size:16px; width:130px;}
.coupon-con h3.name span.t2{ vertical-align:17px;}
.coupon-con h3.name span i{ font-weight:bold; font-size:22px;}
.coupon-con .state-text{ float:right; display:block; height:100px; width:140px; text-align:center; font-size:28px; color:#fff; font-weight:bold; line-height:34px; padding-top:34px;}
.coupon-con .btn{ display:block; width:490px; height:134px; line-height:0; font-size:0; left:0; top:0; z-index:9; background:#000; opacity:0;filter:alpha(opacity=0);}
.coupon-con.none{ background-position:0 -135px;}
.coupon-con.none .state-text{ color:#8e8e8e; padding-top:0; line-height:134px;}
.coupon-con.none a{ display:none;}
.coupon-mod .explain-text{ color:#df214d; font-size:18px; line-height:42px; text-align:left; padding:20px 0 0 35px;}
.normal-coupon{ padding:40px 0 0;}
.mask{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000; line-height:0; font-size:0; opacity:.6;filter:alpha(opacity=60); z-index:198}
.coupon-pop{ z-index:199; display:none; width:420px; text-align:center; position:fixed; left:50%; top:50%; margin:-53px 0 0 -210px;  padding:35px 0;background:#47494b;color:#fff;border-radius:10px;font-size:28px}
.common-pop{ display:none; width:640px; background:#fff; position:fixed; left:50%; top:50%; margin:0 0 0 -320px; z-index:200;}
.common-pop .tit{ height:62px; line-height:62px; background:#f6f6f6;}
.common-pop .tit h4{ float:left; font-size:18px; color:#666; margin-left:30px; font-weight:normal;}
.common-pop .tit h4 i{ display:inline-block; width:5px; height:22px; background:#0090ff; margin-right:15px; vertical-align:-4px;}
.common-pop .tit .close-btn{ float:right; display:block; width:15px; height:15px; margin:24px 19px 0 0; line-height:0; font-size:0; background-position:-277px -281px;}
.common-pop .con{ padding:20px 40px; max-height:400px; overflow-y:auto;}
.common-pop .con p{ font-size:16px; line-height:30px; padding-bottom:6px;}

/**/
.course-mod{ padding:40px 0 0 0;}
.course-wrap{ float:left; width:360px; margin:0 10px 30px 0;}
.course-wrap .top-tit{ height:96px; line-height:96px; text-align:center; font-size:26px; color:#fff; font-weight:bold; background:#701ee3;}
.course-wrap .top-tit.other{ background:#9d57ff;}
.course-wrap .top-tit h5{ line-height:46px; padding-top:15px; font-size:26px;}
.course-wrap .top-tit h5.ot{ line-height:96px; padding-top:0;}
.course-wrap .top-tit .tags-icon{ text-align:center;}
.course-wrap .top-tit .tags-icon em{ display:inline-block; *display:inline; *zoom:1; height:20px; line-height:20px; font-size:12px; color:#fff; background:#ff6540; border-radius:50px; padding:0 10px; margin:0 5px;}
.course-wrap .con{ background:#fff; padding:0 17px 23px;}
.course-wrap .con .characteristic-tex{ padding:18px 0 18px 78px;}
.course-wrap .con .characteristic-tex p{ font-size:16px; padding-left:16px; line-height:32px; position:relative;}
.course-wrap .con .characteristic-tex p i{ display:block; width:6px; height:6px; background:#ddd; border-radius:50%; position:absolute; left:0; top:12px;}
.course-wrap .con .price-wrap{}
.course-wrap .con .price-wrap li{ background:#f1f1f1; font-size:16px; margin-bottom:4px; line-height:28px; padding:10px 20px 10px 24px; position:relative;*zoom:1;}
.course-wrap .con .price-wrap li:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.course-wrap .con .price-wrap li.two{ padding-top:17px; padding-bottom:17px;}
.course-wrap .con .price-wrap li.three{ padding-top:32px; padding-bottom:32px; background:#fdeece; margin-bottom:0;}
.course-wrap .con .price-wrap li.three i{ background:#ff6540;}
.course-wrap .con .price-wrap li.two-line{ padding-top:38px; padding-bottom:37px;}
.course-wrap .con .price-wrap li.all{ height:191px; margin-bottom:0; text-align:center;}
.course-wrap .con .price-wrap li.all h5{ font-size:24px; line-height:44px; padding-top:70px; font-weight:normal;}
.course-wrap .con .price-wrap li.all h5 strong,.course-wrap .con .price-wrap li.all h5 em{ color:#df214d;}
.course-wrap .con .price-wrap li.all p{ line-height:32px; font-size:16px; font-weight:bold; color:#df214d;}
.course-wrap .con .price-wrap h4{ float:left;}
.course-wrap .con .price-wrap .price-tex{ float:right;}
.course-wrap .con .price-wrap .price-tex strong{ color:#df214d;}
.course-wrap .con .price-wrap .price-tex em{ font-size:12px;}
.course-wrap .con .price-wrap .price-tex span{ color:#df214d;}
.course-wrap .con .price-wrap .price-tex span.year{ font-size:16px; color:#df214d;}
.course-wrap .con .price-wrap li span.ot{ font-size:12px; color:#df214d; padding-left:8px;}
.course-wrap .con .price-wrap  .discount-tex{ position:absolute; right:20px; top:56px; font-size:12px; color:#df214d;}
.course-wrap .con .price-wrap i{ display:block; height:19px; line-height:19px; background:#a061f9; font-size:12px; color:#fff; position:absolute; right:0; top:0; border-bottom-left-radius:10px; padding:0 4px 0 12px;}
.course-wrap .course-con{ background:#f4f4f4; padding-bottom:22px;}
.course-wrap .course-con .course-tit{ line-height:55px; padding:0 20px; position:relative;}
.course-wrap .course-con .course-tit h5{ float:left; font-weight:normal; font-size:14px;}
.course-wrap .course-con .course-tit .more-btn{ display:block; float:right; font-size:12px; color:#666;}
.course-wrap .course-con .course-tit .more-pop{ display:none; width:150px; padding:11px 16px; font-size:12px; color:#666; line-height:18px; z-index:9; background:#fff; border:1px solid #e6e6e6; border-radius:8px; position:absolute; right:17px; top:51px;}
.course-wrap .course-con .course-tit .more-pop .arrow-ico{ display:block; width:14px; height:10px; background-position:-277px -300px; position:absolute; right:36px; top:-10px;}
.course-wrap .course-list{ padding:0 0 10px 20px; min-height:126px;}
.course-wrap .chk,.course-wrap .chk-more{ float:left; width:98px; height:30px; line-height:30px; text-align:center; border:1px solid #dadada; background:#fff; font-size:14px; margin:0 13px 10px 0; cursor:pointer; position:relative;}
.course-wrap .chk.one{ width:322px;}
.course-wrap .chk-more.one{ width:322px;}
.course-wrap .chk{ overflow:hidden;}
.course-wrap .chk input{ position:absolute; left:-20px; top:-20px;}
.course-wrap .chk.on,.course-wrap .chk-more.cur{ border:1px solid #df214d;}
.course-wrap .chk.on i{ display:block; width:19px; height:16px; position:absolute; right:0; bottom:0; background-position:-191px -309px;}
.course-wrap .buy-btn,.course-wrap .buyNow-btn{ display:block; width:133px; height:40px; line-height:40px; text-align:center; background:#df214d; border-radius:50px; margin:0 auto; font-size:16px; color:#fff; text-decoration:none;}
.course-wrap .chk-pop{ width:478px; margin-left:-239px; padding-bottom:26px;}
.course-wrap .chk-pop .pop-chk{ float:none; width:375px; height:42px; padding:0 20px; margin:10px auto 0; overflow:hidden; position:relative; line-height:42px; border:1px solid #e4e4e4;font-size:14px; color:#666;}
.course-wrap .chk-pop .pop-chk span{ display:block;}
.course-wrap .chk-pop .pop-chk .chkName{ position:absolute; left:-20px; top:-20px;}
.course-wrap .chk-pop .pop-chk.on{ border:1px solid #df214d;}
.course-wrap .chk-pop .pop-chk.on i,.course-wrap .chk-more.cur .all-ico{ display:block; width:19px; height:16px; position:absolute; right:0; bottom:0; background-position:-191px -309px;}
.course-wrap .chk-pop .con{ padding-top:10px;}
.course-wrap .chk-pop .confirm-btn{ display:block; width:166px; height:48px; line-height:48px; text-align:center; font-size:20px; margin:0 auto; border-radius:50px; color:#fff; text-decoration:none; background-image:-webkit-linear-gradient(45deg, #bf05f9, #fd423d); background-image:-ms-linear-gradient(45deg, #bf05f9, #fd423d); background-image:linear-gradient(45deg,#bf05f9,#fd423d); background:#fd423d\9;}
.course-wrap.none{ margin-right:0;}
.course-mod .explain-tex{ color:#fff; line-height:30px; padding:5px 0 110px;}
.course-mod .explain-tex h4{ font-size:16px;}

/**/
.video-wrap{ height:544px; background:url("/images/zhucekuaijishi/zhuanti/201904yh/video-bg.png") no-repeat center top; margin:62px 0 80px;}
.video-wrap .video-mod{ float:left; width:609px; height:382px; margin:92px 0 0 71px;}
.video-wrap .video-mod li{ display:none;}
.video-wrap .video-mod img{ display:block; width:609px; height:382px; cursor:pointer;}
.video-wrap .video-list{ float:right; width:348px; height:382px; margin:92px 72px 0 0; background:#31114a;}
.video-wrap .video-list .list{width:348px; height:358px; margin:12px 0 0; overflow:hidden; overflow-y:auto; position:relative;}
.video-wrap .video-list .list ul{ margin-left:20px; border-left:2px solid #522377;}
.video-wrap .video-list .list li{ line-height:28px; font-size:16px; position:relative; padding:0 0 24px 19px; cursor:pointer; color:#fff;}
.video-wrap .video-list .list li span{ display:block; width:10px; height:10px; border-radius:50%; border:3px solid #894abc; background:#4b0088; position:absolute; left:-9px; top:6px;}
.video-wrap .video-list .list li.on{ color:#df214d;}
.video-wrap .video-list .list li.on span{ background:#4b0088; border-color:#df214d;}
.video-wrap .video-list .list li.on i{ border-color:#df214d; background:none;}
.video-wrap .video-list .list li.none{ color:#fff;}
.video-wrap .video-list .list li.none span{ background-position:0 -48px;}
.video-wrap .video-list .list li i{ display:block; min-width:68px; padding:0 7px; height:22px; font-size:14px; line-height:22px; text-align:center; background:#894abc; border: 1px solid #894abc; border-radius:4px; position:absolute; right:5px; top:0;}
.video-wrap .video-list .list li.on i a{ color:#df214d;}
.video-wrap .video-list .list li i a{ color:#fff;}
.video-wrap .video-list .ewm{ padding:20px 0 0 22px;}
.video-wrap .video-list .ewm img{ display:block; float:left; width:81px; height:81px;}
.video-wrap .video-list .ewm .tex{ float:right; width:130px; font-size:12px; color:#fff; line-height:18px; padding-top:2px;}
.video-wrap .video-list .ewm .tex p.t1{ padding:4px 0;}
.video-wrap .video-list .ewm .tex a{ color:#df214d;}

/**/
.mCSB_scrollTools{ width:8px !important;}
.mCSB_scrollTools .mCSB_draggerRail{ background: none;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:8px; background: #612b8c !important;}
.xlcd-b .mCSB_container{ margin-right: 13px;}

/**/
.book-wrap{ width:100%; background:#b91e42; padding:46px 0 63px 0; margin-bottom:44px;}
.book{ border-radius:10px; background:#fff; padding:55px 0 40px;}
.book .list{ width:1058px; height:280px; background:url("/images/zhuanti/2018zhukuaiActivity/bg04.png") no-repeat; margin:0 auto;}
.book .list .tit1{ width:100%; line-height:32px; font-size:26px; font-weight:bold; color:#ee5019; position:absolute; left:0; top:-16px; text-align:center;}
.book .list ul{ padding:46px 0 0;}
.book .list li{ float:left; _display:inline; width:211px; text-align:center; position:relative;}
.book .list li .pic{ padding-top:16px;}
.book .list li i{ display:block; width:17px; height:17px; background-position:0 -184px; position:absolute; right:-7px; top:121px;}
.book .list h4{ font-size:16px; line-height:24px; color:#666;}
.book .list p{ line-height:22px; font-size:14px; color:#999;}
.book .more{ width:770px; height:208px; background:url("/images/zhuanti/2018zhukuaiActivity/bg05.png") no-repeat 74px 30px #f3f3f3; padding:0 0 0 288px; border-radius:10px; margin:20px auto 0;}
.book .more h4{ font-size:14px; line-height:20px; color:#f14056; font-weight:normal; padding:34px 0 0;}
.book .more ul{ padding:16px 0 0 0;}
.book .more li{ float:left; width:150px; text-align:center;}
.book .more li i{ display:inline-block; width:100px; height:55px;}
.book .more li i.m1{ background-position:-346px -282px;}
.book .more li i.m2{ background-position:-339px -350px;}
.book .more li i.m3{ background-position:-351px -412px;}
.book .more li i.m4{ background-position:-351px -491px;}
.book .more li p{ font-size:14px; color:#666;}
.book .book_course{ line-height:52px; font-size:16px; color:#666; padding:42px 0 0 140px; overflow:hidden;}
.book .book_course .bfd{ top: 42px; left: 58px;}
.book .book_course .chkBook{ display:block; float: left; width:250px; padding-right:20px; height:50px; overflow:hidden; color:#333; line-height:50px; border:1px solid #c7c7c7; text-indent:20px; position:relative; vertical-align:middle; cursor:pointer; margin:0 20px 20px 0; cursor:pointer;}
.book .book_course .chkBook del{ color:#999; margin-left:6px; padding-right:6px;}
.book .book_course .chkBook input{ position:absolute; top:-100px; left:-30px;}
.book .book_course .chkBook i{ display:none; width:29px; height:23px; background-position:-191px -280px; position:absolute; right:-1px; bottom:-1px;}
.book .book_course .chkBook.on{ border:1px solid #d41bb7;}
.book .book_course .chkBook.on i{ display:block;}
.book .book_btn{ padding:20px 0 0 462px;}
.book .book_btn .a1{ display:inline-block; width:166px; height:48px; line-height:48px; text-align:center; font-size:20px; color:#fff; text-decoration:none; background: #df214d; border-radius: 24px;}
.book .book_btn .a2{ margin-left: 50px; line-height:48px; text-align:center; font-size:16px; color:#8a01ce;}

/**/
.testing{ height:450px; background:url("/images/zhuanti/2018zhukuaiActivity/bg01.png") no-repeat; margin:40px 0;}
.testing .text{ padding:100px 0 0 80px; width:365px;}
.testing .text h3{ line-height:46px; font-size:28px; color:#df214d; padding-bottom:24px;}
.testing .text p{ line-height:30px; color:#666;}
.testing .ewm{ padding:118px 0 0 0;}
.testing .ewm .pic{ width:182px; height:182px; padding:10px; background:#f3e4ff; border-radius:5px;}
.testing .ewm .pic img{ width:182px; height:182px;}
.testing .ad{ width:199px; margin:82px 0 0 146px; box-shadow:0 0 10px 5px #d3ccd9; border-radius:8px;}