@charset "utf-8";
/* 公共 CSS */

body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 , li , ul{ list-style:none;font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;}
input , textarea , button{ outline:none;}
a{ text-decoration: none;}
a:hover{ text-decoration:none;}
ul{ margin:0;}
.color_9{ color:#999;}
.color_6{ color:#666;}
.color_3{ color:#333;}
.color_c{ color:#ccc;}
.color_f{ color:#fff;}

.error {color:red;}

.fsize_12{ font-size:12px;}
.fsize_14{ font-size:14px;}
.fsize_18{ font-size:18px;}
.fsize_20{ font-size:20px;}
.fsize_24{ font-size:24px;}
.fsize_28{ font-size:28px;}
.fsize_32{ font-size:32px;}
.fsize_36{ font-size:36px;}

.unfunctional {color: #c5c5c5;}

/*input for tel and verification*/
.input-bd{ position:relative;}
.input-bd input{ text-indent:80px;}
.input-bd .input-title{ position:absolute; line-height:40px; width:70px; left:10px; color:#333; z-index:999;}
.input-bd{ margin-bottom:15px;}
.result-succeed {display: inline-block;height: 80px; text-align:center;width:100%;line-height:80px}

.fanhui_shang{ position:absolute; left:10px; top:15px; width:20px; height:20px; background: url(../Images/fanhui.png) no-repeat center; background-size:100% 100%;}



/*清除*/
.padding_lr20{ padding:0 20px;}
.pd_lr_no{ padding-left:0; padding-right:0;}
.pd_left_no{ padding-left:0;}
.pd_right_no{ padding-left:0;}
.margin-top15{ margin-top:15px;}

.margin-bm15{ margin-bottom:15px;}
.margin-lr15{ margin:0 15px;}

.nav_clear{ margin:auto 0; position:fixed; top:0; left:0; width:100%; background:#fff;}
.img-box img{ margin:0 auto;}

.col-horizontal{ padding:0;}

.message-bar {margin-top: 30px;}

/*子页面导航---蓝色*/
.subpage-nav{ background:#4a9af5; border-radius:0; color:#fff; margin:0;}
.subpage-nav .nav a{ color:#fff;}
.subpage-nav .nav a:hover{ background:#3e8fec;}
.subpage-nav .nav a:active,.subpage-nav .nav a:visited{ background:#3e8fec;}
.subpage-nav .navbar-toggle{ border:1px solid #fff;} 
.subpage-nav .navbar-toggle .icon-bar { background-color:#fff;}
.subpage-nav .logo_wihte{ color:#fff; font-size:18px; vertical-align:top; margin-right:30px;}
.subpage-nav .logo_wihte span{ font-family:Arial, Helvetica, sans-serif; color:#fff;  font-weight:bold; font-size:26px;}

.reg-login2{color:#B3D7FF;padding:15px 0; clear:both;}

.subpage-nav .reg-login{ float:right; color:#B3D7FF;margin-top: 15px;}
.subpage-nav .reg-login a{ color:#fff; margin:0 10px;}
.subpage-nav .reg-login a:hover{ color:#fff; text-decoration:underline;}
.subpage-nav .backico{color:#fff; text-decoration:none;font-size:24px; line-height:46px; width:48px; text-align:center;}
.subpage-nav .backico:hover{ text-decoration:none; color:#C3E8FF;}
.subpage-nav .nav-title h4{ line-height:48px; margin:0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*子页面导航---灰色*/
.navbar-default .logo_wihte{ color:#333; font-size:18px; vertical-align:top; margin-right:30px;}
.navbar-default .logo_wihte span{ font-family:Arial, Helvetica, sans-serif; color:#2d9f80; font-weight:bold; font-size:26px;}
.navbar-default .reg-login{ float:right; color:#ddd;padding-top: 15px; font-size:16px;}
.navbar-default .reg-login a{ color:#333; margin:0 10px;}
.navbar-default .reg-login a:hover{ color:#333; text-decoration:underline;}
.navbar-default .backico{color:#666; text-decoration:none;font-size:24px;line-height:46px; width:48px; height:48px; text-align:center; position:absolute; left:0;}
.navbar-default .backico:hover{ text-decoration:none; color:#222;}
.navbar-default .nav-title { text-align:center; line-height:48px; font-size:18px; height: 48px;}
.navbar-default .nav-title h4{ line-height:48px; margin:0; margin-left:48px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.navbar-default .nav-title .title {overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  display: inline-block;  width: 90%;  margin: auto 0 auto 48px;}

.navbar-header2 .backico .icon-angle-left { line-height:46px }

.login-user{ margin-bottom:30px;}
.login-user .media{ margin-top:20px; border-top:1px solid #ddd; padding-top:20px;}
.login-user .media-title{ margin-left:15px;}
.login-user .media-title h4{ margin-bottom:10px;}
.login-user .media-body{ color:#555;}
.login-user .media-left img{ width:42px; height:42px;}

.login-user2{ float:right; margin-top:10px;}
.login-user2 h4{ float:left; margin:0 15px; color:#555; font-size:14px;}
.login-user2 img{ width:32px; height:32px; float:left;}
.login-user2 a{ margin-left:15px;}


/*----------------------------------------
-------------------课程服务页面---------------*/
.sev_banner{ background:#3e8fec; color:#fff;}
.sev_catalog { background-color:#f9f9f9; margin-bottom:25px;}
.sev_catalog h3{ padding-bottom:10px; border-bottom:1px solid #f0f0f0;}
.sev_catalog li{ line-height:22px; margin-bottom:8px;}
.sev_catalog li a{ color:#444;}
.sev_catalog li a.active{ color:#09F;}

.sev_inner { color:#666; margin-bottom:60px; padding-top:20px;}
.sev_inner  h3{ border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:20px; color:#333;}
.sev_inner  h4{ font-weight:bold; color:#333; margin-bottom:20px;}
.sev_inner  h4 span{ color:#666; margin-right:10px;}

.cm_head{ margin-bottom:30px;}
.cm_head blockquote{ margin-bottom:30px; color:#317fd8; font-weight:bold;}

.f_line{font-size: 20px;background: #f8f8f8;margin: 0 5px;color: #444;border-bottom: 2px solid #14d8d5;line-height: 30px;}

.trait_item{ margin-bottom:30px;}
.square-ico-blue{ display:inline-block; width:12px; height:12px; background:#4599d9; margin-right:10px;}
.square-ico-gray{ display:inline-block; width:12px; height:12px; background:#888; margin-right:10px;}



/*-----------------------------------------
-------------------主题页面------------------*/
.fixed-bar { background:rgba(255,255,255,.95);box-shadow: 0px 1px 1px #a6a6a6; padding:4px 0; width:100%; margin-bottom:20px; z-index:1000;}
.fixed-bar .ltitle strong{ font-size:18px; color:#ff8533;}
.fixed-bar .ltitle h5{ overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.fixed-bar .rbtn a{ margin-top:8px;}
.fixed-bar h5{ margin-bottom:0;}

.fixed-up .upbtn{ color:#333; text-decoration:none; font-size:24px; cursor:pointer; padding:0 10px; position:absolute;}
.fixed-up .upbtn:hover{ text-decoration:none; color:#4a9af5;}

.fixed-up .popover_up{ width:100%; top:52px;}
.popover_up  li{ list-style-type:none;}
.popover_up {
  border-radius:0;
  border:none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;  
  padding: 1px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color:rgba(0,0,0,.7);
}
.popover-up-content { text-align:center; padding-top:20px;}
.popover-up-content a{ color:#333; background:#fff; border-radius:3px;}



.imagezoom-wrap { position:relative; margin-bottom:30px;}
.imagezoom-wrap img{width:100%;}
.imagezoom-wrap .page-numb{ position:absolute;bottom:0; left:0; background:rgba(0,0,0,.80); color:#fff; height:28px; line-height:28px; padding:0 15px;}
.imagezoom-wrap .preview-btn{ position:absolute; left:38%; top:40%; background:rgba(0,0,0,.45); color:#fff; display:block; border-radius:50px; height:38px; line-height:38px; padding:0 20px;}

.classinfo-wrap{margin-bottom:30px;}
.classinfo-wrap dd{ margin:0 0 7px 80px;}

.score-value{ width:73px; height:13px; background: url(../Images/star_ico.jpg) no-repeat; display: inline-block; margin:3px 10px 0 0;;}
.score-value i{ height:13px; display:block;background: url(../Images/star_ico.jpg) no-repeat 0 -13px;}

.comment-total a{ color:#3188EB; margin:0 10px;}
.comment-total i{ color:#555; margin-right:5px;}
.comment-more { color:#666; font-size:14px;}
.comment-more .pl_numb{ margin-top:3px;}
.comment-more .pl_numb i{}

.trait-list{ text-align:center; margin-bottom:20px;}
.trait-list span{ margin:0 5px;}
.trait-list i{ margin-right:5px; color:#4a9af5;}

.avgscore strong{ font-size:18px; color:#ff8400;}
.avgscore i{ color:#999; margin-right:10px; font-size:20px; float:left; margin-top:2px;}


.apply { margin:30px 0;}
.apply .btn{ margin-bottom:10px;}

.surplus strong{ font-size:18px; color:#ff8533}
.tphoto-box span{ display:block; margin:0 auto; max-width:120px;}
.tphoto-box img{ max-width:;}

.dlcon .dt-hd{display: table-cell;vertical-align: top;padding-right: 10px; width:30%;}
.dlcon .dd-bd{display: table-cell;vertical-align: top;}


/*-----------------------------------------
-------------------首页------------------*/
/*banner*/

.icon-menu {font-size:18px; margin:0 auto 10px auto;}
.icon-menu a{ color:#333; text-decoration:none;}
.icon-menu i{ background:#fff; color:#888; text-align:center; display:inline-block;width:44px; height:44px; margin-bottom:5px;}
.icon-menu .tname{ font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; vertical-align:top; line-height:44px; font-size:14px;}

.icon-menu i.sev-ico1{ background: url(../Images/sevico.png) no-repeat 0 0; background-size:220px;}
.icon-menu i.sev-ico2{ background: url(../Images/sevico.png) no-repeat -44px 0; background-size:220px;}
.icon-menu i.sev-ico3{ background: url(../Images/sevico.png) no-repeat -88px 0; background-size:220px;}
.icon-menu i.sev-ico4{ background: url(../Images/sevico.png) no-repeat -132px 0; background-size:220px;}
.icon-menu i.sev-ico5{ background: url(../Images/sevico.png) no-repeat -176px 0; background-size:220px;}

/*主题*/
.lesson-tit{ padding:0 15px;}
.lesson-item{ margin-top:25px;}
.lesson-item .label{ margin-right:10px; font-weight:normal;}
.lesson-item a {
    display: block;
    text-decoration: none;
}

.lesson-item a p{ color:#b2b2b2; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.lesson-item  h5{height:22px; font-size:15px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; margin:0;margin-top: 5px;}
.lesson-item a:hover { text-decoration: none;}

.lesson-item .img-responsive{  display: block; width: 100%; max-height: 180px;}

.fbtn{ position:absolute; right:20px; top:0;}
.free-listen{ border-left:5px solid #E8AA53; padding-left:7px;}

.lesson-item .new-video-conf-info {  font-size:12px; color: #0dbddd; display: inline-block; margin: 10px 0;}

.litem-bd  .caption p{ margin-bottom:0;}
.hover-bg:hover,.hover-bg:active,.hover-bg:visited{}
.litem-bd  { display: block; padding: 10px 5px; line-height: 1.42857143; background-color: #fff;  border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out;-o-transition: border .2s ease-in-out;transition: border .2s ease-in-out; position:relative;}

.session-item {margin-bottom:25px;}
.session-item a{ display:block; padding:15px; height:180px; margin-left:-1px;margin-bottom:-1px; color:#333;border:1px solid #eee; text-align:left;}
.session-item .col-md-3{ padding-left:0; padding-right:0;}
.session-item .row{margin-left:0; margin-right:0;}
.session-item .btn{ border-radius:0;}
.session-item .stitle {display: inline-block;  max-width: 120px;  white-space: initial;}

.litem-bd .img-responsive{  display: block; width: 100%;height: auto; margin-top:16px; padding:0;}


.c-date{ line-height:30px; color:#666; font-size:12px;}
.c-date-in{ color:#E1700B;}

.session-item .sc01 a{ background:url(../Images/spic01.jpg) no-repeat right bottom; background-size:160px ;}
.session-item .sc02 a{ background:url(../Images/spic02.jpg) no-repeat right bottom; background-size:160px ;}
.session-item .sc03 a{ background:url(../Images/spic03.jpg) no-repeat right bottom; background-size:160px ;}
.session-item .sc04 a{ background:url(../Images/spic04.jpg) no-repeat right bottom; background-size:160px ;}
.session-item .sc05 a{ background:url(../Images/spic05.jpg) no-repeat right bottom; background-size:160px ;}

.session-item .sc01 a{ position:relative;}
.session-item .hotico{ display:block; width:20px; height:40px; display:inline-block; background:url(../Images/hotico.png) no-repeat; background-size:20px; position: absolute; left:90px; top:15px;} 


.listen-help span{ border-radius:50%; width:22px; height:22px;}
.listen-help .modal-body{ padding:20px; color:#666;}
.listen-help .modal-body a{ margin:20px 0;}


/*关于我们*/
.about-wrap { background:#555C64; color:#fff; margin-top:30px;}
.c-more{ background:#e9e9e9; text-align:center; line-height:36px; margin-top:20px; color:#666;}
.c-tag{ margin-top:5px;}
.about-cus { margin:50px auto;}
.about-cus dt{ float:left; font-size:12px; text-align:center; font-weight:normal;}
.about-cus dt img{ display:block; margin-bottom:10px;}
.about-cus dd{ float:left; margin-top:10px; margin-left:20px;}
.about-cus dd i{ font-size:20px; margin-right:10px;}
.about-cus .c-tel a{ color:#fff; font-size:18px; color:#fff;}
.about-cus .qbtn{  background:#7DB4F2; margin-top:20px; color:#fff;}




/*-----------------------------------------
-------------------注册------------------*/
.reg-warp{margin:10px 0;}
.form-reg { margin: 0 auto;}
.form-reg-heading{ margin:20px 0;}
.form-reg .checkbox { margin-bottom: 10px;}
.form-reg .checkbox { font-weight: normal;}
.form-reg .form-control { position: relative; height: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 10px; font-size: 16px;margin-bottom: 15px;}
.form-reg .form-control:focus {z-index: 2;}
.obtn{ margin:20px 0; display: inline-block;}
.left-hint {float: left; text-align: left;}

.phone-verify input{height:40px;-webkit-appearance: none;}
.phone-verify .input-group-btn .btn {height:40px;font-size: 18px;}
.phone-verify .btn-md{ padding:0 12px; line-height:40px; height:40px;}

.input-pz{ position:relative;}
.sucico{position:absolute; right:10px; top:10px; font-size:18px; color:#396; z-index:999;}
.warnico{position:absolute; right:10px; top:10px; font-size:18px; color:#F30; z-index:999;}

#skip-link{font-size:14px;display: block;}


/*-----------------------------------------
-------------------登录------------------*/
.form-signin { margin: 0 auto;}
.form-signin-heading{ margin:20px 0;}
.form-signin .checkbox { margin: 20px 0;}
.form-signin .checkbox { font-weight: normal;}
.form-signin .form-control { margin-bottom: -1px; position: relative; height: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 10px; font-size: 16px;-webkit-appearance: none;}
.form-signin .form-control:focus {z-index: 2;}
.form-signin input[type="phone"] { margin-bottom: -1px;  -webkit-appearance: none;}
.form-signin input[type="password"] { margin-bottom: 10px; -webkit-appearance: none;}




@media (max-width: 768px) {
.icon-menu{ font-size:14px; text-align:center; border-top:1px solid #eee;}
.icon-menu h4{ font-size:14px;}
.icon-menu  .glyphicon{ font-size:22px; padding:10px; margin:0 auto; margin-bottom:5px;}
.icon-menu i{background:#fff; color: #888; text-align:center; text-align:center; display:inline-block; width:30px; height:30px; margin-bottom:5px;}
.icon-menu .tname{ display:block; line-height:22px;}
  
.litem-bd  { border:none; border-radius:0; border-bottom:1px solid #eee;}  
.icon-menu i.sev-ico1{ background: url(../Images/sevico.png) no-repeat 0px 0; background-size:150px;}
.icon-menu i.sev-ico2{ background: url(../Images/sevico.png) no-repeat -30px 0;background-size:150px;}
.icon-menu i.sev-ico3{ background: url(../Images/sevico.png) no-repeat -60px 0;background-size:150px;}
.icon-menu i.sev-ico4{ background: url(../Images/sevico.png) no-repeat -90px 0;background-size:150px;}
.icon-menu i.sev-ico5{ background: url(../Images/sevico.png) no-repeat -120px 0;background-size:150px;}
  

.lesson-item{ margin:0px;}
.session-item a{ height:125px;}
.session-item .sc01 a{ background:url(../Images/spic01.jpg) no-repeat right bottom; background-size:110px ;}
.session-item .sc02 a{ background:url(../Images/spic02.jpg) no-repeat right bottom; background-size:110px ;}
.session-item .sc03 a{ background:url(../Images/spic03.jpg) no-repeat right bottom; background-size:102px ;}
.session-item .sc04 a{ background:url(../Images/spic04.jpg) no-repeat right bottom; background-size:110px ;}


.cos-info-btn a{ display:block;}

.litem-bd  .caption { padding-right:0;}

.imagezoom-wrap {max-height:150px; overflow:hidden; position:relative; margin-bottom:30px;}
.imagezoom-wrap img{ margin-top:-10%;}
}

.fixed-bar-white{  border-top:1px solid #ddd;background:#fff; position:fixed; bottom:0; width:100%; z-index:999; min-height:50px;
background: #f9f9f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f9f9f9 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9f9f9 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9f9f9 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9f9f9 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
 }
.fixed-bar-white .linebtn a{ margin:8px 0;}
.fixed-bar-white .tel-qq i{ display:block; font-size:22px;}
.fixed-bar-white .tel-qq a{ color:#555; float:left; text-align:center; padding:2px 8px; text-decoration:none;}
.fixed-bar-white .tel-qq a:hover{ background:#f4f4f4;} 
.fixed-bar-black{background:rgba(0,0,0,.85); position:fixed; bottom:0; width:100%; z-index:999; height:46px; }
.fixed-bar-black .linebtn a{ margin-top:5px;}
.fixed-bar-black .tel-qq i{ display:block; font-size:22px;}
.fixed-bar-black .tel-qq a{ color:#fff; float:left; text-align:center; padding:2px 8px; text-decoration:none;}
.fixed-bar-black .tel-qq a:hover{ background:#f4f4f4;} 
.high60{ height:60px;}

.snav-tabs {box-shadow: 0px 1px 1px #d6d6d6; margin-bottom:10px; z-index:999; background:#fff; width:100%;}
.snav-tabs a{ color:#666;text-decoration: none;width:100%; text-align:center;display: inline-block;height:42px; line-height:42px;margin-bottom: 0;font-size: 14px;font-weight: normal;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent; text-align:center;}
.snav-tabs a.on{ border-bottom:2px solid #F90;}
.snav-tabs a:active,.snav-tabs a:visited{ background:#eee;}

.white-h-bg{ background:#fff;box-shadow: 0px 1px 1px #d6d6d6;}

.nav-h-tabs >li.tab2{ width:50%;}
.nav-h-tabs >li.tab3{ width:33%;}
.nav-h-tabs >li.tab4{ width:25%;}


.nav-h-tabs >li{ float:left;  margin-bottom:-1px;display:block;}
.nav-h-tabs >li >a{ margin-right:2px;  line-height:1.42857143;  border:1px solid transparent;  border-radius:4px 4px 0 0; text-align:center; color:#333;}
.nav-h-tabs >li >a:hover{ border-color:#eee #eee #ddd}
.nav-h-tabs >li.active >a, 
.nav-h-tabs >li.active >a:hover, 
.nav-h-tabs >li.active >a:focus{ color:#555;  cursor:default; text-align:center;  background-color:#fff;   border-bottom:2px solid #F90;}
.nav-h-tabs.nav-justified{ width:100%;  border-bottom:0}
.nav-h-tabs.nav-justified >li{ float:none}
.nav-h-tabs.nav-justified >li >a{ margin-bottom:5px;  text-align:center}
.nav-h-tabs.nav-justified >.dropdown .dropdown-menu{ top:auto;  left:auto}
@media (min-width:768px){ .nav-h-tabs.nav-justified >li{ display:table-cell;  width:1%}
 .nav-h-tabs.nav-justified >li >a{ margin-bottom:0}
}
.nav-h-tabs.nav-justified >li >a{ margin-right:0;  border-radius:4px}
.nav-h-tabs.nav-justified >.active >a, 
.nav-h-tabs.nav-justified >.active >a:hover, 
.nav-h-tabs.nav-justified >.active >a:focus{ border:1px solid #ddd}
@media (min-width:768px){ .nav-h-tabs.nav-justified >li >a{ border-bottom:1px solid #ddd;  border-radius:4px 4px 0 0}
 .nav-h-tabs.nav-justified >.active >a, 
 .nav-h-tabs.nav-justified >.active >a:hover, 
 .nav-h-tabs.nav-justified >.active >a:focus{ border-bottom-color:#fff}
}

.page-404 { text-align: center;  }
.page-404 .r-infotext .c_text {font-size: 16px;margin: 40px 0;color: #333;}
.page-404 .r-infotext .c_text h1 {font-size: 26px;color: #333;font-weight: normal;margin: 15px 0;}
.page-404 .r-infotext .c_cus h4 { margin-bottom: 15px;}
.page-404 .r-infotext .c_cus li { margin-bottom: 15px;}
.page-404 .r-infotext .c_cus li b {font-size: 18px;color: #E47917;}
.page-404 .cusbtn { display: inline-block;border: 1px solid #ddd;height: 32px;line-height: 32px;border-radius: 3px;padding: 0 15px 0 30px;margin: 0 10px;background: url(../Images/404ico.png) no-repeat 7px -32px;color: #333;}
.page-404 .r-infotext .cusbtn:hover { background: url(../Images/404ico.png) no-repeat #f4f4f4 7px -35px;}

.alert-warn {color:#F05B1C;background-color: #FEF3D6; border-color: #faebcc;}
.alert-warn i{ font-size:18px;}
.alert-warn a{display:inline-block; background:#FF6E00; color:#fff; border-radius:3px; line-height:28px; padding:0 10px;}


@media (min-width: 992px) {
    .lesson-item{ margin-top:25px; height:280px;}
}

@media (min-width: 768px){
    .lesson-item{ margin-top:25px; height:280px;}
}

/*--1117--*/
.c-item-mian {margin-bottom:25px;}
.c-item-mian a{ display:block; color:#333; text-align:left; width:100%;}
.c-item-mian a img{ width:100%;}
.c-item-mian .col-md-3{ padding-left:0; padding-right:0;}
.c-item-mian .row{margin-left:0; margin-right:0;}
.c-item-mian .btn{ border-radius:0;}
.c-item-mian .stitle {display: inline-block;  max-width: 120px;  white-space: initial;}


/*--服务提醒--*/
.message-tips{background: #FFF7CE;text-align:center;line-height: 40px;position: relative;cursor:pointer;border-bottom: 8px solid #F4F4F4;}
.message-tips .arrow-rico {position:absolute;right:0.278rem;top:10px;font-size:22px;color: #999999;}
.message-tips a{ display:block; padding:0 40px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.mt-close{background: none;font-size: 14px;position:absolute;left:0;top:0px;color: #D6AF5E;height:40px;width:45px;cursor:pointer;z-index: 99; border:0;}