xiaoben-as2-php/css/style.css

.system-message{border:6px solid #619aff !important;}
.system-message legend{color:#619aff !important;}
.system-message legend{border-bottom: 1px solid #fff !important;}
.display-none{
	display: none;
}
/*----shade-------------------------------------------------*/
.shade {
	background-color: #000000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1999;
	position: absolute;
	top: 0;
	width: 2000px;
	height: 2000px;
	display: none;
}
/*** 弹出框样式 **/
.popup {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 15px;
	width: 700px;
}

.popup .panel {
	margin-bottom: 15px;
}

.popup .popup_tree_menu div {
	overflow-x: hidden;
	overflow-y: scroll;
	margin-bottom: 15px;
	border: 1px solid #ccc;
}

.popup select {
	border: 1px solid #ccc;
}

.popup #addr_list, .popup #position {
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px solid #ccc;
}

.popup #addr_list .checkbox {
	margin-top: 2px;
}
.popup span.lbl {
	padding-right: 10px;
}
.popup #addr_list label {
	padding-left: 6px;
	font-weight: normal;
	display: block;
	height: 28px;
	margin-bottom: 0px;
}
.popup #addr_list label .lbl {
	padding-left: 6px;
}
/**
 * 左侧树状样式
 */

ul.tree_menu {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

ul.tree_menu a {
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
}

ul.tree_menu a:hover {
	background: #eee;
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
}

ul.tree_menu a.active {
	background: #ccc;
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	color: #fff;
	z-index: 2;
	background-color: #1ABC9C;
}
ul.tree_menu a.active i {
	color: #fff;
}

ul.tree_menu i {
	cursor: pointer;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	color: #0099ff;
	font-family: FontAwesome;
	font-size: 16px;
	height: 20px;
	position: relative;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 10px;
	width: 10px;
}

.tree_menu .level1 {
	margin-left: 12px;
}

.tree_menu .level2 {
	margin-left: 36px;
}

.tree_menu .level3 {
	margin-left: 52px;
}
.tree_menu .level4 {
	margin-left: 76px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align:middle !important}

/*2016-8-30 css整理*/
	input,select{outline: none;border-radius:2px;border:1px solid #ccc;}
	input:focus,select:focus{border-color: #66afe9!important;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);outline: 0 none;}
	body{position:relative}
	.mt5{margin-top:5px;}
	.mt8{margin-top:8px;}
	.mt10{margin-top:10px;}
	.mt15{margin-top:15px;}
	.mt20{margin-top:20px;}
	.ml15{margin-left:15px;}
	.mr15{margin-right:15px;}
	.mr20{margin-right:20px;}
	.mr30{margin-right:30px;}
	.pt20{padding-top: 20px}
	.font_bold{font-weight:bold;}
	.choseImg{cursor:pointer;}
	.ttd{background:url(/images/back-d.png) center repeat;width:100%;height:100%;position:fixed;top:0px;z-index:999}
	.s-state{width:300px;background:#fff;margin:12% auto 0 auto;}
	.hint_size{height:45px;width:90%;color:#333;line-height:45px;margin:0px auto;border-bottom:1px solid #ccc;}
	.mistake_character{text-align:left;color:#606060;font-size:14px;padding:15px 0px;width:90%;margin:0px auto;}
	.roger{width:60px;height:30px;border-radius:6px;border:1px solid #15ae68;background:#15ae68;color:#fff;font-size:14px;cursor:pointer;}
	.rogergb{background:#ccc;border:1px solid #ccc;}

	.fl{float: left;}
	.fr{float: right;}
	.clearfix:after{content: '';display: block;visibility: hidden;height: 0;clear: both;}
	form{padding-left: 20px;}
	.steps-choose h3{font-size: 20px;line-height: 40px;font-size: 16px; border-bottom: 1px solid #ccc;cursor: pointer;margin: 0;}
	.steps-choose .table-hide{width: 80%;font-size: 14px;display: none;}
	.steps-choose.show .table-hide{display: block;}
	.steps-choose input[type="text"]{padding-left: 5px;}
	.steps-choose table em{margin-right:5px;color: #f00;}
	.steps-choose table th{text-align: right;width: 160px}
	.steps-choose table select{margin:10px 0; width: 100%;outline: none;}
	.steps-choose table input[type="text"]{width: 100%;margin:10px 5px 10px 0; }
	.step-three table{margin-top: 10px;}
	.step-three table input[type="text"]{width: 80%;height: 30px;}
	.step-two input[type=radio]{margin:0 5px 0 0;}
	/*.students-all div{width: 40%;height: 200px;overflow: auto;border:1px solid #ccc;}*/
	.students-all>div{width: 45%;}
	.students-name{ height:200px;overflow:auto;border:1px solid #ccc;}
	.students-name p{cursor: pointer;}
	.students-all input[type="button"]{margin:5px 0; width:100%;height:35px;background:#ccc;border:0;}
	.students-search{width:100%;height:35px;border:1px solid #ccc;border-radius:5px;}
	.create-orders{margin-top:30px;padding-left: 5%;}

	.create-orders .cancel-btn{margin-right:10px; color:#333;background:#fff;}
	input[readonly].datainp{background-color: #fff!important;color: #333;}
	.dn{display: none}
	.paddingNo{padding: 0px !important}
	.marginNo{margin: 0px !important}
	.textRight{text-align: right;}
	.textCenter{text-align: center !important;}
	.lineHeight30{line-height: 30px}
	.lineHeight40{line-height: 40px}
	.lineHeight50{line-height: 50px}
	.displayInline{display: inline;}
	.customSelect{width:160px;border: 1px solid #ccc;height: 30px;color: #393939;border-radius: 4px}
	.customInput{width:160px;border: 1px solid #ccc;height: 30px;color: #393939;border-radius: 4px;padding:0px 6px;}
	.independentPd{height: 120px;overflow: auto;width: 442px;border:1px solid #e0dede;padding:10px;border-radius:4px;}
	.customK{margin-top: 8px}
	.customK:last-child{margin-bottom: 10px}
	.yiiPager li{display: inline;}
	ul.yiiPager{display: inline;}
	.vitalColor{color: red}
	.notGo{background: red;color: #fff;height: 28px;width: 90px;border:1px solid red;text-align: center;line-height: 28px;font-size: 13px;margin:0px 0px 20px 0px;box-shadow:4px 4px 10px #adadad;}
	.selectedTotal{width: 700px;border:1px solid #e0dede;padding: 0px 12px 12px 12px;margin-top: 16px;}
	.selectedTotal li div{width: 128px;padding-top: 12px;margin-right: 6px}
	.residue{padding:10px 0px 10px 20px;}
	.backColor{background:#f2f2f2;}
	
	.position-r{position:relative}
	.font_bold{font-weight:bold;}
	.choseImg{cursor:pointer;}
	.ttd{background:url(../images/back-d.png) center repeat;width:100%;height:100%;position:fixed;top:0px;z-index:999}
	/* .s-state{width:380px;background:#fff;margin:12% auto 0 auto;} */
	.hint_size{height:45px;width:90%;color:#333;line-height:45px;margin:0px auto;border-bottom:1px solid #ccc;}
	.mistake_character{text-align:left;color:#606060;font-size:14px;padding:0px 0px 28px 0px;width:100%;margin:0px auto;}
	.roger{width:100px;height:35px;border:1px solid #15ae68;background:#15ae68;color:#fff;font-size:16px;cursor:pointer;}
	.rogergb{background:#ccc;border:1px solid #ccc;}
	.allTeacher{width:164px;height:30px;border:1px solid #ccc;border-radius:6px;margin-top:10px;}
	.uploading{background:#50d2c2;color:#fff;width:160px;height:35px;border:1px solid #50d2c2;cursor:pointer;border-radius:4px;margin-left: 15px;}
	/* .shut{position:absolute;right:10px;top:-1px;font-size:28px;cursor:pointer} */

/*家长绑定关系管理*/
.class-detail-con{
	margin: 20px;
	background: #F2F2F2;
	padding: 12px;
	position: relative;
}
.edit-class{
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	width: 30px;
}
.edit-opts{
	position: absolute;
	top: 20px;
	right: 20px;
}
.class-name{

}
.black-font{
	color: #333333;
	font-weight: bold;
}
.gray-font{
	color: #939699;
}
.blue-font{
	color: #0066FF;
}
.pointer{
	cursor: pointer;
}
.tac{
	text-align: center;
}
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.flex-one{
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}
.flex-wrap{
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.dib{display: inline-block;}
.vtm{vertical-align: middle;}
.class-adviser{
	margin: 10px 0;
	position: relative;
}
.cn-left-menu{
	width: 80px;
}
.teacher-list{
	width: 80px;
	border-right: 1px solid #ccc;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	/*text-align: center;*/
}
.teacher-list:last-child{
	border: none;
}
.parent-list{
	margin: 20px;
	padding: 10px;
	border: 1px solid #EDEDED;
}
.left-blue-border{
	border-left: 5px solid #0066FF;
	padding-left: 10px;
}
.parent-list-title{
	font-size: 16px;
	font-weight: bold;
}
.parent-list-tab{
	width: 100%;
	border-color: #ccc;
	margin-top: 20px;
}
.parent-list-tab thead{
	background: #F2F2F2;
}
.parent-list-tab td{
	padding: 6px;
}
.remove-bind-pop{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.6);
	display: none;
}
.bind-pop-con{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 300px;
	height: 160px;
	background: #F2F2F2;
}
.bind-msg{
	margin: 30px 0 40px;
}
.bind-opt-btns{
	padding: 6px 20px;
	color: #fff;
	margin: 0 10px;
	border-radius: 6px;
}
.cancel-btn{
	background: #999999;
}
.sure-btn{
	background: #37C37E;
}
.edit-opts-btns{
	padding: 2px 8px;
	margin: 0 10px;
}
.edit-cancel-btn{
	color: #3ABF7F;
	border: 1px solid #3ABF7F;
}
.edit-save-btn{
	background: #3ABF7F;
	border: 1px solid #3ABF7F;
	color: #fff;
}
.edit-opts{
	display: none;
}
.main-teacher{
	border: 1px solid #F2F2F2;
	/*background: #fff;*/
}
.teacher-name-msg{
	width: 70px;
	border: 1px solid #F2F2F2;
}
.teacher-name-msg.read-only,.main-teacher.read-only{
	border: none;
	background: #F2F2F2;
}
.name-con{
	position: absolute;
	background: #fff;
	left: 0;
	top: 20px;
	padding: 0 6px;
	z-index: 20;
	border: 1px solid #ccc;
	display: none;
}
.class-adviser .name-con{
	left: 80px;
}
.name-list{
	line-height: 22px;
	cursor: pointer;
}
.name-list:hover{
	background: #0066FF;
	color: #fff;
}