/*
@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:#3940f0;}
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-mod .selection-con .chk.on i,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{ background:url("/images/jingjishi/zhuanti/201907yh/ico.png") no-repeat;}
.header-wrap{ width:100%; background:#fff;}
.title{ width:516px; height:51px; line-height:50px; font-size:38px; color:#fff; text-indent:48px; font-weight:bold; margin:0 auto; background:url("/images/jingjishi/zhuanti/201907yh/title.png") no-repeat;}
.title.t2{width:684px; text-indent:53px; background-position:0 -343px;}
.title.t3{width:531px; text-indent:55px; background-position:0 -126px;}
.title.t4{width:670px; text-indent:48px; background-position:0 -206px;}
.title.t5{width:444px; text-indent:48px; background-position:0 -282px;}

/**/
.topHeader-wrap{ width:100%; height:501px; background:url("/images/jingjishi/zhuanti/201907yh/header.jpg") no-repeat center top;}
.topHeader{ height:501px;}
.topHeader .count-down{ display:none; width:420px; height:42px; line-height:42px; font-size:18px; color:#fff; text-align:center; border:1px solid #ddeeff; border-radius:4px; left:50%; margin-left:-210px; top:30px;}
.topHeader .count-down em{ display:inline-block; *display:inline; *zoom:1; width:44px; height:32px; line-height:32px; margin:0 6px; text-align:center; background:#fd5a61; border-radius:4px; font-size:22px; font-weight:bold;}

/**/
.coupon-mod-wrap{ width:100%; height:376px; padding-top:19px; background:url("/images/jingjishi/zhuanti/201907yh/coupon-bg.jpg") no-repeat center bottom;}
.video-live{ margin:41px 0 0 0; padding:39px 21px 39px 48px;}
.coupon-mod{ padding-top:41px; text-align:center;}
.coupon-mod .rule-btn{ line-height:50px; font-size:16px; color:#fff; right:0; top:-45px;}
.coupon-mod li{ display:inline-block; *display:inline; *zoom:1; width:526px; height:176px; background:url("/images/jingjishi/zhuanti/201907yh/coupon.png") no-repeat;}
.coupon-mod li.none .coupon-con{ background-position:0 -206px;}
.coupon-mod li.none .draw-btn,.coupon-mod .other.none .draw-btn{ border-color:#bcbcbc; color:#afafaf; padding-top:0; height:87px; line-height:87px;}
.coupon-mod li.none .draw-btn:hover,.coupon-mod .other.none .draw-btn:hover{ color:#afafaf; background:#fff;}
/*.coupon-mod .other.none .coupon-con{ background-position:0 -310px;}*/
.coupon-mod .tit{ float:left; width:110px; padding:62px 0 0 39px; text-align:left; line-height:27px; font-size:26px; color:#ff5765; font-weight:bold;}
.coupon-mod .coupon-con{ float:left; width:233px; height:98px; background-position:0 0; margin-top:37px; color:#fff;}
.coupon-mod .coupon-con h3{ font-size:20px;}
.coupon-mod .coupon-con h3 strong{ font-size:50px; vertical-align:-10px; padding-right:4px;}
.coupon-mod .coupon-con h3 em{ vertical-align:12px;}
.coupon-mod .coupon-con p{ font-size:12px; margin-top:-12px;}
.coupon-mod .draw-btn{ display:block; float:left; width:90px; height:75px; font-size:26px; color:#ff526a; border-radius:6px; text-decoration:none; font-weight:bold; line-height:32px; padding-top:12px; border:1px solid #ff516b; margin:42px 0 0 21px; transition:all .1s linear; -webkit-transition:all .1s linear;}
.coupon-mod .draw-btn:hover{ background:#ff526a; color:#fff;}
.coupon-mod .other{ margin-left:43px;}
.coupon-mod .other .coupon-con{ background-position:0 -102px; text-align:left;}
.coupon-mod .other .coupon-con h3{ padding:14px 0 0; text-indent:22px;}
.coupon-mod .other .coupon-con h3 strong{ font-size:34px; vertical-align:-7px;}
.coupon-mod .other .coupon-con p{ font-size:14px; text-indent:22px; margin-top:-6px;}
.coupon-mod .explain-text{ text-align:center; font-size:16px; color:#fff; line-height:30px; padding-top:18px;}
.mask{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:#000;opacity:.6;filter:alpha(opacity=60); z-index:98;}
.coupon-rule-pop{ display:none; width:640px; background:#fff; position:fixed; left:50%; margin-left:-320px; top:50%; z-index:99;}
.coupon-rule-pop .tit{ height:62px; line-height:62px; background:#f6f6f6;}
.coupon-rule-pop .tit h3{ height:22px; line-height:22px; font-size:18px; color:#666; margin:22px 0 0 29px; font-weight:normal; padding-left:16px; border-left:5px solid #0090ff;}
.coupon-rule-pop .tit .close-btn{ display:block; width:15px; height:15px; margin:24px 19px 0 0; background-position:-116px -443px;}
.coupon-rule-pop .con{ padding:20px 40px; max-height:500px;}
.coupon-rule-pop .con p{ font-size:16px; line-height:30px; padding-bottom:6px;}
.coupon-tips-pop{ 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; z-index:99;}

/**/
.course-mod-wrap{ width:100%; padding:32px 0 24px; background:url("/images/jingjishi/zhuanti/201907yh/line01.png") no-repeat center bottom #2e1ecb;}
.course-mod .top-tit{ text-align:center; margin:16px 0 33px;}
.course-mod .top-tit span{ display:inline-block; height:41px; line-height:41px; border:1px solid #ffda00; color:#ffda00; font-size:20px; font-weight:bold; border-radius:6px; padding:0 20px;}
.course-mod li{ float:left; width:360px; margin:0 10px 20px 0;}
.course-mod li.none{ margin-right:0;}
.course-mod .tit{ height:96px; text-align:center; border-top-left-radius:8px; border-top-right-radius:8px;}
.course-mod .tit h3{ font-size:26px; line-height:96px; color:#fff;}
.course-mod .tit.c01{ background:#2194ff;}
.course-mod .tit.c02{ background:#f69751;}
.course-mod .tit.c03{ background:#7862ea;}
.course-mod .tit.c04{ background:#2165ff;}
.course-mod .tit.other h3{ line-height:46px; padding-top:14px;}
.course-mod .tit.other p{ display:inline-block; height:23px; line-height:23px; background:#ac6939; border-radius:30px; color:#fff; padding:0 16px;}
.course-mod .tit .hot{ display:block; width:50px; height:41px; line-height:34px; text-align:center; font-size:16px; color:#ff6540; font-weight:bold; position:absolute; top:0; right:20px; background-position:0 -441px;}
.course-mod .con{ background:#fff;}
.course-mod .con .tags{ padding:14px 0 11px 95px;}
.course-mod .con .tags p{ font-size:16px; line-height:32px; padding-left:17px; position:relative;}
.course-mod .con .tags p i{ display:block; width:6px; height:6px; border-radius:50%; background:#ddd; position:absolute; left:0; top:13px;}
.course-mod .tit.c03 p{ background:#5444a3;}
.course-mod .commonClasses-price{ background:#fff; padding:4px 12px 16px;}
.course-mod .commonClasses-priceCon01{ margin-bottom:4px; background:#f3f4f4; padding:0 10px 0 16px; font-size:16px;}
.course-mod .commonClasses-priceCon01 .priceTex{ float:left; display:block; line-height:86px; font-weight:bold;}
.course-mod .commonClasses-priceCon01 .priceNums{ float:right; display:block; color:#666;}
.course-mod .commonClasses-priceCon01.bg{ background:#fff1c8;}
.course-mod .commonClasses-priceCon03{ height:62px; line-height:62px; position:relative;}
.course-mod .commonClasses-priceCon02{ margin-bottom:4px; background:#fff1c8; padding:21px 15px 6px; position:relative;}
.course-mod .commonClasses-priceCon02 .priceTex{ float:left; display:block; line-height:22px; font-size:12px; color:#f24343; padding-top:2px;}
.course-mod .commonClasses-priceCon02 .priceTex strong{ font-size:16px; margin-right:2px;}
.course-mod .commonClasses-priceCon02 .priceTex i{ display:inline-block; height:18px; line-height:18px; padding:0 7px; font-size:12px; color:#ff3e51; border:1px solid #ff4758; border-radius:30px; margin-left:11px;}
.course-mod .commonClasses-priceCon02 .priceNums{ float:right; display:block; line-height:22px; font-size:16px;}
.course-mod .commonClasses-icon{ display:block; height:19px; line-height:18px; padding:0 6px 0 11px; font-size:12px; color:#fff; border-bottom-left-radius:10px; background:#ff4758; position:absolute; right:0; top:0;}
.course-mod .commonClasses-ad01{ height:207px; text-align:center;}
.course-mod .commonClasses-ad02{ height:90px; text-align:center;}
.course-mod .price-right{ float:right; text-align:right; padding:9px 0 5px;}
.course-mod .price-right .price-tags{}
.course-mod .price-right .price-tags i{ display:inline-block; *display:inline; *zoom:1; font-size:12px; color:#ff3e51; height:18px; line-height:18px; border:1px solid #ff4758; padding:0 3px; margin-left:10px; border-radius:30px;}
.course-mod .price-right p{ line-height:26px; font-size:16px; padding-top:6px;}
.course-mod .price-right p strong{ color:#ff3e51;}
.course-mod .price-right del{ display:block; line-height:20px; font-size:12px; color:#999;}
.course-mod .selection-con{ background:#f4f4f4; padding-bottom:22px;}
.course-mod .selection-con h4{ font-size:14px; line-height:54px; margin:0 18px; border-top:1px dashed #d5d5d5;}
.course-mod .selection-con .choice-wrap{ padding:0 0 9px 18px;}
.course-mod .selection-con .chk{ float:left; width:100px; height:26px; line-height:26px; text-align:center; font-size:12px; border:1px solid #dadada; background:#fff; margin:0 10px 10px 0; position:relative; overflow:hidden; cursor:pointer;}
.course-mod .selection-con .chk input{ position:absolute; left:-30px; top:-30px;}
.course-mod .selection-con .chk.on{ border-color:#f7494f;}
.course-mod .selection-con .chk.on i{ display:block; width:20px; height:17px; position:absolute; right:0; bottom:-1px; background-position:-73px -442px;}
.course-mod .buy-btn{ display:block; width:133px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; border-radius:30px; margin:0 auto; background-image:-webkit-linear-gradient(0deg, #ff5555, #ff4f6e); background-image:-ms-linear-gradient(0deg, #ff5555, #ff4f6e); background-image:linear-gradient(0deg,#ff5555,#ff4f6e); background:#ff5261\9;}
.course-mod .buy-btn:hover{ text-decoration:none; background-image:-webkit-linear-gradient(0deg, #e94b4b, #ff3a5c); background-image:-ms-linear-gradient(0deg, #e94b4b, #ff3a5c); background-image:linear-gradient(0deg,#e94b4b,#ff3a5c); background:#f44254\9; transition:all .1s linear; -webkit-transition:all .1s linear;}
.course-mod .cover-content{ background:#fff; border:1px solid #dadada; padding:5px 0 5px 12px; margin:-6px 18px 13px 16px;}
.course-mod .cover-content p{ line-height:22px; font-size:12px;}
.course-mod .explain-text{ text-align:center; font-size:16px; color:#fff; line-height:30px; padding:20px 0 40px;}
.course-mod .explain-text a{ color:#fff;}

/**/
.video-mod-wrap{ width:100%; background:url("/images/jingjishi/zhuanti/201907yh/line02.png") no-repeat center bottom #3940f0; padding:37px 0 70px;}
.video-live{ background:#11147f; border-radius:15px;}
.video-mod{ width:610px; height:380px; position:relative;}
.video-mod img{ cursor:pointer; display:block; width:610px; height:380px;}
.video-mod .living-tags{ display:none; background-color:#000;opacity:.6;filter:alpha(opacity=60); width:110px; height:40px; line-height:40px; font-size:16px; color:#fff; text-indent:45px; background-position:-186px -431px;}
.video-mod a.liveHref-btn{ display:none; width:610px; height:380px; position:absolute; left:0; top:0; z-index:9;}
.video-live .live_right{ width:196px; margin:0 142px 0 0; padding-right:7px; background:#431487;}
.video-list{ float:right; width:381px;}
.video-list .list{ width:381px; height:363px; margin:18px 0 0 0; overflow:hidden; overflow-y:auto; position:relative;}
.video-list .list ul{ margin-left:7px; border-left:2px solid #4979fb;}
.video-list .list li{ width:275px; line-height:22px; font-size:16px; color:#fff; position:relative; padding:0 0 28px 19px; cursor:pointer;}
.video-list .list li p{ padding:4px 0 7px; line-height:24px; font-size:14px;}
.video-list .list li span{ display:block; width:10px; height:10px; border-radius:50%; border:3px solid #4979fb; background:#191c87; position:absolute; left:-9px; top:8px;}
.video-list .list li.on{ color:#ffac06;}
.video-list .list li.on span{ border-color:#ea9e11;}
.video-list .list li.on i{ border-color:#ffac06;}
.video-list .list li.none{ color:#fff;}
.video-list .list li.none span{ background-position:0 -48px;}
.video-list .list li i{ display:inline-block; min-width:68px; padding:0 7px; height:22px; font-size:14px; line-height:22px; text-align:center; color:#fff; background:#4979fb; border: 1px solid #4979fb; border-radius:4px;}
.video-list .list li.on i{ color:#fff; background:#ffac06; border-color:#ffac06;}
.video-list .list li i a{ color:#fff; display:block; text-decoration:none;}
.mCSB_scrollTools{ width: 12px !important; background:#273aa6; border-radius: 10px;}
.mCSB_scrollTools .mCSB_draggerRail{ background: none;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:12px; background:#3282ed; border-radius: 10px;}
.mCSB_scrollTools .mCSB_buttonUp{ background-position:2px -488px;}
.mCSB_scrollTools .mCSB_buttonDown{ background-position:-12px -487px;}
.xlcd-b .mCSB_container{ margin-right: 13px;}
.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#57a3f9 !important;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:#57a3f9 !important;}

/**/
.programme-mod-wrap{ width:100%; background:url("/images/jingjishi/zhuanti/201907yh/line03.png") no-repeat center bottom #2e1ecb; padding:38px 0 85px;}
.programme-mod{ padding:40px 0 0 12px;}
.programme-mod li{ float:left; width:340px; margin-right:28px; position:relative;text-align:center;}
.programme-mod li.none{ margin-right:0;}
.programme-mod .con{ width:340px; height:237px; background:url("/images/jingjishi/zhuanti/201907yh/bg01.png") repeat; border-top-left-radius:8px; border-top-right-radius:8px; position:relative; z-index:1;}
.programme-mod .line{ width:364px; height:18px; background:url("/images/jingjishi/zhuanti/201907yh/line04.png") no-repeat; position:absolute; left:-12px; bottom:-10px;}
.programme-mod h3{ height:56px; padding-top:37px;}
.programme-mod p{ line-height:32px; font-size:16px; color:#666; padding-bottom:7px;}
.programme-mod p strong{ color:#ff3e51;}
.programme-mod .btn{ display:block; width:158px; height:40px; line-height:40px; border:1px solid #2165ff; margin:0 auto; border-radius:30px; font-size:16px; color:#3b63f8; transition:all .1s linear; -webkit-transition:all .1s linear;}
.programme-mod a{ display:block; width:340px; height:237px; line-height:0; font-size:0; position:absolute; left:0; top:0;}
.programme-mod li:hover .btn{ border-color:#3b63f8; background:#3b63f8; color:#fff;}

/**/
.book-mod{ padding:27px 0 0 0;}
.book-mod .book-con{ padding:47px 0 0;}
.book-mod .swiper-container{ height:303px; overflow:hidden;}
.book-mod .swiper-slide{ height:303px; overflow:hidden;}
.book-mod .con{ float:left; width:212px; background:#fff; border-radius:10px; height:303px; margin-right:10px;}
.book-mod .con.none{ margin-right:0;}
.book-mod .book-con .pic{ text-align:center; padding-top:27px; height:146px;}
.book-mod .book-con h4{ line-height:20px; padding:0 16px; font-weight:normal}
.book-mod .book-con p{ line-height:20px; padding:0 16px;}
.book-mod .book-con p.price{ color:#ff3e51; padding:6px 16px;}
.book-mod .book-con .buy-btn{ display:block; width:108px; height:38px; line-height:38px; font-size:14px; color:#fff; text-align:center; margin:0 auto; border-radius:30px;  background-image:-webkit-linear-gradient(0deg, #ff5555, #ff4f6e); background-image:-ms-linear-gradient(0deg, #ff5555, #ff4f6e); background-image:linear-gradient(0deg,#ff5555,#ff4f6e); background:#ff5261\9; transition:all .1s linear; -webkit-transition:all .1s linear;}
.book-mod .book-con .buy-btn:hover{ text-decoration:none; background-image:-webkit-linear-gradient(0deg, #e94b4b, #ff3a5c); background-image:-ms-linear-gradient(0deg, #e94b4b, #ff3a5c); background-image:linear-gradient(0deg,#e94b4b,#ff3a5c); background:#f44254\9; transition:all .1s linear; -webkit-transition:all .1s linear;}
.book-mod .pagination{ text-align:center; padding:20px 0;}
.book-mod .swiper-pagination-switch{ display:inline-block; width:12px; height:12px; background:#3a2adb; border-radius:50%; margin:0 4px; cursor:pointer;}
.book-mod .swiper-active-switch{ background:#fff;}
.book-mod .tit{ font-size:34px; color:#fff; line-height:84px; text-align:center; padding-bottom:10px;}
.book-mod .tit i{ display:inline-block; width:42px; height:2px; background:#fff; margin:0 17px; vertical-align:middle;}
.service-con{ padding-bottom:107px;}
.service-con li{ float:left; width:256px; height:223px; border:2px solid #65a0ff; text-align:center; color:#fff; border-top-left-radius:10px; border-bottom-right-radius:10px; margin-right:20px;}
.service-con li.none{ margin-right:0;}
.service-con i{ display:block; width:75px; height:75px; margin:30px auto 0;}
.service-con i.i1{ background-position:6px -509px;}
.service-con i.i2{ background-position:-79px -509px;}
.service-con i.i3{ background-position:-171px -509px;}
.service-con i.i4{ background-position:8px -595px;}
.service-con h4{ line-height:42px; font-size:18px; padding-bottom:4px;}
.service-con p{ line-height:22px;}

/**/
.fix-nav{ width:100px; padding:13px 10px 35px; background:#0e84fd; z-index:89; border-radius:12px; position:fixed; left:10px; top:50%; margin-top:-190px; color:#fff; }
.fix-nav li{ height:38px; line-height:38px; text-align:center; font-size:14px; cursor:pointer; background:#005cf4; border-bottom:2px solid #0e51fd;}
.fix-nav li.on{ background:#320de6;}
.fix-nav .ewm{ display:block; width:100px; height:100px; margin-top:10px;}
.fix-nav p{ line-height:36px; font-weight:bold;}
.fix-nav .back-btn{ display:block; width:58px; height:58px; line-height:58px; text-decoration:none; text-align:center; font-size:18px; font-weight:bold; color:#fff; border-radius:50%; left:50%; margin-left:-29px; bottom:-29px; background-image:-webkit-linear-gradient(0deg, #29aeff, #0c86fa); background-image:-ms-linear-gradient(0deg, #29aeff, #0c86fa); background-image:linear-gradient(0deg,#29aeff,#0c86fa); background:#1897fc\9;}