/*
 * 课程中心基础样式/*
 * 对bootstrap基础样式覆盖并改装
 */
/**********1.整体框架基础**********/
body{font-family: Microsoft YaHei,"Hiragino Sans GB W3", Helvetica, Arial, sans-serif;}
.qkybody{ background:#f1f5f7; position:absolute; top:0; left:0; min-height:100%; width:100%; }
.qkybody.app{ padding:94px 0 50px;}
.qkyff_fluid{ background:#fff; width:100%;}
.navbar-fixed-top {border: 0;}
.areabody{background:#eaeaea;position:relative; left: 0; top: 0; width: 100%; height: 100%;word-break: break-all;}
a{ cursor:pointer;}
a:focus,.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

/*头部细节*/
.qkyheader{top: 0;left: 0;z-index:9999;width: 100%; background: none; height: 76px; overflow: hidden;background-color: #fff;}
.barnav{ width: 90%; max-width: 1600px; margin: 0 auto;}
.logo{ height:76px;padding-left: 40px; display: block;}
.logo img{ height: 64%; margin-top: 4%;}
/*整体宽度档位提供*/
.container-md,.container-l,.container-xl,.container-p90,.container-p80,.container-p60{
  padding-right: 140px;
  padding-left: 140px;
  margin-right: auto;
  margin-left: auto;
}
.container,.container-md ,.container-l,.container-xl{width:100%;}
.container-p90 {width:90%;}
.container-p80 {width:80%;}
.container-p60 {width:60%;}
.container {max-width:1080px;}
.container-md{max-width:1200px;}
.container-l{max-width:1366px;}
.container-xl{max-width:1640px;}
@media (min-width: 768px) and (max-width: 1200px){
.container-xl{width:1000px; padding-left:0; padding-right:0;}
}
@media (max-width: 768px){
.container-xl{padding-left:15px; padding-right:15px; width:100%;}
}

/*栅格系统*/
.col-sm-2_4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width:20%;
   float:left;
}

/*底部规范*/
.footer{ bottom:0; padding:15px 0; text-align:center; left:0; width:100%; background:none; color:#737373;z-index: 1001;}
.footer.open{ display:block;}
.footer.inverse{ background:#0b384c; color:#51798a;}
.footer.default{ background:#fff; }
.footer a{color:#f04c5d;}
.footer a:hover{color:#f04c5d;text-decoration: underline;}

/*主色调定义*/
a {color:#27b0f2;}
a:hover,a:focus {color:#0288d1; text-decoration:none;}

.mian_background{ background:#27b0f2}/*主色调*/
.assist_background{ background:#72D572}/*辅色调*/
.minor_background{ background:#A3E9A4}/*次色调*/
.app_background{ background:#27b0f2 !important; border-color:#27b0f2 !important;}
.mian_color{ color:#27b0f2!important; cursor:pointer;}/*字主色调*/
.assist_color{ color:#72D572!important;}/*字辅色调*/
.minor_color{ color:#A3E9A4!important;}/*字次色调*/
.app_color{ color:#27b0f2 !important;}

.h1_background{background:#333!important;}
.h2_background{background:#737373!important;}
.h3_background{background:#999!important;}
.error_background{background:#F0485F!important;}
.h1_color{ color:#333!important;}
.h2_color{color:#737373!important;}
.h3_color{color:#999!important;}
.error_color{color:#F0485F!important; }

/*警告颜色覆盖*/
.text-warning{ color:#ff8a00;}
/*标签及徽章背景色优先级*/
.label-primary.badge{background-color: #337ab7;}
.label-success.badge{background-color: #5cb85c;}
.label-info.badge{background-color: #5bc0de;}
.label-warning.badge{background-color: #f0ad4e;}
.label-danger.badge{background-color: #d9534f;}

.ba_f5{ background:#f5f5f5!important;}
.ba_f4{ background:#f4f4f4!important;}
.br_df{ border-color:#dfdfdf!important;}
.br_d8{ border-color:#d8d8d8!important;}
.br_d4{ border-color:#d4d4d4!important;}

.mian_line{ border:1px solid #27b0f2}/*边框次色调*/
.ff_background{ background:#fff!important;}
.nav_color{color:#0A7E07;}
.nav_qkymc a{ color:#27b0f2;} 
.box_ff{ border:1px solid #d8d8d8; background:#fff;}

.remind_tips{ color:#999 !important;}/*注意提示颜色*/
.error_tips{ color:#F0485F !important; }/*错误提示颜色*/
ul.error_tips{ padding:0; margin:0;list-style:none;}/*错误信息列表*/
ul.error_tips li{ padding:4px 0 ; margin:0;}

.cadr_hbg{ background:#f4f4f4;}
.a_tdn{text-decoration:none;}
.a_tdn:hover{ text-decoration:none;}

/**********2.头部主导航条改装**********/
.headernav{ height:50px;}
.nav_box{ width:100%;}
.navbtn{ display:block;height:49px; padding:0 20px; margin-right:3px; margin-left:-15px;line-height:50px; cursor:pointer; text-decoration:inherit; color:#a5a5a5; border:1px solid #fff; border-bottom:0; border-top:0;}
.nav_logo{ float:left; height:50px; width:80px;}
.nav_logo img{ width:50px; margin:12px auto; display:block; height:25px;}
.navline{width :1px;height:34px;  float:left; margin-top:8px;}
.nav_pjname{ float:left; line-height:20px; padding:15px 0; font-size:16px;font-weight: bold; margin:0 0 0 20px;}
.navbar-nav > li > a { height:49px;}

/*设置弹窗*/
.setup_box{ width:100%; margin:0; border-bottom:1px solid #d8d8d8;}
.setup_cont{ border-right:1px solid #d8d8d8; height:326px; width:45%; float:left; padding:0 15px; position:relative;}
.setup_cont_min{ width:10%;float:left; padding:0 15px; text-align:center; line-height:324px;}
.setup_cont_min i{ font-size:18px;}
.setup_cont.right{ border-right:0; border-left:1px solid #d8d8d8;}
.setup_cont .setup_title{ margin:0; padding:15px; margin:0 -15px; background:#f5f5f5; font-size:14px; color:#808080; text-align:center;}
.setup_ul{  position:absolute; top:48px; left:0; width:100%; background:#fff; height:274px; overflow:hidden; z-index:1001;}
.setup_list{width:140%; height:100%; overflow-y:scroll ; padding-right:40%;}
.setup_list_{ margin-right:-15px; padding:0 20px;}
.setup_list_ a{ display:block; padding:10px 20px; color:#333; line-height:20px; margin:0 -20px; cursor:pointer;}
.setup_list_ a:hover{ background:#f5f5f5; text-decoration:inherit;}
.setup_list_ a i{ color:#27b0f2;}

@media (min-width: 768px) {
.nav_other{ float:right; display:block;}
.nav_box{ width:auto;}
.nav_pjname{  margin:0 40px 0 20px;}
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #27b0f2;
}

/**主导航颜色**/

/*浅色款*/
.navbar-default { background:#ffffff; border-bottom:1px solid #d8d8d8;}
.navbar-default.app{ border-bottom:0;}
.navbar-default .navbtn:hover{ background:#f5f5f5;color:#a5a5a5;}
.navbar-default .navbtn.active{ background:#f5f5f5;color:#a5a5a5; border-color:#d8d8d8;height:50px;}
.navbar-default .navline{background-image:linear-gradient(-180deg, #ffffff 0%, #d7dce6 51%, #ffffff 100%);}
.navbar-default .nav_pjname{ color:#27b0f2;}
.navbar-default.app .nav_pjname{ color:#27b0f2;}
.navbar-default.news .nav_pjname{ color:#27b0f2;}
.navbar-default .navbar-nav > li > a {color:#737373;}
.navbar-default .navbar-nav > li > a:hover{ background:#f5f5f5; color:#333;}
.navbar-default .navbar-nav > .active > a { background: #27b0f2;color:#fff;}
.navbar-default .navbar-nav > .active > a:hover { background: #27b0f2; color:#fff;}
.navbar-default .navbar-nav .dropdown-menu>.active>a{ background:#27b0f2 !important;}
.navbar-default .nav_other li .dropdown-menu{ background:#fff; border:1px solid #d8d8d8; border-top:0;}
.navbar-default .nav_other li .dropdown-menu li a{ color:#737373;}
.navbar-default .nav_other li .dropdown-menu li a:hover{ color:#333; background:#f5f5f5;}
.navbar-default .nav_other > li > a:hover{ color:#333;}
.navbar-default .nav_other li .other_sel .user_photo.dist{ background:#e9e9e9;}
.navbar-default .nav_other li .other_sel .user_photo i{ color:#737373;}
.navbar-default .nav_other li .other_sel .user_photo img{ border:2px solid #a5a5a5;}
.navbar-default .nav_other li .other_sel:hover .user_photo img{border:2px solid #737373;}
.navbar-default .nav_other li .other_sel:hover .user_photo.dist{ background:#ccc;}
.navbar-default .nav_other li .other_sel:hover .user_photo i{ color:#535353;}

/*深色款*/
.navbar-inverse {background:#515151; border-bottom:1px solid #515151;}
.navbar-inverse .navbtn{ border-color:#515151;}
.navbar-inverse .navbtn:hover{ background:#5e5e5e;color:#fff;}
.navbar-inverse .navbtn.active{ background:#5e5e5e;color:#fff;}
.navbar-inverse .navline{background-image:linear-gradient(-180deg, #515151 0%, #ababab 51%, #515151 100%);}
.navbar-inverse .nav_pjname{ color:#fff; }
.navbar-inverse .navbar-nav > li > a {color:#a5a5a5;}
.navbar-inverse .navbar-nav > li > a:hover{ background:#6c6c6c; color:#d8d8d8;}
.navbar-inverse .navbar-nav > .active > a { background: #27b0f2}
.navbar-inverse .navbar-nav > .active > a:hover { background: #27b0f2}
.navbar-inverse .nav_other li .dropdown-menu{ background:#515151;}
.navbar-inverse .nav_other li .dropdown-menu li a{ color:#a5a5a5;}
.navbar-inverse .nav_other li .dropdown-menu li a:hover{ color:#d8d8d8; background:#6c6c6c;}

/**********4.组件改装**********/
/*按钮改装*/
.btn{ padding:4px 15px;}
.btn-md { padding:8px 20px;}
.btn-xl, .btn-group-xl > .btn {padding:16px 20px;font-size:20px;line-height:1.33;border-radius: 6px;}
.btn-group-lg > .btn {padding:5px 15px;}
.btn.btn-lg{padding: 8px 20px;line-height: 1.42857143;}
.btn-sm, .btn-group-sm > .btn {padding:4px 10px;line-height: 1.3;}
.btn-xs, .btn-group-xs > .btn {padding:1px 5px;line-height: 1.35;}
.btn.qkybtn{min-width:80px; height:30px; border-radius:3px; }
.auto{ min-width:auto;}
.btn-primary{ color:#fff; border-color:#21a2db; background-color:#21a2db;}
.btn-primary:hover,.btn-primary:focus{ background-color:#27b0f2; border-color:#27b0f2; color:#fff;}
.btn-onlytxt{ border:0; color:#333; font-weight:normal; background:none; padding:auto}
.btn-onlytxt:hover{ color:#737373; text-decoration:inherit;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {background-color: #0288d1;border-color: #0288d1;color:#fff;}
.btn-default{color:#333 !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {color: #fff;background-color: #0288d1;border-color: #0288d1;}
.btn-default.add-a:hover,.btn-default.add-a:hover i{ background:#fff; color:#0288d1;border-color: #0288d1;}
.modal-footer .btn + .btn{ margin-left:20px;}
.btn-warning{ background:#ff8a00;}
/*表单改装*/
.form-control {height:30px;padding:5px 10px 5px 10px;}
.help-block{ font-size:12px; }
.form-control[readonly]{cursor:default;}
/*表单样式覆盖*/
.form-control-feedback{ height:32px; line-height:32px; width:auto;min-width: 30px;}
.form-horizontal .has-feedback .form-control-feedback { right: 19px;}
.form-horizontal .has-feedback .pa0 .form-control-feedback { right: 6px;}
.div-srh a{ cursor:pointer;}
.div-srh a:hover{ background:#199ed8; border-color:#199ed8; color:#fff;}
.btn.srh-btn{ padding-left:8px; padding-right:8px;}

/*下拉组改装*/
.qkydropdown{ height:30px;}
.qkydropdown .btn{ width:100%; text-align:left; position:relative; height:30px; padding:4px 30px 4px 5px; vertical-align: inherit;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qkydropdown .btn .iconfont{ position:absolute; right:6px; top:8px; border:0; width:14px; height:14px; text-align:center; line-height:14px; color:#333;}
.qkydropdown.open .btn .iconfont:before{content: "\e63d";}
.qkydropdown .dropdown-menu{ width:100%; max-height:440px; overflow-y:auto;}
.maxh{ max-height:200px; overflow-y:auto;}
.dropdown-menu > li > a{ padding-left:10px; padding-right:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*单选改装*/
.radio label{ line-height:30px; height:30px;}
.radio_a{ display:block; width:14px; height:14px; border:1px solid #ccc; border-radius:50%; background:#ffffff; margin-top:8px; }
.radio_a b{ width:6px; height:6px; display:block; margin:3px;border-radius:50%;}
.select .radio_a{background:#27b0f2; border:1px solid #27b0f2;}
.select .radio_a b{background:#fff;}
.accset .select .radio_a{background:#27b0f2; border:1px solid #27b0f2;}
.accset .select .radio_a b{background:#fff;}

.disabled .radio_a{background:#ffffff; border:1px solid #dadada;}
.disabled.select .radio_a{background:#27b0f2; border:1px solid #27b0f2; opacity:0.4;}
.disabled.select .radio_a b{background:#fff;}

.error .radio_a{background:#ffffff; border:1px solid #f0485f;}
.error.select .radio_a{background:#f0485f; border:1px solid #f0485f;}
.error.select .radio_a b{background:#fff;}

/*复选改装*/
.checkbox label{line-height:30px; height:30px;}
a.checkbox_a{display:block; width:14px; height:14px; border:1px solid #ccc; border-radius:4px;background:#fff; line-height:13px; text-align:center; text-decoration: inherit; margin-right:5px; margin-top:3px;}
.checkbox label a.checkbox_a{ margin-top:8px;}
.checkbox_a i{ color:#fff;}
.select a.checkbox_a{background:#27b0f2; border:1px solid #27b0f2;}
.disabled a.checkbox_a{background:#f0f0f0; border:1px solid #dadada;}
.disabled a.checkbox_a i{ color:#f0f0f0;}
.disabled.select a.checkbox_a{background:#27b0f2; border:1px solid #27b0f2; opacity:0.4;}
.error a.checkbox_a{background:#ffffff; border:1px solid #f0485f;}
.error.select a.checkbox_a{background:#f0485f; border:1px solid #f0485f;}
.news_rightmian .select a.checkbox_a{background:#27b0f2; border:1px solid #27b0f2;}
.checkbox-qky.disabled { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }
/*按钮表格组改装*/
.td_mc{ text-align:center; vertical-align:middle !important;}
.table_btn{ color:#333; text-decoration:inherit; cursor:pointer;}
.table_btn:hover{ color:#999;text-decoration:inherit;}
.ns{ overflow: inherit;}/*表格外框不出现滚动条*/
.table_card a{ color:#737373; cursor:pointer; text-decoration:inherit;}
.table_card a:hover{ color:#333;}
.table{ margin-bottom:0;}
.table>thead >tr >th{ padding:10px 15px; background:#f3f3f3; font-weight:normal; color:#737373; border-bottom:1px solid #f5f5f5; vertical-align:middle;}
.table>tbody >tr >td,.table >tbody >tr >th{ padding:15px; border-top:0;  color:#333;}
.table.bor_b>tbody >tr >td,.table.bor_b>tbody >tr >th{ border-bottom:1px  solid #dfdfdf; border-top:none; vertical-align:middle;}
.table>thead >tr >th.media-middle,.table>tbody >tr >th.media-middle {vertical-align: middle;}
.table>tbody >tr{background:#fff;}
.table.table-striped > tbody > tr:nth-child(odd) {background-color:#ffffff;}
.table.table-striped > tbody > tr:nth-child(even) {background-color:#fbfbfb;}
.table.table-bordered  >thead >tr >th{ border-bottom:1px solid #dfdfdf;}
.table.table-bordered  >tbody >tr >td{ border-top:1px solid #dfdfdf;}
.table-hover> tbody > tr:hover >td {background-color:#f9f9f9;}
.table-condensed > thead > tr > th, 
.table-condensed > tbody > tr > th, 
.table-condensed > tfoot > tr > th{ 
padding:10px;} 
.table-condensed > thead > tr > td, 
.table-condensed > tbody > tr > td, 
.table-condensed > tfoot > tr > td {
    padding:15px 10px;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f9f9f9;
}
.table >tbody>tr>td .qkyicon_14,.table >tbody>tr>td a.icon_area{ color:#27b0f2; text-decoration:none;}
.table>tbody>tr>td .qkyicon_14:hover,.table >tbody>tr>td .icon_area:hover{ color:#0288d1;}


/*禁区父类*/
.no_open{ opacity:0.6; background:#f1f1f1;} 
.no_open a.checkbox_a{background:#ffffff; border:1px solid #dadada;}
.no_open .select a.checkbox_a{background:#27b0f2; border:1px solid #27b0f2; opacity:0.4;}

/*没数据模块*/
.nodata{ width:100%;text-align:center; padding:8% 0;}
.nadata_icon{ color:#27b0f2; width:100%; text-align:center;}
.nadata_i{ width:180px; height:180px; line-height:180px; border-radius:50%; background:#f6fdfe; border:5px solid #fdffff;}
.nadata_txt{ font-size:16px; padding:10px; color:#737373; display:inline-block;}

/*出错模块*/
.error_box{ width:100%;text-align:center; padding:10% 0;}
.error_box>p{margin-top:0; display:block; font-size:60px;}
.error_box_img{ padding:15px 0;}
.error_box_img img{ display:block; max-width:80%; margin:0 auto;}
.error_box_txt{ font-size:16px; padding:10px 0 10px; color:#737373; display:inline-block;}

.err_400>p{ color:#ff7800; }
.err_404>p{ color:#27b0f2; }
.err_500>p{ color:#f0485f; }
.err_fix>p{ color:#27b0f2; font-size:25px; }

/*标签改装*/
.tooltip.top,.tooltip.bottom,.tooltip.left,.tooltip.right{ opacity:1;}
.tooltip.top .tooltip-arrow{border-top-color: #f1f1f1;}
.tooltip.bottom .tooltip-arrow{border-bottom-color: #f1f1f1;}
.tooltip.left .tooltip-arrow{border-left-color: #f1f1f1;}
.tooltip.right .tooltip-arrow {border-right-color: #f1f1f1;}
.tooltip-inner { color: #666;background-color: #f1f1f1;}

/*模态窗口改装*/
.modal-body{ padding:20px;}
@media (min-width: 768px) {
  .modal-dialog .modal-body{min-height:234px;}
  .modal-sm {width:480px;}
  .modal-xs {width:300px; margin-top:180px;}
  .modal-xs .modal-body{min-height:164px;}
  .modal-sm .modal-body{min-height:164px;}
  .modal-md{width:680px;}
  .modal-lg{width:750px;}
  .modal-xlg{width:760px;}
}
@media (min-width: 992px) {
  .modal-lg{width:900px;}
  .modal-xlg{width:980px;}
}
@media (min-width: 1060px) {
  .modal-xlg{width:1000px;}
}
@media (min-width:1360px) {
  .modal-lg{width:900px;}
  .modal-xlg{width:1260px;}
}
.modal-footer{ text-align:center; border-top:none;}
.modal_auto{ min-height:auto !important;}

/*分页改装*/
.qkypage{ text-align:center; position:relative;}
.qkypage .pageinfo{ height:30px; line-height:30px; text-align:left;color:#a5a5a5;  display:none;}
.qkypage .page_prv,.qkypage .page_next,.qkypage .page_input{ display:none;}
.qkypage li {height:30px; line-height:30px;}
.qkypage li a{ padding:0 10px; color:#737373; }
.qkypage li.disabled a{ color:#a5a5a5;}
.qkypage li.active  a{ background:#27b0f2;}
.qkypage li > a:hover{ }
.qkypage .form-control{ height:30px; padding:4px 10px; width:100px;}
.qkypage .btn{ width:30px; min-width:auto; padding:4px 0; text-align:center; box-sizing:border-box; color:#535353;}
.qkypage .btn:hover{ background:#27b0f2; color:#fff !important; border-color:#27b0f2;}
@media (min-width: 768px) {.qkypage .pageinfo,.qkypage .page_prv,.qkypage .page_next,.qkypage .page_input{ display:block}}
.page_center{ text-align:center;}
.page_center ul li{ float:none; display:inline-block !important;}
.news_rightmian .qkypage li.active  a{ background:#27b0f2;}
.news_rightmian .qkypage li > a:hover{ background:none; color:#27b0f2;}
.news_rightmian .qkypage .btn:hover{ background:#27b0f2; color:#fff !important; border-color:#27b0f2;}

/*加载模块*/
.load_mian{ width:100%; position:relative;}
.load_bg{ width:100%;padding:0 5% 5%;}
.load_bg_narrow{padding:0 10% 10%; }
.load_bgli{ width:100%; background:#f5f5f5; border-radius:3px; height:25px;margin:25px auto 0;  }
.load_bgli.right70{ float:right; width:70%;}
.load_bgli.left60{width:60%; margin-left:0; margin-right:0;}
.load_bgli.left70{width:70%; margin-left:0; margin-right:0;}
.load_bgli.row8{ height:150px;}
.load_bgli.circle{ height:30px; background: url(../images/load_bgcircle.png) no-repeat 0 50% #fff; padding:2px 0 0 40px;}
.load_bgli.circle div{ height:25px; width:50%; background:#f5f5f5;}
.load_mask{ width:140px; height:100px; background:#929292; border-radius:10px; padding:25px 45px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -70px;}
.loadbox {width: 50px;height: 50px;position: relative;}
.loadbox .loadchild {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.loadbox .loadchild:before {content: " ";display: block;margin: 0 auto;width: 14%;height: 14%;background-color: #fff;border-radius:50%;-webkit-animation: loadboxBounceDelay 1.2s infinite ease-in-out both;animation: loadboxBounceDelay 1.2s infinite ease-in-out both;}
.loadbox .loadbox2 {-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg); }
.loadbox .loadbox3 {-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg); }
.loadbox .loadbox4 {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); }
.loadbox .loadbox5 {-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg); }
.loadbox .loadbox6 {-webkit-transform: rotate(150deg);-ms-transform: rotate(150deg);transform: rotate(150deg); }
.loadbox .loadbox7 {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); }
.loadbox .loadbox8 {-webkit-transform: rotate(210deg);-ms-transform: rotate(210deg);transform: rotate(210deg); }
.loadbox .loadbox9 {-webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg); }
.loadbox .loadbox10 {-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg); }
.loadbox .loadbox11 {-webkit-transform: rotate(300deg);-ms-transform: rotate(300deg);transform: rotate(300deg); }
.loadbox .loadbox12 {-webkit-transform: rotate(330deg);-ms-transform: rotate(330deg);transform: rotate(330deg); }
.loadbox .loadbox2:before {-webkit-animation-delay: -1.1s;animation-delay: -1.1s; }
.loadbox .loadbox3:before {-webkit-animation-delay: -1s;animation-delay: -1s; }
.loadbox .loadbox4:before {-webkit-animation-delay: -0.9s;animation-delay: -0.9s; }
.loadbox .loadbox5:before {-webkit-animation-delay: -0.8s;animation-delay: -0.8s; }
.loadbox .loadbox6:before {-webkit-animation-delay: -0.7s;animation-delay: -0.7s; }
.loadbox .loadbox7:before {-webkit-animation-delay: -0.6s;animation-delay: -0.6s; }
.loadbox .loadbox8:before {-webkit-animation-delay: -0.5s;animation-delay: -0.5s; }
.loadbox .loadbox9:before {-webkit-animation-delay: -0.4s;animation-delay: -0.4s; }
.loadbox .loadbox10:before {-webkit-animation-delay: -0.3s;animation-delay: -0.3s; }
.loadbox .loadbox11:before {-webkit-animation-delay: -0.2s;animation-delay: -0.2s; }
.loadbox .loadbox12:before {-webkit-animation-delay: -0.1s;animation-delay: -0.1s; }
@-webkit-keyframes loadboxBounceDelay {
  0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0);} 
  40% {-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes loadboxBounceDelay {
  0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0);}
  40% {-webkit-transform: scale(1);transform: scale(1);}
}

/*全屏模块分左右*/
.container_left {display:none;}
@media (min-width: 768px) {
.container_left {position: fixed;top: 50px;bottom: 50px;left: 0;z-index: 1000;display: block;overflow-x: hidden;overflow-y: auto; background-color: #354052; height:100%; width:246px;}
}
.container_right{ position: fixed; top: 50px; right: 0;}

/*表单提示框样式*/
.form_tips{ border:1px dashed #ddd;border-radius:4px; font-size:13px;}
.form_tips .arrow{position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;top: -5px; left: 5%; margin-left: -11px; border-top-width: 0;    border-bottom-color: #999;    border-bottom-color: rgba(0,0,0,.25);border-width: 11px;}
.form_tips .arrow:after{position: absolute; display: block; width: 0; height: 0; border-color: transparent;  border-style: solid;content: ""; border-width: 10px;top: 1px;   margin-left: -10px;   content: " ";   border-top-width: 0; border-bottom-color: #fff;}
.form-horizontal .panel{box-shadow:none;-webkit-box-shadow:none; border:none;}

/*编辑指标-展开收起*/
.cadr_htd{ background:#f1f6f9;}
.icon_area.area-shouqi[aria-expanded="false"]:before,a[aria-expanded="false"] .icon_area.area-shouqi:before{content: "\e60e";}
.form-control-feedback.num-wid{ width:60px;  text-align:right;}
.form-control-feedback.text-right{text-align:right;right:5px !important;}
@media (min-width: 768px)and (max-width: 1200px){
.col-sm-11.intr-2{ margin-top:10px;}
.bor-b{border-bottom: 1px solid #eee;}
}
.heig-in{ max-height:160px; overflow-y:auto;}

/*首页banner*/
.idx-banner{ height:70%;width: 100%;}
.idx-banner img{width: 100%;display: block;}
.intro-border{ border:1px dashed #fd959f;}
.idx-intro.po_r h3.po_ab{ left:50%; margin-left:-245px; top:-15px; min-width:490px; text-align:center;}
.idx-banner.po_r .alert-warning.po_ab{ background:rgba(252, 248, 227,0.9);}
.idx-banner.po_r .alert.po_ab{ border-radius:0; padding:10px 30px;}
/*首页列表*/
.idx-list{ padding-left:7px; padding-right:7px; background:url(../images/idx-cellbg.png) right bottom no-repeat;}
.idx-list .col-sm-2_4{ padding-left:8px; padding-right:8px;}
.thumbnail{ border:none;}
.thumbnail.idx-thumbnail> img, .thumbnail.idx-thumbnail a > img{ border-radius:4px 4px 0 0;}
.thumbnail.idx-thumbnail a:hover{ text-decoration:none;}
.txt-x2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.txt-x1{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thumbnail.idx-thumbnail .txt-x2{ height:40px; width:100%;}
.thumbnail.idx-thumbnail .txt-x1{ height:20px; width:100%;}
.div_more{ background:#f4f8fa; padding:10px 0;}
.div_more:hover{ background:#fff; color:#199ed8 !important; text-decoration:none;}

.qky-loading{ background:transparent url(../images/loading0.gif) center center no-repeat; background-size: 100%; width:30px; height:30px;display: inline-block; vertical-align: middle;}
/*ban*/
.ban-btm,.ban-btm img{ width:100%; height:auto;}
/*footer*/
.foot-top { border-bottom:1px solid #f1d9d9;}
.foot-top a{color:#735353;}
.foot-top .fr a:hover{ text-decoration:none;}

/*侧边定位*/
.location{ width:136px; height:auto; background:url(../images/location.png) center top no-repeat; padding-top:42px; position:fixed; right:5px; bottom:20px; z-index:1002; padding-left:9px; padding-right:9px;}
.location ul{ border-radius:0 0 4px 4px; padding:5px 5px;}
.location ul.nav-pills > li{ float:none;}
.location ul a{ padding:7px 10px; display:block; margin-bottom:5px; line-height:16px;}
.location ul li a{ background:#f1f5f7; color:#666;}
.location ul li a:hover{ background:#dfedf4;}
.location ul li.active a{ background:#199ed8; color:#fff;}
.location ul ol a{ background:#d9d9d9; color:#fff;}
.location ul ol a:hover{ background:#bbb;}

/*全部课程*/
/*筛选*/
.div-sel_l{ min-width:88px;}
.div-sel .a-sel{ min-width:80px;display:inline-block;}
.div-sel .a-sel a:hover,.div-sel .a-sel .iblock:hover{ background:#dfedf4;}
.div-sel .a-sel.on a,.div-sel .a-sel.on .iblock{ background:#199ed8; color:#fff !important;border-radius:2px;}
.div-set_l{ min-width:120px;}
/*首页设置*/
.img-preview{ background-size:100% auto; background-position: center center; background-repeat:no-repeat; height:150px;}
.img-preview.cut{ height:280px; line-height:266px; text-align:center; overflow:hidden;}
.img-preview.cut img{height:auto;width:100%;}
.up-div.po_r img{ width:100%; height:auto;}
.up-div.po_r img.max-w,.up-div.po_r .po_ab.up-img .btn.max-w{width:146px;}
.up-div.po_r .po_ab.up-img{ top:auto; bottom:0; width:100%; height:30px;}
.up-div.po_r .po_ab.up-img .btn{ width:100%; background:rgba(0,0,0,0.6);}
.tcher-name.alert{ height:24px; margin:2px; padding:0 20px 0 5px; display:inline-block;}
.tcher-name.alert .close{opacity:1;}
.bor-all.min-h{ min-height:30px;}
.set-choice .btn-default.active{ border:1px solid #27b0f2; color:#27b0f2 !important; background-color:#fff;}
.set-choice .btn-info.active{ border:1px solid #27b0f2; background-color:#0ab0e1;}

/*课程管理*/
.mang-side{ background:url(../images/mange-side.jpg) right bottom no-repeat; padding-bottom:110px;}
.mange-top{ background:url(../images/mange-ban.jpg) repeat-x 0 0; height:89px; width:100%;top:50px !important; z-index:-1;}
.mange-picl{ width:50%; margin-top:-40px; margin-left:auto; margin-right:auto;}
.mange-picl img,.mcourse-pic img{ width:100%;}
.bg_bblue.tit{ border-left:1px solid #fff; border-right:1px solid #fff;}
.side-menu li a{ color:#666; font-size:16px; padding:2px 15px 2px 50px; display:block; margin:15px 0;}
.side-menu li a:hover{ color:#27b0f2; padding-left:53px;}
.side-menu .active a{ border-left:3px solid #199ed8;color:#27b0f2; }
.side-menu .active a:hover{padding-left:50px;}
/*main*/
.mm-ttit{ height:40px; overflow:hidden;}
.container-xl>.mm-ttit{ height:31px; overflow:hidden;}
.container-xl>.mm-ttit .fl{ line-height:16px;}
.table-mange{ border-left:1px solid #fff;border-right:1px solid #fff;}
.table-mange.table > tbody > tr { border-bottom:1px dashed #ccc; }
.table-mange.table > tbody > tr:nth-child(even){background:#fff;}
.table-mange.table > tbody > tr > td{ vertical-align:middle;}
.mcourse-pic{ width:140px; min-width:100px;}
.mcourse-int{  display:block;}
.breadcrumb{ background:transparent;}
.atd.breadcrumb{ background-color:#f5f5f5;}
@media (min-width: 768px)and (max-width: 1400px){
	.mcourse-int{ width:252px;}
	.table-mange.table > tbody > tr > td .breadcrumb > li + li:before { padding: 0 1px !important; }
}
@media (min-width: 1401px){
	.mcourse-int{ width:360px;}
}
@media (min-width: 1600px){
	.mcourse-int{ width:460px;}
}
.table-mange.table > tbody > tr > td .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "|\00a0";}
.table-mange.table > tbody > tr > td .p-date{ min-width:80px;}
.table-mange.table > tbody > tr > td .iconfont+.iconfont{ margin-left:10px;}
.cour-labels .label.iblock{ border:1px solid transparent;cursor:pointer;  font-weight:normal;}
.label-cour.label{ background:#f0f0f0; color:#666;}
.label-cour.label:hover{ background:#fff; border:1px dashed #199ed8;}
.label.label-cur{background:#fff; border:1px dashed #199ed8 !important; color:#199ed8;}
.label-cour.alert,.label-cur.alert{padding: .2em .6em .3em;}
.label-cour.alert button.close{opacity:.5; float:none;}
.label-cur.alert button.close{float:none;}
.form-group .label{ font-size:14px;}
.form-horizontal .form-group label.fl{ min-width:90px; text-align:right;}
.tcher-done{border: 1px dashed #a7d2fe; width:96%; height:auto; margin:15px auto;}
/**/

/*步骤模块*/
.steps{  margin-left:20px; margin-right:20px;}
@media (min-width: 1401px){
.steps{ margin-left:100px; margin-right:100px;}
}
.steps .col-sm-4{background:#f0f0f0;border-radius:8px; display:inline-block; text-decoration:inherit;position:relative; z-index:0; padding-top:10px; padding-bottom:10px; padding-left:35px; color:#333;}
.steps .col-sm-4 em{display:inline-block; width:50px; text-align:center; height:50px; border-radius:50%; background:#d8d8d8; color:#fff; line-height:50px; margin:0 auto; z-index:2; font-style:normal; border:1px solid #fff; left:-25px;top:-4px;}
.steps .col-sm-4.active{ background:#e2f4fc;color:#27b0f2;}
.steps .col-sm-4.active em{ background:#27b0f2;color:#fff;}

.steps_mian{ display:none; border:1px solid #eee; background:#f5f5f5; border-radius:6px; padding-bottom:15px;}
.steps_mian.open{ display:block;}

.idx-tit:before{content: ""; width:51px; height:36px;position: absolute;bottom: -10px; left: -60px; background:url(../images/idx-tl.png) no-repeat left center;}
.idx-tit:after{content: ""; width:51px; height:36px;position: absolute;top: -10px; right: -60px; background:url(../images/idx-tr.png) no-repeat left center;}

.intro-top{background:url(../images/intron-bg.jpg) no-repeat center center #2bace4; background-size:cover;}
.hz-course-before .img-responsive{ width:98%;margin: auto;}
@media (min-width: 768px){
	/*.cour-intro-pic.hz-course-before .img-responsive{ min-width:480px;}*/
}
.hz-course-before .intr_h3{ line-height:26px; max-height:52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.cour-labels.intro-labels .label.iblock{ cursor:auto;}
.intro-share{ height:1px;}
.intro-share .po_ab_r{top:-45px;}
@media (min-width: 1400px){
.intro-btns{ position:absolute; bottom:0; top:auto;}
}
.intro-tit{ background:url(../images/intro-tit.jpg) repeat-x; height:30px;}
.intro-tit.po_r .po_ab{top:-8px;}

@media (min-width: 1200px) {
  .col-mg-3{width: 32%;}
  .col-mg-9{width: 68%;}
}
@media (min-width: 1360px) {
  .col-mg-3{width: 29%;}
  .col-mg-9{width: 71%;}
}
@media (min-width: 1500px) {
  .col-mg-3{width: 27%;}
  .col-mg-9{width: 73%;}
}
@media (min-width: 1600px) {
  .col-mg-3{width: 26%;}
  .col-mg-9{width: 74%;}
}

@media (min-width: 768px){
  .div-Lecturer:nth-child(2n) .col-mg-3{float: right;padding-left: 0;}
}
@media (min-width: 768px){
  .div-Lecturer:nth-child(2n+1) .col-mg-3{padding-right:  0;}
}