*{
	font-family: "Helvetica Neue";
}
#campusInput::-webkit-input-placeholder,#claName::-webkit-input-placeholder,#identity::-webkit-input-placeholder{
	color:#333;
}
#campusInput:-moz-placeholder,#claName:-moz-placeholder,#identity:-moz-placeholder{
	color:#333;
}
#campusInput::-moz-placeholder,#claName::-moz-placeholder,#identity::-moz-placeholder{
	color:#333;
}
#campusInput:-ms-input-placeholder,#claName:-ms-input-placeholder,#identity:-ms-input-placeholder{
	color: #333;
}
#teaName::-webkit-input-placeholder{
	color:#bbb;
}
#teaName:-moz-placeholder{
	color:#bbb;
}
#teaName::-moz-placeholder{
	color:#bbb;
}
#teaName:-ms-input-placeholder{
	color:#bbb;
}
input:focus{
	outline: medium;
}
textarea:focus{
	outline: medium;
}
html{
	width: 100%;
	height: 100%;
}
.dontHaveList{
	line-height:16px;
	color: #999;
	margin: 0;
	text-align: center;
	font-size: 16px;
	background: #fff;
}
::-webkit-input-placeholder {
    color: #a9a9a9;
}
.mCSB_dragger_bar {
    width: 8px !important;
    background: #20B3C8 !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px !important;
    background-color: #eee !important;
}
:-moz-placeholder {/* Firefox 18- */
	color: #a9a9a9;
}

::-moz-placeholder{/* Firefox 19+ */
    color: #a9a9a9;
}
:-ms-input-placeholder {
    color: #a9a9a9;
}
/* #loading{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	margin-top:98px;
} */
.loading{
	position:absolute;
    left:50%;
    top:50%;
    margin-top:-27.5px;
    margin-left:-40px;
    z-index:1;
}
.loading>p{
	color: #1ba3e4;
}
#PageLoadingEffect{
    height: 25px;
    width: 25px;
    border-radius: 100%;
    margin:0 auto;
    border: 2px solid #1ba3e4;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
    margin-bottom:8px;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
.top{
	z-index:0
}
.center-list{
	background: #f7f8f9;
}
@media screen and (min-height: 730px) and (max-height: 1080px) {
	.tealist{
		/*min-height: 740px*/
	}
	}
	@media screen and (max-height: 730px) {
		.tealist{
			min-height: 540px
		}
	}
.tealist,.filter-div{
	width: 1216px;
    margin: 0 auto;
    padding-left: 16px;
}
.filter-div{
	position: relative;
	height:64px;
	padding-top:4px;
}
.filter-list{
	float:left;
	margin-top:13px;
	height:30px;
	font-size: 12px;
}
.filter-list li{
	position: relative;
	float: left;
	list-style: none;
	height:30px;
}
/*.search-text{*/
/*	width:190px;*/
/*	height:100%;*/
/*}*/
#teaName{
	width: 156px;
    height: 32px;
    float: left;
	outline: none;
    line-height: 28px;
	padding: 0 14px 0 10px;
    font-size: 12px;
    border-width: 1px 1px 1px;
    border-style: solid none solid solid;
    border-color: rgb(229, 229, 229) rgb(229, 229, 229) rgb(229, 229, 229);
    -o-border-image: initial;
       -webkit-border-image: initial;
            border-image: initial;
    border-radius: 2px 0px 0px 2px;
	border-right: none;
}
.teacherinfo{
	list-style:none;
	/*margin-left:4px;*/
}
.teacherinfo li{
	float:left;
	color:#fff;
	width:60px;
	height: 26px;
	line-height:26px;
	text-align:center;
	cursor:pointer;
	background:#1BA3E4;
	border-radius: 2px;
}
.teacherinfo li:hover{
	/*background:#dbeeff;*/
}

.teacherinfo li:first-child{
	/*margin-left: -4px;*/
}
.teacherinfo .cqjl{
	width:60px;
	/*height: 24px;*/
	border-radius: 3px;
	background:#eef7ff;
	color:#1ba3e4;
	box-shadow: 1px 1px 0px rgba(167, 232, 241, 1);
}
.teacherinfo .cqjl:hover{
	background: #dbeeff;
}
.byClassList{
	width: 100px;
	background: #fff;
	border-radius: 4px;
	border:1px solid #e5e5e5;
	background: url("../../images/xialatupian.png") no-repeat 77px;
	cursor: pointer;
	position:relative;
}
#claName{
	outline: none;
	width: 120px;
	height:32px;
	font-size: 12px;
	/*text-align: center;*/
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #333;
	margin-right:0;
	padding:0 20px 0 10px;
	background: #fff url('/images/xiala_sanjiao.png') no-repeat 100px center;
	background-size: 11px 7px;
	cursor: pointer;
}


#searchByName{
	width:24px;
	height:32px;
	border:#ddd 1px solid;
	cursor:pointer;
	float:left;
	outline:none;
	background: url(../../images/ico-search.png);
    background-size: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: #fff;
	border-left: none;
	border-radius: 0px 2px 2px 0px;
}
.todayPouch{
	display: inline-block;
	height: 18px;
	line-height: 18px;
	min-width: 18px;
	text-align: center;
	color: #1BA3E4;
}
.clearInputImg{
	display: none;
	position: absolute;
	right: 28px;
	top: 12px;
	cursor: pointer;
}
/* #classSelectList{
	background: #fff;
	border-radius: 4px;
	border:1px solid #e5e5e5;
	display: none;
	position:absolute;
	top:45px;
	max-height: 242px;
    overflow-y: auto;
} */
.clear{ clear:both}
/* #classSelectList li{
	height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    padding-right: 20px;
    padding-left: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none;
}
#classSelectList li:hover{
	background: #f0f0f0;
	color: #60C3D4;
} */
.nav-btn{
	height: 40px;
}
.nav-btn>p{
	display: inline-block;
	font-size: 12px;
	color: #333;
	margin: 0;
    height: 40px;
    line-height: 40px;
}
.teaNum,.admincount,.teacount{
	color: red;
	margin-right: 20px;
}
.nav-btn>div{
	float: right;
}
.addTeaBtn{
	width: 90px;
    height: 32px;
    border: none;
	border-radius:2px;
    background-color: #1ba3e4;
    outline: none;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    margin: 13px 0;
	float:right;
}
.addTeaBtn:hover{
	background: #5bbdec;
	border: 1px solid #5bbdec;
}
table{
	border-collapse:collapse;
	border-radius: 2px;
}
table thead td {
	height: 44px;
	font-size: 12px;
	text-align: left;
	background: #f5f5f5;
	color: #666;
	font-weight: 600;
	padding-left:6px;
}
thead td img{
	margin-left: 6px;
}
.sname{
	text-align: left;
}
.teaPhoto{
	width:34px;
	height:34px;
	/* border-radius:34px; */
}
/* .teaName{
	margin-left:8px;
} */
tbody tr{
	background: #fff;
}
/*tbody tr:NTH-CHILD(2n-1){*/
/*	background: #fff;*/
/*}*/
/*tbody tr:NTH-CHILD(2n){*/
/*	background: #f9f9f9;*/
/*}*/
tbody td{
	height: 44px;
	text-align: left;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #eeeeee;
	padding-left:6px;
}
tbody td a,tbody td a:hover{
	text-decoration: none;
	cursor: pointer;
}
tbody td a{
	color: #333;
}
/*td>img{*/
	/*cursor: pointer;*/
/*}*/
.teachtype{
	vertical-align: inherit;
	cursor: pointer;
	width: 12px;
	height: 11px;
	margin-bottom: 3px;
}
.allClaName{
	position: absolute;
	font-size: 12px;
	color: #666;
	background: #fff;
	webkit-box-shadow: 0 3px 5px 2px rgba(37,37,37,0.3);
    box-shadow: 0 3px 5px 2px rgba(37,37,37,0.3);
    z-index: 3;
    margin: 0;
    padding: 5px 10px;
    display: none;
    left: 20px;
}
.rect-top{
	position: absolute;
	top: -8px;
	left: 31px;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	width: 14px;
	height: 14px;
	background-color: rgba(255, 255, 255, 1);
	/*background-color: red;*/
	border-width: 1px;
	border-style: solid;
	border-color: rgba(220, 223, 230, 1);
	border-right: 0px;
	border-bottom: 0px;
	z-index: -2;
}
.allTeacher{
	margin: 0;
    z-index: 3;
    position: absolute;
    top: 40px;
    left: -20px;
    background: #fff;
	border: 1px solid rgb(229,229,229);
   	/*webkit-box-shadow: 0 3px 5px 2px rgba(37,37,37,0.3);*/
    /*-moz-box-shadow: 0 3px 5px 2px rgba(37,37,37,0.3);*/
    /*box-shadow: 0 3px 5px 2px rgba(37,37,37,0.3);*/
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0980392156862745);
    display: none;
}
/*.allTeacher::-webkit-scrollbar-thumb {*/
/*	background-color: rgba(0, 0, 0, .05);*/
/*	border-radius: 10px;*/
/*	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);*/
/*}*/
.allTeacher li{
	list-style: none;
    border-bottom: 1px solid #e5e5e5;
    height: 40px;
    font-size: 12px;
    color: #666;
}
.allTeacher li:LAST-CHILD{
	border-bottom: 0px;
}
.upgrade,.demotion{
	margin-right: 6px;
	cursor: pointer;
}
.operatelabel{
	color: #fff;
	padding: 2px 6px;
	font-size: 12px;
}
#dakaoperate{
	margin-right: 6px;
	background-color: #53c5d5;
}
#chuqinoperate{
	background-color: #7caff1;
}

/* 闂傚倸鍊搁崐鎼佸磹閹间礁纾瑰瀣椤愪粙鏌ㄩ悢鍝勑㈢紒锟介崼銉︾叆闁哄洨鍋涢敓钘夋憸缁絽螖娴ｇ懓寮垮┑鈽嗗灡鐎笛呮兜閸撗呮／闁告瑣鍎抽惌娆撴煛瀹�瀣М濠殿噯鎷烽梺缁樏鍫曞磹鎼粹檧鏀介柣鎰皺閻掓儳霉濠婂簼閭�殿喖顭锋俊鎼佸煛閸屾矮绨介梻浣侯焾閺堫剛绮欓幋锔绘晜闁跨噦鎷� */
#cover{
    display:none;
    position:fixed;
    z-index:10;
    top:0;
    left:0;
    width:100%;
    height:100%; 
    background:rgba(0, 0, 0, 0.44);
   
}
#cover_content{
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-246px;
    margin-top:-171px;
	width:492px;
	height:342px; 
	background:rgba(255,255,255,1);
	border-radius: 10px ;
}
/**/


#addTeaDiv{
	display:none;
    position:fixed;
    z-index:10;
    top:50%;
    left:50%;
    margin-left: -190px;
	width: 405px;
	background: #fff;
	border-radius: 4px;
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding:0 20px;
}
.addTeaHead{
	/* height: 36px;
	line-height: 36px;
	background: #e5e5e5; */
}
.head-l{
	float: left;
	height: 36px;
}
.head-l > span{
	/* color: #333;
	margin-left: 26px;
	font-weight: bold;
	font-size: 14px; */
	color: #333;
	font-size: 18px;
	margin-left: 12px;
    font-weight: normal;
}
.head-r {
    float: right;
    cursor: pointer;
}
.addTeaCenter{
	margin: 18px 1px 0 12px;
	/* padding-bottom: 12px;
	border-bottom: 1px dotted #e5e5e5; */
	margin-left:0;
}
.addTeaMsg p{
	font-size: 12px;
	color: #333;
}
.TeaMsgUl{
	padding: 0;
	margin: 0;
	float: left;
    margin-left: 4px;
}
 .TeaMsgUl .grade{
	display:inline-block;
	margin-left:10px;
} 
.TeaMsgUl>li{
	list-style: none;
	height:30px;
	margin-bottom: 14px;
	position: relative;
}
.TeaMsgUl li>span{
	display: inline-block;
	float: left;
	font-size: 12px;
	color: #333;
	margin-right: 11px;
	height: 30px;
	line-height:30px;
}
.TeaMsgUl li div{
	display: inline-block;
    position: absolute;
    left: 220px;
    width: 150px;
}
.TeaMsgUl li div span {
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #333;
    margin-right: 11px;
    height: 30px;
    line-height: 30px;
}
.TeaMsgUl li .pleft{
	margin-left: 6px;
}
.TeaMsgUl #stcode{
	width: 280px;
}
#label{
    float: right;
	width: 315px;
    height: 58px;
    padding:8px;
    margin-left: 10px;
    font-size: 14px;
    border: 1px solid #e5e5e5; 
    resize: none;
}
.TeaMsgUl #sexLi{
	position: absolute;
	right:30px;
	top:204px;
	height:30px;
}
.TeaMsgUl li>span .red{
	color: #e60012;
	vertical-align:center;
}
.TeaMsgUl li input[type=text]{
	float: left;
	width: 197px;
	height: 30px;
	border: 1px solid #e5e5e5;
	padding-left: 10px;
	font-size: 12px;
	color: #666;
	background: #fff;
}
#teaIdentity{
	display: inline-block;
	cursor: pointer;
	background: url(../../images/silddown.png) no-repeat 124px center;
	padding:0 20px 0 7px;
	position: absolute;
	width: 150px;
	height: 30px;
	text-align: left;
	color: #999;
}
#teaIdentityUl{
	display: none;
	position: absolute;
	top: 32px;
	left: 49px;
	padding: 8px 0;
	margin: 0;
	border: 1px solid #e5e5e5;
	background: #fff;
	width: 150px;
	z-index: 1;
	max-height: 200px;
	overflow-y: auto;
}
#teaIdentityUl>li{
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	color: #666;
	font-size: 12px;
	text-align: left;
	padding: 0 10px;

}
#teaIdentityUl>li:hover{
	background: #1ba3e4;
	color: #fff;
}
#ageli{
	position: absolute;
    right: 30px;
    top: 248px;
}
.TeaMsgUl #sex{
	width: 103px;
	background: url(../../images/xialatupian.png) no-repeat 78px;
	cursor: pointer;
	padding-right:20px
}
#teacla{
	background: url("../../images/xialatupian.png") no-repeat 288px;
	cursor: pointer;
	padding-right:20px;
	position: absolute;
    width: 314px;
}
#teacampus{
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	background: url("../../images/silddown.png") no-repeat 287px center;
	padding-right:20px;
	position: absolute;
	width: 313px;
	color:#999;
}
.calculate{
	width: 9px;
	position: absolute;
	top: 1px;
	left: 166px;
}
.calculate>img{
	cursor: pointer;
	height:14px;
}
.selsex{
	width: 103px !important;
	left: 39px !important
}
.papers-div{
	width: 108px;
	height: 117px;
	float:right;
	position: relative;
}
.papers-div img{
	width: 108px;
	height: 117px;
}
#teaHeadImgs{
	width: 110px;
	height:117px;
	position: absolute;
	top:0;
	opacity:0;
	cursor: pointer;
}
.sexinput,#classname{
	cursor: pointer;
	background: url("../../images/down.png") no-repeat 120px;
}
.TeaParentAdd{
	padding: 0;
	margin: 0;
}
.TeaParentAdd li{
	height: 30px;
}
.TeaParentAdd li p{
	float: left;
	width: 33.3%;
	margin-bottom: 12px;
	font-weight: normal;
}
.TeaParentAdd li p span{
	font-size: 12px;
	color: #333;
	margin-right: 6px;
}
.TeaParentAdd li p input[type=text]{
	width: 140px;
	height: 30px;
	border: 1px solid #ccc;
	padding-left: 10px;
	font-size: 12px;
	color: #999;
}
.moreparent,.moreparent:hover{
	font-size: 12px;
	color: #999;
	text-decoration: none;
	cursor: pointer;
}
.moreparent img{
	margin-right: 12px;
}
.addTeaDivBtn{
	width: 100%;
	text-align: center;
	margin:15px 0;
}
/* .addTeaDivBtn input[type=button]{
	width: 84px;
	height: 28px;
	border: none;
	border-radius: 4px;
	background: #e5e5e5;
	outline: none;
	font-size: 14px;
	color: #333;
	margin: 16px 0;
	text-align: center;
	border: 1px solid #e5e5e5;
} */
#birthday,#entrydate{
	background: url(../../images/calendar.png) no-repeat 120px;
	cursor: pointer;
}
.allClass{
	position: relative;
}
.addTeaClass{
	padding: 0;
	margin: 0;
	position: absolute;
	width: 139px;
	height: 60px;
	background: #fff;
	z-index: 5;
    top: 30px;
    left: 30px;
    overflow-y: scroll;
    display: none;
 box-shadow: 0 3px 3px 0px rgba(37,37,37,0.3);
}
.addTeaClass>li{
	list-style: none;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	font-size: 12px;
	color: #666;
	cursor: pointer;
}


#newAddClass{
	display:none;
    position:fixed;
    z-index:10;
    top:50%;
    left:50%;
   /*  margin-top: -172px; */
    margin-left: -230px;
	/* width: 420px; */
	width: 464px;
	 height: 416px;
	background: #fff;
	border-radius: 4px;
	font-size: 0px;
	padding: 0 18px;
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.newAddClassHead{
	/* height: 36px;
	line-height: 36px;
	background: #e5e5e5; */
}
.head-l{
	float: left;
	height: 36px;
}
.head-l > span{
	/* color: #333;
	margin-left: 26px;
	font-weight: bold;
	font-size: 14px; */
	color: #333;
	font-size: 18px;
	margin-left: 12px;
    font-weight: normal;
}
.head-r {
    float: right;
    cursor: pointer;
}
.newAddClassCenter{
	padding: 20px 6px;
	position: relative;
}
.search_name{
	width: 40px;
    height: 30px;
    padding: 0 8px 0 5px;
    display: inline-block;
    position: absolute;
    left: 201px;
    cursor: pointer;
    border-left: 1px solid #e5e5e5;
    border-radius: 4px;
}
.search_name>img{
	width: 30px;
	height: 30px;
}
.searchornew{
	padding: 0 35px 0 12px;
	color: #999;
	font-size: 12px;
	border: 1px solid #e5e5e5;
	width: 230px;
	height: 30px;
	outline: none;
	border-radius: 4px;
}
.new-construction{
	background-image: url(../../images/ico-add.png);
    background-repeat: no-repeat;
    background-position: 14px;
    width: 116px;
    height: 30px;
    border: none;
    outline: none;
    color: #fff;
    font-size: 12px;
    margin-left: 18px;
    background-color: #20b3c8;
    padding: 0;
    vertical-align: bottom;
    border-radius: 4px;
}
.addNewClass{
	color: #333;
	font-size: 14px;
	line-height: 12px;
	margin: 18px 0 16px 0;
}
/* .addNewClass>img{
	margin-right: 8px;
	vertical-align: bottom;
} */
.newAddClassCenter>ul{
	margin: 0;
	padding: 0;
	width: 418px;
	height: 190px;
	overflow-y: auto;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
.newAddClassCenter>ul>li{
	list-style: none;
	font-size: 12px;
	color: #333;
	padding-left: 30px;
	height: 38px;
	line-height: 38px;
	margin-top: 1px;
	cursor: pointer;
	border-bottom: 1px solid #e5e5e5;
}
.newAddClassCenter>ul>li>span{
	max-width: 290px;
    overflow: hidden;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newAddClassCenter>ul>li:FIRST-CHILD{
	margin-top: 0;
}
/* .newAddClassCenter>ul>li:LAST-CHILD{
	border: none;
} */
.selClass{
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	display: none;
}
.claLabel{
	height: 21px;
	display: inline-block;
	border-radius: 4px;
	font-style: normal;
	font-size: 12px;
	color: #fff;
	background: #f8b551;
	float: right;
	margin-top: 9px;
	margin-right: 16px;
	line-height: 21px;
    padding: 0 4px;
    min-width: 56px;
    text-align: center;
}
.newAddClassFoot{
	margin-bottom: 20px;
    text-align: center;
}
/* .sureAddNewClass{
	height: 30px;
	width: 370px;
	background: #e5e5e5;
	font-size: 14px;
	color: #666;
	border: none;
	outline: none;
	margin: 18px 0 20px 0;
} */
.sebClassBackground{
	background: #F7FAFF;
}
.sebTeaOnclick{
	background: #f1f1f1;
}
/*可用班级弹出框*/
#shareClassesDiv{
	display:none;
	position: fixed;
	z-index: 10;
	left: 50%;
	top: 50%;
	margin-left: -310px;
	margin-top: -270px;
	width: 620px;
	height: 540px;
	background: #fff;
	border-radius: 4px;
}
#shareClassesDivHeader{
	/*font-size: 18px;*/
	/*color:#333;*/
	/*height: 59px;*/
	/*line-height: 59px;*/
	/*padding: 0 40px;*/
	/*border-radius: 4px 4px 0 0;*/
	/*background-color: rgb(251,253,255);*/
}
#shareClassesDivBody{
	height: 374px;
	border-top: 1px solid rgb(209,233,231);
	border-bottom: 1px solid rgb(209,233,231);
	padding: 0 40px;
}
#shareClassInfo{
	height: 70px;
	padding-top: 18px;
	position: relative;
}
#shareClassInfo>img{
	width: 32px;
	height: 32px;
	vertical-align: middle;
}
#shareClassInfo>div{
	display: inline-block;
	vertical-align: middle;
}
.newAddTeaBtn{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 0;
	width: 72px;
	height: 30px;
	line-height: 30px;
	background-color: rgba(27, 163, 228, 1);
	font-size: 14px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}
.classInfo{
	margin-left: 15px;
}
.classInfo>p{
	font-size: 16px;
	color:#666;
	margin: 0;
}

#currentClasses{
	margin-right: 20px;
}
#currentClasses,#chooseClasses{
	display: inline-block;
	width: 347px;
	height: 280px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	vertical-align: top;
}
#currentClasses>div,#chooseClasses>div{
	background: #ebeef5;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	color: #999;
	font-size: 12px;
}
#currentClasses>.classLoading,#chooseClasses>.classLoading{
	display: block;
	color:#666;
	font-weight: normal;
	font-size: 13px;
	text-align: center;
	height: 30px;
	line-height: 28px;
}
#currentClasses>div>p,#chooseClasses>div>p{
	margin-bottom: 0;
}
#currentClasses>div>p,#chooseClasses>div>p{
	display: inline-block;
	float: right;
	line-height: 30px;
}
#currentClasses>ul,#chooseClasses>ul{
	width: 100%;
	max-height: 240px;
}

.zz_zz{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	height:30px;
	color: #333;
	position: relative;
	background-color: #F7F8F9;
	margin-bottom:8px;
}
.yy_yy{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	height:34px;
	color: #333;
	position: relative;
}
#currentClasses>ul>li,#chooseClasses>ul>li{
	font-size: 12px;
}
#currentClasses>ul>li>span,#chooseClasses>ul>li>span{
	vertical-align: middle;
}
.classRemoveBtnG{
	display: inline-block;
	width: 40px;
	height: 24px;
	line-height: 22px;
	color: #999;
	border-radius: 3px;
	border: 1px solid #dcdfe6;
	text-align: center;
	margin: 0 10px;
	background: #f2f2f2;
	font-size: 12px;
	cursor: not-allowed;
}
.classRemoveBtn{
	display: inline-block;
	width: 40px;
	height: 24px;
	line-height: 22px;
	color: #fff;
	border-radius: 3px;
	border: 1px solid #5bbdec;
	text-align: center;
	margin: 0 10px;
	background: #5bbdec;
	font-size: 12px;
	cursor: pointer;
}
.goukeClass{
	display: inline-block;
	width: 60px;
	height: 20px;
	line-height: 18px;
	color: #999;
	font-size: 12px;
	border-radius: 3px;
	border: 1px solid #dcdfe6;
	background: #f2f2f2;
	margin-left: 10px;
	text-align: center;
	vertical-align: sub;
}
.blueClassNoRemove{
	display: inline-block;
	max-width: 166px;
	color: #1ba3e4;
	padding-left: 10px;
	vertical-align: middle;
}
.classNoRemove{
	display: inline-block;
	width: 238px;
	margin: 0;
	vertical-align: bottom;
}
.blueClassRemove{
	display: inline-block;
	width: 238px;
	color: #1ba3e4;
	padding-left: 10px;
}
.grayClassAdd{
	display: inline-block;
	width: 238px;
	color: #999;
	padding-left: 10px;
}
.classAddBtn{
	display: inline-block;
	width: 40px;
	height: 24px;
	line-height: 22px;
	color: #1ba3e4;
	border-radius: 3px;
	border: 1px solid #1ba3e4;
	text-align: center;
	margin: 0 10px;
	background: #fff;
	cursor: pointer;
}
#shareClassesDivFooter{
	padding: 0 40px;
	border-radius: 0 0 4px 4px;
	height: 59px;
	background-color: rgb(251,253,255);
}
#shareClassesDivFooter>.cancelBtn{
	outline: none;
	color:#666;
	width: 72px;
	height: 30px;
	border-radius: 3px;
	margin-top: 14px;
	border: 1px solid #dcdfe6;
	text-align: center;
	background: #fff;
	margin-right: 20px;
	margin-left: 556px;
}
#shareClassesDivFooter>.cancelBtn:hover{
	border: 1px solid #1BA3E4;
	color: #1BA3E4;
}
#shareClassesDivFooter>.sureBtn{
	outline: none;
	color:#fff;
	font-size: 14px;
	width: 72px;
	height: 30px;
	border-radius: 3px;
	border: 1px solid #1ba3e4;
	margin-top: 14px;
	text-align: center;
	float: right;
	background: #1ba3e4;
}
#shareClassesDivFooter>.sureBtn:hover{
	border: 1px solid #5bbdec;
	background: #5bbdec;
}
.courseAddClass{
	margin-right: 5px;
	cursor: pointer;
}

#newClass{
	display:none;
    position:fixed;
    z-index:3;
    top:50%;
    left:50%;
    margin-top: -114px;
    margin-left: -222px;
	width: 444px;
	height: 228px;
	background: #fff;
	border-radius: 4px;
	font-size: 0px;
}
.newClassHead{
	height: 36px;
	line-height: 36px;
	background: #e5e5e5;
}
.addClassCenter{
	margin: 6px 26px 18px 26px;
}
.center-l ul{
	margin: 0;
	padding: 0;
}
.center-l>ul>li{
	margin-top: 10px;
	list-style: none;
	line-height: 30px;
	height: 30px;
	float: left;
	width: 50%;
}
.center-l>ul>li:NTH-CHILD(2n+1){
	float: left;
}
.center-l>ul>li:NTH-CHILD(2n){
	float: right;
}
.center-l ul li span{
	font-size: 12px;
	display: inline-block;
	color: #666;
	text-align: right;
	width: 48px;
	margin-right: 6px;
}
.center-l ul li input{
	width: 140px;
	height: 30px;
	padding-left: 10px;
	border: 1px solid #e5e5e5;
	font-size: 12px;
	color: #999;
}
.handleBtn{
    text-align: center;
    margin-bottom: 20px;
}
.handleBtn input[type=button]{
	width: 84px;
    height: 28px;
    border: none;
    border-radius: 4px;
    background: #e5e5e5;
    outline: none;
    font-size: 14px;
    color: #333;
    text-align: center;
    border: 1px solid #e5e5e5;
}
#laydate_box,#laydate_box *{
	box-sizing:content-box
}
#newAddCla{
    position:fixed;
    z-index:11;
    top:50%;
    left:50%;
    margin-left: -235px;
	width: 470px;
	background: #fff;
	border-radius: 4px;
	font-size: 0px;
	padding: 0 18px;
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: none;
}
.newAddClaHead{
	/* height: 54px;
	line-height: 54px;
	border-bottom: 1px solid #e5e5e5; */
}
.newAddClaHead>.head-l {
	float: left;
}
.newAddClaHead>.head-l span{
	color: #333;
	font-size: 14px;
	margin-left: 12px;
	font-weight: normal;
}
.newAddClaHead>.head-r{
	float: right;
	cursor: pointer;
}
.newAddClaCenter{
	padding: 18px 12px 0 12px;
}
.newAddClaCenter>ul{
	margin: 0;
	padding: 0;
}
.newAddClaCenter>ul>li{
	list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
	font-size: 14px;
	color: #666;
	position: relative;
}
.newAddClaCenter>ul>li>span{
	width: 64px;
    display: inline-block;
    margin-right: 18px;
    font-size: 14px;
    color: #333;
    text-align: right;
}
.newAddClaCenter>ul>li>input{
	padding-left: 10px;
	height: 30px;
	width: 200px;
	border: 1px solid #e5e5e5;
	outline: none;
	font-size: 14px
}
.xing{
	color: #e60012;
	font-style: normal;
}
.newAddClaCenter>ul>li>textarea{
	padding: 10px;
	height: 60px;
	width: 328px;
	border: 1px solid #e5e5e5;
	outline: none;
	resize: none;
	vertical-align: middle;
}
.newAddClaFoot{
	margin: 20px 0 28px 0;	
	text-align: center;
}
/* .newAddClaFoot>input[type=button]{
	width: 80px;
	height: 30px;
	font-size: 14px;
	color: #666;
	outline: none;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
} 
.newAddClaRemove{
	background: #fff;
	margin-left: 16px;
}*/
.labelMsg{
    cursor: pointer;
    width: 200px;
    color: #666;
    height: 30px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding-left: 10px;
    line-height: 30px;
}
/* .selLabel>img{
	vertical-align: sub;
} */
.selLabel{
	position: absolute;
    left: 254px;
    top: 12px;
    cursor: pointer;
}
.labelList{
	position: absolute;
    left: -18px;
    top: 31px;
    left: 82px;
    width: 200px;
    max-height: 122px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    z-index: 10;
    display: none;
    overflow-y: auto;
}
.labelList li {
    background: #fff;
    list-style: none;
    height: 24px;
    line-height: 24px;
    padding-left: 13px;
    cursor: pointer;
}
.labelList li:hover {
	background-color: #f0f0f0;
	color: #60C3D4;
}
.labelList::before {
    width: 0px;
    height: 0px;
    position: absolute;
    top: -16px;
    right: 32px;
    padding: 0;
    border-bottom: 8px solid #FFFFFF;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    display: block;
    content: '';
    z-index: 12;
}
.labelList::after {
    width: 0px;
    height: 0px;
    position: absolute;
    top: -18px;
    right: 31px;
    padding: 0;
    border-bottom: 9px solid #cccccc;
    border-top: 9px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    display: block;
    content: '';
    z-index: 10;
}

.pubHeadDiv{
	height: 54px;
	line-height: 54px;
	border-bottom: 1px solid #e5e5e5;
}
.pubSureBtn{
	width: 120px;
	height: 30px;
	color: #fff;
	font-size:14px;
	background: #5bbdec;
	outline: none;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
.pubRemoveBtn{
	width: 120px;
	height: 30px;
	border:1px solid #a9a8a8;
	color: #666;
	outline: none;
	font-size:14px;
	background: #fff;
	margin-left:44px;
	border-radius: 4px;
	cursor: pointer;
}
.selectul{
	padding: 8px 0;
	margin: 0;
    border: 1px solid #e5e5e5;
    background: #fff;
    overflow-y: auto;
    position: absolute;
	top:32px;
	left:44px;
	width:153px;
	z-index:1;
	display:none;
	max-height:100px;
}
.selectul li{
	height: 30px;
    line-height: 28px;
    font-size: 12px;
    cursor: pointer;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.selectul li:hover{
	color: #fff;
   	background: #1ba3e4;
}


.outwrap{
	position:relative;
	display: inline-block;
    margin-right: 10px;
	margin-top: 13px;
	float: left;
}
.selwrap{
	display:inline-block;
	cursor: pointer;
    height: 30px;
    border: 1px solid #e5e5e5;
    outline: none;
    color: #999;
    margin-top: 13px;
    font-size: 12px;
    background-color: #fff;
	border-radius: 3px;
}
.selwrap span{
	margin-right:5px;
	max-width:82px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:bottom;
	display:inline-block;
}
.downarrow{
	display:inline-block;
	width:14px;
	height:14px;
	background-image: url(../../images/xialatupian.png);
	background-repeat: no-repeat;
	background-position: 4px;
	background-size: 10px;
	margin-top: 8px;
    margin-right: 9px;
}
.classSelectList li span{
	max-width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:bottom;
	display:inline-block;
}

#masklayer,#mask{
    position:fixed;
    z-index:10;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.44);
}
#authAlert,#authA{
	position:fixed;
	z-index:999;
	top:50%;
	left:50%;
	margin-left: -189px;
	width: 378px;
	background: #fff;
	border-radius: 4px;
	padding: 0 18px;
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.addHead{
	height: 54px;
	line-height: 54px;
	border-bottom:1px solid #e5e5e5;
}
.head-l {
	float: left;
}
.head-r{
	float: right;
	cursor: pointer;
}
.authAlertInfo{
	text-align: center;
	margin: 32px;
	font-size:14px;
	color:#666;
}
.authclosebtn{
	display:block;
	width: 120px;
	height: 30px;
	color: #fff;
	font-size:14px;
	background: #1bbfd2;
	outline: none;
	border: none;
	border-radius: 4px;
	cursor:pointer;
	margin:0 auto;
	line-height:30px;
	text-align:center;
	margin-bottom:18px;
}

/* 濠电姷鏁搁崑鐐哄箰閹间礁绠犳俊顖濄��閺嬪秹骞栨潏鍓хɑ閻庢凹鍓熷娲垂椤曞懎鍓抽梺纭呮閸燁垳鎹㈠☉銏犵骇闁瑰濮烽鎴濐渻閵堝骸澧繛宸幖閻ｇ兘骞庨挊澹┾晠鏌曢崼婵囧窛闁瑰樊鍣ｅ鍝劽洪懡銈呭辅闂佸綊顥撻…绡筧rch 闂傚倷绀侀幉锟犳偡閵夆敡鍥及韫囧姹楅梺璺ㄥ櫐閹凤拷*/
input::-webkit-search-cancel-button{
  display: none;
}
/* 濠电姷鏁搁崑鐐哄箰閹间礁绠犳俊顖濄��閺嬪秶锟藉箍鍎崇�氱喎鈹戦悙鏉戠仸闁瑰憡鎮傞、鏍炊瑜夐弸鏃堟煥閻旂儤鐖眅arch 闂傚倷绀侀幉锟犳偡閵夆敡鍥及韫囧姹楅梺璺ㄥ櫐閹凤拷*/
input::-ms-clear{
  display: none;
}


.laydate-prev-y{
	background: url("../../images/prev-y.png") no-repeat 2px !important;
}
.laydate-prev-m{
	background: url("../../images/prevTime.png") no-repeat 2px !important;
}
.laydate-next-y{
	background: url("../../images/next-y.png") no-repeat 2px !important;
}
.laydate-next-m{
	background: url("../../images/nextTime.png") no-repeat 2px !important;
}
.laydate-prev-y,.laydate-prev-m,.laydate-next-y,.laydate-next-m{
	height: 22px;
    width: 12px;
    border: 1px solid #e5e5e5;
}
#buyClaHour input:-ms-input-placeholder {
    color: #999;
}
.layui-laydate-content .laydate-time-list > li {
	cursor: pointer;
	height: 36px;
	line-height: 36px;
	margin: 3px 0;
	position: relative;
	text-align: center;
	width: 50%;
}
.laydate-time-list > li:last-child{
	display: none;
}
.layui-laydate-content .laydate-time-list ol li {
	cursor: pointer;
	line-height: 30px;
	padding-left: 53px;
	text-align: left;
	width: 130%;
}

#repunchcardAlert{
    position:fixed;
    z-index:999;
    top:50%;
    left:50%;
    margin-left: -160px;
	width: 360px;
	background: #fff;
	border-radius: 4px;
	font-size: 0px;
	padding: 0 18px;
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.hintMsg{
	width: 240px;
	margin: 32px auto;
	margin-bottom: 28px;
	text-align: center;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.hintMsg>p{
	font-size: 14px;
	color: #333;
}
.hintBtn{
	margin-bottom: 20px;
	text-align: center;
}
.hintBtn>a,.hintBtn>a:hover{
	line-height: 28px;
	display: inline-block;
}

#punchcardDiv{
	display:none;
	position:fixed;
	z-index:12;
	top:20%;
	left:50%;
	margin-left: -262px;
	width: 521px;
	height:429px;
	background: #fff;
	border-radius: 4px;
	padding: 0 10px;
}
.head-l {
	float: left;
}
.head-r{
	float: right;
	cursor: pointer;
}
.punchcardCenter{
	margin-top: 18px;
	margin-left: 10px;
}
.punchcardCenter span{
	display: inline-block;
	float: left;
	width: 60px;
	text-align: right;
	color: #333;
	font-size: 14px;
	line-height: 28px;
}
.punchcardCenter li{
	list-style: none;
	height:30px;
	margin-bottom: 12px;
}
.punchcardCenter div{
	float: left;
	margin-left: 14px;
	position: relative;
}
.punchcardCenter .zoom{
	margin-left: 0px;
}
.punchcardCenter .zoom1{
	margin-left: 35px;
}
.claul{
	width:142px;
	position: absolute;
	top:30px;
	text-align: center;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	box-shadow:0 0 2px #e5e5e5;
	z-index: 99;
	display: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-height: 152px;
    overflow: auto;
}
body .claul li{
	width: 100%;
	height:30px;
	line-height: 30px;
	margin: 0;
	cursor: pointer;
	color: #666;
	padding-left: 5px;
	padding-right: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.claul li:hover{
	background: rgba(0,0,0,.1);
	color: #1aa4fb;
}
.kcul{
	float: left;
	margin-left: 18px;
}
.kcul li{
	float: left;
	display: none;
}
.kcul li input[type=radio]{
	position: relative;
	top:2px;
	margin-right: 6px;
	cursor: pointer;
}

#ksinput{
	border: 1px solid #e5e5e5;
	margin-left: -3px;
	padding-right: 8px;
	padding-top: 3px;
	width: 141px;
}
#ksinput div{
	height:24px;
	margin-left: 0;
	margin-right: 6px;
}
#ksinput div span{
	float: left;
	display: inline-block;
	width: 30px;
	height:100%;
	cursor: pointer;
	color: #1aa4fb;
	font-size: 18px;
	font-weight: bold;
	line-height:20px;
	text-align: center;
}
#ksinput div input{
	display: block;
	float: left;
	text-align: center;
	width: 32px;
	height:100%;
	background: #fff;
	outline: none;
	border: none;
	padding: 0;
	margin: 0;
}
.date input[type=time]{
	width: 210px;
	height: 30px;
	color: #333;
	font-size: 14px;
	padding-left: 10px;
	outline: none;
	border: 1px solid #e5e5e5;
	cursor: pointer;
}
#lesdate,#lestime{
	width: 142px;
	height: 30px;
	color: #333;
	font-size: 14px;
	outline: none;
	border: 1px solid #e5e5e5;
	cursor: pointer;
	background: #fff;
}
.zoomdiv input{
	width: 142px;
	outline: none;
	border:1px solid #e5e5e5;
	text-align: center;
}
.consume,.remark{
	margin-top: 12px;
}
#dakabank {
	width: 394px;
	height: 63px;
	padding:10px;
	font-size: 12px;
	margin-left: 14px;
	border: 1px solid #e5e5e5;
	background: #fff;
	resize: none;
	outline: none;
}
#selcampus{
	width: 80px;
	height: 20px;
	color: #333;
	font-size: 12px;
	padding-left: 8px;
	background-image: url("../../images/Triangle_b.png");
	background-repeat: no-repeat;
	background-position: 62px;
	background-size: 12px;
	border: none;
	outline: none;
	cursor:pointer;
	padding-right:24px;
}
.mergeorgUl{
	top: 30px;
    left: 15px;
    width: 80px;
    position: absolute;
    border: 1px solid #e5e5e5;
    background: #fff;
    z-index: 2;
    max-height: 100px;
    overflow-y: auto;
	display: none;
}
.mergeorgUl li{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:pointer;
}
.All_class{
	position: absolute;
    top: 36px;
    background: #fff;
    z-index: 99;
    width: 187px;
    box-shadow: 0px 0px 5px 1px #d7d7d7;
    border-radius: 3px;
	padding-bottom: 8px;
}
 .All_class input{
	outline: 0 none;
    border: 1px solid #ddd;
    width: 165px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    background: url(../../images/ico-search.png) no-repeat 145px center;
    background-size: 11px;
    display: block;
    margin: 0 auto;
    margin-top: 16px;
    margin-bottom: 8px;
    border-radius: 3px;
    padding-left: 6px;
}
.classSelectList{
    font-size: 12px;
    line-height: 30px;
	max-height: 200px;
	overflow-y: auto;
}
.content {
	margin: 0 auto;
    overflow: auto;
    position: relative;
    /* padding: 20px; */
    /* background: #333; */
    /* margin: 10px; */
    width: 187px;
    /* max-width: 97%; */
    max-height: 290px;
    height: auto;
    box-sizing: border-box;
}
.mCSB_inside>.mCSB_container {
     margin-right: 0;
}
.classSelectList li{
	padding-left: 12px;
    font-size: 12px;
    /*width:158px;*/
    color: #666666;
    cursor: pointer;
    /*border-radius: 3px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    /*margin-left: 12px;*/
    height: 30px;
    line-height: 28px;
}
.classSelectList li.active{
	color:#333;
	background:#E8F5FC;
}
.classSelectList li.normal:hover{
	background:#E8F5FC;
}
.content .mCSB_inside>.mCSB_container {
    margin-right: 17px;
}
.content #mCSB_2{
	left:0 !important;
}
.content #mCSB_1{
	left:0 !important;
}
.sjx_info{
	width:15px;
	height:5px;
	position: absolute;
	top:-5px;
	left:50px;
	background:url("../../images/trianglediv.png") no-repeat center;
}
#number{
	padding:0px;
}
.clearfix:after{
    content: '';
    display: block;
    clear:both;
}
.deleCla{
    width:16px;
    height:16px;
    float:right;
    background-image: url('../../images/ico-delete-teacher-n.png');
    background-repeat: no-repeat;
    background-size: 16px;
    cursor:pointer;
    margin-top:5px;
}
.authclosebtna{
    display:block;
    width: 120px;
    height: 30px;
    color: #fff;
    font-size:14px;
    background: #1bbfd2;
    outline: none;
    border: none;
    border-radius: 4px;
    cursor:pointer;
    margin:0 auto;
    line-height:30px;
    text-align:center;
    margin-bottom:18px;
    float:right;
    margin-right: 34px;
}
#authopenbtn{
    display:block;
    width: 120px;
    height: 30px;
    color: #fff;
    font-size:14px;
    background: #1bbfd2;
    outline: none;
    border: none;
    border-radius: 4px;
    cursor:pointer;
    margin:0 auto;
    line-height:30px;
    text-align:center;
    margin-bottom:25px;
     float: right;
    margin-right: 24px;
}
.mCSB_inside>.mCSB_container{
	margin-right:10px !important;
}
#tableWrap{
	background: #fff;
	border-radius: 4px;
	padding: 10px;
}
/*溢出显示省略号*/
.ellipsis{
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
/*身份筛选框*/
#identity{
	outline: none;
	width: 120px;
	height: 32px;
	line-height: 28px;
	text-indent: 10px;
	font-size: 12px;
	color: #333;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #fff url('/images/xiala_sanjiao.png') no-repeat 100px center;
	background-size: 11px 7px;
	cursor: pointer;
}
#identityUl{
	list-style: none;
	display: none;
	position: absolute;
	top:30px;
	left: 0px;
	padding: 8px 0;
	background: #fff;
	font-size: 12px;
	color: #666;
	width: 120px;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
}
#identityUl>li{
	padding: 0 10px;
	text-align: left;
	cursor: pointer;
	height: 30px;
	line-height: 28px;
}
#identityUl>li.active{
	background: #E8F5FC;
	color: #333;
}
#identityUl>li.normal:hover{
	background: #E8F5FC;
}
/*多校区筛选*/
#campusInput{
	outline: none;
	width: 140px;
	height: 30px;
	background: #fff url("/images/xiala_sanjiao.png") no-repeat 120px center;
	background-size: 11px 7px;
	color: #888;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	cursor: pointer;
	padding: 0 20px 0 10px;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#campusInputUl{
	list-style: none;
	display: none;
	position: absolute;
	top: 30px;
	left: 0px;
	background: #fff;
	width: 140px;
	max-height: 200px;
	overflow-y: auto;
	padding: 8px 0;
	border: 1px solid #dcdfe6;
	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.098) 1px 3px 6px;
}
#campusInputUl>li{
	height: 30px;
	line-height: 28px;
	color: #666;
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 10px;
	cursor: pointer;
}
#campusInputUl>li.active{
	background: #E8F5FC;
	color: #333;
}
#campusInputUl>li.normal:hover{
	background: #E8F5FC;
}
.clamp{
	/*display: inline-block;*/
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 113px;
}

/*筛选框后面的小圆圈*/
.grayBgCircle{
	position: absolute;
	top: 8px;
	right: 22px;
	text-align: center;
	/*background: #ecedee;*/
	border-radius: 9px;
	height: 18px;
	line-height: 16px;
	padding: 0 4px;
	cursor: pointer;
}
.grayBgCircle>span{
	font-size: 12px;
	color: #759aac;
}
/*筛选后的输入框样式*/
.activeInput{
	/*border: 1px solid #b7e2f7 !important;*/
	/*background: #f6fcff url("../../images/xialatupian.png") no-repeat 120px center !important;*/
	color: #1ba3e4 !important;
}
activeInput2{
    /*border: 1px solid #e5e5e5 !important;*/
    /*background: #fff url("../../images/xialatupian.png") no-repeat 120px center !important;*/
    color: #888 !important;
}
.activeClaInput{
	/*border: 1px solid #b7e2f7 !important;*/
	/*background: #f6fcff url("../../images/xialatupian.png") no-repeat 100px center !important;*/
	color: #1ba3e4 !important;
}