/* 布局，版面 */


/**页头**/
#header {
	width: 100%;
	height: 60px;
	font-size:14px;
	background-color:#fff;
}
.header-shadow {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width: 100%;
	height: 60px;
	border-bottom:1px solid #ecf1f3;
	box-shadow: 0 2px 4px 0 rgba(159,171,180,0.15);
	background-color:#fff;
}
.schoolChoice-header {
	position: fixed;
	top:0;
	left:0;
}
.schoolChoice-header .header-shadow {
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width: 100%;
	height: 60px;
	border-bottom:1px solid #ecf1f3;
	box-shadow: 0 2px 4px 0 rgba(159,171,180,0.15);
	background-color:#fff;
}
@media all and (min-width:0){   
	#header {
	border-bottom:none;
	}
}	
#header .logo-index {
	float: left;
}
#header .logo-index .logo {
	float: left;
	width:150px;
	height:60px;
	text-align:center;
	background-color: #58c9b9;
}
#header .logo-index .logo img {
	display: block;
    margin: 15px auto 0;
	height: 30px;
}
#header .logo-index span {
	float: left;
	margin-left: 20px;
	margin-left: 18px\0;
	font-size:17px;
	font-weight:bold;
	line-height: 60px;
}
#header .schoolname {
	float: right;
	margin-left:10px;
	line-height:60px;
	text-align:right;
}
#header .nav_other {
	float: right;
	display: block;
	margin-right: 30px;
}
#header .nav_other>li {
	float: left;
	line-height: 60px;
	padding-left: 20px;
	height: 60px;
}
#header .nav_other>li>a {
	display: block;
	min-width: 80px;
	height: 60px;
	clear: both;
}
#header .nav_other>li>a:hover {
	color: #000;
}
#header .nav_other li .other_sel .user_photo {
	float: left;
	margin-top:18px;
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 50%;
}
#header .nav_other li .other_sel .user_photo.dist {
	background: #a5a5a5;
}
#header .nav_other li .other_sel .user_photo i {
	color: #515151;
	font-size: 20px;
}
#header .nav_other li .other_sel .user_photo img {
	display:block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
#header .nav_other li .other_sel:hover .user_photo.dist {
	background: #fff;
}
#header .nav_other li .other_sel:hover .user_photo i {
	color: #515151;
}
#header .nav_other li .other_sel .other_name {
	float: left;
	margin: 0 10px 0 10px;
	margin: 0 5px 0 5px\0;
	height: 60px;
	line-height: 66px\0;
}
#header .nav_other li .caret {
	float: left;
	width:10px;
	height:60px;
	position: relative;
	width:30px\9;
}
#header .nav_other li .arrow {
	position:absolute;
	top:29px;
	right:0;
	display:inline-block;
    width: 0;
    height: 0;
    margin-left: 3px;
    vertical-align: middle;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
#header .nav_other li .arrow-1 {
	z-index:1;
	color: #000;
}
#header .nav_other li .arrow-2 {
	z-index:2;
	top:28px;
	color: #fff;
}
#header .nav_other li .dropdown-menu {
	position:absolute;
	right: 20px;
	left: auto;
	z-index:1;
	display:none;
	padding-top:10px;
	padding-bottom:12px;
	width:110px;
	text-align:left;
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(159,171,180,0.2);
	border-left:2px solid #eee\9;
	border-bottom:2px solid #eee\9;
}
@media all and (min-width:0){   
	#header .nav_other li .dropdown-menu {
	border-left:none;
	border-bottom:none;
	}
}	
#header .nav_other li .dropdown-menu li a {
	display:block;
	padding-left:23px;
	line-height: 32px;
}
#header .nav_other li .dropdown-menu li a:hover {
	color: #000;
	background-color: #f7f7f7;
}
#header .navbar-collapse {
	float: left;
	margin-left: 20px;
}
#header .navbar-collapse ul li {
	float: left;
	line-height: 60px;
}
#header .navbar-collapse ul li a {
	display: block;
	padding-left:15px;
	padding-right:15px;
}
#header .navbar-collapse ul li:hover {
	background-color: rgba(88,201,185,0.08);
	background-color: #f7f7f7;
}
#header .navbar-collapse ul li.active,
#header .navbar-collapse ul li.active a {
	color:#fff;
	background-color: #58c9b9;
}

.sidebar-bg {
	float: left;
	width: 150px;
	font-size: 14px;
	text-align: left;
	color:#fff;
	background-color: #323232;
	overflow: hidden;
}
.sidebar {
	margin-top: 14px;
    width: 100%;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
}
.sidebar h3 {
	display: block;
    padding-left: 20px;
    height: 54px;
    font-size: 14px;
    font-weight:normal;
    line-height: 54px;
    background-color: #323232;
}
.sidebar h3 i.box-icon {
    position: relative;
    top: 1px;
    margin-right: 8px;
}
.sidebar ul {
	background-color: #000;
}
.sidebar ul li a {
	display: block;
    padding-left: 38px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    border-left: 5px solid #000;
    line-height: 50px\0;
}
.sidebar ul li a:hover {
	border-color: #2a2c2e;
	background-color: #2a2c2e;
}
.sidebar ul li.active a {
	font-weight: 500;
    border-color: #58c9b9;
    background-color: #65707b;
    font-weight: bold\0;
}


/**主体**/
#main {
	margin-left:150px;
	margin-top: 5px;
}
.page-content {
	padding-left: 20px;
	padding-right:30px;
	background-color: #fff;
}



/* 页面标题 */
.page-title {
	font-size: 18px;
	font-weight:500;
	text-align:left;
	height:27px\0;
	line-height:38px\0;
	font-weight:bold\0;
}
.page-title span {
	display: inline-block;
}
.page-title em {
	color: #000;
}
.page-titleGroup {
	font-size: 12px;
	text-align:left;
	color: #657076;
	height: 12px\0;
	line-height: 18px\0;
}
.page-subTitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #657076;
    height: 20px\0;
    line-height: 26px\0;
}
.page-subTitle i.stepNum {
	font-style: normal;
	width:16px;
	height:16px;
	font-size:12px;
	font-weight:300;
	line-height: 14px;
	text-align:center;
	color: #fff;
	border-radius:50%;
	background-color: #ff584b;
}


/* 分页tab */
.page-tab {
	border: 1px solid #ecf1f3;
	border-bottom: 0;
	background-color: #f8f9fa;
	overflow: hidden;
}
.page-tab ul {
	margin-left: 17px;
	padding-top:3px;
	overflow: hidden;
}
.page-tab ul li {
	float: left;
	margin-left: 18px;
	margin-right: 18px;
}
.page-tab ul li a {
	display:block;
	font-size:14px;
	line-height: 44px;
	color: #65707b;
	border-bottom: 2px solid #f8f9fa;
	cursor: pointer;
	height: 44px\0;
	line-height: 52px\0;
}
.page-tab ul li a.cur {
	font-weight: 500;
	color: #000;
	border-color: #58c9b9;
	font-weight:bold\0;
}


/**查询**/
.search {
	padding: 16px 40px 16px 0;
	font-size:14px;
	text-align:left;
	border:1px solid #ecf1f3;
	background-color: #f8f9fa;
}
.search .box-item {
	float:left;
	width:33.33%;
	margin:9px 0 9px 0;
}
.search .box-item-hide {
	display: none;
}
.search .box-item label {
	float: left;
	margin-left:36px;
	margin-right: 9px;
	padding-top:5px;
	padding-bottom:5px;
	line-height: 20px;
	height: 20px\0;
	line-height: 26px\0;
}
.search .box-item .box-input {
	margin-left:101px;
	background-color: #fff;
	overflow: hidden;
}
.search .box-item .box-input input {
	display: block;
	padding-top:4px;
	padding-bottom:4px;
	font-size:14px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.search .box-item .box-input input {
	padding-top:3.7px;
	padding-bottom:3.7px;
}
}
.search .box-item .box-select {
	position: relative;
	margin-left:101px;
}
.search .box-item .box-radio-wrap {
	margin-left:101px;
	overflow: hidden;
}
.search .box-item .box-radio-wrap label {
	float: none;
	margin-left: 0;
	margin-right: 15px;
}
.search .box-item .box-radio-wrap .box-radio {
	margin-top:3px;
}
.search .box-item .box-radio-wrap .box-radio-item {
	float: left;
}
.search .box-item .box-divide-wrap {
	margin-left: 101px;
}
.search .box-item .box-divide-wrap:after {
	display: block;
    content: "";
    clear: both;
}
.search .box-item .box-divide-wrap .box-divide {
	width: 47%;
}
.search .box-item .box-divide-wrap .box-input,
.search .box-item .box-divide-wrap .box-select {
	margin-left: 0;
}
.search .box-item .box-divide-wrap span {
	display:block;
	line-height: 28px;
	text-align: center;
}
.search .box-item .box-divide-wrap .box-select span {
	float:none;
	width: auto;
	text-align: left;
}
.search .box-item .box-divide-wrap .select2-selection__clear {
	display: inline-block;
}
.search .box-item .box-divide-wrap .box-select .select2-selection__arrow {
	width: 20px;
}
.search .box-item .box-amount {
	display: inline-block;
	line-height:28px;
	border-radius:2px;
	border-top: 1px solid #ecf1f3;
	border-bottom: 1px solid #ecf1f3;
	background-color:#fff;
	overflow: hidden;
}
.search .box-item .box-amount span {
	float: left;
}
.search .box-item .box-amount .box-btn {
	float: left;
	width:26px;
	text-align:center;
	border: none;
	border-left: 1px solid #ecf1f3;
	border-right: 1px solid #ecf1f3;
}
.search .box-item .box-amount .box-input {
	float:left;
	margin-left:0;
	padding-left: 8px;
    padding-right: 8px;
	border:none;
}
.search .box-item .box-amount .box-input input {
	float:left;
	max-width: 30px;
	text-align:center;
	text-indent: 0;
}
.search .box-item .fuzzySearch-wrap {
	overflow: inherit;
}
.search .beautify-check {
	margin:9px 0 0;
}
.search .box-check-item,
.search .box-radio-item {
	float: left;
}
.search .box-check-item:nth-child(2) label,
.search .box-radio-item:nth-child(2) label {
	margin-left: 0;
}
.search .box-check-item .box-checkbox,
.search .box-radio-item .box-radio {
    margin-top: 3px;
}
.search .box-btn-wrap {
	margin-left:27px;
}
.search .box-btn-wrap .box-flex {
	float:left;
	width: 50%;
}
.search .box-btn-wrap .box-flex span {
	display:block;
	margin-left: 9px;
}
.search .box-btn-wrap .box-flex input {
	display:block;
	width:100%;
	height: 30px;
	line-height:28px;
	font-size:14px;
	cursor: pointer;
	line-height:34px\0;
}


/* 操作按钮 */
.operate {
	padding-top: 30px;
	padding-bottom: 30px;
	overflow: hidden;
	clear: both;
}
.operate .box-btn {
	margin-left: 5px;
	margin-right: 5px;
	width:140px;
	height:38px;
	font-size: 14px;
	line-height:36px;
	text-align:center;
	border-radius:2px;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	line-height:44px\0;
}
.operate .box-btn-auto {
	padding-left:5px;
	padding-right:5px;
	width: auto;
}
.form-control {
	margin-top:40px;
	margin-bottom:60px;
	text-align: center;
}
.form-control .box-btn {
	display: inline-block;
	margin-left:3px;
	margin-right:3px;
	width:156px;
    height: 30px;
    font-size: 13px;
    line-height: 28px;
    text-align: center;
    line-height: 34px\0;
}


/* 统计 */
.total {
	border: 1px solid #ecf1f3;
    background-color: #f8f9fa;
	overflow: hidden;
}
.total .cells {
	position: relative\0;
	top:6px\0;
}
.total .cells-line {
	float:left;
	width:1px;
	background-color: #ecf1f3;
	margin-top: 6px\0;
}
.total .cell {
	display:inline-block;
	margin-right:20px;
	text-align:left;
}
.total .cell .cell-hd {
	float: left;
}
.total .cell .cell-hd i {
	display: block;
	width: 40px;
	height: 40px;
	font-size:20px;
	font-weight:500;
	font-style:normal;
	line-height: 39px;
	text-align: center;
	color: #58c9b9;
	border-radius:50%;
	border: 1px solid #ecf1f3;
	background-color: #fff;
	font-weight:bold\0;
	line-height: 49px\0;
}
.total .cell .cell-bd {
	display: table-cell;
	padding-left:9px;
	overflow: hidden;
}
.total .cell .cell-bd .box-item {
	float: left;
}
.total .cell .cell-bd .box-item ul li {
	padding-top:4px;
	padding-bottom:4px;
	line-height:20px;
	overflow: hidden;
	height:20px\0;
	line-height:26px\0;
}
.total .cell .cell-bd .box-item ul li label {
	float: left;
	margin-right:10px;
	color: #65707b;
}
.total .cell .cell-bd .box-item ul li label i {
	float: left;
	margin-top:8px;
	margin-right:5px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #58c9b9;
}
.total .cell .cell-bd .box-item ul li p {
	display: table-cell;
	font-weight:400;
	margin: 0;
	font-weight:bold\0;
}
.total .cell .cell-bd .box-item ul li p em {
	display:inline-block;
	font-size:16px;
	color: #58c9b9;
}
.total .cell .cell-bd .box-item ul li p span {
	display:inline-block;
	font-weight:300;	
	margin-left: 8px;
}
.total .cell .cell-bd .box-item-total {
	margin-right: 20px;
}
.total .cell .cell-bd .box-item-total ul li p {
	margin: 0;
}
.total .cell-refund {
	margin-left:20px;
	margin-right: 0;
}
.total .cell-refund .cell-bd {
	padding-left:14px;
}

.total-wordWrap  {
	padding-bottom: 13px
}
.total-wordWrap .cells {
	width: auto;
}
.total-wordWrap .cell {
    height: auto;
}
.total-wordWrap .cell .cell-bd .box-item ul {
    margin-top: 0;
    overflow: hidden;
}
.total-wordWrap .cell .cell-bd .box-item ul li {
	float: left;
	margin-right:40px;
}



/*页码样式*/
.page_num {
	margin-top:32px;
	margin-bottom:32px;
	text-align: center;
}
.box-paging-wrap {
	display: inline-block;
}
.page_num a {
	float:left;
	margin-left:4px;
	margin-right:4px;
	width:40px;
	height: 21px;
	line-height: 21px;
	text-align:center;
	border-radius:2px;
	border: 1px solid #ecf1f3;
	line-height: 27px\0;
}
.page_num .disabled {
	color: #c6cace;
    background-color: #f8f9fa;
    border-color: #dce1e4;
}
.page_num span {
	float:left;
	line-height: 23px;
	height: 23px\0;
	line-height: 29px\0;
}
.page_num .box-total {
	float:left;
}
.page_num .box-goto {
	float:left;
	margin-left: 18px;
}
.page_num .box-goto input {
	float:left;
	margin-left:6px;
	margin-right:6px;
    width: 28px;
    height: 21px;
    line-height: 21px;
    text-align:center;
	border-radius:2px;
    border: 1px solid #ecf1f3;
    background-color: #fff;
    line-height: 27px\0;
}
.page_num .select2-container {
	margin-left: 6px;
}
.page_num .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 21px;
    line-height: 27px\0;
}
.page_num .select2-container .select2-selection--single {
    height: 23px;
}
.page_num .select2-container--default .select2-selection--single .select2-selection__arrow
	{
	height: 21px;
	line-height: 21px;
}
.page_num .select2-container--default .select2-selection--single .select2-selection__arrow i {
    height: 21px;
    line-height: 22px;
}
.page_num .select2-container--default .select2-selection--single .select2-selection__clear {
	display: none;
}