body {
    font-family: font:14px/1.8 "PingFang SC","Microsoft Yahei",Arial,sans-serif;
    color: #555;
}
a {cursor: pointer;text-decoration: none}
a:focus { outline: 0 }
a:link,a:visited {color:#555;text-decoration: none}
a:hover {color:rgba(172,30,35,1);}
p{line-height: 1.8}

h1,h2,h3,h4,h5,h6 { font-weight: 400; font-family: "Microsoft Yahei",simhei;color:#000;}

h1 { font-size: 30px } 
h2 { font-size: 24px }
h3 { font-size: 18px }
h4 { font-size: 16px }
h5 { font-size: 14px }
h6 { font-size: 12px }

input[type=checkbox], input[type=radio]{cursor:pointer;}
ul li{line-height: 2}

.p-xxs {padding: 5px}
.p-xs {padding: 10px}
.p-sm {padding: 15px}
.p-m {padding: 20px}
.p-md {padding: 25px}
.p-lg {padding: 30px}
.p-xl {padding: 50px}
.p-n {padding:0 !important;}

.m-xxs {margin: 2px 4px}
.m-xs {margin: 5px}
.m-sm {margin: 10px}
.m {margin: 15px}
.m-md {margin: 20px}
.m-lg {margin: 30px}
.m-xl {margin: 50px}
.m-n {margin: 0!important}

.m-l-none {margin-left: 0}
.m-l-xs {margin-left: 5px}
.m-l-sm {margin-left: 10px}
.m-l {margin-left: 15px}
.m-l-md {margin-left: 20px}
.m-l-lg {margin-left: 30px}
.m-l-xl {margin-left: 40px}
.m-l-n-xxs {margin-left: -1px}
.m-l-n-xs {margin-left: -5px}
.m-l-n-sm {margin-left: -10px}
.m-l-n {margin-left: -15px}
.m-l-n-md {margin-left: -20px}
.m-l-n-lg {margin-left: -30px}
.m-l-n-xl {margin-left: -40px}

.m-t-none {margin-top: 0}
.m-t-xxs {margin-top: 1px}
.m-t-xs {margin-top: 5px}
.m-t-sm {margin-top: 10px}
.m-t {margin-top: 15px}
.m-t-md {margin-top: 20px}
.m-t-lg {margin-top: 30px}
.m-t-xl {margin-top: 40px}
.m-t-n-xxs {margin-top: -1px}
.m-t-n-xs {margin-top: -5px}
.m-t-n-sm {margin-top: -10px}
.m-t-n {margin-top: -15px}
.m-t-n-md {margin-top: -20px}
.m-t-n-lg {margin-top: -30px}
.m-t-n-xl {margin-top: -40px}

.m-r-none {margin-right: 0}
.m-r-xxs {margin-right: 1px}
.m-r-xs {margin-right: 5px}
.m-r-sm {margin-right: 10px}
.m-r {margin-right: 15px}
.m-r-md {margin-right: 20px}
.m-r-lg {margin-right: 30px}
.m-r-xl {margin-right: 40px}
.m-r-n-xxs {margin-right: -1px}
.m-r-n-xs {margin-right: -5px}
.m-r-n-sm {margin-right: -10px}
.m-r-n {margin-right: -15px}
.m-r-n-md {margin-right: -20px}
.m-r-n-lg {margin-right: -30px}
.m-r-n-xl {margin-right: -40px}

.m-b-none {margin-bottom: 0}
.m-b-xxs {margin-bottom: 1px}
.m-b-xs {margin-bottom: 5px}
.m-b-sm {margin-bottom: 10px}
.m-b {margin-bottom: 15px}
.m-b-md {margin-bottom: 20px}
.m-b-lg {margin-bottom: 30px}
.m-b-xl {margin-bottom: 40px}
.m-b-n-xxs {margin-bottom: -1px}
.m-b-n-xs {margin-bottom: -5px}
.m-b-n-sm {margin-bottom: -10px}
.m-b-n {margin-bottom: -15px}
.m-b-n-md {margin-bottom: -20px}
.m-b-n-lg {margin-bottom: -30px}
.m-b-n-xl {margin-bottom: -40px}

.space-15 {margin: 15px 0}
.space-20 {margin: 20px 0}
.space-25 {margin: 25px 0}
.space-30 {margin: 30px 0}

.btn-w-xxs {min-width: 60px}
.btn-w-xs {min-width: 80px}
.btn-w-sm {min-width: 100px}
.btn-w {min-width: 120px}
.btn-w-md {min-width: 140px}
.btn-w-lg {min-width: 160px}
.btn-w-xl {min-width: 200px}

.block {display: block}
.clear {display: block;overflow: hidden;clear: both;}
.border-bottom {border-bottom: 1px solid #d9d9d9!important}
.font-bold {font-weight: 600}
.font-noraml {font-weight: 400}
.text-uppercase {text-transform: uppercase}
.b-r {border-right: 1px solid #d9d9d9}
.hr-line-dashed {border-top: 1px dashed #D2D2D2;background-color: #fff;height: 1px;margin: 20px 0}
.hr-line-solid {border-top: 1px solid #D2D2D2;background-color: #fff;height: 1px;margin: 20px 0}

.bg-none {background: none;}
.bg-gray {background-color: #F9F9F9}
.bg-white { background-color: #fff}
.bg-navy { background-color: #1ab394; color: #fff }
.bg-blue { background-color: #4192d8; color: #fff }
.bg-lazur { background-color: #29b6f6; color: #fff }
.bg-yellow { background-color: #f8ac59; color: #fff }
.bg-red { background-color: rgba(172,30,35,1); color: #fff}
.bg-black { background-color: #262626 }

.panel-primary {border-color: #d2d2d2}
.panel-primary>.panel-heading {background-color: #4192d8;border-color: #4192d8}
.panel-success {border-color: #d2d2d2}
.panel-success>.panel-heading {background-color: #1ab394;border-color: #1ab394;color: #fff}
.panel-info {border-color: #d2d2d2}
.panel-info>.panel-heading {background-color: #29b6f6;border-color: #29b6f6;color: #fff}
.panel-warning {border-color: #d2d2d2}
.panel-warning>.panel-heading {background-color: #f8ac59;border-color: #f8ac59;color: #fff}
.panel-danger {border-color: #d2d2d2}
.panel-danger>.panel-heading {background-color: rgba(172,30,35,1);border-color: rgba(172,30,35,1);color: #fff;margin: -1px -1px 0 -1px;}
.panel-title {font-size: inherit}
.panel-heading {font-size: 18px;}

label{font-weight:400;}
.label{background-color: #d1dade;color:#5e5e5e;font-size:10px;font-weight:400;padding:3px 8px;text-shadow:none;}
.badge{background-color: #d1dade;color:#5e5e5e;font-size:10px;font-weight:400;padding:4px 7px 3px 7px;text-shadow:none}
.badge-primary,.label-primary {background-color: #4192d8;color: #FFF}
.badge-success,.label-success {background-color: #1ab394;color: #FFF}
.badge-warning,.label-warning {background-color: #f8ac59;color: #FFF}
.badge-warning-light,.label-warning-light {background-color: #f8ac59;color: #fff}
.badge-danger,.label-danger {background-color: rgba(172,30,35,1);color: #FFF}
.badge-info,.label-info {background-color: #29b6f6;color: #FFF}
.badge-inverse,.label-inverse {background-color: #262626;color: #FFF}
.badge-white,.label-white {background-color: #FFF;color: #5E5E5E}
.badge-disable,.label-white {background-color: #2A2E36;color: #8B91A0}

.progress {background-color: #e7e7e7}
.progress-small,.progress-small .progress-bar {height: 10px}
.progress-mini,.progress-small {margin-top: 5px}
.progress-mini,.progress-mini .progress-bar {height: 5px;margin-bottom: 0}
.progress-bar {background-color: #4192d8}
.progress-bar-navy-light { background-color: #3dc7ab}
.progress-bar-success {background-color: #1ab394}
.progress-bar-info {background-color: #29b6f6}
.progress-bar-warning {background-color: #f8ac59}
.progress-bar-danger {background-color: rgba(172,30,35,1)}

.text-navy {color: #1ab394}
.text-primary {color: #4192d8}
.text-success {color: #1ab394}
.text-info {color: #29b6f6}
.text-warning {color: #f8ac59}
.text-danger {color: rgba(172,30,35,1)}
.text-muted {color: #666}
.text-gold {color: rgba(172,30,35,1)}

a.btn:link, a.btn:visited{ color:#fff;}

.btn-danger {color: #fff;background-color: rgba(172,30,35,1);border-color: rgba(172,30,35,1);}
.btn-danger:hover {color: #fff;background-color: rgba(147,25,29,1);border-color: rgba(147,25,29,1);}
.btn-danger.focus, .btn-danger:focus {color: #fff;background-color: rgba(141,24,28,1);border-color: rgba(141,24,28,1);}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
    color: #fff;background-color: rgba(128,22,25,1);border-color: rgba(128,22,25,1);
}
.btn-default {color: #fff;background-color: #999;border-color: #999;}
.btn-default:hover {color: #fff;background-color: #888;border-color: #888;}
.btn-default.focus, .btn-default:focus {color: #fff;background-color: #888;border-color: #888;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #fff; background-color: #777;border-color: #777;
}
.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #999;border-color: #999;
}

.btn-default.btn-outline{background-color: #fff;color:#666;}
.btn-default.btn-outline:hover{border-color: rgba(172,30,35,1); color:rgba(172,30,35,1);}
.btn-default.btn-outline:active:hover{background-color: #efefef;}
a.btn.btn-outline:link, a.btn.btn-outline:visited{ color:#666;}
a.btn.btn-outline:hover{ border-color: rgba(172,30,35,1); color:rgba(172,30,35,1);}


.btn-white {color: rgba(172,30,35,1);background: transparent; border: 1px solid rgba(172,30,35,1);}
.btn-white.active,
.btn-white:active,
.btn-white:focus,
.btn-white:hover,
.open .dropdown-toggle.btn-white {
    color: #fff;border: 1px solid rgba(172,30,35,1);background: rgba(172,30,35,1);
}

.btn-white.active,
.btn-white:active,
.open .dropdown-toggle.btn-white {
    background-image: none
}


.btn-black {color: #fff;background-color: #000;border-color: #000;}
.btn-black:hover {color: #fff;background-color: #333;border-color: #333;}
.btn-black.focus, .btn-black:focus {color: #fff;background-color: #000;border-color: #000;}
.btn-black.active.focus, .btn-black.active:focus, .btn-black.active:hover, .btn-black:active.focus, .btn-black:active:focus, .btn-black:active:hover, .open>.dropdown-toggle.btn-black.focus, .open>.dropdown-toggle.btn-black:focus, .open>.dropdown-toggle.btn-black:hover {
    color: #fff; background-color: #000;border-color: #000;
}
.btn-black.disabled.focus, .btn-black.disabled:focus, .btn-black.disabled:hover, .btn-black[disabled].focus, .btn-black[disabled]:focus, .btn-black[disabled]:hover, fieldset[disabled] .btn-black.focus, fieldset[disabled] .btn-black:focus, fieldset[disabled] .btn-black:hover {
    background-color: #000;border-color: #000;
}

.alert-success {
    background-color: #DCFAF3;
    border-color: #DCFAF3;
    color: #1ab394;
}
.alert-success .alert-link {
    color: #1ab394;
}
.alert-info {
    background-color: #E0ECFA;
    border-color: #E0ECFA;
    color: #4C8CD4;
}
.alert-info .alert-link {
    color: #4C8CD4;
}
.alert-warning {
    background-color: #FCF0C2;
    border-color: #FCF0C2;
    color: #c29d0b;
}
.alert-warning .alert-link {
    color: #c29d0b;
}
.alert-danger {
    background-color: #fbe1e3;
    border-color: #fbe1e3;
    color: rgba(172,30,35,1);
}
.alert-danger .alert-link {
    color: rgba(172,30,35,1);
}

.jumbotron {background: none; padding: 40px}
.jumbotron h1 {margin-top: 0}

label{font-weight:400;}


/* form */
.has-error .form-control {border-color: rgba(172,30,35,1)}
.has-error .control-label {color: rgba(172,30,35,1)}
.has-error .checkbox, 
.has-error .checkbox-inline, 
.has-error .control-label, 
.has-error .form-control-feedback, 
.has-error .help-block, 
.has-error .radio, 
.has-error .radio-inline, 
.has-error.checkbox label,
.has-error.checkbox-inline label, 
.has-error.radio label, 
.has-error.radio-inline label {
    color: rgba(172,30,35,1);
}
.has-error .form-control:focus{    
    border-color:rgba(172,30,35,1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
}


.portlet{position:relative;}
.portlet .panel-heading small{ color:#999;  /*margin-left: 10px*/}
.portlet .panel-heading small a:link,.portlet .panel-heading small a:visited{ color:#999; }
.portlet .panel-heading small a:hover{ color:rgba(172,30,35,1); }
.portlet .panel-heading h1,
.portlet .panel-heading h2,
.portlet .panel-heading h3,
.portlet .panel-heading h4,
.portlet .panel-heading h5{ 
    margin:0;line-height:1.5; display: inline-block;font-weight: 400;
}
.portlet .open>.dropdown-menu {left: auto;right: 0;}

.portlet.panel-default>.panel-heading{color:#525252;}
.portlet.panel-primary>.panel-heading{color:#4192d8;}
.portlet.panel-success>.panel-heading{color:#1ab394;}
.portlet.panel-info>.panel-heading{color:#29b6f6;}
.portlet.panel-warning>.panel-heading{color:#f8ac59;}
.portlet.panel-danger>.panel-heading{color:#ed5565;}

.portlet.light { border:0; }
.portlet.light .panel-heading{ background:white; padding: 20px 20px 10px;border-bottom: solid 1px #D2D2D2;}
.portlet.light .tools>a {color: #c4c4c4}

.tools {display: inline-block;margin-top: 0;position: relative;padding: 0;}
.tools a {cursor: pointer;margin-left: 5px;/*color: #fff*/}
.tools a.btn-primary {color: #fff}
.tools .dropdown-menu>li>a {padding: 4px 10px;font-size: 12px}
.portlet.panel-default .tools>a {color: #999}


.tabs-container .panel-body { background: #fff; border: 1px solid #d9d9d9; border-radius: 2px; padding: 20px; position: relative }
.tabs-container .nav-tabs>li.active>a,
.tabs-container .nav-tabs>li.active>a:focus,
.tabs-container .nav-tabs>li.active>a:hover {
    background-color: #fff
}

.tabs-container .nav-tabs>li { float: left; margin-bottom: -1px }

.tabs-container .nav-tabs>li.active>a,
.tabs-container .nav-tabs>li.active>a:focus,
.tabs-container .nav-tabs>li.active>a:hover {
    border: 1px solid #ddd; border-bottom-color: transparent
}

.tabs-container .nav-tabs { border-bottom: 1px solid #ddd}
.tabs-container .tab-pane .panel-body { border-top: none }

.tabs-container .tabs-left .tab-pane .panel-body,.tabs-container .tabs-right .tab-pane .panel-body {
    border-top: 1px solid #ddd
}

.tabs-container .nav-tabs>li a:hover { background-color: #e6e6e6; color: #676a6c }
.tabs-container .tabs-below>.nav-tabs,.tabs-container .tabs-left>.nav-tabs,.tabs-container .tabs-right>.nav-tabs {
    border-bottom: 0
}

.tabs-container .tabs-left .panel-body { position: static }
.tabs-container .tabs-left>.nav-tabs,.tabs-container .tabs-right>.nav-tabs { width: 20% }
.tabs-container .tabs-left .panel-body { width: 80%; margin-left: 20% }
.tabs-container .tabs-right .panel-body { width: 80%; margin-right: 20% }
.tabs-container .pill-content>.pill-pane,.tabs-container .tab-content>.tab-pane {
    display: none
}
.tabs-container .pill-content>.active,.tabs-container .tab-content>.active {
    display: block
}
.tabs-container .tabs-below>.nav-tabs { border-top: 1px solid #ddd }
.tabs-container .tabs-below>.nav-tabs>li { margin-top: -1px; margin-bottom: 0 }
.tabs-container .tabs-below>.nav-tabs>li>a { border-radius: 0 0 4px 4px }
.tabs-container .tabs-below>.nav-tabs>li>a:focus,.tabs-container .tabs-below>.nav-tabs>li>a:hover {
    border-top-color: #d9d9d9; border-bottom-color: transparent
}
.tabs-container .tabs-left>.nav-tabs>li,.tabs-container .tabs-right>.nav-tabs>li { float: none }

.tabs-container .tabs-left>.nav-tabs>li>a,.tabs-container .tabs-right>.nav-tabs>li>a {
    /*min-width: 74px;*/ margin-right: 0; margin-bottom: 3px
}
.tabs-container .tabs-left>.nav-tabs { float: left; margin-right: 19px }
.tabs-container .tabs-left>.nav-tabs>li>a { margin-right: -1px; border-radius: 4px 0 0 4px }

.tabs-container .tabs-left>.nav-tabs .active>a,
.tabs-container .tabs-left>.nav-tabs .active>a:focus,
.tabs-container .tabs-left>.nav-tabs .active>a:hover {
    border-color: #ddd transparent #ddd #ddd; *border-right-color: #fff
}
.tabs-container .tabs-right>.nav-tabs { float: right; margin-left: 19px }
.tabs-container .tabs-right>.nav-tabs>li>a { margin-left: -1px; border-radius: 0 4px 4px 0 }

.tabs-container .tabs-right>.nav-tabs .active>a,
.tabs-container .tabs-right>.nav-tabs .active>a:focus,
.tabs-container .tabs-right>.nav-tabs .active>a:hover {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #fff;
    z-index: 1
}

/* 计划 */
.ilearn, .ilearn .portlet{margin:0;}
.ilearn{position:relative; border:0;border-radius:4px 4px 0 0; margin-bottom: 20px;}
.ilearn .panel.portlet{border:0;border-radius:0;}
.ilearn .panel.portlet .panel-heading{text-align: center;border:0; border-radius: 0;}
.ilearn .panel-default>.panel-heading { background-color: #eeeeee; }
.ilearn .panel.portlet .panel-body{display: none; padding:0;}
.ilearn-state{
    position: absolute;top:0;right: 0; border-radius: 0 4px 0 4px;
    background: rgba(172,30,35,1);color:white;font-size: 16px; line-height: 1.5; padding: 0.2em 1em;
}
.ilearn-state.ilearn-state-nostart{background: #999;}
.ilearn-title{font-size: 18px;font-weight: 400; margin:15px 0 10px 0;}
.ilearn-time{color: rgba(172,30,35,1);font-size: 16px;}
.ilearn-time .label{font-size: 14px; color: #282828; line-height: 1.2;background: white;border: 1px solid #ccc;padding: 1px 5px;}

.ilearn .table{ border: 1px solid #ddd; border-left:0px;border-right:0px;}
.ilearn .table>thead>tr>th { border-bottom: 1px solid #ddd;}
.ilearn .table>thead>tr>th,
.ilearn .table>tbody>tr>td{
    line-height: 2.2;
}
.ilearn .table>tbody>tr>td.learn-progress{line-height: 1.3}
.ilearn .table>tbody>tr>td.learn-progress small{color:#555}
.ilearn .progress-bar{-webkit-box-shadow: none;box-shadow: none;}
.ilearn .table>thead>tr>th { vertical-align: middle; }
.ilearn .table-striped>tbody>tr:nth-of-type(odd) {background-color: #eee;}
.ilearn .learn-icon{text-align: center;min-width: 40px; text-align: left;}
.ilearn .learn-icon .label-danger{background:rgba(172,30,35,1);color:#fff; font-size:14px;padding: 6px 18px 5px;margin-left:16%;}
.ilearn .input-sm,
.ilearn .input-group .form-control:first-child{
    border-radius: 15px; padding-left: 36px; min-width: 260px;
}
.ilearn .form-control{border: 1px solid rgba(172,30,35,1); font-weight: 400}
.ilearn .btn-learn {font-size: 14px; color: rgba(172,30,35,1);position: absolute; left: 0; z-index: 99;border-radius: 15px; background: transparent;line-height: 1.3;}
.ilearn .btn.active, .ilearn .btn:active {-webkit-box-shadow: none; box-shadow: none;}
.search-form .btn-group-lg>.btn, .btn-lg {padding: 10px 12px;}
.ilearn tbody .btn{font-size:14px;}

.ilearn-tools {float:left;margin:0;padding-left:1.4%;}
.ilearn-tools li{ display: inline-block;font-weight: 400;margin-right: 10px;padding:0 8px;border-radius: 3px;min-width: 40px;text-align: center;}
.ilearn-tools li:hover{background:rgba(172,30,35,.7);color:#fff; cursor:pointer; }
.ilearn-tools li.active{background: rgba(172,30,35,1);color:#fff; }

.ilearn .table,.ilearn .table a {color: #000;}
.ilearn .table a:link,.ilearn .table a:visited {color: #000;}
.ilearn .table a:hover {color: rgba(172,30,35,1);}

.form-control:focus{
    border-color:#1ab394;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #97F0DE;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #97F0DE;
}
.popover-content { padding: 10px; }


/* checkbox&radio */
.checkbox-inline,.checkbox-inline+.checkbox-inline,.radio-inline,.radio-inline+.radio-inline {
	margin: 0 15px 0 0
}

.ct-checkbox,.ct-radio {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.ct-checkbox.ct-checkbox-disabled,.ct-checkbox.ct-radio-disabled,.ct-radio.ct-checkbox-disabled,.ct-radio.ct-radio-disabled {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ct-checkbox>input,.ct-radio>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ct-checkbox>span,.ct-radio>span {
    border: 1px solid transparent;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
    background: #E6E6E6
}

.ct-checkbox>span:after,.ct-radio>span:after {
    content: '';
    position: absolute;
    display: none
}

.ct-checkbox-list .ct-checkbox,.ct-checkbox-list .ct-radio,.ct-checkbox>input:checked~span:after,.ct-radio-list .ct-checkbox,.ct-radio-list .ct-radio,.ct-radio>input:checked~span:after {
    display: block
}

.ct-checkbox:hover>input:not([disabled])~span,.ct-checkbox>input:focus~span,.ct-radio:hover>input:not([disabled])~span,.ct-radio>input:focus~span {
    background: #d9d9d9;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.ct-checkbox:hover>input:not([disabled]):checked~span,.ct-checkbox>input:checked~span,.ct-radio:hover>input:not([disabled]):checked~span,.ct-radio>input:checked~span {
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: #d9d9d9
}

.ct-checkbox>input:disabled~span,.ct-radio>input:disabled~span {
    opacity: .6;
    filter: alpha(opacity=60);
    pointer-events: none
}

.ct-checkbox.ct-checkbox-outline:hover>input:not([disabled]):checked~span,.ct-checkbox.ct-checkbox-outline:hover>input:not([disabled])~span,.ct-checkbox.ct-checkbox-outline>input:checked~span,.ct-checkbox.ct-checkbox-outline>input:focus~span,.ct-checkbox.ct-checkbox-outline>span,.ct-checkbox.ct-radio-outline:hover>input:not([disabled]):checked~span,.ct-checkbox.ct-radio-outline:hover>input:not([disabled])~span,.ct-checkbox.ct-radio-outline>input:checked~span,.ct-checkbox.ct-radio-outline>input:focus~span,.ct-checkbox.ct-radio-outline>span,.ct-radio.ct-checkbox-outline:hover>input:not([disabled]):checked~span,.ct-radio.ct-checkbox-outline:hover>input:not([disabled])~span,.ct-radio.ct-checkbox-outline>input:checked~span,.ct-radio.ct-checkbox-outline>input:focus~span,.ct-radio.ct-checkbox-outline>span,.ct-radio.ct-radio-outline:hover>input:not([disabled]):checked~span,.ct-radio.ct-radio-outline:hover>input:not([disabled])~span,.ct-radio.ct-radio-outline>input:checked~span,.ct-radio.ct-radio-outline>input:focus~span,.ct-radio.ct-radio-outline>span {
    border: 1px solid #d9d9d9;
    background: 0 0
}

.ct-radio>span,.timeline .timeline-badge-userpic img {
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important
}

.ct-radio>span {
    -ms-border-radius: 50%!important;
    -o-border-radius: 50%!important;
    border-radius: 50%!important
}

.ct-radio>span:after {
    left: 5px;
    top: 5px;
    height: 6px;
    width: 6px;
    border-radius: 100%!important;
    background: #888
}

.ct-radio>input:disabled~span:after {
    background: #888
}

.ct-checkbox>span:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #888;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.ct-checkbox>input:disabled~span:after {
    border-color: #888
}

.form-inline .ct-checkbox {
    margin-left: 15px;
    margin-right: 15px
}

.ct-checkbox-list,.ct-radio-list {
    padding: 10px 0
}

.form-horizontal .form-group .ct-checkbox-list,.form-horizontal .form-group .ct-radio-list {
    padding-top: 0
}

.ct-checkbox-inline,.ct-radio-inline {
    padding: 10px 0
}

.form-horizontal .form-group .ct-checkbox-inline,.form-horizontal .form-group .ct-radio-inline {
    padding-top: 8px
}

.form-space .form-group { margin-bottom: 30px;}

.ct-checkbox-inline .ct-checkbox,.ct-checkbox-inline .ct-radio,.ct-radio-inline .ct-checkbox,.ct-radio-inline .ct-radio {
    display: inline-block;
    margin-right: 15px
}

.ct-checkbox-inline .ct-checkbox:last-child,.ct-checkbox-inline .ct-radio:last-child,.ct-radio-inline .ct-checkbox:last-child,.ct-radio-inline .ct-radio:last-child {
    margin-right: 0
}

.navbar-brand {padding: 5px 15px 5px 30px;}
.navbar-brand img{ height:40px; }

.navbar-default {background-color: #fff;border-color: #e7e7e7;}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
    color: #fff;background-color: rgba(172,30,35,1);
}
.navbar-default .navbar-nav>li>a {
    color: #525252; padding:15px 18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: rgba(172,30,35,.7);
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: rgba(172,30,35,1);
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar .navbar-nav .open .dropdown-menu > li > a:focus, 
.navbar .navbar-nav .open .dropdown-menu > .active > a, 
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff !important;
    background-color: rgba(172,30,35,1) !important;
}
.dropdown-menu>li>a{padding: 8px 20px;}
.navbar-nav{font-size: 18px}
.navbar-nav > li > a.setting {
    padding: 12px; font-size: 26px;color:rgba(172,30,35,1);
}
.navbar-toggle{float:none;}

/* qrcode */
.qrcode img {width:160px;height:160px; }
.qrcode p {margin:5px 0 0; font-size: 12px }

/* gold button */
.btn-gold {background-color: rgba(172,30,35,1);border-color: rgba(172,30,35,1);color: #FFF}

.btn-gold.active,
.btn-gold:active,
.btn-gold:focus,
.btn-gold:hover,
.open .dropdown-toggle.btn-gold {
    background-color: #BF945E;border-color: #BF945E;color: #FFF
}

.btn-gold.active,
.btn-gold:active,
.open .dropdown-toggle.btn-gold {
    background-image: none
}

.btn-gold.active[disabled],
.btn-gold.disabled,
.btn-gold.disabled.active,
.btn-gold.disabled:active,
.btn-gold.disabled:focus,
.btn-gold.disabled:hover,
.btn-gold[disabled],
.btn-gold[disabled]:active,
.btn-gold[disabled]:focus,
.btn-gold[disabled]:hover,
fieldset[disabled] .btn-gold,
fieldset[disabled] .btn-gold.active,
fieldset[disabled] .btn-gold:active,
fieldset[disabled] .btn-gold:focus,
fieldset[disabled] .btn-gold:hover {
    background-color: #D6B996;border-color: #D6B996
}

/* sidebar-left height */
#sidebar-left .panel-heading{text-align: center;}
#sidebar-left>.panel-body{/*height: calc(100vh - 135px);*/ overflow: auto;}
#sidebar-left h3, #sidebar-left h4{color:#000;font-weight: 400;font-size:18px;margin:20px 0 15px 0;}
#sidebar-left ul li a{ margin:1px 0;padding:0 8px;font-size:14px;color:#555;text-decoration:none;display: block;border-radius: 3px;}
#sidebar-left ul li a:hover{background:rgba(172,30,35,1);color:#fff}
#sidebar-left ul li a.selected{background:rgba(172,30,35,1);color:#fff}

/* 课程 */
.courseList a{text-decoration: none}
.courseList .cover img{width: 100%; height: auto;}
.courseList .cover { display: block;overflow: hidden;  border-radius: 4px; margin:-15px;}
.courseList .cover img:hover {transition-property:all;transition-duration:1s;transform:scale(1.2);}
.courseList .title{ font-size: 16px; font-weight: 400; margin:30px 0 8px 0; }
.courseList .title + p{ color: #999;margin-bottom: 8px;}
.courseList .panel{ -webkit-box-shadow: none; box-shadow: none;}
.courseList .panel:hover {
    border:solid 1px #ddd;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.courseList .panel:hover .cover{border-radius: 4px 4px 0 0;}
.courseList .star,.courseList .raty{float:left;color:#525252;}
.courseList .learn{float:right;color:#525252;}
.courseList .star{margin-top: -2px;}
@media (max-width: 1024px) {
  .courseList .learn{float:left;margin-top:8px;}
}

/* 课程介绍 */
.course-card{border-radius: 4px 4px 0 0;}
.course-card .panel-body{position: relative;padding:20px 80px 20px 550px; min-height: 340px;}
.course-card .course-cover{width:500px; height:300px;position: absolute;top:20px;left:20px;}
.course-card .course-card-right{}
.course-card h1{font-size: 24px;margin:10px 0;line-height: 1.5;font-weight: 400;}
.course-card i.collection{position:absolute;top:35px; right:30px;font-size: 24px;color:rgba(172,30,35,1);cursor:pointer;}
.course-card .students{margin-top:1em; color:#999;}
.course-card p span.star{margin: 10px}
.course-card .number{font-size:24px; color:rgba(172,30,35,1);margin-top:1em;}
.course-card .bar{position:absolute; left:550px; bottom:20px; }
.course-card .bar .btn{margin-right:20px; }
.course-card .bar span{color:#999;}
.course-card .bar span a:link,.course-card .bar span a:visited{color:#999;}
.course-card .bar span a:hover{color:rgba(172,30,35,1);}
@media (max-width: 1024px) {
  .course-card .bar span{ float:right; margin-top: -120px;margin-right: 80px}
}

.course-recom{padding:0; list-style: none;}
.course-recom li{ padding: 15px 20px 15px 240px; position: relative;min-height: 150px; border-bottom: dotted 1px #eee;cursor:pointer;}
.course-recom li:hover{background: #efefef;}
.course-recom li .cover { width:200px; height:120px;position: absolute;top:15px;left:20px;display: block;overflow: hidden;  border-radius: 4px; }
.course-recom li .cover>img{width:200px; height:120px;}
.course-recom li .cover>img:hover {transition-property:all;transition-duration:1s;transform:scale(1.2);}
.course-recom .label{position:absolute; right:20px; bottom:15px;font-size:14px;padding: 5px 10px;}
.course-recom .students{margin-top:5px; color:#999}

.course-nav{margin-top: -20px; border: solid 1px #ddd;border-radius: 0 0 4px 4px;background: #F2F2F2;}
.course-nav .panel-body{ padding: 5px 20px;}
.course-nav li a{padding: 0 15px;margin-right: 15px;}
.course-nav .nav-pills>li.active>a, .course-nav .nav-pills>li.active>a:focus, .course-nav .nav-pills>li.active>a:hover {
   background-color: rgba(172,30,35,1);
}
.course-nav .nav>li>a:focus, .course-nav .nav>li>a:hover { background:rgba(172,30,35,.7);color:#fff;}

.comment{padding:0; list-style: none;}
.comment li{position: relative;line-height: 1.5}
.comment .avatar {border-radius: 50%; width:44px; height: 44px;}
.comment .avatar, .comment .name {vertical-align: middle;}
.comment .name {position: absolute;top:0;left:56px;right:0;}
.comment .name span{display: block;}
.comment p{margin-top: 10px;}
.comment-more{border: solid 1px #ddd;background: #F2F2F2;padding: 15px;margin:-15px;margin-top: 0; display: block;color:#555;text-align: center; cursor: pointer;}

.comment-small li{margin-bottom: 30px;}
.comment-small .name .time{position: absolute;top:0;right: 0;color: #999;}

.comment-list{padding:0; list-style: none;}
.comment-list li{position: relative;line-height: 1.5; padding: 15px 20px;}
.comment-list li:hover{background: #f2f2f2;}
.comment-list .avatar {border-radius: 50%; width:30px; height: 30px;}
.comment-list .avatar, .comment-list .name,.comment-list .time{ display: inline-block;margin-right: 20px;} 
.comment-list .time{ color:#999; } 
.comment-list p{margin-top: 10px;line-height: 1.5}
.comment-list .tools{ text-align: right; width:100%; color:#999;}
.comment-list .tools i{ margin:0 5px 0 30px;}
.comment-list .tools span{ cursor:pointer;}
.comment-list .tools span:hover{ color:rgba(172,30,35,1);}
.comment-list hr{ margin-bottom: -16px;}
.comment-title{background: rgba(172,30,35,1);padding:14px 15px;font-size:16px;color:#fff;text-align: center; }
.comment-title i{font-size:20px;}
.comment-content{width: 100%; height:400px; padding:15px; margin: 15px 0 10px 0;border-color: #d2d2d2;}

.comment-list .comment-list{margin-top: 35px; text-align: left;}
.comment-list .comment-list li{padding: 15px 0 15px 40px;}
.comment-list .comment-list li:hover{background: none;}

.reply{overflow: auto; display: none;}
.reply .form-group{margin:20px 0 10px 0;}

.pagination{float:right;margin:10px 20px 50px; border-radius: 0;}
.pagination>li>a, .pagination>li>span{border:0;color:#999;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, 
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: rgba(172,30,35,1);background-color: transparent;border-color: transparent;
}
.pagination>li>a:focus, .pagination>li>a:hover, 
.pagination>li>span:focus, .pagination>li>span:hover {
    color: #fff;background-color: rgba(172,30,35,1);border-color: rgba(172,30,35,1);
}
.pagination>li>a, .pagination>li>span{padding:0 7px;}

.pagination>li:first-child>a, .pagination>li:first-child>span, 
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0;
}
.pagination>li:first-child>a:focus, .pagination>li:first-child>a:hover, 
.pagination>li:last-child>a:focus, .pagination>li:last-child>a:hover {
    color: rgba(172,30,35,1);background-color: transparent;border-color: transparent;
}

.user-list{padding:0; list-style: none;}
.user-list li{float:left;width:25%; text-align: center;}
.user-list img {border-radius: 50%; width:60px; height: 60px;}
.user-list p{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;margin: 5px 0 15px 0;}
@media (max-width: 1024px) {
  .user-list li{float:left;width:33.33%;}
}

.catalog{padding:0;}
.catalog .table{margin:0;}
.catalog .table-hover>tbody>tr:hover { background-color: rgba(172,30,35,.1);}
.catalog .table>tbody>tr>td{border:0;}
.catalog .table>tbody>tr>td:first-child{width:80px;padding-left: 20px;color:#999;}
.catalog .table>tbody>tr>td:last-child{width:150px;padding-right:20px; text-align:right;}
.catalog-title>tbody>tr>td{background: #f2f2f2;color:#999; font-weight: 600;}
.catalog-list>tbody>tr>td:last-child>.into-buy,
.catalog-list>tbody>tr>td:last-child>.into-buy>a:link,
.catalog-list>tbody>tr>td:last-child>.into-buy>a:visited,
.catalog-list>tbody>tr>td:last-child>.into,
.catalog-list>tbody>tr>td:last-child>.into>a:link,
.catalog-list>tbody>tr>td:last-child>.into>a:visited{color:rgba(172,30,35,1);}
.catalog-list>tbody>tr>td:last-child>.type{color:#999;}
.catalog-list>tbody>tr>td:last-child>.into,
.catalog-list>tbody>tr>td:last-child>.into-buy{display: none;}
.catalog-access>tbody>tr:hover>td>.type{display: none;}
.catalog-access>tbody>tr:hover>td>.into{display: block;}
.catalog-needbuy>tbody>tr:hover>td>.type{display: none;}
.catalog-needbuy>tbody>tr:hover>td>.into-buy{display: block;}

.exam{margin-bottom: 20px}
.exam-box{
    border:solid 1px #e7e7e7;background:#fff;padding:20px; position: relative;
    -moz-box-shadow:3px 3px 0px #d4d4d4; -webkit-box-shadow:3px 3px 0px #d4d4d4; box-shadow:3px 3px 0px #d4d4d4;
}
.exam-leftbar{height:500px;background: #f2f2f2;}
.exam-topic{height:265px;font-size: 16px;padding:30px 70px 30px 40px;}
.exam-result{height:220px;margin-top: 15px;}
.exam-result, .exam-result a{font-size: 16px;}
.exam-intro{height:265px;background: #f2f2f2;font-size: 14px;border-radius: 0;border:solid 1px #e7e7e7;margin:0;
    -moz-box-shadow:3px 3px 0px #d4d4d4; -webkit-box-shadow:3px 3px 0px #d4d4d4; box-shadow:3px 3px 0px #d4d4d4;
}
.exam-intro .panel-heading{background: rgba(172,30,35,1);color:#fff;font-size: 16px; text-align: center;margin:-1px;}
.exam-intro .panel-body{overflow: auto;height:222px;}
.exam-intro .panel-body p{line-height: 1.5}
.exam-card{margin:-20px -20px 20px;border-bottom:solid 1px #e7e7e7;background:#fff;padding:20px;text-align: center;}
.exam-card .time{font-size: 40px; color:rgba(172,30,35,1); margin:0 10px;}
.exam-submit{position: absolute;bottom:150px;width:100%;text-align: center;margin:0 -20px; }
.exam-submit .btn{font-size: 16px;}
.exam-topic .radio, .exam-topic .checkbox{margin:15px 0;}
.exam-nav{position: absolute;right:30px;bottom:20px;}
.exam-nav a:link, .exam-nav a:visited{color:#999;}
.exam-nav a:hover {color:rgba(172,30,35,1);}
.exam-nav span{margin-left:30px;}
.exam .sign{
    background: #999;color:#fff; width:20px; height:20px; line-height: 21px; border-radius: 50%;
    font-size:12px;text-align: center;position: absolute;top:30px;right:30px;
}
.exam .sign:hover{background: rgba(172,30,35,1);cursor: pointer;}
.exam-result{padding:25px 20px 20px;}
.exam-result a{display:block;float: left;margin:3px 5px;}
.exam-result .complete{color:#ababab;}
.exam-result .query{color:#FFB400;}
.exam-result .wrong{color:rgba(172,30,35,1);}

.exam .col-xs-3{width:20%}
.exam .col-xs-9{width:80%;}
.exam .col-xs-4{width:25%}
.exam .col-xs-8{width:75%;padding:0;}
.exam .col-xs-12{padding-left:0;}
@media (max-width: 1024px) {
    .exam .col-xs-3{width:22%}
    .exam .col-xs-9{width:78%}
    .exam-result, .exam-result a, .exam-intro, .exam-topic, .exam .panel-heading{font-size: 14px;}
}


/* footer copyright */
.copyright {  color: #333; font-size: 12px; padding: 10px 0; border-top:solid 1px #e7e7e7; background: #fff;}
.copyright a:link, .copyright a:visited {color:#333;font-size: 12px;}
.copyright a:hover {color:rgba(172,30,35,1);}
.copyright .nav{margin-top:10px;}

/* responsive */
@media (max-width: 1024px) {
    .copyright{text-align: center;}
    .copyright .nav{width:260px; margin:0 auto;margin-top:10px;}
    .copyright p.pull-left{float:none !important;text-align:center;}
    .copyright p.pull-right{float:none !important;text-align:center;}
    .container {width: 970px;}
}


/* download */
.download{margin:30px 0 50px;}
.download .panel{ -webkit-box-shadow: none; box-shadow: none;}
.download .portlet.light .panel-heading{padding: 20px;}
.download .portlet.light .panel-heading h1,
.download .portlet.light .panel-heading h2,
.download .portlet.light .panel-heading h3,
.download .portlet.light .panel-heading h4,
.download .portlet.light .panel-heading h5{color:rgba(172,30,35,1); }
.download .download-app img{ width:213px;}
.download .download-app img.qrcode{ width:150px;height:150px; padding:10px;border:solid 1px #e5e5e5;}
.download .download-detail img{width:280px; box-shadow:0px 0px 80px rgba(0,0,0,.15);}
.download .col-xs-4{position: relative;}
.download .col-xs-4 .btn{margin:20px 0 20px;}