﻿h1,h2,h3,h4,h5,h6,strong{font-size:13px;}
.b-container{ width:1200px; margin:0 auto; position: relative; height:405px;}
.banner-box{ width:915px; height:405px; position:absolute;}
.mod_recom_wrap .t_item .clink em{display:inline-block; color:#fff; padding:0 8px; height:25px; line-height:25px;border-radius:4px; background: url(../Images/arrow_ico.png) no-repeat #ee264b 85px -100px; text-align:center;}
.mod_recom_wrap{ width:285px; background:#fff; position: absolute; right:0;z-index:9; height: 405px;}
.mod_recom_wrap .t_item{ line-height:22px;  padding: 0 20px; border-bottom:1px solid #e0e0e0; height: 172px; float: left; padding-top: 10px; width: 245px; position: relative; height: 157px;}
.mod_recom_wrap .t_item a:hover h2{ text-decoration:underline;}
.mod_recom_wrap .t_item a:hover span{ color:#e94845;}
.mod_recom_wrap .t_item h2{ font-size:15px; color:#333; font-weight:normal; line-height:26px; margin-bottom:15px;}
.mod_recom_wrap .t_item h2 span{ display:inline-block; border:1px solid #ed5565; height:20px; line-height:20px; border-radius:3px; padding:0 5px; font-size:12px; color:#ed5565; margin:0 5px;}
.mod_recom_wrap .t_item .clink{ text-align:right; position: absolute; right: 20px; bottom: 10px;}
.mod_recom_wrap .des{ color:#777; font-size:12px;}
.mod_recom_wrap .more_a{ text-align:center; line-height:30px; background:#f9f9f9; cursor:pointer;}
.mod_recom_wrap .more_a:hover{ background:#f4f4f4;}
.mod_recom_wrap h1{ background: #F4F4F4; /* border-top: 3px solid #ED5565; */ line-height: 40px; text-align: center; color: #333; /* border-bottom: 1px solid #ddd; */ font-weight: normal; font-size: 18px;}

/*----法比加课程-------*/
.cc-wrap { width:900px;float:left;}
.class-head h2{ font-size:30px; color:#333; height:45px;}
.class-head h2 small{ font-size:16px; color:#e0103b; margin-left:20px;}
.class-head h2 small i{ width:16px; height:15px; display: inline-block; background:url(../Images/sm-ico.png) no-repeat; vertical-align:middle; margin-right:6px;}
.class-bd{ background:#fff; padding:25px 5px 5px 5px;}
.class-bd li{ width:280px; float:left; margin:0px 8px 20px 8px; position:relative;}
.class-bd li .c-pic{margin-bottom:5px;}
.class-bd li .c-pic a{ width:280px; height:180px; overflow:hidden; border-radius:3px;  display:inline-block;}
.class-bd li .c-pic img{ max-width:100%; max-height:100%;}
.class-bd li .c-pic img:hover {opacity: .7;filter: alpha(opacity=70);}
.class-bd li .c-name { width:225px; margin-bottom:3px;}
.class-bd li .c-name h3{ float:left;display: inline-block;}
.class-bd li .c-name h3 a{font-size: 16px;color: #333; line-height:22px;}
.class-bd li .c-name h3 a:hover{ text-decoration:underline;}
.class-bd li .c-name .c-btn{ display:inline-block; color: #fff; border-radius:3px; height:24px; line-height: 24px;padding: 0 5px;background:#5091E1; /*padding: 0 3px 0 17px; background:url(../Images/sm-ico.png) no-repeat 1px -18px  #5091E1;*/ float: right;}
.class-bd li .c-name .c-btn:hover{ background:#4587d9; }
.class-bd li .subheading{ width:225px; font-size:12px; color:#999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.f-ico{ position:absolute; right:10px; top:-5px; z-index:999;}
.f-ico span{width:60px; height:60px; display:block; background:url(../Images/f-ico.png) no-repeat;}
.f-ico span.i-fifty{ background-position:-0px 0; }
.f-ico span.i-sixty{ background-position:-60px 0; }
.f-ico span.i-seventy{ background-position:-120px 0; }
.class-bd li .c-pic-big{margin-bottom:5px;}
.class-bd li .c-pic-big a{ width:280px; height:430px; overflow:hidden; border-radius:3px;  display:inline-block;}
.class-bd li .c-pic-big img{ max-width:100%; max-height:100%;}
.class-bd li .c-pic-big img:hover {opacity: .7;filter: alpha(opacity=70);}

/* -----------------------------------------------------------
【公共样式】
 -----------------------------------------------------------*/
/* --即将上课--*/
.theclass{ width:56px; float:left; height:21px; line-height:21px; margin-right:5px; display:inline-block; background:url(../Images/sysimg01.png) no-repeat -120px -0px; font-size:12px; color:#fff; padding-left:2px;}
.ongoingclass{ width:56px; float:left; height:21px; line-height:21px; margin-right:5px; display:inline-block; background:url(../Images/sysimg01.png) no-repeat -120px -21px;  font-size:12px; color:#fff; padding-left:2px;}
.incomingclass{ width:56px; float:left; height:21px; line-height:21px; margin-right:5px; display:inline-block; background:url(../Images/sysimg01.png) no-repeat -120px -42px;  font-size:12px; color:#fff; padding-left:2px;}

/* --公共按钮--*/
a.linebtn{ display:block; border:1px solid #eee; border-radius:3px;-webkit-transition: 0.25s;transition: 0.25s; float:left; padding:0 25px 0 15px; height:35px; text-align:center; line-height:35px; font-size:14px; background:url(../Images/arrow_ico.png) no-repeat right -65px;}
a:hover.linebtn, a.linka{ background:url(../Images/arrow_ico.png) no-repeat #f5f5f5 right -65px;}
a.linka{ display:block;float:left; padding:0 25px 0 15px; height:35px; text-align:center; line-height:35px; font-size:14px; background:url(../Images/arrow_ico.png) no-repeat right -65px; }

a.redlinka{ display: inline-block; border-radius:5px;border:2px solid #e81a41; color:#e81a41;padding:0 30px 0 15px; height:40px; text-align:center; line-height:40px; font-size:14px; background:url(../Images/arrow_ico.png) no-repeat right -124px; }
a:hover.redlinka{ color:#fff;background:url(../Images/arrow_ico.png) no-repeat #e81a41 right -151px; }
a.focus_prev{ z-index: 50; background-position:0 0; position:absolute; top:50%; left:-65px; display:block; width:53px; height:53px; background:url(../Images/prev_next.png) no-repeat;-webkit-transition: 0.25s ease-out;transition: 0.25s;}
a:hover.focus_prev{ background-position:-53px 0;}
a.focus_next{ z-index:50; position:absolute; top:50%; right:-65px; display:block; width:53px; height:53px; background:url(../Images/prev_next.png) no-repeat -53px -54px;-webkit-transition: 0.25s;transition: 0.25s;}
a:hover.focus_next{background-position:0 -54px;}
.mainbar{background: url(../Images/main_bodybg.png) repeat; max-height:100%; overflow:hidden;}
.mainbox{width:1200px; margin:0 auto; padding:30px 10px;}
/* -----------------------------------------------------------
【BANNER】
 -----------------------------------------------------------*/
.b_guide_bar{ height:35px; line-height:35px; background:url(../Images/t_white_bg.png); text-align:center; position: absolute; width: 100%; z-index: 80;}
.b_guide_box{ position: relative; max-width:1200px; margin:0 auto;}
.b_guide_box a{ color:#00b491; text-decoration:underline;}
.b_guide_box .close{ position: absolute; right:10%; top:8px;}
.b_guide_box .close a{ display:block; text-align:right; width:15px; height:15px; background:url(../Images/cancel_pic.png) no-repeat;}

/* -----------------------------------------------------------
【课程体系】
 -----------------------------------------------------------*/
.csystem {position: relative; overflow: hidden; width: 1000%; height: 785px;}
.csystem h1 span,.course_box h1 span,.hclass_tit h1 span { width:180px; background: url(../Images/h1_titile.png) no-repeat; height:30px; display:inline-block;}
.csystem h1 span b,.course_box h1 span b,.hclass_tit h1 span b{ display:none;}
.csystem h1 ,.course_box h1{color:#999; font-weight:normal; float:left;}
.csystem h1 span{ background-position:0 0;}
.course_box h1 span { background-position:0 -55px;}
.hclass_tit h1 span{ background-position:0 -110px;}
.hclass_tit h1{color:#999; font-weight:normal;}

.leveltab{ float:left; margin-top:10px;}
.leveltab li{ float:left; font-size:16px; margin:0 10px; line-height:24px;}
.leveltab li a:hover{ color:#e81a41;}
.leveltab li.li_on a{ font-weight:bold; font-size: 28px; color:#e81a41;}

.hidden_eva{ position:absolute; right:10px; top:60px; width:15px; display:none;}
.hidden_eva a{ background:#e0103b; color:#fff; width:15px; display:block; padding:5px; overflow:hidden;border-top-left-radius:4px;border-bottom-left-radius:4px;-webkit-transition: 0.25s;transition: 0.25s;}
.hidden_eva a:hover{ background:#eb1d47;}
.csystem .levelcon{ position:relative; display: none; z-index: 199; }
.linner { background:#fff;box-shadow: 0px 1px 1px #a6a6a6; height:650px; width:1200px; float:left; margin-top:20px;}
.linner .l1_cn{ float:left; width:450px; padding:35px 20px 35px 20px; position:relative;}
.linner .l1_cn .l_icon{ width:116px; height:100px; position:absolute; left: 0px; background:url(../Images/sysimg01.png) no-repeat; font-size: 40px; text-align:center; line-height:80px; color:#fff;}

.linner .l1_cn .l_tit{ margin-left:110px;}
.linner .l1_cn .l_tit p{ margin-top:10px;line-height:20px;}
.linner .l1_cn .l_tit h2{ font-size:18px; font-weight:normal; color:#333;}
.linner .l1_cn .l_tit .text{ color:#999; font-size:12px;}
.linner .l1_cn .l_tit .icon{ margin-top:10px;}
.linner .l1_cn .l_tit .icon li{position:relative;}
.linner .l1_cn .l_tit .icon span{ display:block;padding-left:25px; float:left; margin-right:25px; cursor:pointer;}
.linner .l1_cn .l_tit .icon .user{  background:url(../Images/sicon.png) no-repeat 0 -0px;}
.linner .l1_cn .l_tit .icon .grade{background:url(../Images/sicon.png) no-repeat 0 -31px;}
.linner .l1_cn .l_tit .icon li:hover .tooltips{ display:block;}
.linner .l1_cn .plan { vertical-align:top; line-height:55px; margin:30px 0;}
.linner .l1_cn .plan span.nd01{ background-position:0 -0;}
.linner .l1_cn .plan span.nd02{ background-position:-61px -0;}
.linner .l1_cn .plan span.nd03{ background-position:-122px -0;}
.linner .l1_cn .plan span.nd04{ background-position:-183px -0;}
.linner .l1_cn .plan span.nd05{ background-position:-244px -0;}
.linner .l1_cn .plan span.nd06{ background-position:-305px -0;}
.linner .l1_cn .plan span.nd07{ background-position:-366px -0;}
.linner .l1_cn .plan span.nd08{ background-position:-427px -0;}
.linner .l1_cn .plan span.nd09{ background-position:-488px -0;}
.linner .l1_cn .plan span.per120{ background-position:0 -61px;}
.linner .l1_cn .plan span.per240{ background-position:-61px -61px;}
.linner .l1_cn .plan span.per360{ background-position:-122px -61px;}
.linner .l1_cn .plan span.per90{ background-position:0 -61px;}
.linner .l1_cn .plan span.per180{ background-position:-61px -61px;}
.linner .l1_cn .plan span.per270{ background-position:-122px -61px;}
.linner .l1_cn .plan span.per72{ background-position:0 -122px;}
.linner .l1_cn .plan span.per144{ background-position:-61px -122px;}
.linner .l1_cn .plan span.per216{ background-position:-122px -122px;}
.linner .l1_cn .plan span.per288{ background-position:-183px -182px;}
.linner .l1_cn .plan span{ display:inline-block; width: 61px; height:61px; text-align: center; background:url(../Images/lico_pic.png) no-repeat;}
.linner .l1_cn .plan li{ float:left; margin-right:10px;}
.linner .l1_cn .plan li.ml90{ margin-left:115px;}
.linner .l1_cn .time{ border:1px solid #eee;  text-align:center; padding:20px 0;}
.linner .l1_cn .tinfo { margin-top:30px;}
.linner .l1_cn .tinfo p{ clear: both; line-height:24px;}
.linner .l1_cn .tinfo span{ display:inline-block; float:left;}
.linner .l1_cn .tinfo span.tit{ float:left; width:70px; font-weight:bold; color:#333;}
.linner .l1_cn .tinfo span.wz{ float:left; width:82%;}
.linner .l1_cn .btna { margin-top:30px;}
.linner .l1_cn .btna a{ float:left; margin-right:20px;}
.bookm{ width:450px; text-align:center; height:160px; position:relative;}
.bookm .tit{ position:absolute; left:0; top:0%; font-weight:bold;}
.linner .l2_cn h2{color:#e81a41; font-size:18px; font-weight:normal; margin-bottom:30px;}
.linner .l2_cn{ float:left; margin-left: 25px; padding: 35px 25px; box-shadow: 0px 0 10px #666; height: 576px; border-top: 7px solid #e81a41; margin-top: -7px; width:280px;}
.linner .l3_cn h2{ font-size:18px; color:#333; font-weight:normal; margin-bottom:30px;}
.linner .l2_cn h2 span,.linner .l3_cn h2 span{ font-size:14px; color:#999; margin-left:10px;}
.linner .l2_cn .recent_course .latest { overflow:hidden; float:left; position:relative; width:280px; height:180px; margin-bottom:30px;}
.linner .l2_cn .recent_course .latest img{ width:100%;cursor: pointer;}
.linner .l2_cn .recent_course .latest a{ display:block; color:#f9f9f9;-webkit-transition: 0.25s ease-out;transition: 0.25s; height: 100%; width: 100%}
.linner .l2_cn .recent_course .latest a:hover{ text-decoration:underline; color:#999;}
.linner .l2_cn .recent_course .latest .tit2 {position:absolute; width:280px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;bottom: 22px; z-index:999; padding:5px; color:#fff;}
.linner .l2_cn .recent_course .latest .tit_bg2 { position:absolute; bottom:0; height: 50px; background:#000; width:100%;opacity: .6; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);}
.linner .l2_cn .recent_course .latest .tit{position:absolute; width:300px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;bottom:0; z-index:999; padding:5px; color:#fff;}
.linner .l2_cn .recent_course .latest .tit_bg{ position:absolute; bottom:0; height:30px; background:#000; width:100%;opacity: .6; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);}
.linner .l2_cn .recent_course .latest .tit a:hover{ color:#e81a41; text-decoration:underline;}
.linner .l2_cn .recent_course .time_user{ position: absolute; width:280px;font-size: 12px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;bottom:0; z-index:999; padding:5px; color:#fff;}
.linner .l2_cn .recent_course .time_user span{margin:0 5px;}
.linner .l2_cn .recent_course dd { display:inline-block; float:left; clear:both; padding-bottom: 9px; font-size: 14px; width: 280px; margin-bottom: 9px; border-bottom: solid 1px #ededed;}
.linner .l2_cn .recent_course dd .recent-item{ background:url(../Images/sicon.png) no-repeat 0px -205px; padding-left:10px; -webkit-transition: 0.25s;transition: 0.25s; display:inline-block; width: 190px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 21px; height: 21px; }
.linner .l2_cn .recent_course dd a.class_on {padding-left:60px; width:220px; background:url(../Images/sysimg01.png) no-repeat -120px -21px;}
.linner .l2_cn .recent_course dd a.today_on {padding-left:60px; width:140px; background:url(../Images/sysimg01.png) no-repeat -120px -0px; }
.linner .l2_cn .recent_course dd a.incoming {padding-left:60px; width:140px; background:url(../Images/sysimg01.png) no-repeat -120px -42px;}
.linner .l2_cn .recent_course dd .session-date{font-size:12px; text-align: left;color:#999; margin-left: 10px;}
.l_ct{ float:left; width:200px;}
.free-btn{ display:inline-block; background: #F65173; color: #fff; border-radius:3px; line-height: 26px; padding: 0 7px; float: right;}
.free-btn{ display:inline-block; background: #5091E1; color: #fff; border-radius:3px; line-height: 28px; padding: 0 7px; float: right;}
.linner .l2_cn .recent_course dd .recent-item:hover{ color:#e81a41; text-decoration:underline;}
.linner .l2_cn .btna{ margin-top:15px;}
.linner .l1_cn .btna { margin-top:20px;}
.linner .l3_cn .photo{ float:left;width:45px;height: 45px;border-radius: 50%;border:3px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);background: #fff; overflow: hidden;}
.linner .l3_cn{ float:right;  background:#fff; width:290px; height:580px;padding:35px 20px; position: relative; }
.linner .l3_cn li{ float:left;background:url(../Images/phont_line.png)  repeat-y 25px 0; padding-bottom:20px;}
.linner .l3_cn .photo{ float:left;width:45px;height: 45px;border-radius: 50%;border:3px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);background: #fff; cursor:pointer;overflow: hidden;}
.linner .l3_cn .photo img{ max-width:100%;}
.linner .l3_cn .comment{ float:left; width:210px; margin-left:20px; font-size:12px;}
.linner .l3_cn .comment .info{ background:#fff; border-radius:4px; border:1px solid #dfdfdf; padding:8px; float:left; position:relative;}
.linner .l3_cn .comment .info .larrow{ position:absolute; width:14px; height:20px; background:url(../Images/arrow_ico.png) no-repeat 0 -41px; left:-12px;}
.linner .l3_cn .comment .info span{ line-height:20px; width:192px; display:block;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.linner .l3_cn .comment-more {position: absolute; top:590px;}
.linner .l3_cn .comment .naclass{margin-bottom:5px; color:#999; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.linner .l3_cn .comment .naclass span{ margin:0 2px;}
.linner .l3_cn .comment .naclass a.name{font-weight:bold;color:#4689ce;}
.linner .l3_cn .comment .naclass a.course{ text-decoration:underline;}
.linner .l3_cn .comment .pingfen{ float: right;}
.linner .l3_cn .comment .name{ float: left;}
.linner .l3_cn .comment .pingfen span{ font-weight:bold; color:#e81a41;font-size:14px;}
.hdbtn{ position:absolute; left:-25px; top:60px; width:15px;}
.hdbtn a{ background:#f0f0f0; color:#666; width:15px; display:block; padding:5px; overflow:hidden;border-top-left-radius:4px;border-bottom-left-radius:4px;-webkit-transition: 0.25s;transition: 0.25s;}
.hdbtn a:hover{ background:#c1c1c1; color:#fff;}
/* -----------------------------------------------------------
【中间指引广告】
 -----------------------------------------------------------*/
.c_banner{ margin:40px auto;}
.c_banner img{ width:100%;}
/* -----------------------------------------------------------
【最近上课】
 -----------------------------------------------------------*/
.cstab{ float:left; margin-top:10px; margin-left:30px;}
.cstab li{ float:left; font-size:14px; margin:0 10px; border-right:1px solid #ddd; padding-right:15px;}
.cstab li a:hover{ color:#e81a41;}
.cstab li.li_on a{ font-weight:bold;color:#e81a41;}
.courselist{position:relative;}
.cinner { background:#fff;box-shadow: 0px 1px 1px #a6a6a6; padding:35px 0px; height:100%; width:100%; float:left; margin-top:20px; position:relative;}
.cinner .ydtips{ position:absolute; bottom:-20px; left:42%;}
.cinner ul li{ float:left;position:relative;}
.cinner .item-container {position: relative; }
.cinner .item { padding-left:16px; margin-bottom:50px; border-top:1px dashed #ddd; }
.cinner .item h2 span{ position:absolute; top:-10px; background:url(../Images/sicon.png) no-repeat 0 -63px; padding-left:30px; height: 20px;}
.cinner .item h2 b{ background:#fff; font-weight:normal;}
.cinner .item h2 span.on{ background:url(../Images/sicon.png) no-repeat 0 -94px; color:#e81a41}
.cinner .item h2 span.today{ background:url(../Images/sicon.png) no-repeat 0 -125px; color:#19b99d}
.cinner .item .imgbox{ width:280px; height:180px; margin-top:30px; overflow:hidden;border-radius:3px;}
.cinner .item .imgbox img{ width:100%;}
.cinner .item .cname{ display:inline-block;font-size:16px; color:#333; margin:10px 0 5px 0; width: 205px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cinner .item .cname a{transition: 0.25s;}
.cinner .item .cname a:hover{ text-decoration:underline; color:#e81a41; }
.cinner .item .chistory span{ margin-right:10px; font-size:12px; color:#999;}
.cinner .item .imgbox{ position:relative; background:#EDEDED;}
.cinner .item .imgbox:hover .mshover{ display:block;}
.cinner .item .imgbox:hover img{opacity: .2; -webkit-transition: 0.5s; transition: 0.5s;}
.cinner .item .imgbox:hover .hover_main{ display:block;}
.cinner .item .mshover{ position:absolute; left:30%; top:40%; display:none;}
.cinner .item .mshover a.garybtn{ width:110px; height:32px; display:block; text-align:center;line-height:32px;background: url(../Images/sysimg01.png) no-repeat 0 -190px; color:#fff;}

.cinner .item .l_tit{ float:left;}
.cinner .item .free-btn{ margin-top:12px;}
#courseList #loadGif {position: absolute; left: 50%; margin-left:-64px; top:-20px;}
.inico_01 a{ padding-left:20px; background:url(../Images/sicon.png) no-repeat 0 -151px; }
.inico_02 a{ padding-left:20px; background:url(../Images/sicon.png) no-repeat 0 -178px; }
/* -----------------------------------------------------------
【怎样上课】
 -----------------------------------------------------------*/
.hclass_tit{ max-width:1180px;margin:40px auto 30px auto; }
.hclass_bar{ background:#ebebec; width:100%;}
.hclass_box { max-width:1180px;margin:0 auto; padding:30px 10px;}
.hclass_box .video{width:480px;float: left;margin-left:7%;}
.hclass_box .vtext { padding:10px 0; float:left; width:40%; margin-left:30px; text-align:center; line-height:24px; }
.hclass_box .vtext h2{ height:46px; background:url(../Images/h1_titile.png) no-repeat 50% -167px;}
.hclass_box .vtext span{ display:inline-block; border-top:#999; border-bottom:#999; padding:10px 20px;}
.hclass_box .vtext h2 b{ display:none;}
.hclass_box .vtext a{ margin:30px auto;-webkit-transition: 0.25s;transition: 0.25s;}
/* -----------------------------------------------------------
【正在上课 浮层】
 -----------------------------------------------------------*/
.cbeing-frame{ position:absolute; border-radius:4px; padding:20px;width:330px; border:1px solid #ddd; background:#fff;box-shadow: 0px 4px 5px #000;z-index: 299;right:15%; top:50%; margin-top: -80px;}
.cbeing-main{ position:relative; color:#999; }
.cbeing-main .cbeing-header { margin-bottom:15px;}
.cbeing-main .cbeing-header .title:hover {text-decoration: underline; color:#349AE8;}
.cbeing-main .cbeing-header h2{ font-size:16px; color:#333;}
.cbeing-main .cbeing-header .cancel{ display:inline-block; position:absolute; right:-12px; top:-12px; text-align:right; width:15px; height:15px; background:url(../Images/cancel_pic.png) no-repeat;}
.cbeing-main .cbeing-con{ line-height:22px;}
.cbeing-main .cbeing-con .photo { height:40px;margin-top:20px;}
.cbeing-main .cbeing-con .photo li{ float:left; text-align:center;display:inline-block;width:27px;height:27px;border-radius: 50%;border:2px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);background: #fff;overflow: hidden; margin-right:8px;}
.cbeing-main .cbeing-con .photo img{ width:100%;}
.cbeing-main .cbeing-con .photo .pmore{ width:30px; height:30px; background:url(../Images/them_sicon.png) #e7e7e7 no-repeat 3px -228px;}
.cbeing-main .cbeing-con .international-warning{ line-height:22px; height:65px;overflow: hidden;text-overflow: ellipsis;}
.cbeing-main .cbeing-con .p-more{width:33px;box-shadow:none; position:relative;font-weight:bold;height:33px; display:inline-block;border-radius: 50%; background:#e7e7e7;}
.cbeing-main .cbeing-con .p-more a b{ position:absolute; top:-5px; left:5px;font-size:24px; }
.cbeing-main .cbeing-con .btna { position:absolute; right:-40px;top: 75%;}
.cbeing-main .cbeing-con .btna a{ font-size:16px; display:inline-block; color:#fff; width:90px; height:36px; line-height:36px;border-radius:4px; background: url(../Images/arrow_ico.png) no-repeat #ee264b 85px -100px; padding-right:20px; text-align:center;}
/* -----------------------------------------------------------
【近期课程鼠标移上去 浮层】
 -----------------------------------------------------------*/
.hover_main{ border-radius:4px; float:left;width:250px;border:1px solid #afafaf; background:#fff;box-shadow: 0px 0px 12px #666;}
.hover_box { line-height:22px; position:relative;}
.hover_box h2{ color:#333; font-size:16px;}
.hover_box .hover_info{ padding:15px;}
.hover_box .hover_info p{ margin:5px 0; color:#777;}
.hover_box .userpl{ padding:15px 0; margin-top:20px; border-top:1px dashed #ddd;}
.hover_box .userpl dt{ float:left;}
.hover_box .userpl dt{display:inline-block;width:30px;height:30px;border-radius: 50%;border:3px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);background: #fff; cursor:pointer;overflow: hidden;}
.hover_box .userpl img{ width:100%;}
.hover_box .userpl dd{ float:left; margin-left:10px; width:75%;}
.hover_box .userpl dd p{ color:#999;}
.hover_box .starpf span{ float:left; width:16px; height:16px; display:inline-block; background:url(../Images/star_ico.png) no-repeat 0 0;}
.hover_box .starpf span.half{ float:left; width:16px; height:16px; display:inline-block; background:url(../Images/star_ico.png) no-repeat 0 -19px;}
.hover_box .starpf span.no{ background:url(../Images/star_ico.png) no-repeat 0 -39px;}
.hover_box .opbbox{ background:#f6f6f6; padding:15px;}
.hover_box .opbbox li{ width:100%;}
.hover_box .opbbox a{ width:100%;float:left; margin-bottom:10px; line-height:30px;  text-align:center; }
.hover_box .whitebtn{ border:1px solid #dfdfdf; background:#fff; color:#666;border-radius:4px;}
.hover_box .redbtn{border:1px solid #e81a41;  color:#fff; background:#e81a41;border-radius:4px; }
.hover_box .hover_info .cdata{ margin-top:10px; font-size:12px; color:#999;}
.hover_box .hover_info .ctext{line-height:20px;display:block;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin:15px 0;}
.hover_box .userpl dd .ptext{line-height:20px;display:block; font-size:12px; color:#999; margin-top:10px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:10px;}
.hover_box .harrow{ width:18px; height:32px; position:absolute; background:url(../Images/arrow_ico.png) no-repeat;top:45%;}
.hover_box .left{ background-position:0 -227px; left:-18px; }
.hover_box .right{ background-position:0 -260px; right:-18px;}

.classing{ width:56px; float:left; height:21px; line-height:21px; margin-right:5px; display:inline-block; background:url(../Images/sysimg01.png) no-repeat -60px -165px; font-size:12px; color:#fff; padding-left:2px;}
.yuylink{ background:#fcf4db; text-align:center; padding:10px 0; }
.yuylink h3{ font-size:16px; color:#333; margin-bottom:10px; font-weight:normal;}
.yuylink a{ display:inline-block; margin:0 5px; width:66px; text-align:center; line-height:30px; border-radius:3px; background:#e81a41; color:#fff;}
.yycon{text-align:center; /* padding:10px 0; */float:right;}
.yycon h3{ font-size: 14px; color: #666; /* margin-bottom:10px; */ font-weight:normal;}
.yycon a{ display:inline-block; margin:0 5px; width:66px; text-align:center; line-height:30px; border-radius:3px; border:1px solid #e81a41; color:#e81a41;}
/* 小分辨率 
@media screen and (max-width: 1220px){
    .linner {width: 990px; position: relative;}
    .header{width:990px;padding:0px;}
    .mainbar{min-width:990px;}
    .carousel {min-width: 990px;}
    .header .navbox {float: left;margin: 25px 0 0 1%;font-size: 15px;}
    .header .navbox li a{ float:left; display:block; margin:0 16px;}
    .header .subnav li a{margin:0;}
    .b_guide_box{ width:990px;}
    .cinner .item { padding-left:38px;}
    .mainbox{width:990px;margin:0 auto; padding:30px 10px;}
    .linner .l1_cn{ float:left; width:58%; padding:35px 20px; position:relative;}
    .cinner .item { padding-left:38px;}
    .navbox{float:left;margin: 25px 0 0 5%; font-size:15px;}
    .l3_cn{ display:none;}
    .hclass_tit{width:990px;margin:40px auto 30px auto; }
    .hclass_box { max-width:990px;margin:0 auto; padding:30px 10px;}
    .footer .footer-bg{width:990px; padding:0 10px; min-width:980px; margin:0 auto;}
    .footer .footer-bg .client .safe{ padding:0 3%;width:32%; }
    .hidden_eva{ display:block;}
    .cc-wrap{ width:680px;}
    .class-bd li{ margin:14px 26px;}
}
*/
.video-inner{width:100%;min-width: 1200px;position:absolute;top: 99px;left:0;z-index: 2000;text-align:center;height:530px;overflow:hidden; background: url(../Images/video-start.jpg) no-repeat center 0;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover; }
.video-inner video{ width:100%;}
.video-mwrap{ width:1200px; margin:0 auto;}
.video-inner .p-video-body{ background: url(../Images/t-banner.jpg) repeat; position:relative; min-height:600px; overflow:hidden;}
.video-inner .p-video-md{min-height: 530px;min-width:1200px;text-align:center;position:absolute;z-index:1000;}
.video-inner .p-video-md .ban-slogan{text-align:center;color:#fff;margin: 155px 0 65px 0;}
.video-inner .p-video-md .ban-slogan h1{font-size: 55px;margin-bottom:25px;}
.video-inner .p-video-md .ban-slogan p{font-size: 24px;}
.video-inner .masking-bg{width:100%;height: 530px;background: url(../Images/black-bg.png) repeat;position:absolute;z-index:999;}
.video-inner .s-btn{ text-align:center;}
.video-inner .s-btn a{display:inline-block;border-radius:5px;color:#fff;height: 48px;line-height: 48px;min-width: 210px;font-size: 18px;margin:0 10px;}
.video-inner .s-btn a.btn1{background:#4ca4ff;border:2px solid #4ca4ff;box-shadow: 0px 1px 1px #333;}
.video-inner .s-btn a:hover.btn1{background:#3894f4; border:2px solid #3894f4;}
.video-inner .s-btn a.btn2{ border:2px solid #fff;}
.video-inner .s-btn a:hover.btn2{border:2px solid #4ca4ff;}
.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;}
.video-inner .closeVideo {background: url(../Images/close_fbar.png) no-repeat -60px 0;position:absolute; right: 15%; top: 5%; width: 30px; height: 30px;}
/* -----------------------------------------------------------
【公共尾部】
 -----------------------------------------------------------*/
.footer{ margin-top:20px; padding-top:30px; background-color: #f4f4f4;}
.footer .footer-bg{ max-width:1180px; padding:0 10px; min-width:980px; margin:0 auto;}
.footer .footer-bg .client li{ float:left; margin-top:30px;padding:0 10px 0 3%; border-right:1px solid #DDD;}
.footer .footer-bg .client .comp{width:35%; }
.footer .footer-bg .client .safe{ padding:0 5%;width:30%; }
.footer .footer-tit {margin-bottom:20px;}
.footer .footer-tit h4{font-weight:normal; float:left; font-size:16px;}
.footer .footer-tit span{ float:left; color:#B1B1B1;margin:2px 0 0 20px;}
.footer .footer-tit img{ margin-top:120px;}
.footer .company_logo{ height:38px; background:url(../Images/company_logo.png) no-repeat;}
.footer .safe_logo{ height:38px; background:url(../Images/company_logo.png) no-repeat 0 -38px;}
.footer .ad{ text-align: center;}
.footer .ad h4{font-weight:normal; font-size:16px;}
.footer .ad .ad-con{margin:20px 0;}
.footer .contact{ height:150px; margin-top:30px;border-radius:5px;background:#E7E7E7;}
.footer .contact .contact-info{ float:left;}
.footer .contact .l-list{ width:63%;border-right:1px solid #fff;}
.footer .contact .l-list .explain-con{ position:relative;height:100px;}
.footer .contact .l-list .explain-con li{ float:left; margin-left:10%; margin-top:30px;}
.footer .contact .l-list .explain-con em{ font-size:40px; width:42px; height:42px; background:url(../Images/copyright_ico.png) no-repeat; display:inline-block;float: left;}
.footer .contact .l-list .explain-con em.ico_1{ background-position:0 0;}
.footer .contact .l-list .explain-con em.ico_2{ background-position:-48px 0;}
.footer .contact .l-list .explain-con em.ico_3{ background-position:-96px 0;}
.footer .contact .l-list .explain-con em.ico_4{ background-position:-145px 0;}
.footer .contact .l-list .explain-con em b{ display:none;}
.footer .contact .l-list .explain-con .con-div{display:inline-block; margin:5px 0 0 5px; float: left;}
.footer .contact .l-list .c-con{height:50px;border-top:1px solid #fff;}
.footer .contact .l-list .counflg-list{ position:relative; left:15px;}
.footer .contact .l-list .counflg-list li{ float:left;margin-left:15px; margin-top:15px;}
.footer .contact .l-list .counflg-list li a{ color:#333; display:inline-block; height:22px; padding-left:25px; background:url(../Images/country_logo.png) no-repeat;opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; }
.footer .contact .l-list .counflg-list li a:hover{opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";}
.footer .contact .l-list .counflg-list li a.pflag{ background-position:0 0;}
.footer .contact .l-list .counflg-list li a.dflag{ background-position:0 -22px;}
.footer .contact .l-list .counflg-list li a.fflag{ background-position:0 -44px;}
.footer .contact .l-list .counflg-list li a.eflag{ background-position:0 -66px;}
.footer .contact .l-list .counflg-list li a.xflag{ background-position:0 -88px;}
.footer .contact .l-list .counflg-list li a.yflag{ background-position:0 -110px;}
.footer .contact .l-list .flow-attention{ float:right; margin:15px 20px 0 0;}
.footer .contact .l-list .flow-attention li{ float:left; margin-left:20px;}
.footer .contact .l-list .flow-attention li span{ display:inline-block; float:left; width:22px; height:20px;background: url(../Images/copyright_ico.png) no-repeat; margin:0 5px;}
.footer .contact .l-list .flow-attention li span.sinawb{ background-position:0 -52px;}
.footer .contact .l-list .flow-attention li span.weixingz{ background-position:0 -75px;}
.footer .contact .l-list .flow-attention li a:hover{ color:#e81a41;}
.footer .contact .l-list .flow-attention li a:hover span.sinawb{ background-position:-29px -52px;}
.footer .contact .l-list .flow-attention li a:hover span.weixingz{ background-position:-29px -75px;}
.footer .contact .r-contact{ width:24%; text-align: center; float:right;}
.footer .contact .r-contact .contact-list li{ margin-top:15px;}
.footer .contact .r-contact .phone-icon{ display:inline-block; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; height:37px; background:url(../Images/copyright_ico.png) no-repeat -195px  0; padding-left:44px; font-size:28px;}
.footer .contact .r-contact .consult{display:inline-block; padding:2px 60px 5px 60px; font-weight:bold;font-size:16px; color:#fff;border-radius:5px;background:#e81a41;-webkit-transition: 0.25s;transition: 0.25s;}
.footer .contact .r-contact a:hover.consult{ background:#f6264d;}
.footer .contact .r-contact .qq-icon{display:inline-block;width:23px;height:25px;background: url(../Images/copyright_ico.png) -75px -55px no-repeat;}
.wx_qrcord{ width:100px;height:110px; text-align:center; float:left; padding:20px 25px; border-right:1px solid #fff;font-size: 12px;}
@media screen and (max-width: 1220px){
    .footer .contact .l-list .explain-con li{ float:left; margin-left:6%;}
    .footer .contact .l-list{ width: 62%;}
    .wx_qrcord{padding:20px 15px; }
    .footer .contact .l-list .counflg-list{ position:relative; left:0px;}
    .footer .contact .l-list .counflg-list li{margin-left:12px;}
    .footer .contact .l-list .flow-attention {float: right; margin: 15px 10px 0 0; }
}

.foot_cflg{position:relative; left:15px; top:11px;}
.foot_cflg li{ float:left;}
.foot_cflg li a { display:block;  float:left; line-height:22px; margin-right:15px; color:#999;}
.foot_cflg li a:hover { color:#444;}
.foot_cflg li a.lion span.pflag{ background-position:-22px 0;}
.foot_cflg li a.lion span.dflag{ background-position:-22px -22px;}
.foot_cflg li a.lion span.fflag{ background-position:-22px -44px;}
.foot_cflg li a.lion span.eflag{ background-position:-22px -66px;}
.foot_cflg li a.lion span.xflag{ background-position:-22px -88px;}
.foot_cflg li a.lion span.yflag{ background-position:-22px -110px;}
.foot_cflg li a span{ display:inline-block; height:22px; width:22px; float:left; margin-right:5px;  background:url(../Images/country_logo.png) no-repeat;}
.foot_cflg li a span.pflag{ background-position:0 0;}
.foot_cflg li a span.dflag{ background-position:0 -22px;}
.foot_cflg li a span.fflag{ background-position:0 -44px;}
.foot_cflg li a span.eflag{ background-position:0 -66px;}
.foot_cflg li a span.xflag{ background-position:0 -88px;}
.foot_cflg li a span.yflag{ background-position:0 -110px;}
.foot_cflg li a:hover span.pflag{ background-position:-22px 0;}
.foot_cflg li a:hover span.dflag{ background-position:-22px -22px;}
.foot_cflg li a:hover span.fflag{ background-position:-22px -44px;}
.foot_cflg li a:hover span.eflag{ background-position:-22px -66px;}
.foot_cflg li a:hover span.xflag{ background-position:-22px -88px;}
.foot_cflg li a:hover span.yflag{ background-position:-22px -110px;}
/* -----------------------------------------------------------
【版权】
 -----------------------------------------------------------*/
.copyright{font-size:12px; line-height:30px;text-align:center;}

/*尾部注册提示*/
.fix_bm_bar {position: fixed;width: 100%;left: 0; bottom:0;height:54px;background: rgba(0,0,0,.75);z-index:1000;}
.bd_inner { width:1045px; margin:0 auto; padding-top:9px; height:45px; padding-left:45px;}
.bd_inner .ltext{ color:#fff; font-size:16px; color:#ccc; float:left; padding-top:2px;}
.bd_inner .ltext span{ font-size:18px; color:#fff;}
.bd_inner .ltext em{ font-size:24px; color:#ffe25d;}
.bd_inner .lr_btn { padding-left:100px; background:url(../Images/g_rimg.png) no-repeat; float:left; margin-left:30px;}
.bd_inner .lr_btn a{ display:inline-block; height:32px; line-height:30px; border-radius:4px; padding:0 20px; font-size:16px; margin:0 5px;-webkit-transition: 0.25s;
    transition: 0.25s;}
.bd_inner .loginbtn{ border:1px solid #fff; color:#fff;}
.bd_inner .loginbtn:hover{ background:#333; border:1px solid #ddd; color:#ddd;}
.bd_inner .regbtn{background:#0cc49f; color:#fff; border:1px solid #0ab592;}
.bd_inner .regbtn:hover{ background:#0ab592;}
.close_bar{ width:30px; height:28px; background:url(../Images/close_fbar.png) no-repeat -31px 0; cursor:pointer; position:absolute; right:30px; top:15px; text-indent:-999px; overflow: hidden;}
.close_bar:hover{ background:url(../Images/close_fbar.png) no-repeat 0 0;}

