@charset "utf-8";
/*----------------------------------

----------------------------------*/
body{ background:#f4f4f4;}
.hovecs a{-webkit-transition: 0.25s;transition: 0.25s;}

.thema_main{ width:990px; margin:0 auto;padding-top:30px;}

.Breadnav{ margin-bottom:15px;}
.Breadnav::after{ content:""; display:block; clear:both;}
.Breadnav span{ margin:0 10px;}
.Breadnav a:hover{ text-decoration:underline;}
/*-----段落省略------*/
.paragraph-end {position:absolute;height: 19px;width: 45px;}
.paragraph-end {
background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
background-image: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
background-image: -ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
background-image: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
bottom: 0;height: 25px;max-height: 100%;position: absolute;right: 0;width: 60px;}


.fixed_bar{ width:100%; background:#fff;box-shadow: 0px 3px 3px #a9a9a9; height:50px; position:fixed; z-index:999;}
.fixed_box { width:990px; margin:0 auto;}
.fixed_box .tabnav { float:left; margin-top:5px;}
.fixed_box .tabnav li{ float:left;}
.fixed_box .tabnav li a{ height:42px; line-height:40px; margin:0 20px;  display:inline-block; float:left; padding:0 3px;}
.fixed_box .tabnav li a:hover{border-bottom:3px solid #e1025f;color:#e1025f;}
.fixed_box .tabnav li.li_on a{ font-weight:bold; border-bottom:3px solid #e1025f;color:#e1025f;}

.fx_class { float: right; margin-top:6px;}
.fx_class a{ width:95px; height:32px; display:inline-block; margin:0 5px; font-size:15px; }
.fx_class a.btn01{ background:#f22b50; color:#fff; border-radius:4px; text-align:center; line-height:32px;}
.fx_class a:hover.btn01{ background:#fb3a5e;}
.fx_class a.btn02{ background: url(../Images/them_sicon.png) no-repeat 10px -292px #fff; border:1px solid #f22b50; color:#e1025f; border-radius:4px; text-align:center; line-height:32px;padding-left:15px;}
.fx_class a:hover.btn02{background: url(../Images/them_sicon.png) no-repeat 10px -292px #fcf6f8;}
.fx_class a.btn03{ background:#fff; border:1px solid #f22b50; color:#e1025f; border-radius:4px; text-align:center; line-height:32px;}
.fx_class a:hover.btn03{background: #fcf6f8;}

/*-----------------------------------------------------------------------------------
									左边内容
----------------------------------------------------------------------------------*/
.left_mcon{ width:660px; float:left;}

.l1_inner { position:relative;box-shadow: 0px 1px 1px #c9c9c9; background:#fff;  width:660px; padding-top:30px;}
.l1_inner .calendar{color: #999;width:92px; height:105px; position:absolute; top:-4px; left:30px;  text-align:center; padding-top:15px; }
.l1_inner .calendar h2{ font-size:30px; font-weight:bold;}
.l1_inner .calendar h2.datecs  { font-size: 40px; }
.l1_inner .calendar h2.ongoing  { font-size: 25px; }
.l1_inner .calendar .calendar-str {font-size: 12px;margin:10px 0 5px 0;}
.l1_inner .class_on{background:url(../Images/them_bgpic.png) no-repeat; }
.l1_inner .class_on h2{ color:#e1025f;}
.l1_inner .class_on p{ margin:5px 0;}
.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; margin-left:145px;}
.l1_inner .cinfobox .lesson-sub-title {font-size: 18px; color: #666;margin:10px 0;}
.l1_inner .cinfobox h1{ font-size:20px; 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{ margin-top:20px;}

/*-----可预定------*/
.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:#e1025f; color:#fff;  width:155px; 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;}
.l1_inner .yd_status .usphoto { float:left; height:40px; margin: 20px 20px;}
.l1_inner .yd_status .usphoto li{ float:left; display:inline-block;width:30px;height:30px;border-radius: 50%;border:3px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);overflow: hidden; background:#e7e7e7; margin:0 2px;}
.l1_inner .yd_status .usphoto img{ width:100%;}
.l1_inner .yd_status .usphoto li.pmore{ background:url(../Images/them_sicon.png) #e7e7e7 no-repeat 3px -228px;}
.l1_inner .yd_status .usphoto .pmore{ width:30px; height:30px; background:url(../Images/them_sicon.png) #e7e7e7 no-repeat 3px -228px;}
.l1_inner .yd_status .time{ float: left; color:#999; margin: 30px 10px;}
.l1_inner .yd_status .warn{ color:#e1025f; margin: 20px 0;}

/*-----预定结束------*/
.l1_inner .end_status .ydbtn a{ background:#e1025f; color:#fff;  width:155px; display:block; text-align:center; font-size: 18px; height:40px; line-height:40px; border-radius:3px;}
.l1_inner .end_status .ydbtn a:hover{ background:#f82e54;}

.l1_inner .end_status .tipstext{ color:#e1025f; font-size:16px;float:left; line-height:35px;}
.l1_inner .end_status .linka { margin:0;}
.l1_inner .end_status .linka a{ float:left;}
.l1_inner .end_status .linka a:hover{ text-decoration:underline;}
.l1_inner .end_status .linka .yybtn{ background:#e1025f; color:#fff; width:115px; display:block; text-align:center; font-size:14px; height:35px; line-height:35px; border-radius:3px;}
.l1_inner .end_status .linka a:hover.yybtn{ background:#f82e54;}
.l1_inner .end_status .linka .cremind{ background:url(../Images/them_sicon.png) no-repeat 0 -173px; display:inline-block; padding-left: 22px; margin:0 20px; margin-top:10px; height:24px;}
.l1_inner .end_status .linka .qq_cont{ background:url(../Images/them_sicon.png) no-repeat 0 -199px; display:inline-block; padding-left: 18px; margin-top:10px; height:24px;}

.lvyin{ margin:10px 0; display:inline-block; border-radius:4px; border:1px solid #f35d7a; height:35px; line-height:35px; padding:0 35px 0 10px; background:url(../Images/them_sicon.png) no-repeat 128px -323px; font-size:14px; color:#f4234b;}
.v_btn01 { width:140px; color:#fff; margin:10px 0; display:inline-block; border-radius:4px; height: 40px; font-size: 18px;line-height: 40px; padding: 0 45px 0 25px; background: url(../Images/them_sicon.png) no-repeat 145px -353px #19b99d; }

.l1_inner .qt_class{ border:1px solid #9CC4E4; padding:20px; margin: 20px 0;}
.l1_inner .qt_class h2 { font-weight:normal; margin-bottom:15px;}
.l1_inner .qt_class h2 span{ float:left;}
.l1_inner .qt_class li {background:#f9f9f9; border-left:3px solid #65c7f2; display:inline-block; width:415px; line-height:36px; height:36px; }
.l1_inner .qt_class h2 a{ float: right; color:#666; text-decoration:underline; font-size:12px; margin-top:2px;}
.l1_inner .qt_class li a{padding-left:10px;float:left;}
.l1_inner .qt_class li a:hover{ text-decoration:underline;}
.l1_inner .qt_class li span{ float:right; margin-right:10px; color:#999;}

/*-----上下主题------*/
.l1_inner .p_n_box { height:40px; margin-top:30px; border-top:1px solid #eeeeee;}
.l1_inner .p_n_box  a{ color:#999; display:inline-block; width:310px; height:40px; line-height:40px;-webkit-transition: 0.25s;transition: 0.25s; }
.l1_inner .p_n_box  a span{ margin:0 10px; display: inline-block; color:#666;}
.l1_inner .p_n_box .per a{ float:left; background:url(../Images/p_n_pic.png) no-repeat 10px 0px;  padding-left:15px;}
.l1_inner .p_n_box .per a:hover{ background:url(../Images/p_n_pic.png) no-repeat #ff6687 10px -40px;  padding-left:15px; color:#fff;}
.l1_inner .p_n_box em{display: inline-block;width: 235px;overflow: hidden;white-space:  nowrap;text-overflow: ellipsis;}
.l1_inner .p_n_box .per span{ float:left;}
.l1_inner .p_n_box .next span{float:right;}
.l1_inner .p_n_box .next a{ float: right;text-align:right; padding-right:15px; background:url(../Images/p_n_pic.png) no-repeat 305px -80px;}
.l1_inner .p_n_box .next a:hover{ background:url(../Images/p_n_pic.png) no-repeat #ff6687 305px -120px;  color:#fff; }
.l1_inner .p_n_box  a:hover span{color:#fff; }

/*------------------------------------------------------------------------------
主题内容
--------------------------------------------------------------------------------*/
.tablist { background:#fff;box-shadow: 0px 1px 1px #c9c9c9; margin:35px 0;}
.tablist li{ float:left;}
.tablist li a{ height:37px; line-height:40px; margin:0 20px;  display:inline-block; float:left; padding:0 3px;}
.tablist li a:hover{border-bottom:3px solid #e1025f;color:#e1025f;}
.tablist li.li_on a{ font-weight:bold; border-bottom:3px solid #e1025f;color:#e1025f;}

.cconbox{ background:#fff;box-shadow: 0px 1px 1px #c9c9c9; padding:30px 0; }

.titlecn{ border-bottom:2px solid #f5f5f5; margin:0 0 40px;}
.titlecn span{ margin-left:-5px;color:#555; border-left:4px solid #f02148; display:inline-block; width:100px; height:32px; line-height:32px; text-align:center; font-size:18px; background:#fff;}

/*-----课件----*/
.courseware { width:620px;margin:0 20px; position:relative; }
.courseware .cpic{ width:620px; height:470px; overflow:hidden;position:relative;}
.courseware .cpic img{ max-width:100%;}
.courseware .cpic a{ cursor: pointer;width:44px; height:72px; display:block; position:absolute; background: url(../Images/courseware-arrow.png) no-repeat;-webkit-transition: 0.25s;transition: 0.25s; z-index: 100}
.courseware .cpic a.larrow{ top:50%; left:0px; background-position:-88px 0;}
.courseware .cpic a:hover.larrow{ top:50%; left:0px; background-position:-132px 0;}
.courseware .cpic a.rarrow{ top:50%; right:0px; background-position:-45px 0;}
.courseware .cpic a:hover.rarrow{ top:50%; right:0px; background-position:0 0;}

.courseware .tit { margin:15px 0;}
.courseware .tit span{ float:left; font-size:14px;}
.courseware .tit i{ float: right; color:#f5871d;}
.courseware .page{ width:69px; height:24px; z-index:99; display:block; color:#fff; z-index:99; position:absolute; left:50%; top:480px; background:url(../Images/courseware-arrow.png) no-repeat 0 -85px; text-align:center; line-height:24px;}
.courseware .page i{ color:#999; margin:0 10px;}


/*-----课程介绍----*/
.cintroduction{ margin:20px;}
.cintroduction h2{ font-size:18px; color:#333; font-weight:normal; margin-bottom:20px;}
.cintroduction h2 i{ color:#f03155;}
.cintroduction .text{ color:#999; margin:15px 0; line-height:24px;}
.cintroduction .cthem { margin-top:30px;}
.cintroduction .cthem h3 { font-weight:normal; margin-bottom:15px;}
.cintroduction .cthem h3 span{ float:left; font-size:16px; color:#333; line-height:35px;}
.cintroduction .cthem h3 a{ float: right; color:#555; padding:7px 15px; font-size:12px; margin-top:2px; border:1px solid #ddd; border-radius:4px;}
.cintroduction .cthem h3 a:hover{ background:#f8f8f8;}
.cintroduction .cthem li { float:left; width:300px;}
.cintroduction .cthem li a{ background:#f8f8f8; border-left:4px solid #f99bb1; margin-top:5px;  padding:10px 0 10px 10px; display:inline-block;width:280px;}
.cintroduction .cthem li a:hover{ border-left:4px solid #ed456c; background:#faf2f4;}
.cintroduction .cthem ul{ float:left; width:300px;}
.cintroduction .cthem ul.ml_20{ margin-left:20px;}
.cintroduction .cthem li a p{ color:#999; margin-top:5px;}
/*上课方式*/
.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;}
.classway .con02 .standard{ width:620px;  height:400px;background: url(../Images/standard_bg.png) no-repeat; position:relative;}
.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 0;}
.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;}


/*相关主题*/
.xgthem{ margin:0 20px;}
.xgthem li{ float:left; margin:0 13px; color:#999; font-size:12px; width:180px;}
.xgthem li a:hover{ text-decoration:underline;}
.xgthem li h3{ color:#666; font-weight:normal; margin:10px 0 6px 0; position:relative;width:180px; overflow:hidden; white-space:nowrap;}
.xgthem li div{width:180px; height:116px; display:block; overflow:hidden;}
.xgthem li div img{max-width:100%;}

/*在线客服*/
.contctbtn{ float:right; margin-right:20px;  padding:0 15px 0 30px; 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 5px;}
.contctbtn:hover{background:url(../Images/qq.png) no-repeat 5px #f8f8f8;}


/*学员评价*/
.commentbox{ font-size:12px; margin-top:70px;}
.commentbox h1{ margin:20px 0;}
.commentbox .item{ padding:3px 35px;  text-align:center; width:85px; float:left; line-height:24px;}
.commentbox .item strong{ font-size:24px; color:#f02148; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.commentbox .rate-score .star{ width:72px; height:14px; background:url(../Images/star_ico.jpg) no-repeat 0 0; display: inline-block;}
.commentbox .rate-score .star em{ height:14px; width:95%; display:block;background:url(../Images/star_ico.jpg) no-repeat 0 -14px;}
.commentbox .rate-target{ border-left:1px solid #ececec;border-right:1px solid #ececec;}
.commentbox .rate-ptage{ float:left; margin:0 30px; width:280px; height:18px; background:#fff;}
.commentbox .rate-ptage h2{ text-align:center; margin-bottom:15px; font-weight:normal; font-size:12px;} 
.commentbox .rate-ptage li{ float:left; height:18px; line-height: 18px; text-align:center; position:relative;}
.commentbox .opt01{ background:#f0f0f0;}
.commentbox .opt02{ background:#e1025f; color:#fff;}
.commentbox .opt03{ background:#eec5cd; color:#fff;}
.commentbox .rate-ptage li em{display:block; position:absolute; color:#666; padding-top:8px; top:18px; white-space:nowrap; bottom:0px;background:url(../Images/ptage_arrow.png) no-repeat;}
.commentbox .rate-ptage li.opt01 em{ background-position:10% 0; left:0;}
.commentbox .rate-ptage li.opt02 em{ background-position:50% -12px; left:42%;}
.commentbox .rate-ptage li.opt03 em{ background-position:50% -26px; right:0;}
.commentbox .toolbar{ background:#f5f5f5; padding:12px 20px; margin:20px 0 40px 0;}
.commentbox .toolbar span{ float:left;}
.commentbox .toolbar label{ float: right;}
.commnetinfo{ margin:20px; line-height:18px;}
.commnetinfo li{ padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #ededed; float:left;}
.commnetinfo .linfo { color:#999; float:left; width:200px;}
.commnetinfo .linfo h4{ margin-bottom:5px; color:#333;}
.commnetinfo .linfo .photo {float:left; margin-right:10px;}
.commnetinfo .linfo .photo span{display:block;width:38px;height:38px;border-radius: 50%;border:3px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);overflow: hidden; background:#e7e7e7; margin-bottom:10px;}
.commnetinfo .linfo .photo span img{ max-width:100%;}

.commnetinfo .rinfo { float:left; width:420px; line-height:18px;}
.commnetinfo .rinfo .cbox { color:#444;}
.commnetinfo .rinfo .cbox .tit{ margin-bottom:10px; color:#999;}
.commnetinfo .rinfo .cbox .tit span{ margin-right:15px; display:inline-block; float:left;}
.commnetinfo .rinfo .cbox .tit strong{ display:inline-block; border-radius:3px;margin:0 3px; color: #E6838A; font-size:14px; f}
.commnetinfo .rinfo .cbox .tit .date{ float:right;}
.commnetinfo .rinfo .date{ color:#b2b2b2; font-style:italic; margin-top:5px;}
.commnetinfo .rinfo .reply { padding:10px; margin-top:15px; background:#f5f5f5; position:relative;}
.commnetinfo .rinfo .reply h4{ margin-bottom:5px; color:#666;}
.commnetinfo .rinfo .reply dt {float:left; margin-right:10px;}
.commnetinfo .rinfo .reply dt span{display:block;width:30px;height:30px;border-radius: 50%;border:3px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);overflow: hidden; background:#e7e7e7; margin-bottom:10px;}
.commnetinfo .rinfo .reply dt span img{ max-width:100%;}
.commnetinfo .rinfo .reply dd{ float:left; width: 350px;}
.commnetinfo .rinfo .reply dd span{ color:#999;}
.commnetinfo .rinfo .reply .tarrow{ position:absolute; top:-5px; left:20px; width:8px; height:5px; background:url(../Images/ptage_arrow.png) no-repeat -1px -37px;}

/*-----------------------------------------------------------------------------------
									右边内容
----------------------------------------------------------------------------------*/
.right_mcon { width:300px; float: right;}
.teacher_con { width:300px;background:#fff;box-shadow: 0px 1px 1px #c9c9c9;}
.teacher_con .tname{ font-size:14px; color:#999;}
.teacher_con .t_photo { text-align:center; font-size:18px; padding-top:25px; margin-bottom:25px; color:#333;}
.teacher_con .t_photo span{display:inline-block;width:50px;height:50px;border-radius: 50%;border:3px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);overflow: hidden; background:#e7e7e7; margin-bottom:10px;}
.teacher_con .t_photo span img{ max-width:100%;}
.teacher_con .tinfo{ padding:20px; line-height:24px; color:#777;}
.teacher_con .tinfo h2{ margin-bottom:10px; color:#666;}
.teacher_con .tinfo i{ float:left;}
.teacher_con .tab {  background:#f8f8f8;}
.teacher_con .tab span{ width:146px; display:inline-block; text-align:center; height:5px;}
.teacher_con .tab .numb { border-right:1px solid #fff;}
.teacher_con .tab .numb i{ color:#23b9f1;}
.teacher_con .tab .grade i{ color:#ed8118;}

.sharebox { margin:25px 0; color:#999; display:block; height: 200px;}
.sharebox a{ width:22px; height:18px; display:inline-block; background:url(../Images/them_sicon.png) no-repeat; margin-right:2px;}
.sharebox a.qzone{ background-position:-22px 0;}
.sharebox a.qq{ background-position:-22px -24px;}
.sharebox a.weibo{ background-position:-22px -47px;}
.sharebox a.weixin{ background-position:-22px -71px;}

.sharebox a:hover.qzone{ background-position:0 0;}
.sharebox a:hover.qq{ background-position:0 -24px;}
.sharebox a:hover.weibo{ background-position:0 -47px;}
.sharebox a:hover.weixin{ background-position:0 -71px;}

.lately_class { width:260px;background:#fff;box-shadow: 0px 1px 1px #c9c9c9; padding:20px;}
.lately_class h2 { margin:10px 0 20px 0;}
.lately_class h2 span{ float:left; font-size:16px; color:#333;}
.lately_class h2 a{ float: right; font-weight:normal; color:#666; text-decoration:underline; font-size:12px; margin-top:2px;}
.lately_class li{ height:35px; line-height:35px;}
.lately_class li a{ display:inline-block; padding-left:15px; float:left; background:url(../Images/them_sicon.png) no-repeat 0 -256px;  width:190px; overflow:hidden;white-space: nowrap; max-height:28px; position:relative;}
.lately_class li a.recommend{ width:160px; padding-left:35px; background:url(../Images/them_bgpic.png)  no-repeat -183px 7px ;}
.lately_class li a:hover{text-decoration:underline; color:#ea3557;}
.lately_class li em{ float:right; font-size:12px; color:#333; color:#999;}

.right_mcon .c_phone{ width:260px; padding:20px; background: url(../Images/c_phone_img.png) no-repeat; height:28px;  margin:20px 0;}
.right_mcon .c_phone span{ display:none;}
.right_mcon .c_system{ width:300px; height:68px;  margin:20px 0 0 0;}

.right_mcon .recent-fixed {position: fixed; top: 64px;}

.pagenumber span{ float:right;}
.pagenumber a{ display:inline-block; padding:3px 2px; border-radius:2px; border:1px solid #e1e1e1; margin:0 3px; color:#777; min-width:24px; text-align:center;}
.pagenumber { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.pagenumber a:hover{ background:#E9E9E9;}
.pagenumber a.li_on{ background:#E9E9E9;}

.cregist{ position:absolute;display:block;width:405px; z-index:9999;background:#fff; margin:20px;}
.cregist .cregist-tit{padding:12px; background:#e8425a; color:#fff; text-align:center;}
.cregist h3 {font-size:18px; font-weight:normal; line-height:30px;}
.cregist h3 p{ font-size:14px;}
.cregist .close{ float:right;position:relative;top:10px;}
.cregist .reg-con { padding:10px 25px 35px 25px;}
.cregist .reg-con .w-in{ margin:25px 0;}
.cregist .reg-con .log-inp{ width:100%; height:40px; line-height:40px; margin-top:5px; border:1px solid #D8D8D8;border-radius:5px;}
.cregist .reg-con .sel{ position:relative;bottom:10px; margin-bottom:10px;}
.cregist .reg-con .submit .lo-icon{ display:inline-block;padding:10px 60px; font-size:20px; color:#fff;text-align: center; border:1px solid #D1665E; background:#FF5442;}
.cregist .reg-con .submit .re-icon{ display:inline-block;padding:5px 35px; font-size:20px; color:#fff;text-align: center; background:#f83551; border-radius:4px; border:none; cursor:pointer;-webkit-transition: 0.25s;transition: 0.25s;}
.cregist .reg-con .submit .re-icon:hover{ background:#ec2743;}
.cregist .reg-con .submit span{ margin-left:50px;}
.cregist .reg-con .agaree-a{color:#808080;text-decoration:underline;margin:0 3px;}
.cregist .login{ text-align:center; padding:10px 0; border-top:2px solid #e3e3e3; background:#f7f7f7;}
.cregist .login a{color:#74A5C3; border:1px solid #f93c5f; display:inline-block; padding:3px 10px; border-radius:3px; color:#f93c5f;}
.cregist .login a:hover{ background:#f7e9eb;}


.weeksessions{font-size: 14px;font-weight: bold;margin-top: 20px;text-align: right;}
.weeksessions a:hover {color:#1C9CF3; text-decoration: underline;}

.story-mbd{margin: 20px;}
.sr-itembd { float:left; margin:10px 0;}
.sr-itembd a{ display:block; float:left; border:1px solid #eee; }
.sr-itembd a:hover{ border:1px solid #2da2ff; background:#f9f9f9;}
.sr-itembd .l-img{float:left;width: 230px;height: 165px;overflow:hidden;position:relative;}
.sr-itembd .l-img .l-ibox img{ height:165px;}
.sr-itembd .l-img span{position:absolute;left: 90px;top: 55px;z-index:99;width: 60px;height: 60px;display: block;}
.sr-itembd .l-img span i{ width:58px; height:58px; display:inline-block;background:url(../Images/playico-set.png) no-repeat -85px 0px;}
.sr-itembd .r-t{float:left;padding: 0px 30px;width: 320px;}
.sr-itembd .r-t h4{font-size: 18px;color:#222;margin: 15px 0;}
.sr-itembd .w-btn {text-align:right; }
.sr-itembd .w-btn span{border:1px solid #3ea9fe;border-radius:3px;height: 30px;line-height: 30px;display:inline-block;padding: 0 10px;font-size: 14px;color:#2da2ff;}
.video-inner .s-btn a i{width: 32px;height: 32px;display:inline-block;vertical-align:middle;background:url(../Images/playico-set.png) no-repeat -144px 0px; margin: 0 10px; vertical-align: middle;}


/*开班*/
.left_mcon_title{ width:100%;background: #fff;padding: 20px;box-sizing: border-box;}
.left_mcon_title .course-sort-bd{ width:100%; font-size:14px;}
.left_mcon_title .sort-menu-list {margin-bottom: 10px;padding-left: 80px;position: relative;}
.left_mcon_title .sort-menu-list dt{color: #07111b;line-height: 36px;position: absolute;left: 5px;}
.left_mcon_title .sort-menu-list dd{float: left;margin: 5px 5px;}
.left_mcon_title .sort-menu-list dd a.active{ border:1px solid #17a1f9; color: #17a1f9; margin: -1px; background: #fff; }
.left_mcon_title .sort-menu-list dd a{display: block;height: 28px;line-height: 28px;padding: 0 15px;color: #444;border:1px solid #dcdcdc;}
.left_mcon_title .sort-menu-list dd a:hover{ border:1px dashed #17a1f9; margin: -1px;}

.left_mcon_kaiban{ width:100%; background:#fff; border-top:5px solid #f54163; margin-top:20px; margin-bottom:20px;}
.left_mcon_kaiban::after { content: ""; display: block; clear: both; }
.left_mcon_kaiban ul { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #888; }
.left_mcon_kaiban ul::after { content: ""; display: block; clear: both; }
.left_mcon_kaiban ul:last-child { border-bottom: none; }
.left_mcon_kaiban h1 { display: block; height: 32px; line-height: 32px; padding-left: 10px; font-size: 16px; font-weight: bold; color: #333; margin-top: 20px; margin-bottom: 10px; }
.left_mcon_kaiban h2 { font-size: 14px; font-weight: bold; display: block; line-height: 30px; }
.left_mcon_kaiban h6 { font-size: 12px; font-weight: 100; }
.left_mcon_kaiban li { display: block; box-sizing:border-box; padding:0 20px; position: relative; clear: both; color: #999; margin-bottom: 30px; }
.left_mcon_kaiban li::after { content: ""; display: block; clear: both; }
.left_mcon_kaiban li:last-child { height: 100px; margin-bottom: 0; }
.left_mcon_kaiban li img { display: block; padding: 10px 0 0 10px; float:left; margin-right:20px;}
.left_mcon_kaiban li p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 35px; }
.left_mcon_kaiban li span { display: block; margin-top: 5px; }
.left_mcon_kaiban li span h6 .wyzx:link, .left_mcon_kaiban li span h6 .wyzx:visited { background-position: -234px -394px; color: #FFF; }
.left_mcon_kaiban li span h6 a { display: block; width: 74px; height: 24px; background: url(../Images/backimg.png) no-repeat -234px -430px; text-align: center; line-height: 22px; float: left; margin: 5px 10px 0 0; color: #888; }
.left_mcon_kaiban li span h6 a:hover { background-position: -234px -394px; color: #fff; text-decoration: none; }