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

/*统一规则开始*/
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select {margin:0;padding:0}
img {border:0;}
li {list-style:none}
iframe {border:none}
html {height:100%;font-size:16px}
body {height:100%;font:400 1em/1.75 Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft YaHei,sans-serif; background:#f6f6f6;}

a {color:#333;text-decoration:none}
.notext-decoration a,.notext-decoration a:hover,.notext-decoration a:active,.notext-decoration a:focus,.notext-decoration a:visited,.notext-decoration a:focus-within,a.notext-decoration,a.notext-decoration:hover,a.notext-decoration:active,a.notext-decoration:focus,a.notext-decoration:visited,a.notext-decoration:focus-within{ text-decoration:none !important;}

a:hover {color:#0c82ff}
.cf:after,.cf:before {content:" ";display:table}
.cf:after,.clearfix:after {clear:both}
.fl {float:left}
.fr {float:right}
h1,h2,h3,h4,h5 {font-size:100%;font-weight:normal}
.f12 {font-size:0.75em}
.f14 {font-size:0.875em}
.f16 {font-size:1em}
.f18 {font-size:1.125em;}
.f20 {font-size:1.25em !important}
.f22{ font-size:1.375em}
.f28{ font-size:1.75em}
.f32{ font-size:2em;}
.bold {font-weight:bold}
.l16 {line-height:1em}
.l18 {line-height:1.125em}
.l20 {line-height:1.25em}
.l22 {line-height:1.375em}
.l24 {line-height:1.5em}
.l26 {line-height:1.625em}
.l28 {line-height:1.75em}
.l30 {line-height:1.875em}
.dis {display:block}
.undis {display:none}
.fa05{ margin-right:0.5em;}
.bt0{ margin-bottom:0 !important;}

.block{display:block;}
.pt0{ padding-top:0 !important;}
.textleftwidthimprotant{    width: 11px !important;;display: block;}
/**颜色**/
/*主体色*/
.bgcolorc{background:#ccc !important;}
.bgcolorw{background:#fff !important;}
.bgcolor1{ background:#002e5d !important;}
.bgcolor2{ background:#2c6bae !important;}
.bgcolor3{ background:#112b46 !important;}
.bgcolor4{ background:#4e7dae !important;}
.bgcolor5{ background:#001e3c !important;}
.bgcolorc:hover{background:#eeeeee !important; color:#666;}
.bgcolorw:hover{background:#efefef !important;}
.bgcolor1:hover{ background:#002e2d !important;}
.bgcolor2:hover{ background:#2c6bee !important;}
.bgcolor3:hover{ background:#112b16 !important;}
.bgcolor4:hover{ background:#4e7d6e !important;}
.bgcolor5:hover{ background:#001e0c !important;}
.colorc{color:#ccc !important;}
.color666{color:#666 !important;}
.color999{color:#999 !important;}
.colorw{color:#fff !important;}
.color1{ color:#002e5d !important;}
.color2{ color:#2c6bae !important;}
.color3{ color:#112b46 !important;}
.color4{ color:#4e7dae !important;}
.color5{ color:#001e3c !important;}
/*辅助色*/
.bgcolor6{ background:#070063 !important;}
.bgcolor7{ background:#005f40 !important;}
.bgcolor8{ background:#8f5600 !important;}
.bgcolor9{ background:#362cb1 !important;}
.bgcolor10{ background:#2caf84 !important;}
.bgcolor11{ background:#c78b32 !important;}
.bgcolor12{ background:#c79b5a !important;}
.bgcolor6:hover{ background:#070033 !important;}
.bgcolor7:hover{ background:#005f10 !important;}
.bgcolor8:hover{ background:#8f5300 !important;}
.bgcolor9:hover{ background:#362c91 !important;}
.bgcolor10:hover{ background:#2caf54 !important;}
.bgcolor11:hover{ background:#c76202 !important;}
.bgcolor12:hover{ background:#c79b2a !important;}
.color6{ color:#070063 !important;}
.color7{ color:#005f40 !important;}
.color8{ color:#8f5600 !important;}
.color9{ color:#362cb1 !important;}
.color10{ color:#2caf84 !important;}
.color11{ color:#c78b32 !important;}
.color12{ color:#c79b5a !important;}
.borderccc{ border-color:#ccc !important;}
.borderccc:hover{ border-color:#aaa !important;}
.btn-default{}
.btn-primary{}
.btn-success{}
.btn-info{}
.btn-warning{}
.btn-danger{}
.btn-link{}
.overhidden{ overflow:hidden;}
.wwarp{ background:#fff;  border-radius: 4px; border: 1px solid #e4ecf3; margin-bottom:1em;    position:relative;}
.warptop{ margin-bottom:15px;}
.width100{ width:100%;}

/**/
.form-horizontal .form-group div.form-group{    margin-right: 0px;margin-left: 0px;}
/*禁用自动填充变色*/
/*
input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active,textarea:-webkit-autofill, select:-webkit-autofill {
        -webkit-transition-delay: 99999s;
        -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    }
	*/
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill,input:-webkit-autofill:focus, textarea:-webkit-autofill:focus, select:-webkit-autofill:focus  {
    -webkit-box-shadow: 0 0 0 100px #fafafa inset;
}
/*
 * Docs sections
 *
 * Content blocks for each component or feature.
 */

/* Space things out */
.bs-docs-section {
  margin-bottom: 60px;
}
.bs-docs-section:last-child {
  margin-bottom: 0;
}

h1[id] {
  padding-top: 20px;
  margin-top: 0;
}


/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}

/* Tighten up space between multiple callouts */
.bs-callout + .bs-callout {
  margin-top: -5px;
}

/* Variations */
.bs-callout-danger {
  border-left-color: #ce4844;
}
.bs-callout-danger h4 {
  color: #ce4844;
}
.bs-callout-warning {
  border-left-color: #aa6708;
}
.bs-callout-warning h4 {
  color: #aa6708;
}
.bs-callout-info {
  border-left-color: #1b809e;
}
.bs-callout-info h4 {
  color: #1b809e;
}


/*
 * Color swatches
 *
 * Color swatches and associated values for our grayscale and brand colors.
 */

.color-swatches {
  margin: 0 -5px;
  overflow: hidden; /* clearfix */
}
.color-swatch {
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 5px;
  border-radius: 3px;
}

@media (min-width: 768px) {
  .color-swatch {
    width: 100px;
    height: 100px;
  }
}

/* Framework colors */
.color-swatches .gray-darker {
  background-color: #222;
}
.color-swatches .gray-dark {
  background-color: #333;
}
.color-swatches .gray {
  background-color: #555;
}
.color-swatches .gray-light {
  background-color: #999;
}
.color-swatches .gray-lighter {
  background-color: #eee;
}
.color-swatches .brand-primary {
  background-color: #337ab7;
}
.color-swatches .brand-success {
  background-color: #5cb85c;
}
.color-swatches .brand-warning {
  background-color: #f0ad4e;
}
.color-swatches .brand-danger {
  background-color: #d9534f;
}
.color-swatches .brand-info {
  background-color: #5bc0de;
}

/* Docs colors */
.color-swatches .bs-purple {
  background-color: #563d7c;
}
.color-swatches .bs-purple-light {
  background-color: #c7bfd3;
}
.color-swatches .bs-purple-lighter {
  background-color: #e5e1ea;
}
.color-swatches .bs-gray {
  background-color: #f9f9f9;
}

/*统一规则结束*/

/*顶部*/
.user-nav > li {
    float: left;
    height: 60px;
}
div.nav-hover{    position: relative;}
div.nav-hover a img{    border-radius: 3em;
    width: 3em !important;
    height: 3em !important;
    border: 2px solid #ccc;}
	div.nav-hover.hidden-md.hidden-lg a{     line-height: 3em;}
	div.nav-hover.hidden-md.hidden-lg a img{
		 width: 2.5em !important;
    height: 2.5em !important; margin-top:0.25em; margin-right:0.25em;
		
		}
	div.nav-hover .dropdown-menu .dropdown-header {
    padding: 5px 20px;
    margin-bottom: 10px;
    text-align: center;
    color: #616161;
    font-size: 14px;
    border-bottom: 1px solid #f5f5f5;
}

div.nav-hover i.fa{ width: 1.5em;
}

/* .topbox{ height:95px; } */
.topwar{height: auto;background:#002d5d; border:none;color:#fff;}
.topwar *,.topwar a{}
.topwar .navbar-nav > li > a,.topwar .navbar-nav > li > a:focus{color:#fff;}
.topwar .navbar-nav > li > a:hover{color:#fff; background:#347e96;}
.topwar .navbar-nav > .open > a, .topwar .navbar-nav > .open > a:hover, .topwar .navbar-nav > .open > a:focus{background:#347e96; color:#fff;}
.topwar .navbar-toggle .icon-bar{
    background-color: #fff;
}
.topwar .navbar-toggle:hover, .topwar .navbar-toggle:focus{ background-color: #c79b5a;}
.topwar .navbar-brand{color:#fff; font-size:1em;}
.topwar .navbar-brand:hover{ color:#c78b32;}

.topwar ul.dropdown-menu{width:auto;}
.topwar ul.dropdown-menu li{width:auto; border:none;}
.topwar ul li:last-child{border-right:1px solid #13728d;}
.topwar ul.dropdown-menu li:last-child{width:auto; border:none;}
.topwar a{ color:#fff;}
	
.logo{ /*width:100%;*/ max-width:241px; height: auto; float:left}
.logo img{ width:100%; max-width:241px; height: auto; }
.dengbox{  height:41px; margin-top:31px; float:right}
.siling{ height:38px; float:left; margin-right:15px; font-size:1.25em;}

.Loginin{ float:left; font-size:0.875em; line-height:38px; text-align:center ; margin-right:0.8em;}
.Loginin a{ color:#FFF}

.jituan{ float: left; font-size:0.875em; line-height:38px; text-align:center}
.jituan a{ color:#FFF}
.margin1em{ margin:1em;}
.margin-t1em{ margin-top:1em;}
.margin-b1em{ margin-bottom:1em;}
.margin-l1em{ margin-left:1em;}
.margin-r1em{ margin-right:1em;}
.margin05em{ margin:0.5em;}
.margin-t05em{ margin-top:0.5em;}
.margin-b05em{ margin-bottom:0.5em;}
.margin-l05em{ margin-left:0.5em;}
.margin-r05em{ margin-right:0.5em;}
.margin15em{ margin:1.5em;}
.margin-t15em{ margin-top:1.5em;}
.margin-b15em{ margin-bottom:1.5em;}
.margin-l15em{ margin-left:1.5em;}
.margin-r15em{ margin-right:1.5em;}
.margin2em{ margin:2em;}
.margin-t2em{ margin-top:2em;}
.margin-b2em{ margin-bottom:2em;}
.margin-l2em{ margin-left:2em;}
.margin-r2em{ margin-right:2em;}
.padding1em{ padding:1em;}
.paddingautoem{ padding:2.5em; overflow:hidden; position:relative;}
 .marginautoemw{ margin:0 -2.5em -2.5em -2.5em; padding:1em 2.5em 0.5em 2.5em; background:#eee;}
.btnsizew2em{ padding:0.5em 2em;}

/*
.btn {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}*/
.btn:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn:focus {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn:active {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*面包屑*/
.grapbg{ background:#ebebeb; margin-bottom:1em;}
.breadcrumb{ margin-bottom:0; background:none;   padding: 5px 15px; font-size:0.875em;}
@media (min-width: 992px){
	/*顶部*/
.topwar ul{width:100%;}
.topwar ul li{ width:14.28%; text-align:center;    border-left:1px solid #13728d;}



}
@media (max-width: 991px){
	/*顶部*/
	.topwar .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
.topwar .navbar-nav .open .dropdown-menu > li > a:hover{ color:#fff; background:#4e7dae;}
.navbar-brand {

    padding: 15px 2%;
  
}
.navbar-toggle{ margin-right:0;}



	}


/*中间部分*/
.warbox{ width:100%; height:auto; background-color:#14738e}
.cerbox{ width:100%; max-width:1110px; height:auto; margin:3px auto 0px auto}


/*区域*/
.createpanl {
    padding: 2% 5%;
    min-height: 500px;
}
.createpanl-heading{    margin: 0 0 30px;    position: relative;
    font-size: 1em;  line-height: 2;}
.createpanl-heading h2{color: #313131;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #e1e1e1;
    font-size: 1em; font-weight:bold;}
.createpanl .course-piece {
    position: relative;
    text-align: left;
    padding-left: 12px;
    font-size: 1em;
	margin-bottom:1em;
    font-weight: 500;
    color: #2c6bae;
}
.createpanl .course-piece:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
	margin-top:-0.5em;
    width: 4px;
    height: 1em;
    background-color: #002e5d;
}

.createpanl .course-select {
    margin-bottom: 1em;
    height: 250px;
    padding: 2em 1em;
    border: 2px solid transparent;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    background-color: #f4f6f8;
}

.createpanl .course-select.active {
    background-color: #4e7dae;
    color: #fff;
}
.createpanl .course-select .fa {
    font-size: 47px;
}
.createpanl .course-select .course-type {
    padding: 20px 0;
	font-weight:bold;
    font-size: 1em;
    border-bottom: 1px solid #e1e1e1;
}
.createpanl .course-select:hover {
    border: 2px solid #4e7dae;
}
.createpanl .course-select.active .course-type {
    border-bottom: 1px solid #fff;
}
.createpanl .course-select .course-intro {
    padding-top: 20px;
    font-size: 0.75em;
}
.createpanl .course-title{ margin-bottom:3em;}
.mrm a{ font-size:0.875em;}
.mrm{ margin-right: 10px;}
	.leftnav ul li a{ border-radius:0;}
	.leftnav .nav-header{ font-size:1em;}
	.leftnav .nav-header,.leftnav .nav-header:focus,.leftnav .nav-header:active{ background:#d9edf7; color:#31708f;}
	.leftnav .nav-header:hover{ background:#d9edf7;}
	.leftnav .nav-header .fa{ line-height:1.75;}
	
	.leftnav .nav-list li{ font-size:1em; text-indent:1em;}
.leftnav .nav-list li.now:before{ content:""; width:2px; height:1em; background:#8f5300; display:block; position:absolute; z-index:100; top:50%; margin-top:-0.5em;}


.wraptoppanl .course-manage-header .picture {
   
    height: 60px;
      
    position: absolute;
    top: 50%;
    margin-top: -30px;
}
.wraptoppanl .course-manage-header .title {
   margin: 5px 170px 10px 120px;
    line-height: 1.2;
    font-size: 1.125em;
    font-weight: bold;
    word-break: break-all;
}.wraptoppanl .course-manage-header .teachers {
    color: #919191;    margin-left: 120px;
    font-size: 0.75em;
}.wraptoppanl .course-manage-header .teachers a {
    margin-right: 1em;
    color: #616161;
}.wraptoppanl .course-manage-header .toolbar {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
}
.wrapbottompanl > .panel-heading {
    position: relative;
    font-size: 1em;
    padding: 15px 0;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}
.wrapbottompanl .form-horizontal{ font-size:0.875em; line-height:1.5; color:#666;}


.radios label, .checkboxs label {
    font-weight: normal;
    padding: 0 20px 0 0px;
}
.radios, .checkboxs {
    padding-top: 5px;
    vertical-align: middle;
}
.width-input-large200 {
    width: 200px;    display: inline-block;
}
.wrapbottompanl .help-block{ display:inline-block;}
.wrapbottompanl .lesson-list {
    margin: 0 10px 0 40px;
    padding: 0;
    list-style: none;
    border-left: 2px solid #ccc;
}
.wrapbottompanl .lesson-list .item-chapter,.wrapbottompanl  .lesson-list .item-lesson {
    border: 1px solid #ccc;
    background: #fff;
    line-height: 40px;
    margin-bottom: 15px;
}
.wrapbottompanl  .lesson-list .item-lesson {
    margin-left: 20px;position: relative;
    cursor: move;
}
.lesson-list .item-content {
    margin-left: 10px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    float: left;
    width: 99%;
}
.lesson-list .item-actions {
    background: #f3f3f3;
    border-left: 1px solid #ddd;
    position: absolute; display:none;
    right: 0px;
   
}
.lesson-list .item-line {
    border-bottom: 2px solid #ccc;
    vertical-align: top;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-left: -21px;
    float: left;
}

.teacher-list-group .visible-checkbox {
    font-weight: normal;
}.teacher-list-group .nickname {
    display: inline-block;
    width: 160px;
    margin-left: 6px;
}.avatar-small {
    width: 50px;
    height: 50px;
}.teacher-list-group .delete-btn {
    margin-top: 12px;
}

@media (max-width: 991px){
.wraptoppanl .course-manage-header .title{    margin: 5px 0px 10px 120px;}
.wraptoppanl .course-manage-header .toolbar{ position:relative; right:0; top:0; margin-top:0;    text-align: center;
    margin-top: 1em;}
.wraptoppanl .course-manage-header .picture {
    height: 60px;
    position:relative;
    top: 0;
    float: left;
    margin-top: 0; margin-right:1em;
	
}
.wraptoppanl .course-manage-header .teachers{ margin-left:0;}
/*提交区域*/
.wrapbottompanl .lesson-list{    margin: 0;}

	}



/*用户中心*/
.wrapbottompanl .table > tbody > tr > td{vertical-align: middle;}
.tab-nav-showinuser li{    float: left; width: 24.5%; margin:0.24%;}
.tab-nav-showinuser li:last-child{ }
.tab-nav-showinuser li a{ width:100%; display:block;
    text-align: center;
    background: #2caf84;
    padding: 0.5em;
    color: #fff;}
.tab-nav-showinuser li a:hover{ text-decoration:none; background:#112b46;}	


.tab-nav-showinuser li.active a{background:#4e7dae;text-decoration:none;}

.tab-content-showinuser table th{ text-align:center;}
.tab-content-showinuser table tr td,.tab-content-showinuser tbody tr th{ vertical-align:middle; padding:0.5em; line-height:1.5;}
.tab-content-showinuser tbody tr{ min-height:4em; color:#333;}
.tab-content-showinuser table tr td:last-child,.tab-content-showinuser table tr td:nth-last-child(2){ text-align:center;}
.usernav{text-align:center;}
.usernav .pagination > li.inthis > a{ color:#333; text-decoration:underline; border-radius:0;}
.usernav .pagination > li > a, .usernav .pagination > li > span{ padding: 6px; border: 0; font-size:0.875em;}
.usernav .pagination > li.prew > a{border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;}
.usernav .pagination > li.next > a,.usernav .pagination > li.prew > a{ border:1px solid #ccc; background:#2c6bae; color:#fff;}
/*rool*/
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}

.news-scroll {
    width: 100%;
}
.roll li {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    margin-bottom: 1em;
    background-color: #376698;
    -webkit-box-shadow: 0 5px 10px 0 rgba(55,102,152,.45);
    -moz-box-shadow: 0 5px 10px 0 rgba(55,102,152,.45);
    box-shadow: 0 5px 10px 0 rgba(55,102,152,.45);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}.roll li a {
    text-align: center;
    position: relative;
    color: #fff;
    transition: all .3s;
    text-decoration: none;
}


/*teachepj*/
.teachersay .media{ margin-bottom:1em;}
.teachersay .media .imgleft{ font-size:0.875em; padding-right:1em; vertical-align: middle;}
.teachersay .media .imgleft img{ width:80px;}
.teachersay .media .imgleft  p{ text-align:center;}
.teachersay .media .thingright p{ background:#2caf84; border-radius:5px; color:#fff; padding:1em; font-size:0.875em;} 
.teachersay .media .thingright .showbg{ background:url(../images/teachersad.png) no-repeat 1em bottom; padding-bottom:11px;}

.teacherthing .media{ margin-bottom:1em; display:table;  float:left; padding:10px; background:#f3f3f3; border:1px solid #ccc; border-radius:5px;height:200px;overflow:hidden;}
.teacherthing .media .imgleft{ font-size:0.875em; padding-right:1em;display:table-cell; vertical-align: middle;}
.teacherthing .media .imgleft img{ max-width:140px;}
.teacherthing .media .imgleft  p{ text-align:center;}
.teacherthing .media .thingright { display:table-cell; vertical-align:middle; }
.teacherthing .media .thingright p{  font-size:0.875em;} 
.teacherthing .media h5{ font-size:1.25em; font-weight:bold; color:#333;line-height:1.8;}
.teacherthing .media h6{ color:#333; font-size:1em; line-height:1.5;}


/*indexwarp*/

.indexwarp .panel-body{}
.indexwarp .thumbnail{ border:0; padding:0; padding-bottom:4px;  background:none;}
.indexwarp .thumbnail img{ border:1px solid #ccc;}
.indexwarp .thumbnail .caption{ padding:0.5em;}
.indexwarp a.linkthumbnail{ display:block;margin-bottom:1em;}
.indexwarp a.linkthumbnail:hover{text-decoration:none;   }
.indexwarp a.linkthumbnail:hover .thumbnail .caption{ background:#f6f6f6; transition:All 0.6s ease;-webkit-transition:All 0.6s ease;-moz-transition:All 0.6s ease;-o-transition:All 0.6s ease;}
.indexwarp a.linkthumbnail:hover .thumbnail{ }
.indexwarp a.linkthumbnail:hover .thumbnail img{ border-color:#000; transition:All 0.8s ease;-webkit-transition:All 0.8s ease;-moz-transition:All 0.8s ease;-o-transition:All 0.8s ease;}
.indexwarp .thumbnail .caption h3{ font-size:1em; margin-bottom:0.5em; color:#333;line-height:1.5; height:3em; overflow:hidden;width:inherit;}
.indexwarp .thumbnail .caption p{ font-size:0.875em; color:#999;line-height:1.5; height:1.3125em; overflow:hidden; margin-bottom:0.5em;}

.indexwarp .indexpanl .createpanl-heading h2.cutline{    border-left: 3px solid #002e5d;
    line-height: 1;
    text-indent: 1em;
    margin: 1em 0 0.5em 0; border-bottom:0; padding:0;}
.indexwarp .indexpanl .createpanl-heading{ margin:0 15px; padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:2px solid #2bb2d7;}
.indexwarp .indexpanl .createpanl-heading.noline{ border:none;}
.indexwarp .indexpanl .createpanl-heading h2{ font-size:1.25em; }
.indexwarp .indexpanl .createpanl-heading h2 span.h2alist{ margin-left:1.5em;}
.indexwarp .indexpanl .createpanl-heading h2 span.h2alist a{ font-size:0.7em; font-weight:normal; padding:0 0.5em; }
.captionbottm_jg{       font-size: 1.25em;
    color: #c79b5a;
    display: table-cell;
    vertical-align: middle;}
.captionbottm_jg2{       font-size: 1.25em;
    color: #c79b5a;
    display: table-cell;
	text-align:right;
    vertical-align: middle;}
		
.captionbottm_jg span{	    font-size: 0.7em;
    color: #999;
    text-decoration: line-through;
    padding-left: 0.5em;}
.captionbottm{ display:table;    width: 100%;}
.captionbottm_anniu{   display: table-cell;
    text-align: right;
    vertical-align: middle;}
	.captionbottm_anniu2{   display: table-cell;
    text-align: left;
    vertical-align: middle;}
	.indexwarp .thumbnail .captionbottm_anniu2 p{ margin-bottom:0;}
	.nopaddingtop{ padding-top:0;}
.paddinglr15{ padding-left:15px; padding-right:15px;}	
.marginlr15{ margin-left:15px; margin-right:15px;}	

	.tab-nav-showinindex{ border-bottom:2px solid #2bb2d7; margin-bottom:1.25em;}
	.nomarginb{ margin-bottom:0 !important;}
	.tab-nav-showinindex{ background:#f3f3f3; font-size:0.875em;}
	
	.tab-nav-showinindex li.active{ border-bottom:4px solid #2bb2d7; margin-bottom: -6px ; font-weight:bold; }
	.tab-nav-showinindex li a{color:#333; text-decoration:none;}
	.tab-nav-showinindex li a:hover{color:#2bb2d7;}
	.tab-nav-showinindex li a:active,.tab-nav-showinindex li a:focus,.tab-nav-showinindex li a:visited,focus-whthin{ text-decoration:none; color:inherit;}
	
	.tab-nav-showinindex li.active a{color:#2bb2d7;}
	.tab-nav-showinindex li{    float: left;  padding:0.5em;}
.tab-nav-showinindex li:last-child{ }
.tab-nav-showinindex li a{ width:100%; display:block;
    text-align: center;
    
    padding: 0.5em;
    color: #000;}
.tab-nav-showinuser li a:hover{ text-decoration:none; background:#112b46;}	
	
	
	.anniuindexmore a{ display:block; text-align:center; width:100%; margin-top:1em; font-size:3em; line-height:1;}
/*showbanner*/
.bannertittle{ position:absolute; height:450px; width: inherit;}

.product_sort {
	width:315px;
	 background:#fff;
	height: 450px;
	position: relative;
	z-index: 90
}



.product_sort .bd2 {
	padding: 0.5em 0;
}

.product_sort .bd2 .item {
	
	padding:0.7em 1em;
	position: relative
}

.product_sort .bd2 .item .title {
	width: 226px;
	text-indent: 0;
	margin-bottom:0.25em;
	overflow: hidden;
	
font-size:0.875em;
	font-weight: 700;
	color: #333
}
.product_sort .bd2 .item.layer {
	 background:#ccc;
}
.product_sort .bd2 .item .title a {
	color: #333; 
	position: relative
}
.product_sort .bd2 .item.layer .title a {
	color: #002d5d;
	position: relative
}
.product_sort .bd2 .item .title a i {
	position: absolute;
}


.product_sort .bd2 .item .list {
font-size:0.875em;
	line-height: 1.5;
	overflow: hidden
}
.product_sort .bd2 .item .list.noline a{
	display:inline-block;    width: 100%;

}
.product_sort .bd2 .item .list a {
	font-family: 微软雅黑; padding-right:0.5em;
	color: #333
}

.product_sort .bd2 .item .list a:hover {
	text-decoration: underline
}

.product_sort .bd2 .item .arrow {
	font-family: 微软雅黑;
	font-size: 20px;
	color: #c0d7f9;
	position: absolute;
	right: 10px;
	top: 14px
}

.product_sort .bd2 .item .line {
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	height: 60px;
	background-color: #fff;
	z-index: 95;
	display: none
}

.product_sort .bd2 .item .subitem {
	display: none
}

.product_sort .bd2 .layer .line {
	display: block
}

.product_sort .bd2 .layer .arrow {
	display: none
}

.product_sort .bd2 .layer .subitem {
	width: 600px;
	background: #fff;
	border-left: 0;
	font-family: 微软雅黑;
	position: absolute;
	left: 315px;

	z-index: 95;
	min-height: 60px;
	height: auto!important;
	height: 60px;
	padding: 5px 10px 15px;
	display: block
}

.product_sort .bd2 .layer .subitem .inner .tit {
	font-size: 0.875em;
	text-align: left;
	margin-bottom:1em;
	padding-top:1em;
	border-top: 1px dashed #d7d7d7;
}

.product_sort .bd2 .layer .subitem .inner .tit1 {
	border-top: 0
	
}
.product_sort .bd2 .layer .subitem.bottom{ bottom:0;}
.product_sort .bd2 .layer .subitem.top{top:0;}

.product_sort .bd2 .layer .subitem .inner .tit .name {
	display: block;
   width:100%;
   padding:0 0.5em;
	color: #002d5d;
	cursor: pointer;
	font-weight:700;

	margin-bottom:1em;}

.product_sort .bd2 .layer .subitem .inner ul {
	overflow: hidden;
	zoom: 1;
	display: block;
}

.product_sort .bd2 .layer .subitem .inner ul li {
	float: left;
	padding: 0 0.5em;
	height: 25px
}

.product_sort .bd2 .layer .subitem .inner ul li a {
	color: #222;
	display: block
}

.product_sort .bd2 .layer .subitem .inner ul li a:hover {
	color: #3299fd;
	text-decoration: underline
}


.focus{  position:relative; width:100%; overflow:hidden;  height:450px; overflow:hidden; }
.focus h2{ margin-top:0;}
	.focus .hd{ width:100%; height:15px;  position:absolute; z-index:600; bottom:20px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:15px;  
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:15px; height:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#fff;  }

	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;   background:url(../images/loading.gif) center center no-repeat;  }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.focus .prev,.focus .next{ position:absolute; left:0; top:50%; margin-top:-40px; height:80px; display:block; line-height:80px;background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
width:8%; display:block; z-index:600; color:#fff; text-align:center;   }
	.focus .next{ left:auto;    right: 0;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
}
	.focus .bd ul li{ position:relative;}
	.focus .bd ul a{ height:450px; display:block;}
	.focus .prev i.iconfont,.focus .next i.iconfont{ font-size:2em;}
	.focus .bd ul li .tips{ position:absolute;color:#fff; z-index:500;max-width: 450px; padding:10px;}
	.focus .bd ul li .tips a{color:#fff;}
	.focus .bd ul li .tips h2{ font-size:2.2em;text-align:left;}
	.focus .bd ul li .tips p{ font-size:1em; line-height:1.8}
	.colorbtn{ background:#fdc00f; color:#1e1e1e !important;display:block; font-size:1.2em;}
	.focus .colorbtn{ line-height:50px; height:50px; padding:0 20px; text-align:left;}
	.colorbtn i{ float:right;}
	.focus .bd ul li .right{ right:6.5%; text-align:right}
	.focus .bd ul li .top{ top:50px;}
	.focus .bd ul li .left{ left:6.5%; text-align:left;}	
	.focus .bd ul li .bottom{bottom:90px;}
	.focus .bd ul li .mask{ background:rgba(0,0,0,.4);}
	.moblebd2icon{ display:none;}
	.bigbanner{ margin-bottom:1em;}
	.mobleshow{ display:none;}
	.tabelshow{ display:block;}
	.indexad a img{ margin:0 auto;}
	
	/*es-filter*/
	.es-filter {
    position: relative;
    background-color: #fafafa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 30px;
}
.es-filter .nav-sort > li {
    float: left;
}
.es-filter .nav-sort > li > a {
   
    padding: 10px 15px;
    color: #616161;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.es-filter .nav-sort > li > a.active {
    color: #fff;
    background-color: #2caf84;
}
.tagsthing .tabs-group {
    padding: 0 60px 0 15px;
    position: relative;
    overflow-y: hidden;
	font-size:0.875em;
}
.tagsthing .tabs-group.margin-b15em ul{
   margin-left:0;
}
.tagsthing .tabs-group.margin-b15em ul i{ margin-left:0.5em; color:#2c6bae;}
.tagsthing .tabs-group.margin-b15em .content > li{
	border: 1px solid #2c6bae; margin-right:0.5em; border-radius:5px;
	padding:0;
	
	}
	.tagsthing .tabs-group.margin-b15em .content > li > a{ padding:0.25em 0.5em;     color: #2c6bae;}
	.tagsthing .tabs-group.margin-b15em .content > li > a:hover,.tagsthing .tabs-group.margin-b15em .content > li > a:active,.tagsthing .tabs-group.margin-b15em .content > li > a:focus{ background:#2c6bae; text-decoration:none; color:#fff; font-weight:normal;}
	.tagsthing .tabs-group.margin-b15em ul a:hover i{color:#fff;}
	.indexwarp .thumbnail .caption p.noheight{ margin-bottom:0.25em;}

.tagsthing .tabs-group .title {
    float: left;
    padding: 0.5em 0;
    width: 80px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}.tagsthing .tabs-group .content {
    list-style: none;
    padding: 0;
    margin: 0 0 0 80px;
}	
	
.tagsthing .tabs-group .content > li {
    float: left;
    padding: 0.5em;
}.tagsthing .tabs-group .content > li > a {
    display: block;
    border: none;
    border-radius: 4px;
    color: #666666;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}.tagsthing .tabs-group .content > li:hover > a, .tagsthing .tabs-group .content > li:focus > a, .tagsthing .tabs-group .content > li.active > a {
    color: #2c6bae; font-weight:bold;
}
.liststyle .createpanl-heading{margin-left:-1em; margin-top:-1em; margin-right:-1em;}
.liststyle .createpanl-heading h2{ padding:1em 2em; border:none; color:#fff; max-height:5.75em; overflow:hidden;}

.createpanl-heading.h2noline{ margin:0;}
.createpanl-heading.h2noline  h2{ border:none; padding:0; margin:1em 0;}
/**/
.img-warp-bottom{ font-size:0.875em; color:#999; margin-top:0.5em; margin-bottom:0.5em;}
.img-warp-bottom .sharebtn{ float:left;}
.img-warp-bottom .sharebtn a{ display:block; border:1px solid #ccc; padding:0 0.5em; color:#999; border-radius:2px;}
.img-warp-bottom .sharebtn a:hover{ background:#ccc; text-decoration:none;}
.img-warp-bottom .sharebtn a i{ margin-right:0.5em;}
.img-warp-bottom  span.p-img-warp-info{ float:right;}
.price-title {
	line-height:2.5em;
    padding-left: 10px;
    font-size: 1.25em;
  
}
.youhuikuang{ background:#f2f5f7; padding:0.5em 1em; color:#666; font-size:0.875em; margin-bottom:0.5em; }
.border1px{ border:1px solid #ccc;}
.youhuitittle {
   
   
    color: #fa7267;
    background: 0 0;
   
}
.xieyi a{ color:#999; margin-left:0.25em;}
.head-main-right p{ font-size:0.875em; padding:0 0.25em;}
.tagesh2tom h4{ margin:1em 0; text-indent:1em; border-left:3px solid #002e5d; line-height:1;}
.tagesh2tom ul li{ width:25%; float:left; margin-bottom:0.5em; padding:0 0.5em; font-size:0.875em; color:#666;}

.metas{color: #919191;}
.score i {
    color: #e1e1e1;
}

.color-warning {
    color: #ff8a0c !important;
}
.ztpf{ background:#f3f3f3;padding:10px; }
.ztpf .metas{ float:right; line-height:1.42857143em;}
.pinglunwarp .media-left {
 padding-right: 15px;
}
.pinglunwarp .js-user-card {
    display: inline-block;
}.pinglunwarp .avatar-sm {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
}.pinglunwarp .media-evaluate .media-body {
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
}

.pinglunwarp .media-body {
    word-break: break-all;
}
.pinglunwarp .thread-post {
    overflow: visible;
}.pinglunwarp .media-evaluate .title {
    color: #919191;
    margin-bottom: 5px;
}.pinglunwarp .media-evaluate .title a {
    margin-right: 5px;
}.pinglunwarp .score {
    margin-bottom: 10px;
}
.pinglunwarp .content{ font-size:0.875em; color:#666;}
.pinglunwarp .media-evaluate .actions {
    margin-top: 10px;
}.pinglunwarp .media-evaluate .actions a{ font-size:0.875em; color:#999;}
.pinglunwarp .media-evaluate .actions .show-full-btn,.pinglunwarp .media-evaluate .actions .show-short-btn {
    display:none;
}
.pinglunwarp #review-form{ margin-top:1em; font-size:0.875em;}
.pagetab .tab-nav-showinuser{    border-bottom: 2px solid #4e7dae;
    margin-bottom: 1.25em;}
.pagetab .tab-nav-showinuser li{ margin-bottom:0;}
.pagetab .tab-nav-showinuser li a{background: none; color:#4e7dae; font-weight:bold;}
.pagetab .tab-nav-showinuser li a:hover{ background:#f2f2f2;}
.pagetab .tab-nav-showinuser li.active a{    background: #4e7dae; color:#fff;}

/**/

.orderjd{ font-size:1.2em;}.orderjdli{ width:33%; float:left; text-align:center; border-bottom:3px solid #999; color:#999;font-weight:bold;}
.orderjdli span{  color:#fff; position:relative; margin-right:0.5em;}
.orderjdli span i{z-index:2;    position: relative; text-decoration:none; font-style:normal;}
.orderjdli span:after{ content:" "; display:block;background:#ccc; position:absolute; background:#ccc; left:-0.3em;top:-0.1em;width:1.2em;height:1.2em; z-index:1; border-radius:1.2em;}
.orderjdli.active span:after{background:#0c69ae;}
.orderjdli.active{ border-bottom:3px solid #0c69ae; color:#0c69ae; }
.nnoline h2{ border:none !important;    margin: 0;
    padding: 0.5em 1em;
    border-radius: 5px;
    line-height: 2;
    background: #f2f2f2;}
	.howtopay ul li{ float:left;}
	.howtopay ul li a{ padding:0.5em 2em; display:block; border:1px solid #ccc; margin-right:0.5em; margin-bottom:0.5em;}
	.howtopay ul li a:hover{ border:1px solid #000;}
	
	/**/
	.createpanl-heading.teshutishi{background: #f2f2f2;
    border-radius: 5px;} 
		.createpanl-heading.teshutishi{ padding:1em 0;}
	.createpanl-heading.teshutishi h1{ padding:2em; text-align:center; font-size:1.5em; color:#4e7dae; line-height:1.5;}
	.createpanl-heading.teshutishi h1 i{ margin-right:0.5em;}
		.createpanl-heading.teshutishi hr{    border-top: 1px solid #ccc; width:98%; margin:10px auto;}
		
		
		/*denglu*/
		.loginwrap .wwarp{    border-bottom: 5px solid #eee; }
.loginwrap .linklogin{  min-height:40px; display:block;}
.loginwrap .linklogin ul li{ float:left; padding:0 0.5em;}
.loginul li{ width:50%; float:left; text-align:center; font-size:1.25em; border-bottom: 3px solid #999; padding-bottom:0.5em;}
.loginul li.in {
    border-bottom: 3px solid #0c69ae;
    
}
.loginul li a:hover{ text-decoration:none;  color: #0c69ae;}
.loginul li.in{ border-bottom: 3px solid #0c69ae;}
.loginul li.in a{
   
    color: #0c69ae;
	 text-decoration:none;
}
.tittleoflogin.elseshow h2 {border-bottom: 3px solid #999;}
.tittleoflogin.elseshow h2 span{ padding:0.5em; display:inline-block; border-bottom: 3px solid #0c69ae; margin-bottom:-3px; color:#0c69ae;}
.tittleoflogin.elseshow h2 a{display:inline-block; margin-bottom:-3px;padding:0.5em;}
.tittleoflogin.elseshow h2 a i{ font-style:normal;}
.loginwrap .wwarp{} 
.shenfnexuanze{ margin:1.5em 0 2.5em;}
.shefen a{ display:block; text-align:center; width:100%;height:150px; border:3px solid #eee; border-radius:5px;}
.shefen.in a{  border-color:#0c69ae; color:#0c69ae; background:#f6f6f6;}
.shefen a i{ display:inline-block; font-size:50px; text-align:center; width:100%; margin-top:30px;}
.Loginin div.nav-hover{ padding:0 0.5em 0.5em 0.5em;}
.Loginin .dropdown-menu{  left: -3.5em; margin-top:0; }
/**/
.nomarginim{ margin:0;}
.teacher-list-group .delete-btn.nomarginim{ margin:0; margin-left:1.5em;}
/**/

.emradius{    border-radius: 3em;    
width: 3em !important;
    height: 3em !important;
    border: 2px solid #ccc;
	}
	@media (max-width: 1200px){	.paddingautoem{ padding:1.5em;} .marginautoemw{ margin:0 -1.5em -1.5em -1.5em; padding:1.5em;}}	
	
@media (max-width: 991px){
	.paddingautoem{ padding:1em;}
	 .marginautoemw{ margin:0 -1em -1em -1em; padding: 1em;}
	.tagesh2tom ul li{ width:50%; float:left;}
	.indexwarp .indexpanl .createpanl-heading h2 span.h2alist{ display:none;}
.focus .bd ul a {
    height: 240px;
    padding-bottom: 40px;
    /*background-size: cover !important;*/
}	
.mobleshow{ display:block;}
.tabelshow{ display:none;}
.focus{  height:240px; overflow:hidden; }
.tab-nav-showinindex li{ background:#ccc; border:1px solid #ccc; border-radius:5px;     margin: 2px 0.5%;
    width: 49%;}
.tab-nav-showinindex li.active{ margin-bottom:2px; background:#002e5d; border:1px solid #ccc;}
	.tab-nav-showinindex li.active a{ color:#fff;}
	.tab-nav-showinindex{ border:none;}
.moblebd2icon{ display:block;}
.bannertittle{ position:relative; height:auto;}
.focus .hd{width:60%;}
.bigbanner .container{ background:#fff; padding:0;}
.moblebd2icon{ padding:0.25em; text-align:center; background:#ccc; color:#fff;}
.product_sort{ width:100%; height:auto;}
.product_sort .bd2{padding:0;padding:0.25em 0;}
.product_sort .bd2 .item.layer .title a{ display:block;width:100%; height:100%;}
.product_sort .bd2 .item{padding:0.25em 0.25em;}
.product_sort .bd2 .item .title{width:100%; text-align:center; font-weight:normal;}
.product_sort .bd2 .item .list{ display:none;}
.product_sort .bd2{ display:none;}
.product_sort .bd2 .layer .subitem,.product_sort .bd2 .item .arrow{ display:none;}
}
@media (min-width: 992px){
.product_sort{background:rgba(255,255,255,0.8);}

}

@media (max-width: 991px){

	.Loginin .dropdown-menu{  left: 0; }
.time.fr{ display:none;}.roll li a{ padding-right:0; }.panel-body{ padding:0;}.roll li{ font-size:14px;padding:12px 12px 12px 12px; text-align:center;}.moblehiddenthing{ display:none;}
	}

	/*footer*/
	/*
	.footer{ background:#015f82; margin-top:1.5em; padding:2em 0; color:#fff;}
	.footer .bottmline{ padding-bottom:1em; margin-bottom:2em; border-bottom:1px solid #ccc;}
	.footer h2{ margin-bottom:1em; font-size:1.125em; }
	.footer ul li a{ color:#ccc; font-size:0.875em;}
	.footer p a{color:#ccc;}
	.footer .footerthing{ font-size:0.875em;}
	.footer ul.leftflost{ margin-left:-1em; margin-right:-1em;}
	.footer ul.leftflost li{ float:left; padding:0 1em;}
	*/
	@media (max-width: 500px){
		.tagesh2tom ul li{ width:100%; float:left;}
.tab-nav-showinuser li{    float: left; width: 49.5%; margin:0.24%; margin-bottom:2px;}
.tab-nav-showinindex li{width:100%;}
.teacherthing .media .imgleft{ float:none; display:block;width: 100%;}
.teacherthing .media .thingright{ display:block;width: 100%;}
.teacherthing .media .thingright h5,.teacherthing .media .thingright h6{ text-align:center;}
.teacherthing .media .imgleft img{ margin:0 auto;}
.ztpf .metas{ float:none;}
.orderjdli span{ display:none; }
.orderjdli{font-size:0.9em !important;}
.howtopay ul li a{ width:100%;}

.howtopay ul li{ float:none;}
	}
	@media (max-width: 767px){
		.smallnofr{ float:none;    display: inline-block; width:100%;}
	.tagsthing .tabs-group .title{ width:100%;}
	.tagsthing .tabs-group .content{ margin:0;}
	.tagsthing .tabs-group.margin-b15em .content > li{ margin-bottom:0.5em;}
	.tagsthing .tabs-group{ padding:0 15px;}
	.tagsthing .tabs-group .content > li{ border:1px solid #ccc; margin:0 0.25em 0.25em 0;}
	.es-filter.col-xs-12{ padding:0;}
	}


/*IPAD兼容*/
@media (min-width:768px) and (max-width:991px){
    .navbar-toggle{
        display: block;
    }
    .navbar-header{
        float: none;
    }
    .navbar-collapse.collapse{
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.collapse.in{
        display: block !important;
    }
    .topwar ul li:last-child{border: none;}
    .dropdown-menu{background: #aaa;}
}