.full-graybg{ background:#f4f4f4; min-width:1200px;}
.m-container-1,.m-container-2,.m-container-3,.m-container-4,.m-container-5{ margin:60px 0;zoom:1; clear:both; width:100%;}
.m-container-1{}
.m-container-2{}
.col-main1,.col-main2,.col-main3,.col-main4,.fiexd-main{ width:1200px; margin:0 auto;}


/*-----课程页banner------*/
.course-banner-wrap{ overflow:hidden;}
.course-banner-wrap img{ width:100%;}
.course-ban-img{ width:890px; margin:0 auto;}
.course-ban-img span{ display:none;}
.course-ban-img .ban-slogan {position:absolute; width:445px; height:35px; text-align:center; color:#333; line-height:35px; z-index:999; top:240px; left:42px; font-size:16px; font-weight:bold;}
.course-detail-inner{ float:right; width:305px; height:390px; background:#f9f9f9;position:relative;}
.course-detail-inner h1{ width:270px; height:30px; display:inline-block; background:url(../Images/course-mimg.png) no-repeat; margin-top:10px;}
.course-detail-inner h1 span{ display:none;}

.c-detail-box{ padding:20px; clear:both; zoom:1;}
.course-dynamic{ line-height:26px; margin:20px 0;}
.course-dynamic strong{ color:#f4850d;}

.listen-reg-btn a{ display:block; border-radius:4px; height:50px; line-height:50px; background:#ffb413; color:#fff; font-size:24px; text-align:center;}
.listen-reg-btn a:hover{ background:#ff9313;}
.classtable-btn { text-align:center; margin:10px 0;}
.classtable-btn a{ display:inline-block; border:1px solid #e4e4e4; height:32px; line-height:32px; border-radius:3px; padding:0 20px;}


/*-----领取试听课------*/
.contact-box{position:absolute; bottom:0;}
.contact-way { border-top:1px solid #ddd;padding:15px 10px; width:285px; height:50px;clear:both;overflow:hidden; position:relative;} 
.contact-way .qq-talk:hover{ left:0;}
.contact-way .tel-404 i{ width:42px; height:42px; display:inline-block; background:url(../Images/course-mimg.png) no-repeat 0 -42px; float:left; margin-right:10px; }
.contact-way .tel-404 p{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color: #4999E6; font-weight: bold;}

.contact-way .qq-talk{ float:left; position:absolute; top:0; background:#e6f4ff; padding:15px 10px; height:50px; width:285px; left:225px;-webkit-transition: 0.25s;transition: 0.25s;}
.contact-way .qq-tit{ width:62px; height:50px; display:inline-block; background:url(../Images/course-mimg.png) no-repeat right -31px; float:left;}
.contact-way .qq-numb { margin-top:5px;}
.contact-way .qq-numb a{ float:left; background:#4fa9f1; color:#fff; padding:0 20px; display:inline-block; border-radius:3px; height:35px; line-height:35px; margin:0 10px; }

/*-----领取试听课------*/
.course-container{ background:#f4f4f4}
.mod-left-con{ width:840px; float:left; border:1px solid #eee; margin:30px 0; background:#fff; border-top:none;}
.mod-left-tabs{clear:both; border-bottom:2px solid #e9e9e9; height:44px; background:#f4f4f4;}
.mod-left-tabs li{ float:left;width:119px; border-right:1px solid #e9e9e9;border-top-left-radius:5px; border-top-right-radius:5px;}
.mod-left-tabs li a{ display:block; height:44px; border-top-left-radius:10px; border-top-right-radius:10px; line-height:44px; font-size:18px; color:#333; text-align:center;  border-top:3px solid #1b93e8; background:#3fa9f5; color:#fff;}
.mod-left-tabs li a:hover{  border-top:3px solid #ffb50b; background:#F79700; color:#fff; }
.mod-left-tabs li.active a{  border-top:3px solid #ffb50b; background:#F79700; color:#fff;}
.mod-left-tabs li.br-none{ border-right:none;}

.mod-left-main{ padding:25px 0;}
.mod-l-item{ margin-bottom:50px;}
.mod-l-title{ position: relative; clear:both; margin-bottom:25px;clear:both; border-left:5px solid #ec4b69; line-height:40px; text-indent:1em; box-shadow:0 4px  8px 0 rgba(7,17,27,.06)}
.mod-l-title .contctbtn{ float:right; margin-right:20px;  padding:0 15px 0 20px; height: 28px; line-height: 28px; font-size:12px; font-weight:normal;border:1px solid #ddd; border-radius:4px;background: url(../Images/qq.png) no-repeat 9px;}
.mod-l-title .contctbtn:hover{background:url(../Images/qq.png) no-repeat 9px #f8f8f8;}
.mod-l-title::after{ content:""; display:block; clear:both;}
.mod-l-title h3{ color:#333; line-height:43px; font-size:18px; font-weight:normal; float:left;}
.mod-l-title p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#888; float:left; line-height:46px;}
.ge-line{ position:absolute; width:80px; height:3px; display:inline-block; position:absolute; left:45%; background:#3fa9f5; bottom:-1px;} 
.mod-l-title strong{ font-size:18px;}

.mod-l-about{ overflow:hidden; padding:0 25px; box-sizing:border-box;}
.mod-l-about dl{ clear:both; margin-bottom:30px;}
.mod-l-about dt{ float:left; font-size:18px; font-weight: normal; color:#333;}
.mod-l-about dd{ margin-left:100px; font-size: 16px; color: #555;}

.cours-target li{ float:left; width: 100%; margin-bottom: 10px; margin-right:70px;}
.cours-target li h4{ color: #555; font-size: 16px; line-height: 26px;}
.cours-target li i{ width:26px; height:26px; line-height:26px; float: left; margin-right:15px; display:inline-block; background:url(../Images/course-mimg.png)no-repeat -120px -40px; vertical-align:middle; font-weight:bold; color:#f99b34; text-align:center;}

.mod-l-book{ margin-top:20px;}
.mod-l-book::after{ content:""; display: block; clear:both;}
.mod-l-book ul::after{ content:""; display:block; clear:both;}
.mod-l-book ul{ width:100%;}
.mod-l-book ul li{ float:left; width:33.33%; padding:0 20px; box-sizing:border-box;}
.mod-l-book ul li img{ display:block; margin:0 auto;}


.mod-l-timetable { overflow:hidden; padding:0 25px; box-sizing:border-box;}
.mod-l-timetable li{ padding:5px 10px; height:40px; border-bottom:1px solid #eee; padding-bottom:10px; }
.mod-l-timetable li:hover{ background:#f9f9f9;}
.mod-l-timetable .course-serial{ float:left; font-size:24px; color:#3fa9f5; padding:0 10px; border-right:1px solid #ddd; margin-right:20px; font-family:Arial, Helvetica, sans-serif;}
.mod-l-timetable .course-name{ float:left; color:#999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 600px;}
.mod-l-timetable .course-name p{font-size:14px; color:#333;}
.mod-l-timetable .course-name:hover{ text-decoration:underline;}
.mod-l-timetable .course-btn{ float:right;}
.mod-l-timetable .course-btn a{ display:inline-block; height:28px; line-height:28px; background:#fff; border-radius:3px; border:1px solid #3fa9f5; color:#3fa9f5; margin-top:7px; padding:0 12px;}
.mod-l-timetable .course-btn a:hover{ background:#3fa9f5; color:#fff;}
.mod-l-timetable .course-btn a.view-pic{ border:1px solid #ee921a; color:#ee921a;}
.mod-l-timetable .course-btn a:hover.view-pic{ background:#ee921a; color:#fff;}
.mod-l-timetable .list-more a{ display:block; text-align:center; border:1px solid #329ff6; height:34px; line-height:36px; text-align:center; margin:15px 0;}
.mod-l-timetable .list-more a:hover{ background:#edf7ff; color:#37a1f7;}

.relation-box{ margin:50px 0;}
.Consulting-box { border:1px solid #e0ebf3; overflow:hidden; min-width: 760px;}
.Consulting-box li{ padding:30px 60px; width:259px; float: left; text-align:center; font-size:16px; color:#444;}


.consul-way1{ background:#eaf6ff;}
.consul-way1 a{ display:block; margin-top:10px; background:#f59730; height:45px; line-height:45px; border-radius:4px; text-align:center; color:#fff;}
.consul-way1 a:hover{ background:#F18814;}
.consul-way1 a i{width:30px; height:30px; display:inline-block; vertical-align:middle; background:url(../Images/course-mimg.png) no-repeat -334px -103px; margin-right:10px;}
.consul-way1 h2{ color:#333; margin:5px 0; font-size:30px; font-weight:normal;}
.consul-way1 h2 strong{ font-weight:bold; color:#f28b1b; margin:0 10px;font-size:30px;}
.consul-way1 .tel404{ margin-top:30px;}
.consul-way1 .tel404 strong{ font-size:20px;color: #F65A00;}

.consul-way2 { margin-top:20px;}
.consul-way2 h2{ margin-bottom:20px;font-size:30px; font-weight:normal;}
.consul-way2 .word-document { text-align:left;}
.consul-way2 .word-document a{ padding-left:30px;}
.consul-way2 .word-document a:hover{ text-decoration:underline; color:#3fa9f5;}
.consul-way2 .word-document a i{ width:20px; height:20px; display:inline-block; vertical-align:middle; background:url(../Images/course-mimg.png) no-repeat -182px -40px; margin-right:10px;}
.consul-way2 .down-document a{ display:block; margin-top:35px; background:#3fa9f5; height:45px; line-height:45px; border-radius:4px; text-align:center; color:#fff;}
.consul-way2 .down-document a:hover{ background:#1e8fe9;}


.mod-teahcer { margin-top:30px;}
.mod-teahcer li{ width:230px; height:300px;overflow:hidden; border-radius:8px; background:#f5f5f5; padding:20px 0; box-sizing:border-box;box-shadow: 0px 1px 1px #a6a6a6; position:relative; float:left; margin:0 16px; }
.mod-teahcer .taach-img{width: 100px;height: 100px;overflow:hidden;display:inline-block;border-radius: 50%;}
.mod-teahcer .taach-img img{width:100%; height:100%;}
.mod-teahcer .teach-detail { padding: 10px 15px 0; line-height:24px; font-size:12px; background:#f7f7f7; -webkit-transition: 0.25s; transition: 0.25s;}
.mod-teahcer .teach-detail h4{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-align:center;color:#333; margin-bottom:5px;}



.qq-counselor { text-align:center;}
.qq-counselor a{ display: inline-block; margin-top:30px; background:#fff; font-size:18px; height:45px; line-height:45px; border-radius:4px; text-align:center; color:#333; padding:0 20px; border:1px solid #ddd;}
.qq-counselor a:hover{ border:1px solid #2393ed; background:#e6f4ff;}
.qq-counselor a i{width:30px; height:30px; display:inline-block; vertical-align:middle; background:url(../Images/course-mimg.png) no-repeat -334px -145px; margin-right:10px;}

.mod-l-faq dl{ margin-bottom:30px;}
.mod-l-faq dt { margin-bottom:5px; font-size:18px; font-weight:normal; color:#333; padding:0 10px;}
.mod-l-faq dt i{ width:35px; height:30px; display:inline-block;vertical-align:middle; background:url(../Images/course-mimg.png) no-repeat -50px -42px; margin-right:10px;}
.mod-l-faq dd { background:#edf7ff; padding:12px 10px; clear:both;}
.mod-l-faq dd::after{ content:""; display:block; clear:both;}
.mod-l-faq dd i{ width:35px; height:30px; display:inline-block;vertical-align:middle; background:url(../Images/course-mimg.png) no-repeat -85px -42px; margin-right:10px; float:left;}
.mod-l-faq dd strong{ color:#ff9000; font-weight:normal;}
.mod-l-faq dd span{ margin-left:48px; display:block;}

.faq-counselor { text-align:center;}
.faq-counselor a{ display: inline-block; margin-top:30px; background:#fff; font-size:18px; height:36px; border-radius:4px; text-align:center; line-height:36px; border-radius:36px; color:#333; padding:0 20px; border:1px solid #3ea9fe;}
.faq-counselor a i{width:30px; height:30px; display:inline-block; vertical-align:middle; background:url(../Images/course-mimg.png) no-repeat -334px -145px; margin-left:10px;}
.faq-counselor strong{ font-size:24px;}
.faq-counselor a:hover{ border:1px solid #2393ed; background:#e6f4ff;}

.mod-l-class li{ float:left; margin-top:35px;}
.mod-l-class .free-text{ text-align:center; font-size:18px; color:#f58b01;}
.mod-l-class .class-item{border-top: 1px dashed #ddd; padding:0 11px; position:relative;}
.mod-l-class .date-time{ font-size:16px; color:#333; margin-bottom:10px; position:absolute;top:-12px; background:#fff;}
.mod-l-class .date-time em{ font-size:14px; color:#888;}
.mod-l-class .date-time i{ width:17px; height:17px; display:inline-block; vertical-align:middle; background:url(../Images/course-mimg.png) no-repeat -155px -40px; margin-right:10px;}
.mod-l-class .cimg-ware{ width:240px; height:160px; position:relative; overflow:hidden; border-radius:7px; margin-top:25px;}
.mod-l-class .cimg-ware a{ display:block;}
.mod-l-class .cimg-ware h2{ font-size:14px; color:#fff; position:absolute; bottom:10px; left:10px; max-width:190px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis; z-index:999;}
.mod-l-class .cimg-ware span{ position:absolute; right:10px; bottom:8px; color:#fff; z-index:999; overflow:hidden; vertical-align: top; }
.mod-l-class .cimg-ware i{ width:12px; height:12px; display:inline-block;background:url(../Images/course-mimg.png) no-repeat -209px -40px; margin-right:4px;}
.mod-l-class .cimg-ware .black-shadow{ width:240px; height:65px; background:url(../Images/black-shadow.png) repeat-x; position:absolute; bottom:0;}
.mod-l-class .regbtn a{ display:block; height:44px; line-height:44px; color:#fff; background:#6bb8f7; position:relative; margin:20px 10px; text-align:center; font-size:16px;}
.mod-l-class .regbtn a:hover{ background:#52a9f0; }
.mod-l-class .regbtn a:hover .arrow-go{background:url(../Images/course-mimg.png) #258adb right -225px;}
.mod-l-class .regbtn .arrow-go{ width:44px; height:44px; display:block; background:url(../Images/course-mimg.png) #3998e5 right -225px; position:absolute; right:0; top:0;}


.follow-wechat { height:400px; background:url(../Images/follow-phone-bg.png) no-repeat #f7f7f7 center bottom; position:relative;}
.follow-wechat .qrcord{width:200px;height:200px;position:absolute;left: 109px;top: 171px;}
.follow-wechat .qrcord img{ width:100%;}
.follow-wechat .text-1{ color:#fff;position:absolute;left: 162px;top: 126px;}
.follow-wechat .text-2{ font-size:18px; text-align:center;position:absolute;left: 308px;top: 78px;}
.follow-wechat .text-3{ color:#444;position:absolute;left: 452px;top: 75px;}
.follow-wechat .text-3 h3{ margin-bottom:10px; font-size:24px; font-weight:normal;}
.follow-wechat .text-4{position:absolute;left: 519px;top: 204px;}
.follow-wechat .text-4 p{ font-size:16px; color:#444; margin-bottom:65px;}

.mod-right-con{ width:310px; float: right;margin:30px 0;}
.course-timeline{}
.course-timeline h3{ color:#333; margin-bottom:20px; font-size:28px; font-weight:normal;}
.course-timeline h3 span{ font-size:14px; color:#999;}
.t-line-item { overflow:hidden; border-radius:4px;box-shadow: 0px 1px 1px #ddd; margin:15px 0;}
.t-line-item .t-line-head{ padding:15px; background:#f9f9f9;}
.t-line-item .stu-photo{ width:35px; height:35px; border:3px solid #fff; display:block; border-radius:30px; overflow:hidden;box-shadow: 0 1px 2px rgba(0,0,0,.2); float:left;}
.t-line-item .stu-photo img{display: block;max-width: 100%;height: auto;}
.t-line-item .stu-detail{ margin-left:50px; color:#999;overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.t-line-item .stu-detail .name-link{ font-weight:bold; color:#333;}
.t-line-item .stu-detail .name-link:hover{ text-decoration:underline;}
.t-line-item .stu-detail .class-link{ color:#2390e8; text-decoration:underline;}
.t-line-item .stu-detail .class-link:hover{ color:#006ec6;}
.t-line-item .stu-detail p{ margin-top:5px; font-size:12px;}
.t-line-item .stu-text{ padding:10px 20px;}
.t-line-item .stu-text h5{ margin-bottom:10px;}
.t-line-item .stu-text h5 a{ font-weight:bold; color:#333;}
.t-line-item .stu-text h5 a:hover{ text-decoration:underline;}



/*固定快速导航*/
.fiexd-topbar{ position:fixed; background:#fff;box-shadow:0 4px 8px 0 rgba(7,17,27,.06); width:100%; z-index:100;}
.fiexd-box{ position:relative;}
.quick-tabs{clear:both;height:44px; width:840px;}
.quick-tabs li{ float:left;width:119px; border-right:1px solid #e9e9e9; position:relative; }
.quick-tabs li a{ display:block; height:44px; line-height:44px; font-size:18px; padding:0; color:#333; text-align:center;  border-top:3px solid #fff}
.quick-tabs li a:hover{ border-top:3px solid #ffb50b; }
.quick-tabs li.active a{ color:#fff;background:#f79700; border-top:3px solid #ffb50b;}
.quick-tabs li.active a i{ display:block;}
.quick-tabs li.br-none{ border-right:none;}
.quick-tabs li i{ width:12px; height:6px; position:absolute; bottom:-6px; left:50%; display:inline-block;background:url(../Images/course-mimg.png) no-repeat right top; margin-right:4px; display:none;}

.quick-apply-warp{ width:325px; height:280px; background: url(../Images/quick-apply-bg.png) no-repeat; position:absolute; right:-10px; top:10px;}
.quick-apply-warp h1{ width:270px; height:30px; display:inline-block; background:url(../Images/course-mimg.png) no-repeat; margin-top:10px;}
.quick-apply-warp h1 span{ display:none;}
.quick-apply-warp .c-detail-box{ padding:20px; clear:both; zoom:1; margin-top:15px;}
.quick-apply-warp .listen-reg-btn a{ display:block; border-radius:4px; height:50px; line-height:50px; background:#ffb413; color:#fff; font-size:24px; text-align:center; margin:20px 0 15px 0;}
.quick-apply-warp .listen-reg-btn a:hover{ background:#ff9313;}
.quick-apply-warp .contact-way{ margin-left:10px;}

.carousel-color { bottom:-50px;}
.carousel-color li{ background:#fff; border:2px solid #f58053;}
.carousel-color .active{ background:#f58053;}

.sr-itembd {float:left;margin:10px 0;overflow: hidden;}
.sr-itembd a{ display:block; float:left; border:1px solid #eee; }
.sr-itembd a:hover{ border:1px solid #3fa9f5; background:#f9f9f9;}
.sr-itembd .l-img{ float:left; width:390px; height:250px; overflow:hidden; position:relative;}
.sr-itembd .l-img span{ position:absolute; left:44%; top:80px; z-index:99;}
.sr-itembd .l-img span i{ width:84px; height:84px; display:inline-block;background:url(../Images/playico-set.png) no-repeat 0px 0px;}

.sr-itembd .r-t{float:left;padding: 0px 30px;width: 330px;line-height:24px;}
.sr-itembd .r-t h4{font-size:20px;color:#222;margin: 30px 0 20px 0;}
.sr-itembd .w-btn {text-align:right;margin-top: 15px;}
.sr-itembd .w-btn span{ border:1px solid #3ea9fe; border-radius:3px; height:36px; line-height:36px; display:inline-block; padding:0 15px; font-size:16px;color:#3fa9f5;}
.sr-itembd .w-btn span i{ width:12px; height:14px; display:inline-block; background:url(../Images/playico-set.png) no-repeat -179px 0px; margin-right:10px;}

/*课件*/
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */
/*display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;*/ }
.swiper-slide img{ width:100%; height:360px}
.ziliao_pptimg{ width:80%; float:none;}
.ziliao_ppttext{ width:100%; text-align:center; margin-top:20px;}
.ziliao_ppttext h3{ font-size:18px; color:#333; line-height:1.8em;}
.ziliao_ppttext p{ font-size:16px; color:#666; line-height:1.7em;}
/*上课方式*/
#carousel-example-generic , .teacher_yohaha , .mod-l-faq{ padding:0 25px; box-sizing:border-box;}
.teacher_yohaha{ text-align:center;}
.teacher_yohaha p{ width:60%; margin:0 auto;}


/*top包角*/
.l1_inner { position:relative;background:#fff;  width:100%; padding-top:30px; padding-bottom:50px;border-bottom:20px solid #f4f4f4;}
.l1_inner .calendar{color: #999;width: 340px;height: 307px;position:absolute;top: 0;right: 25px;text-align:center;padding-top: 128px;box-sizing: border-box; }
.l1_inner .calendar span{ margin:90px auto 0; font-size:18px; display:block; width:150px; height:40px; line-height:40px; text-align:center; background:#4dc4bc; border-radius:10px; color:#fff;}
.l1_inner .calendar span a{ height:100%; width:100%; display:block; color:#fff;}
.l1_inner .calendar .calendar-str {font-size: 12px;margin:10px 0 5px 0;}
.l1_inner .yd_status{ margin-top:42px;}
.l1_inner .class_on{background: url(../Images/baojiao.png) no-repeat center 20px; background-size:100%; height:226px; padding:0;}
.l1_inner .class_on h2{ color:#f79700;}
.l1_inner .class_on p{margin:5px 0;color: #8a6d3b;font-size: 14px;}
.l1_inner .class_off{background:url(../Images/them_bgpic.png) no-repeat -91px 0;}
.l1_inner .class_off h2{ color:#b2b2b2;}
.l1_inner .cinfobox{ width:460px; padding:0 25px; box-sizing:border-box;}
.l1_inner .cinfobox .lesson-sub-title {font-size: 18px; color: #666;margin:10px 0;}
.l1_inner .cinfobox h1{ font-size:32px; color:#333;}
.l1_inner .cinfobox h1 p{ font-size: 14px; color: #B6B6B6; font-weight:normal; margin-top:20px;}
.l1_inner .cinfobox .text{ color:#666; line-height:24px;}
.l1_inner .cinfobox .classtab { margin:35px auto;}
.l1_inner .cinfobox .classtab span{ background:url(../Images/them_sicon.png) no-repeat 0 -96px; display:inline-block; padding-left:22px; margin-right:25px; height: 20px; line-height: 20px;}
.l1_inner .cinfobox .classtab span.user{ background-position:0 -96px;}
.l1_inner .cinfobox .classtab span.pingfen{ background-position:0 -120px;}
.l1_inner .cinfobox .classtab span.level{ background-position:0 -144px;}


/*-----可预定------*/
.l1_inner .yd_status .h_video_btn { float:left; margin:0 10px;}
.l1_inner .yd_status .h_video_btn a{ background:#fff; color:#666; padding:0 20px; display:block; font-size:14px; text-align:center;height:38px; line-height:38px; border-radius:3px; border:1px solid #e0e0e0;}
.l1_inner .yd_status .h_video_btn a:hover{ background:#f4f4f4;}

.l1_inner .yd_status .ydbtn { float:left;}
.l1_inner .yd_status .ydbtn a{ background:#f45472 url(../Images/dianhuazixun.png) no-repeat left center ; text-indent:30px; color:#fff;  width: auto; padding:0 10px; display:block; text-align:center; font-size: 18px; height:40px; line-height:40px; border-radius:3px;}
.l1_inner .yd_status .ydbtn a:hover{ background:#f82e54 url(../Images/dianhuazixun.png) no-repeat left center;}

/*上课方式*/
.classway { margin:20px;}
.classway .con01 h2 { font-weight:normal; height:40px; margin-bottom:40px;}
.classway .con01 h2 span{ float:left; font-size:18px; color:#333; line-height:35px;}
.classway .con01 h2 span i{ font-size:28px; color:#f0284e; font-style:italic;}
.classway .con01 h2 a{ float: right; color:#666; padding:7px 15px; font-size:12px; margin-top:2px; border:1px solid #ddd; border-radius:4px;}
.classway .con01 h2 a:hover{ background:#f8f8f8;}
.classway .con01 li{ float:left; width:100%; border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px;}
.classway .con01 li i{ width:55px; height:50px; display:inline-block; float:left; margin-right:25px; background:#f4f4f4; text-align:center; line-height:50px; color:#f17889; font-size:36px;}
.classway .con01 li p{ font-size:16px; color:#333; margin-bottom:10px;}
.classway .con01 li span{ color:#999;}
.classway .con02 { margin:50px 0;}
.classway .con02 h2{ font-weight:normal; font-size:18px; color:#333; margin-bottom:20px; text-align:center;}
.classway .con02 .standard{ width:620px;  height:400px;background: url(../Images/standard_bg.png) no-repeat; position:relative; margin:0 auto;}
.classway .con02 .standard li{ width:170px; height:63px;}
.classway .con02 .standard ul{ float:left; margin-top:20px;}
.classway .con02 .standard ul h3{ color:#fff; font-size:16px; font-weight:normal;}
.classway .con02 .standard ul.ola{ width:170px; padding-left:50px;}
.classway .con02 .standard ul.ola h3{ font-size:22px; padding-left:15px;}
.classway .con02 .standard ul.biaozhun{width:170px; padding-left:30px;}
.classway .con02 .standard ul.biaozhun h3{ padding-top:7px;}
.classway .con02 .standard ul.shcool{ width:110px; margin-left:60px; color:#999;}
.classway .con02 .standard ul.shcool h3{ padding-top:7px;}
.classway .con02 .standard ul.shcool li{ color:#999;}
.classway .advantages{ margin:20px auto; width:80%;}
.classway .advantages ul::after{ content:""; display:block; clear:both;}
.classway .advantages li{ float:left; width:170px; margin:0 15px; font-size:12px; color:#888; line-height:20px;}
.classway .advantages li span{ display:inline-block; height:30px; line-height:30px; margin:15px 0 15px 30px; background:url(../Images/standard_bg.png) no-repeat; width:110px; padding-left:40px; font-size:16px; color:#333;}
.classway .advantages li span.ic01{ background-position:-620px -10px;}
.classway .advantages li span.ic02{ background-position:-620px -63px;}
.classway .advantages li span.ic03{ background-position:-620px -120px;}


/*开班时间*/
.carousel-inner .kaiban_xinxi{ width:100%; overflow:hidden; background:#fff; box-sizing:border-box; padding:0;}
.carousel-inner .kaiban_xinxi .li_top{ width:100%; overflow:hidden; line-height:70px;border-bottom:1px solid #eeeeee;}
.carousel-inner .kaiban_xinxi .li_title{ float:left; margin-left:20px;font-size:18px; color:#333333}
.carousel-inner .kaiban_xinxi .look3{ font-size:14px; color:#cc180e; float:left; margin-left:15px;}
.carousel-inner .kaiban_xinxi .zixun2{ float:right; width:90px; height:30px; text-align:center; line-height:30px; border-radius:5px; background:#56b2ec; font-size:16px; color:#fff; margin:20px 20px auto 10px;}
.carousel-inner .kaiban_xinxi .jiage{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#b8214b; float:right}
.carousel-inner .kaiban_xinxi .li_bottom{ width:100%; overflow:hidden; padding:20px; line-height:30px; box-sizing:border-box;}
.carousel-inner .kaiban_xinxi .ziduan{ width:33.3%; float:left; text-align:left; font-size:14px; color:#333333;}
.carousel-inner .kaiban_xinxi .ziduan span{ font-size:14px; color:#888888}
.carousel-inner .kaiban_xinxi .ziduan em{ text-decoration: line-through; margin-right:10px;}
.carousel-inner .kaiban_xinxi .ziduan i{ font-size:16px; color:#f00; }
.carousel-inner .kaiban_xinxi .ziduan_con{ text-align:left; font-size:14px; color:#333333}
.carousel-inner .kaiban_xinxi .ziduan_con span{ font-size:14px; color:#888888}
.selectbox .xuan{ text-indent:30px; float:left; font-size:16px;}
.selectbox .xuan1{ background:url(../images/wenjian.png) no-repeat 10px 13px}
.selectbox .xuan2{ background:url(../images/diqiu.png) no-repeat 10px 13px}
.selectbox .xuan select{ width:140px; text-indent:10px; border-radius:5px; background:#fff; border:1px solid #dad9d9; height:40px; line-height:40px; margin-left:12px;appearance:none; -moz-appearance:none;-webkit-appearance:none; background: url(../Images/xiajiantou.png) no-repeat #fff 120px 17px; padding-right:10px;}
.selectbox .suo{ width:80px; height:40px; background:#F90; line-height:40px; text-align:center; color:#fff; border:none; font-size:18px; border-radius:5px; margin-left:20px;}


.suoke{ width:96%; margin:0 auto; background:#f8f8f8; padding:15px 0; border-radius:10px;}
.suoke .zixun2{ display:block; width:150px; line-height:40px; background:#3fa9f5; text-align:center; color:#fff; font-size:14px; margin:50px auto 0; border-radius:5px;}
.ban{ padding:0 25px 0 50px;}
.ban .tit{ height:40px; position:relative; margin-top:15px;}
.ban .tit p{ width:120px; text-align:center; font-size:16px;  background:#0d7dd6; text-indent:10px; height:30px; line-height:30px; color:#fff; border-radius:5px;}
.ban .tit span{ display:block; width: 0; margin-left:50px;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #0d7dd6;}
.ban ul li{ height:50px; line-height:50px; border-bottom:1px dashed #ccc;}
input, select{outline: medium none;}
.ban ul{ display:none;}
.ban ul li:last-child{ border-bottom:none;}
.ban ul li span{ display:block; float:left; width:20%; text-align:center; font-size:14px;}
.ban ul li span:nth-child(5){ margin-top:10px; width:90px !important; margin-left:55px;background:#f45472; color:#fff; border-radius:5px; text-align:center; height:30px; line-height:30px;}

/*学员故事*/
/*--------story---------*/
.story-wrap{margin-top: 30px;float: left;}
.story-wrap .story-tit{overflow: hidden;margin-bottom: 10px;}
.story-wrap .story-tit h2{font-size:20px;color: #333; float: left;}
.story-wrap .story-tit a{float: right; margin-top: 5px;}

.story-item {background: #fff;box-shadow: 0px 1px 1px #d6d6d6;border-radius: 3px;overflow: hidden;margin-bottom: 20px;}
.story-item .person-video{height: 160px;overflow:hidden; position: relative;}
.story-item .person-video:hover .person-pic img{ -webkit-transition: 0.5s;transition: 0.5s;}
.story-item .person-video .person-pic{ background: #333;}
.story-item .person-video .person-pic .bofan_anniu{ width:100%; height:100%; /*background:rgba(0,0,0,0.5);学员故事图片加黑 */position:absolute; top:0; left:0;-moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;}
.story-item .person-video .person-pic .bofan_anniu:hover{-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
     -o-transform: scale(1.2);}
.story-item .person-video .person-pic .bofan_anniu i{ display:block; width:80px; height:80px; margin:19% auto 0;}


.story-item .person-video .person-pic img{ width:100%;-webkit-transition: 0.5s;transition: 0.5s;}
.story-item .person-video .play-vico{ position: absolute; z-index: 99; left:50%; margin-left: -28px; top: 60px;}
.story-item .person-text{padding: 10px 15px;padding-bottom: 25px;position:relative;}
.story-item .person-text h2{color: #34AFFF;font-size:20px;font-weight: normal;position: relative;text-align: center;}
.story-item .person-text .sd-tag {text-align: center;margin: 8px 0;}
.story-item .person-text .sd-tag span{border-radius:100px;border:1px solid #ddd;height:22px;line-height:22px;font-size:12px;padding:0 15px;display:inline-block;/* position:absolute; *//* right:20px; *//* top:20px; */color:#999;}
.story-item .person-text .text-more{line-height: 22px;}
.story-item .person-text a:hover h2{ color: #005489;}

/*--------course-sort---------*/
.course-main{margin: 40px 0 25px 0;}
.course-main-tit{overflow: hidden; margin-bottom:10px;}
.course-main-tit ul li{ padding:0 10px; float:left; font-size:16px; height:40px; line-height:40px;}
.course-main-tit ul li.on a{color:#56b2ec;}
.course-main-tit ul li.on{ border-bottom:2px solid #56b2ec; color:#56b2ec;}
.course-main-tit  .newuser-free{ background: #ffd48f; color: #913d00; border-radius: 6px; line-height: 26px; height: 26px; display: block; float: left; padding: 0 10px; margin-left:15px; position: relative;}
.course-main-tit  .newuser-free i{font-size: 26px;position: absolute;left: -7px;top: 0;color: #ffd48f; width: 12px; overflow: hidden;}

.course-sort-bd{font-size: 14px;}
.sort-menu-list {margin-bottom: 10px;padding-left: 80px;position: relative;}
.sort-menu-list dt{color: #999;line-height: 30px;position: absolute;left: 5px;}
.sort-menu-list dd{float: left;margin: 5px 5px;}
.sort-menu-list dd a.active{ border:1px solid #17a1f9; color: #17a1f9; margin: -1px; background: #fff; }
.sort-menu-list dd a{display: block;height: 28px;line-height: 28px;padding: 0 15px;border-radius: 50px;color: #444;}
.sort-menu-list dd a:hover{ border:1px dashed #17a1f9; margin: -1px;}