.banner{
	position: relative;
	width: 100%;
	height: 403px;
	background: url(../../images/main/banner/banner.png) no-repeat;
	background-size: 100% 100%;
}
.mask-bg {
	width: 100%;
	height: 100%;
	background: url(../../images/main/bg/index_mask_bg.png) repeat-x;
}
.mask{
	width: 100%;
	height: 100%;
	position: relative;
	background: rgba(0,0,0,0.34);
}
.download-icon {
	display: inline-block;
	vertical-align: middle;
	width: 49px;
	height: 49px;
	background: url(../../images/main/icon/download.png) no-repeat;
	margin-left: 10px;
}
.logo{
	position: absolute;
	top: 21px;
	left: 0;
	display: block;
	width: 575px;
	height: 116px;
}
.search {
	position: absolute;
	right: 0;
	top: 51px;
}
.search-box {
	float: left;
}
.search-icon {
	position: absolute;
	left: 10px;
	top: 7px;
	display: inline-block;
	width: 16px;
	height: 18px;
	background: url(../../images/main/icon/search-icon.png) no-repeat;
}
.search-input {
	width:182px;
	height:30px;
	line-height: 30px;
	border: none;
	margin: 0;
	background: #fff;
	padding-left: 32px;
	box-sizing: border-box;
	float: left;
}
.search-btn {
	width:64px;
	height:30px;
	background:rgba(25,145,237,1);
	font-size:14px;
	font-weight:400;
	color: #fff;
	line-height:30px;
	text-align: center;
	float: left;
}
.login-btn {
	width:73px;
	height:30px;
	background:rgba(20,217,196,1);
	margin-left: 6px;
	float: left;
	font-size:14px;
	font-weight:400;
	color: #fff;
	text-align: center;
	line-height:30px;
}
.logout-btn {
	width:73px;
	height:30px;
	background:rgba(220,27,196,1);
	margin-left: 6px;
	float: left;
	font-size:14px;
	font-weight:400;
	color: #fff;
	text-align: center;
	line-height:30px;
}
.banner-title {
	padding: 184px 0 0 0;
	box-sizing: border-box;
	text-align: center;
	width:100%;
	font-size:42px;
	font-weight:normal;
	color:#fff;
	text-shadow:0px 5px 5px rgba(151,151,151,0.75);
}
.role-list{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 110px;
}
.role-list .role-item{
	display: block;
	float: left;
	width: 289px;
	height: 100%;
	margin-right: 14px;
	line-height: 110px;
	text-align: center;
	font-size:26px;
	font-family:HYQiHei;
	font-weight:normal;
	color: #fff;
	cursor: pointer;
}
.role-list .role-item:last-child{
	margin-right: 0px;
}
.role-item .role-name {
	display: inline-block;
	font-size:26px;
	font-family:HYQiHei;
	font-weight:normal;
	line-height:40px;
}
.role-item.stu{
	background: #14d9c4;
}
.role-item.parent{
	background: #0de5b5;
}
.role-item.mate{
	background: #06e1ca;
}
.role-item.tea{
	background: #0be7ea;
}
.role-item.active{
	background: #fff;
}
.role-item.active .role-name{
	color: #21c9b8;
}
.role-item:hover{
	background: #fff;
	color: #21c9b8;
}
.role-item.active::after,.role-item:hover::after{
	content: "";
	display: block;
	width: 100%;
	height: 9px;
	background: #14d9c4;
}
.role-item i {
	display: inline-block;
	width: 61px;
	height: 61px;
	margin-right: 20px;
	vertical-align: middle;
}
.stu-icon {
	background: url(../../images/main/icon/stu-icon.png) no-repeat;
}
.parent-icon {
	background: url(../../images/main/icon/parent-icon.png) no-repeat;
}
.mate-icon {
	background: url(../../images/main/icon/mate-icon.png) no-repeat;
	margin-right: 15px !important;
}
.tea-icon {
	background: url(../../images/main/icon/tea-icon.png) no-repeat;
}
.active .tea-icon {
	background: url(../../images/main/icon/tea-icon-hover.png) no-repeat;
}
.active .stu-icon {
	background: url(../../images/main/icon/stu-icon-hover.png) no-repeat;
}
.active .parent-icon {
	background: url(../../images/main/icon/parent-icon-hover.png) no-repeat;
}
.active .mate-icon {
	background: url(../../images/main/icon/mate-icon-hover.png) no-repeat;
}
.tea:hover .tea-icon {
	background: url(../../images/main/icon/tea-icon-hover.png) no-repeat;
}
.role-item.mate:hover .mate-icon {
	background: url(../../images/main/icon/mate-icon-hover.png) no-repeat;
}
.role-item.stu:hover .stu-icon {
	background: url(../../images/main/icon/stu-icon-hover.png) no-repeat;
}
.role-item.parent:hover .parent-icon {
	background: url(../../images/main/icon/parent-icon-hover.png) no-repeat;
}

.block {
	padding-top: 20px;
	padding-bottom: 20px;
}
.block-title{
	padding-bottom: 17px;
	margin: 0;
	border-bottom: 3px solid #E4E4E4;
}
.title-name{
	position: relative;
	font-size:32px;
	font-family:HYQiHei;
	font-weight:normal;
	color:rgba(4,4,4,1);
	display: inline-block;
	height: 100%;
}
.title-name::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -19px;
	width: 100%;
	height: 5px;
	background: #4DDCCE;
}
.category{
	margin-top: 25px;
}

.category-item{	
	display: block;
	float: left;
	width:286px;
	height:108px;
	line-height: 108px;
	color: #000;
	background: #fff;
	font-size: 18px;
	box-shadow:0px 2px 10px 0px rgba(4,0,0,0.14);
	margin-bottom: 24px;
	margin-right: 18px;

}
.category-item:nth-child(4n){
	margin-right: 0;
}
.category-item>*{
	display: inline-block;
	vertical-align: middle;
}
.category-name{
	color: #000;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}
.data-display {
	width: 100%;
	height: 332px;
	background: url(../../images/main/banner/data-banner.jpg) no-repeat;
	background-size:100%;
}
.data-list {
	height: 100%;
	padding-top: 121px;
}
.data-item {
	width: 210px;
	margin-right: 36px;
	display: inline-block;
}
.data-item:nth-child(4){
	width: 150px
}
.data-item:last-child{
	margin-right: 0px;
}
.data-item .label{
	font-size:26px;
	font-family:HYQiHei;
	font-weight:normal;
	color:#fff;
	line-height:40px;
}
.data-item .num{
	margin: 20px 0 0 0;
	color: #fff;
	font-size:56px;
	font-family:HYQiHei;
	font-weight:normal;
}
.unit{
	font-size:30px;
	font-family:HYQiHei;
	font-weight:normal;
	color: #fff;
}
.footer-title {
	font-size:32px;
	font-family:HYQiHei;
	font-weight:normal;
	color: #040404;
	margin: 20px 0 32px 0;
}
.footer-item {
	display: block;
	float: left;
	width: 273px;
	height: 65px;
	text-align: center;
	line-height: 65px;
	background: #EEEEEE;
	margin-right: 35px;
	color: #000;
	font-size: 20px;
	margin-bottom: 24px;
}
.footer-item:nth-child(4n) {
	margin-right: 0px;
}
.website{
	width:100%;
	height:64px;
	background: #EAEBEB;
	line-height: 64px;
	font-size:14px;
	font-family:FontName;
	font-weight:400;
	color:rgba(88,88,88,1);
}
.category-item .index-icon{
	width: 75px;
	display: inline-block;
	margin-left: 36px; 
}
.category-item.item-1 .index-icon{
	height: 48px;
	background: url(../../images/main/icon/index-icon-group.png) -10px -4px no-repeat;
}
.category-item.item-2 .index-icon{
	height: 47px;
	background: url(../../images/main/icon/index-icon-group.png) -185px -1px no-repeat;
}
.category-item.item-3 .index-icon{
	height: 52px;
	background: url(../../images/main/icon/index-icon-group.png) -378px -1px no-repeat;
}
.category-item.item-4 .index-icon{
	height: 52px;
	background: url(../../images/main/icon/index-icon-group.png) -564px 0px no-repeat;
}
.category-item.item-5 .index-icon{
	height: 51px;
	background: url(../../images/main/icon/index-icon-group.png) 0px -109px no-repeat;
}
.category-item.item-6 .index-icon{
	height: 49px;
	background: url(../../images/main/icon/index-icon-group.png) -198px -111px no-repeat;
}
.category-item.item-7 .index-icon{
	height: 46px;
	background: url(../../images/main/icon/index-icon-group.png) -371px -116px no-repeat;
}
.category-item.item-8 .index-icon{
	height: 46px;
	background: url(../../images/main/icon/index-icon-group.png) -557px -117px no-repeat;
}
.category-item.item-9 .index-icon{
	height: 49px;
	background: url(../../images/main/icon/index-icon-group.png) -10px -217px no-repeat;
}
.category-item.item-10 .index-icon{
	height: 47px;
	background: url(../../images/main/icon/index-icon-group.png) -194px -216px no-repeat;
}
.category-item.item-11 .index-icon{
	height: 51px;
	background: url(../../images/main/icon/index-icon-group.png) -376px -216px no-repeat;
}
.category-item.item-12 .index-icon{
	height: 43px;
	background: url(../../images/main/icon/index-icon-group.png) -562px -224px no-repeat;
}
.category-item.item-13 .index-icon{
	height: 46px;
	background: url(../../images/main/icon/index-icon-group.png) -8px -331px no-repeat;
}
.category-item.item-14 .index-icon{
	height: 43px;
	background: url(../../images/main/icon/index-icon-group.png) -190px -335px no-repeat;
}
.category-item.item-15 .index-icon{
	height: 51px;
	background: url(../../images/main/icon/index-icon-group.png) -381px -330px no-repeat;
}
.category-item.item-16 .index-icon{
	height: 52px;
	background: url(../../images/main/icon/index-icon-group.png) -564px -325px no-repeat;
}
.category-item.item-17 .index-icon{
	height: 53px;
	background: url(../../images/main/icon/index-icon-group.png) -14px -438px no-repeat;
}
.category-item.item-18 .index-icon{
	height: 41px;
	background: url(../../images/main/icon/index-icon-group.png) -187px -450px no-repeat;
}
.category-item.item-19 .index-icon{
	height: 44px;
	background: url(../../images/main/icon/index-icon-group.png) -381px -447px no-repeat;
}
.category-item.item-20 .index-icon{
	height: 48px;
	background: url(../../images/main/icon/index-icon-group.png) -564px -442px no-repeat;
}
.category-item.item-21 .index-icon{
	height: 43px;
	background: url(../../images/main/icon/index-icon-group.png) -16px -558px no-repeat;
}
.category-item.item-22 .index-icon{
	height: 48px;
	background: url(../../images/main/icon/index-icon-group.png) -191px -555px no-repeat;
}
.category-item.item-23 .index-icon{
	height: 43px;
	background: url(../../images/main/icon/index-icon-group.png) -380px -560px no-repeat;
}
.category-item.item-24 .index-icon{
	height: 50px;
	background: url(../../images/main/icon/index-icon-group.png) -570px -554px no-repeat;
}

.category-item:hover{
	background: #14D9C4;
}
.category-item:hover .category-name{
	color: #fff;
	text-decoration: none;
}
.category-item.item-1:hover .index-icon{
	height: 48px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -10px -4px no-repeat;
}
.category-item.item-2:hover .index-icon{
	height: 47px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -185px -1px no-repeat;
}
.category-item.item-3:hover .index-icon{
	height: 52px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -378px -1px no-repeat;
}
.category-item.item-4:hover .index-icon{
	height: 52px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -564px 0px no-repeat;
}
.category-item.item-5:hover .index-icon{
	height: 51px;
	background: url(../../images/main/icon/index-icon-group-hover.png) 0px -109px no-repeat;
}
.category-item.item-6:hover .index-icon{
	height: 49px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -198px -111px no-repeat;
}
.category-item.item-7:hover .index-icon{
	height: 46px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -371px -116px no-repeat;
}
.category-item.item-8:hover .index-icon{
	height: 46px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -557px -117px no-repeat;
}
.category-item.item-9:hover .index-icon{
	height: 49px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -10px -217px no-repeat;
}
.category-item.item-10:hover .index-icon{
	height: 47px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -194px -216px no-repeat;
}
.category-item.item-11:hover .index-icon{
	height: 51px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -376px -216px no-repeat;
}
.category-item.item-12:hover .index-icon{
	height: 43px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -562px -224px no-repeat;
}
.category-item.item-13:hover .index-icon{
	height: 46px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -8px -331px no-repeat;
}
.category-item.item-14:hover .index-icon{
	height: 43px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -190px -335px no-repeat;
}
.category-item.item-15:hover .index-icon{
	height: 51px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -381px -330px no-repeat;
}
.category-item.item-16:hover .index-icon{
	height: 52px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -564px -325px no-repeat;
}
.category-item.item-17:hover .index-icon{
	height: 53px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -14px -438px no-repeat;
}
.category-item.item-18:hover .index-icon{
	height: 41px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -187px -450px no-repeat;
}
.category-item.item-19:hover .index-icon{
	height: 44px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -381px -447px no-repeat;
}
.category-item.item-20:hover .index-icon{
	height: 48px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -564px -442px no-repeat;
}
.category-item.item-21:hover .index-icon{
	height: 43px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -16px -558px no-repeat;
}
.category-item.item-22:hover .index-icon{
	height: 48px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -191px -555px no-repeat;
}
.category-item.item-23:hover .index-icon{
	height: 43px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -380px -560px no-repeat;
}
.category-item.item-24:hover .index-icon{
	height: 50px;
	background: url(../../images/main/icon/index-icon-group-hover.png) -570px -554px no-repeat;
}

.banner-inner {
	position: relative;
	height: 124px;
	background: #fff;
}
.logo-2{
	position: absolute;
	top: 15px;
	left: 0;
	display: block;
	width: 480px;
	height: 97px;
}
.pos{
	position: relative;
	height: 47px;
	line-height: 47px;
	background: #FFFDC2;
	font-size:14px;
	font-family:SimSun;
	font-weight:400;
	color:rgba(158,129,88,1);
	padding-left: 20px;
	box-sizing: border-box;
}
.pos .close{
	position: absolute;
	width: 17px;
	height: 14px;
	background: url(../../images/main/icon/close.png) no-repeat;
	top: 15px;
	right: 15px;
	cursor: pointer;
}
.nav{
	float: left;
	width: 252px;
	background: #fff;
	border: 1px solid #eceaea;
}
.content{
	float: right;
	width: 925px;
	background: #fff;
	box-sizing: border-box;
}
.nav .title {
	background: #FAFAFA;
	color: #A7A7A7;
	font-size: 16px;
	font-weight:400;
	height: 38px;
	line-height: 38px;
	padding-left: 16px;
	box-sizing: border-box;
}
.nav .title > * {
	display: inline-block;
	vertical-align: middle;
}

.nav-box .nav-item{
	height: 64px;
	line-height: 64px;
	padding: 0 10px;
	box-sizing: border-box;
}
.nav-box .nav-item:last-child{
	border-bottom: none;
}
.nav-item a {
	display: block;
	color: #4a4a4a;
	border-bottom: 1px solid #f1f1f1;
	text-indent: 40px;
}
.nav-item.active, .nav-item:hover{
	border-left: 4px solid #22c29a;
}
.nav-item.active a ,.nav-item:hover a {
	color: #22c29a;
}
.content {
	border: 1px solid #eceaea;
	background: #fff;
}
.inner-page-title {
	font-size: 24px;
	color: #0f0f0f;
	border-bottom: 1px solid #e5e5e5;
	font-weight: bold;
	text-indent: 25px;
	height: 60px;
	line-height: 60px;
	margin: 0;
}
.main {
	padding: 0px 25px;
	 box-sizing: border-box;
}
.pos-bg{
	padding: 9px 0 14px 0;
	background: #f5f5f5;
}
.main-block {
	background: #f5f5f5;
	padding: 25px;
	margin-bottom: 30px;
	box-sizing: border-box;
}
.f-title {
	font-size: 22px;
	color: #04bb8d;
	margin:0 0 20px 0;
	text-indent: 15px;
	border-left: 8px solid #22c29a;
}
.about{
	color: #656565;
	font-size:16px;
	line-height: 25px;
	
}
.about p{
	/*margin:0 0 5px 0;
	font-size: 16px;
	color: #2e2e2f;
	line-height: 32px;
	margin-bottom: 0px;
	text-indent: 2em;*/
	line-height: 30px; font-size: 15px;
}

.about table{
	width: 90% !important;
	margin: 0 auto !important;
	border: 1px solid #ccc !important;
	border-collapse: collapse;
}
.about table td,.about table th{
	text-align: center;
	padding: 5px 0;
	border: 1px solid #ccc !important;
}
.about img{
	max-width: 95%;
	display: block !important;
	margin: 0 auto !important;
}

.fn-ul {
	margin-top: 25px;
	margin-bottom: 30px;
}
.fn-ul .fn-item{
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #e5e5e5;
}
.fn-item>img {
	margin-right: 10px;
}
.fn-ul .fn-item:last-child{
	border-bottom: 0px;
}
.fn-ul .detail-btn{
	display: inline-block;
	width: 90px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border: 1px solid #22c29a;
	border-radius: 3px;
	color: #22c29a;
	text-decoration: none;
	float: right;
	margin-top: 7px;
}
.detail-btn:hover{
	background: #22c29a;
	color: #fff;
}
.rule .rule-item {
	height: 35px;
	line-height: 35px;
}
.rule-item a,.rule-item .time {
	font-size: 14px;
	color: #373737;
}
.re-table .table-item {
	margin-bottom: 10px;
}
.table-item>span {
	float: left;
	color: #373737;
	font-size: 14px;
	margin-top: 5px;
}
.table-item .download {
	color: #0c64d0;
	font-size: 14px;
	text-decoration: underline;
	margin-top: 3px;
}
.table-item>img {
	float: left;
	margin-right: 15px;
}
.question-item{
	margin-bottom: 30px;
}
.question-item:last-child{
	margin-bottom: 0px;
}
.question-item .q-title{
	font-size: 16px;
	color: #373737;
	font-weight: bold;
	margin-bottom: 10px;
}
.q-title>span,.a-title>span{
	font-size: 30px;
	color: #22c29a;
	font-weight: normal;
	margin-right: 10px;
}
.question-item .a-title{
	font-size: 14px;
	color: #373737;
	line-height: 30px;
}
.print{
	margin-bottom: 30px;
}
.print:last-child{
	margin-bottom: 0px;
}
.print-item >*{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	color: #000;
	font-size: 14px;
}
.print-item .download{
	color: #0c64d0;
	font-size: 14px;
	text-decoration: underline;
}
.nav .title-blue {
	background: #ddf0fe; 
	color: #328dd3;
}
.nav .user-box{
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
	/*border: 1px solid #ebebeb;*/
}
.nav .user-box .user-item{
	padding: 15px 10px; 
	border-bottom: 1px solid #ebebeb;
	color: #4a4a49;
	font-size: 15px;
}
.nav .user-box .user-item:last-child {
	border-bottom: none;
}
.user-box .user-item .label{
	color: #949494;
}
.user-opera {
	text-align: center;
	padding-bottom: 15px;
}
.user-opera .btnUser{
	display: inline-block;
	width: 101px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: 1px solid #3ccaa6;
	color: #22c39a;
	font-size: 15px;
	background: #fff;
	border-radius: 3px;
}
.user-opera .btnUser.back{
	color: #fff;
	background: #3ccaa6;
	margin-right: 8px;
}
.split-bar {
	background: #f5f5f5;
	height: 10px;
	width: 100%;
	border-top: 1px solid #ebebeb;
}
.main-block .method-p{
	color: #575656;
	font-size: 14px;
	line-height: 28px;
}
.form-box {
	border: 1px solid #eeeeee;
	padding: 0px 100px 60px 0px;
}
.form-box .layui-form {
	padding-left: 40px;
}
.form-box .layui-form input {
	font-size: 15px !important;
}
.form-box .layui-form-radio *{
	font-size: 15px;
}
.form-box .layui-form-select dl dd{
	font-size: 15px;
}
.form-box .layui-form-item .layui-input-inline {
	width: 325px;
}
.form-box .layui-form-label{
	color: #7c7c7c;
	font-size: 15px;
}
.form-box .layui-input.disabled{
	background: #f5f5f5;
	color: #969696;
}
.form-box .layui-btn.save{
	width: 190px;
	height: 38px;
	line-height: 38px;
	background: #3fd1ad;
	color: #fff;
	font-size: 16px;
	border-radius: 6px;
}
.form-box .layui-btn.cancel{
	width: 190px;
	height: 38px;
	line-height: 38px;
	background: #e5e5e5;
	color: #606060;
	font-size: 16px;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
}
.form-box .title {
	font-size: 20px;
	color: #3d3e3e;
	padding-left: 45px;	
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #eeeeee;
	background: #fafafa;
	margin-bottom: 40px;
}
.form-box .layui-form-radio>i:hover, .layui-form-radioed>i {
	color: #3fd1ad;
}
.form-box .layui-form-checked[lay-skin=primary] i {
	border-color: #3fd1ad!important;
    background-color: #3fd1ad;
	color: #fff;
}

.c-red {
	color: #f70808 !important;
}
.c-green {
	color: #1ea784 !important;
}
.c-gary{
	color: #8f8f8f !important;
}
.table-box {
	padding-bottom: 20px;
}
.work-table {
	width: 100%;
	font-size:15px;
}
.work-table th {
	background: #f5f5f5;
	border: 1px solid #eeeeee;
	padding: 14px 0;
	text-align: center;
}
.work-table td {
	background: #fff;
	border: 1px solid #eeeeee;
	padding: 14px 0;
	text-align: center;
}
.table-top {
	background: #f5f5f5;
	padding: 10px 30px;
	margin: 10px 0 15px 0;
}
.table-top .top-item{
	float: left;
	margin-right: 140px;
}
.table-top .top-item:last-child {
	margin-right: 0;
}
.top-item>*{
	display: inline-block;
	vertical-align: middle;
}



/*表单公共*/ 


.form-style{background: #fff; padding:15px; border: 1px solid #ccc; font-size: 14px; box-sizing: border-box; width: 100%;}
.form-div{margin-bottom: 20px;}
.input{height: 28px; width: 200px; line-height: 28px; background-color: #fff; color: #2b2b2b; padding-left: 5px; border: 1px solid #ccc; border-radius: 3px; margin-right: 10px; font-size: 14px; box-sizing: border-box;}
/*.select{height: 28px; width: 200px; line-height: 28px; background-color: #fff; color: #2b2b2b; padding:0 5px; border: 1px solid #ccc; border-radius: 3px; margin-right: 10px; font-size: 14px; box-sizing: border-box;}
.textarea{width: 400px; height: 100px;  font-size: 14px; padding: 5px; line-height: 24px; color: #2b2b2b; border-radius: 5px; border: 1px solid #ccc;}
*+html .select{width: 258px; margin-bottom: 0; height: auto;}*/
.select{height: 28px; width: 200px; line-height: 28px; background-color: #fff; color: #2b2b2b; padding-left:5px; border: 1px solid #ccc; border-radius: 3px; margin-right: 10px; font-size: 14px; box-sizing: border-box;}
.textarea{width: 400px; height: 100px; font-size: 14px; padding: 5px; line-height: 24px; color: #2b2b2b; border-radius: 5px; border: 1px solid #ccc;}
*+html .select{width: 258px; margin-bottom: 0; height: auto;}
.select{padding-left:5px \9; height:auto;}
:root .select{padding-left:5px \9; height:28px;}
form .input{position:relative;top:3px\9\0;}
*+html .textarea{text-indent: 0; width: 516px;}
/*按钮公共样式，引入颜色样式前必须先引入btn*/
.btn{display: inline-block; margin-right: 5px; height: 28px; line-height: 28px; border-radius: 5px; border: 1px solid #ccc; font-size: 14px !important; color: #000; background-color: #fff; padding: 0px 10px; cursor: pointer;min-width:30px;}
.btn-mini{height: 25px; line-height: 25px; font-size: 12px !important; border-radius: 3px; margin: 0 3px;}
.btn-large{height: 35px; line-height: 35px; font-size: 16px !important; border-radius: 5px; padding: 0 20px;}
*+html .btn{line-height: 27px;}
*+html .btn-mini{line-height: 22px;}
*+html .btn-large{line-height: 32px;}
.btn:hover{background-color: #f0f0f0}
.btn-green{background-color: #06b206; color: #fff !important; border: 1px solid #06b206;}
.btn-green:hover{background-color: #0abd0a; color: #fff !important; border: 1px solid #0abd0a;}
.btn-gray{background-color: #b5b2b2; color: #fff !important; border: 1px solid #b5b2b2;}
.btn-gray:hover{background-color: #c1bfbf; color: #fff !important; border: 1px solid #c1bfbf;}
.btn-yellow{background-color: #ffd403; color: #fff !important;border: 1px solid #ffd403;}
.btn-yellow:hover{background-color: #fbe105; color: #fff ; border: 1px solid #fbe105;}
.btn-blue{background-color: #0096f3; color: #fff !important; border: 1px solid #0096f3;}
.btn-blue:hover{background-color: #009dff; color: #fff !important; border: 1px solid #009dff;}
.btn-red{background-color: #ec0000; color: #fff !important; border: 1px solid #ec0000;}
.btn-red:hover{background-color: red; color: #fff !important; border: 1px solid red;}
.btn-purple{background-color: #9900cc; color: #fff !important; border: 1px solid #9900cc;}
.btn-purple:hover{background-color: red; color: #fff !important; border: 1px solid red;}
.btn-brown{background-color: #996600; color: #fff !important; border: 1px solid #996600;}
.btn-brown:hover{background-color: red; color: #fff !important; border: 1px solid red;}
.page-style{border: 1px solid #ccc;  background: #fff; margin-right: 3px; cursor: pointer; height: 30px; line-height: 30px; padding: 0 15px; text-align: center;  color: #000; font-size: 12px !important; border-radius: 3px; display: inline-block;}
.page-active{border: 1px solid #31b9e6; background: #31b9e6; color: #fff;}
.page-style:hover{background: #1facda; border: 1px solid #31b9e6; color: #fff;}
.flabel{width: 120px; text-align: center; font-size: 14px; display: inline-block;}
.checkbox{width: 18px; height: 18px; background-color: #fff; margin: 0; vertical-align: middle; margin-right: 0px;}
.form-span{margin-right: 15px}
.table-text-center{text-align: center !important;}
.table-left td,.table-left th{text-align: left; padding-left: 5px;}
/*.instruction-div{margin-bottom: 10px;}*/
fieldset{margin-bottom: 10px;}
legend{font-size: 14px;}
.schoool-roll-header{padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
/*报表ul*/
.report-ul{padding:0px 20px; box-sizing: border-box;}
.report-ul li{padding-bottom: 15px; border-bottom: 1px dashed #efefef;margin-top: 15px;}
.report-ul li a{text-decoration: none;  font-size: 14px; }
.report-ul li a:hover{text-decoration: underline;}
/*绿色说明ul*/
.green-instruction-box{background-color: #C7EDCC; padding: 10px 20px; box-sizing: border-box; margin-bottom: 10px;font-size: 14px; font-family: "微软雅黑",Arial,Tahoma, Helvetica; line-height: 30px; color: #333;}
.green-instruction-box .instruction-ul{list-style: none; padding: 0}
/*字体颜色*/
.c-red{color: red !important;}
/*禁用按钮*/
.disabled{background: #e2e2e2 !important; color: #b3b3b3 !important; border: 1px solid #cecece; cursor: default}