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

/*----------------------------页面页头样式begin------------------------------*/
/*设置全局字体为微软雅黑，页面背景为白色，正文字体大小为14px*/
body {font-size: 14px;background-color: #FFF !important;font-family: "微软雅黑";}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "微软雅黑";font-weight: 500;line-height: 1.1;}
h5, .h5 {font-size: 16px;}
.clear {clear: both !important;}
.middle {vertical-align: middle !important;}
.btn {border:none !important;}
.btn-sm {border-width: 4px;font-size: 13px;padding: 4px 15px !important;line-height: 1.39;}
/*页头样式 begin*/

/*页头背景颜色*/
.navbar {background-color: #428bca;}
.header_left, .header_right {background: #303538;width: 120px;height: 70px;color: #FFF;}
.li_off {width: 100px;}
.header_right_icon {float: left;/*height: 70px;*/padding-top: 25px;}
.main_them {margin-left: 30px;letter-spacing: 1px;}
.title_top {font-family:'Microsoft YaHei';}

/*页面页脚右边的导航的li的背景颜色和hover时li的背景的颜色设置*/
.ace-nav>li>a:hover, .ace-nav>li>a:focus {background-color: #800080;}
.ace-nav>li>a {background-color: #800080;color: #FFF;}
.ace-nav>li.open>a {background-color: #800080!important;}
.ace-nav>li>a {display: block;background-color: #800080;color: #FFF;line-height: inherit;text-align: center;height: 100%;width: auto;min-width: 50px;padding: 0 15px;position: relative;}
.ace-nav>li>a>[class*="icon-"] {font-size:20px;}
.nav-header .pull-left {min-height:45px;line-height:40px;padding-left:10px;}
.nav-header .pull-left  img{height:35px;}
.ace-nav>li>a {text-align:left;padding:0 8px;min-width:160px;}
.ace-nav>li.light-blue>a{background-color: #428bca;}
.ace-nav>li.light-blue>a:hover, .ace-nav>li.light-blue>a:focus {background-color: #428bca;}
.ace-nav>li.open.light-blue>a {background-color: #428bca!important;}
.ace-nav li:last-child a [class^="icon-"] {display: inline-block;width: 2em;text-align: center;}

/*导航下拉列表focus状态下li的背景颜色和li里面文字颜色的设置*/
.dropdown-primary li a:hover, .dropdown-primary li a:focus, .dropdown-primary li a:active, .dropdown-primary li.active a, .dropdown-primary li.active a:hover, .dropdown-primary .dropdown-submenu:hover>a, .nav-tabs .dropdown-primary li>a:focus {
	background-color: #428bca;
	color: #fff;
}
.dropdown-navbar>li.dropdown-header {background-color: #FFF!important;color: #ccc;border-bottom-color: #ccc;}

/*--------------------------------------------页面页头end-----------------------------------------------* /


/*统一改变面包屑中a标签的颜色*/
.breadcrumb>li>a {display: inline-block;padding: 0 4px;color: #428bca;}
.breadcrumbs {position: relative;border-bottom: 1px solid #e5e5e5;background-color: #f5f5f5;min-height: 45px;line-height: 46px;padding: 0 12px 0 0;display: block;font-size: 14px;}
.breadcrumb .home-icon {margin-left: 4px;margin-right: 2px;font-size: 30px;position: relative;top: 2px;}
.breadcrumb>li+li:before {font-family:'IcoMoon';font-size: 20px;content: "\e913";color: #b2b6bf;margin-right: 2px;padding: 0 5px 0 2px;position: relative;top: 3px;}
/*面包屑导航end*/


/*左侧导航*/
.sidebar-collapse>[class*="icon-"] { 
     display: inline-block; 
     cursor: pointer;
     font-size: 14px; 
     color: #aaa;
     border: 0px solid #bbb; 
     padding: 0 10px 0px 0px; 
     line-height: 15px; 
     border-radius: 16px; 
     background-color:none;
	 position: relative;
	 text-align: center;
}
.menu-min .sidebar-collapse>[class*="icon-"] { font-size: 14px; padding: 0 0px 0px 0px; line-height: 15px; border-width: 0px; border-color: #aeaeae;}
.sidebar-shortcuts-large>.btn {width: 80px;line-height: 24px;margin-top: -2px;	padding: 0;border-width: 4px;text-align: center;}
.nav nav-list ul.submenu i[class*='icon-'] {display: block !important;}


/*导航的breadcrumbs*/
#breadcrumbs{z-index:1;height:45px;line-height:45px;}
#breadcrumbs .container {margin-top: 0 !important;padding: 0 !important;}
.nav-list>li>a>[class*="icon-"]:first-child{line-height:40px;}
a.home{ text-decoration:none;}
a.home span{color:#428bca !important;}
#breadcrumbs .icon-home{ font-size:18px;margin-right:5px;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow: none;box-shadow: none;}

.container {margin-top:30px;padding-bottom:130px;}

.page-content {background: #fff;margin: 0;padding: 8px 50px 130px 50px;overflow-x:hidden;}

.footer{width:100%;height:100px;padding-top:10px;border-top:3px solid #428bca;background-color:#FDF2E8; position:absolute;bottom:0px;}
.footer .container{margin:10px auto 0px auto !important;padding-bottom:0px !important;}


/*-------------------------------页面页头样式end-----------------------------------------------------*/


/*-------------------------------metro风格的样式begin------------------------------------------------*/


/*圆框图标对应的样式*/
a:hover, a:active, a:focus {outline: 0;}
.win-commandimage {color: #000;}
.win-commandimage {
    font-family: "IcoMoon";
    letter-spacing: 0;
    vertical-align: middle;
    font-size: 14pt;
    margin: -2px;
    line-height: 25px;
    background-position: 0 0;
    /* background-origin: border-box; */
    display: inline-block;
    width: 30px;
	height: 30px;
	background-size: 160px 80px;
}
a.win-command, a.win-command:hover {text-decoration: none;}
a:hover .win-commandring, button:hover .win-commandring {background-color: rgba(0, 0, 0, 0.13);border-color: #000;}
a:active .win-commandring, button:active .win-commandring {background-color: rgba(10,30,10, 30);background-color: #666;border-color: #666;color: #FFF;}
.win-commandring, a:hover .win-commandring, a:active .win-commandring, a.win-command:disabled .win-commandring, a.win-command:disabled:active .win-commandring, button:hover .win-commandring, button:active .win-commandring, button.win-command:disabled .win-commandring, button.win-command:disabled:active .win-commandring {
	border-width: 2px;
	border-style: solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-clip: border-box;
}
a.win-command, button.win-command {background: none;background-clip: border-box;height: auto;padding: 12px 0;margin: 0 5px;border: 0;min-width: 42px;text-align: center;font-size: 9pt;font-weight: normal;line-height: 16px;outline: none;}
a.win-command {display: inline-block;min-height: 32px;cursor: pointer;letter-spacing: 0.02em;vertical-align: middle;}
a.win-command .win-label, button.win-command .win-label {color: #000;}
a.win-command .win-label, button.win-command .win-label {position: relative;line-height: 20px;display: block;max-width: 88px;padding-left: 4px;padding-right: 4px;overflow: hidden;word-wrap: break-word;word-break: keep-all;top: 1px;}

/*统一颜色*/
.bg-color-orange {background-color: #EB5448 !important}
.bg-color-purple {background-color: #800080 !important;}
.bg-color-green {background-color: #009B01 !important;}
.bg-color-blue {background-color: #428bca !important;}
.bg-color-red {background-color: #BA1D48 !important;}
.bg-color-deongaree {background-color: #0A57BF !important;}
.bg-color-cyan{background-color:#16A085 !important;}
.bg-color-lightblue{background-color:#4EBDED !important;}
.bg-color-pink{background-color:#FF7659 !important;}

.orange{color:#EB5448 !important;}
.purple {color: #800080 !important;}
.green {color: #009B01 !important;}
.blue {color: #428bca !important;}
.red {color: #BA1D48 !important;}
.deongaree {color: #0A57BF !important;}
.label-purple {background-color: #800080 !important;}
.label-purple.arrowed-right:after {border-left-color: #800080;}


/*文字图片色块对应的样式*/
.imagetext {display: block;width: 270px;height: 150px;padding: 20px; float: left;margin-right: 10px;margin-bottom:10px;}
a.imagetext:hover {outline: 3px #225a68 solid;}
a.imagetext:first-child {margin-left:0px;}
/*左边图片*/
.imagetext .image-wrapper {float: left;width: 80px;height: 110px;display: table;}
.imagetext .image-wrapper .img_left {display: table;}
.imagetext .image-wrapper .img_left span {display: table-cell;vertical-align: middle;text-align: center;}
.image-wrapper span[class*="icon-"] {font-size: 60px;height: 110px;line-height: 110px;width: 80px;}
.text_right {display: table;vertical-align: middle !important;text-align: center;font-size:20px;}

/*右边文字*/
.imagetext .column-text {float: left;width: 140px;height: 110px;padding-left: 20px;font-weight: 300;font-size: 34px;}
.imagetext .column-text .text_right span {width: 140px;height: 110px;display: table-cell;vertical-align: middle !important;text-align: left;}
/*无边框表格的样式*/
.table tbody tr:hover {border: 1px solid #00bff2 !important;}
.table tbody tr td {border-top: 0px !important;}
.table thead>tr>th {vertical-align:middle;border-bottom: 0px solid #ddd;}

.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align:middle !important;
  border-top: 0px solid #ddd;
}
.table thead>tr {background-color: #FFF!important;}
.table thead tr {color: #428bca;font-weight: normal;background-image: none;background-repeat: repeat-x;}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {background-color: #F5F5F5;}



/*metro单选框*/
input[type=radio] ~ span.lbl::before {
	/*position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	text-indent: -9999px;
	background: #FFF;
	border: 1px solid #BABABA;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;*/
    font-family: 'IcoMoon';
	content: "\e8f0";
}



/*metro复选框*/
input[type=checkbox].ace+.lbl::before, input[type=radio].ace+.lbl::before {font-family:'IcoMoon';}

/*单选按钮被选中时显示的内容*/
input[type=radio].ace:checked+.lbl::before {content: "\e8f0";}

/*复选框被选中时显示的内容*/
input[type=checkbox].ace:checked+.lbl::before {content: "\e709";}

input[type=checkbox].ace+.lbl, input[type=radio].ace+.lbl {}


/*-------------------------------metro风格的样式end------------------------------------------------*/


/*-------------------------------其他常用样式-------------------------------------------------*/

/*h4 header样式（页面起导航作用的横线）*/
.header {line-height: 28px;margin-bottom: 16px;margin-top: 18px;padding-bottom:0;border-bottom: 1px dashed #CCC;}
.header.blue {border-bottom-color: #eee;}
.header.blue i {font-size: 20px;color: #800080;}
.header.blue span {padding: 5px 10px;color: #FFF;font-size:15px;background-color: #800080;}
.header-color-purple+.widget-body {border-color: #428bca;}
.header-color-purple {background: #428bca;border-color: #428bca;}



/*小色块选项卡的样式*/
.nav_tab {list-style: none;margin-left: 0;}
.nav_tab li {display: block;float: left;margin-left: 10px;padding: 5px 15px;color: #333;text-decoration: none;border:1px solid #800080;cursor:pointer;}
.nav_tab li:first-child {margin-left: 0;}
.nav_tab li.active {background-color: #800080;color: #FFF !important;text-decoration: none;padding: 5px 15px;}
.panel_ct {padding-top: 20px;padding-bottom: 20px;}
/*页面级选项卡*/

/*基础运营数据*/
.page_tab ul{ list-style:none;margin-left:0px;}
.page_tab ul li{display:block;float:left;padding:3px 10px; text-align:center; cursor:pointer; font-size:16px; color:#CCC;}
.page_tab ul li.active{border-bottom:2px solid #800080;color:#800080;}
.tab_info{padding:15px 0px 0px 0px;}
.b_bottom_grey{border-bottom:2px solid #CCC;}

/*引导语*/
#guidanceDiv {position: relative; padding: 10px;border: 1px solid #CCC; border-top: 3px solid #800080;  margin: 10px auto 30px auto !important; width: 1140px;}
#guidanceDiv:after{position:absolute;left:10%;top:-20px;height:0px;width:0px;border-width:10px;border-color:transparent transparent #800080 transparent;border-style:solid;}
#guidance-icon{cursor:pointer;height:40px;padding:10px 0px 0px 10px;}

/*教师端新增加的页面*/
.page_tab ul li a{color:#CCC;}
.page_tab ul li a:hover{color:#CCC; text-decoration:none;}
.page_tab ul li.active a{color:#800080;}

/*左侧选项卡*/
.tab_left{float:left;width:330px;}
.tab_left ul{list-style:none;}
.tab_left ul li{display:block;margin: 15px 0;list-style-type: none;padding: 10px 10px 15px 10px;min-height: 130px;}
.tab_left ul li  i[class*='icon-user']{float:left;font-size:90px;color:#428bca;}
.tab_left ul li div{text-align:left !important;max-width: 60%;display: inline-table;margin: auto 0 0px 15px;padding: 0;color:#333;}
.tab_left ul li.chose_tab {background-color:#428bca;color:#FFF;border-bottom:none;}
.tab_left ul li.chose_tab i[class*='icon-user']{color:#FFF;}
.tab_left ul li.chose_tab div {color:#FFF;}
.tab_left ul li:hover{border-bottom:0px;}
.tab_left_content{float:left;width:700px;padding:15px 0px 10px 30px;}

.content_info .pull-left i[class*='icon-user']{display:block;width:100px;height:100px;font-size:100px;}
.content_info .rinking_info{height:70px;padding-top:30px;padding-left:20px;}
.view_pro{padding-top:30px;}

/*-----------------------------------------后期修改css-----------------------------------------------------*/

/*导航条右边下拉列表*/
.dropdown-menu.dropdown-close.pull-right {left: auto;right: 0;}

/*平台主题*/
.main_them {height:35px;padding-top:9px;}
.main_them .h3 {font-size:26px;}
.select_type {border:1px dashed #428bca; background-color:#F5F5F5;padding:5px 10px;}
.select_type .container {padding:0 0 !important;margin-top:0px;}

/*向上按钮*/
#btn-scroll-up {position:fixed;z-index:1000;bottom:100px;}


/*包屑导航*/

.remarknum {
    color: #428bca;
}

.error_num {
    border: 1px solid #E80C4D !important;
}

#div_article {
    padding: 0 15px;
}