html{ 
	width: 100%;
	height: 100%;
}
button:focus{
	outline: none;
}
#personDiv::-webkit-input-placeholder,#identityDiv::-webkit-input-placeholder{
	font-size: 12px;
	color:#333 !important;
	font-weight: normal;
}
#personDiv:-moz-placeholder,#identityDiv:-moz-placeholder{
	font-size: 12px;
	color:#333 !important;
	font-weight: normal;

}
#personDiv::-moz-placeholder,#identityDiv::-moz-placeholder{
	color:#333 !important;
	font-size: 12px;
	font-weight: normal;
}
#personDiv:-ms-input-placeholder,#identityDiv:-ms-input-placeholder{
	color:#333 !important;
	font-size: 12px;
	font-weight: normal;
}

#unames::-webkit-input-placeholder{
	font-size: 12px;
	color:#bbb !important;
	font-weight: 500;
}
#unames:-moz-placeholder{
	font-size: 12px;
	color:#bbb !important;
	font-weight: 500;
}
#unames::-moz-placeholder{
	color:#bbb !important;
	font-size: 12px;
	font-weight: 500;
}
#unames:-ms-input-placeholder{
	color:#bbb !important;
	font-size: 12px;
	font-weight: 500;
}

::-ms-clear,::-ms-reveal{
	display: none;
}

.center-list{
	background: #f7f8f9;
}
.search-div{
	width: 1200px;
	height: 56px;
	background: #fff;
	margin: 0 auto;
	line-height: 56px;
}
.search-ul{
	padding:0;
	margin:0;
}
.search-ul>li{
	font-size: 14px;
	color: #333;
	list-style: none;
	float: left;
	margin-left: 16px;
	height: 56px;
	position: relative;
}
/* .search-ul li:FIRST-CHILD{
	margin-left: 24px;
} */
.search-ul li span{
	margin-right: 12px;
}
.search-ul li input[type=text]{
	width: 108px;
	height: 28px;
	padding-left:12px;
	padding-right: 20px;
	border: 1px solid #5cccdc;
	border-radius: 4px;
	color:#999;
	outline:none;
	font-size:12px;
}
.loading{
	position:absolute;
    left:50%;
    top:50%;
    margin-top:-27.5px;
    margin-left:-40px;
}
.loading2{
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-27.5px;
	margin-left:-40px;
}
.loading>p{
	color: #1ba3e4;
}
.loading2>p{
	color: #1ba3e4;
}
.loading1{
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-27.5px;
	margin-left:-40px;
	z-index: 13;
}
#LoadingEffect{
	height: 25px;
	width: 25px;
	border-radius: 100%;
	margin:0 auto;
	border: 2px solid #fff;
	border-bottom-color: transparent;
	vertical-align: middle;
	-webkit-animation: rotate 0.75s linear infinite;
	animation: rotate 0.75s linear infinite;
	margin-bottom:8px;
}
#LoadingEffect2{
	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;
}
#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);
	}
}
/*.pinHole{*/
/*	position: absolute;*/
/*	right: 0px;*/
/*	bottom: -32px;*/
/*	width: 140px;*/
/*	height: 30px;*/
/*	background: #ffab57;*/
/*	color: #fff;*/
/*	font-size: 12px;*/
/*	border-radius: 4px;*/
/*	text-align: center;*/
/*	line-height: 28px;*/
/*}*/
.pinRect{
	position: absolute;
	right: 10px;
	top: -4px;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	width: 10px;
	height: 10px;
	background-color: #ffab57;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(220, 223, 230, 1);
	border-right: 0px;
	border-bottom: 0px;
}
#pin_unconfirmed{
	display: inline-block;
	min-width: 24px;
}
.pull-down{
	background:url("../../images/down.png") no-repeat 90px;
	cursor:pointer;
}
.search-ul li a{
	width: 76px;
	height: 28px;
	background: #e9e9e9;
	border-radius: 4px;
	text-decoration: none;
	color: #0099af;
	font-size: 14px;
	display: inline-block;
	margin-top: 14px;
	line-height: 28px;
	cursor: pointer;
}
.search-ul li img{
	width: 14px;
	height: 14px;
	margin: 0 8px 0 14px;
}
.choose{
	position: absolute;
	padding: 0;
	top: 42px;
    left: 68px;
    border: 1px solid #999;
    display: none;
}
.choose li{
	margin: 0;
	list-style: none;
	width: 106px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	color: #666;
	font-size: 12px;
}
.userlist{
	width: 1200px;
	/* background: #fff; */
	margin: 0 auto;
	/* margin-top: 10px; */
	/* padding: 0 24px; */
	min-height: 524px;
}
.userlist #activateList>li>input{
	border-color: #dddddd;
}
.userlist #activateList>li>input::-webkit-input-placeholder{
	color:#999;
}
.userlist #activateList>li>input:-moz-placeholder{/* Firefox 18- */
	color:#999;
}
.userlist #activateList>li>input::-moz-placeholder{/* Firefox 19+ */
	color:#999;
}
.userlist #activateList>li>input:-ms-input-placeholder{
	color:#999;
}
.screen{
	height: 64px;
    padding: 17px 0;
	margin-left: 7px;
	width: 1206px;
}
.activateList{
	margin: 0px;
	padding: 0px;
	height: 28px;
	display: inline-block;
	vertical-align: middle;
}
.activateList>li{
	position: relative;
	list-style: none;
	float: left;
	line-height: 28px;
	margin-left: 10px;
	color: #333;
	font-size: 12px;
}
.activateList>li:FIRST-CHILD{
	margin-left: 0px;
}
.activateList>li>span{
	color: #5bbdec;
}
#classDiv{
	outline: none;
	width: 140px;
	height: 30px;
	background: #fff url("../../images/xialatupian.png") no-repeat 120px center;
	color: #666;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	padding: 0 20px 0 10px;
	cursor: pointer;
}
#campusDiv{
	outline: none;
	width: 140px;
	height: 30px;
	background: #fff url("../../images/xialatupian.png") no-repeat 120px center;
	color: #666;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	cursor: pointer;
	padding: 0 20px 0 10px;
}
#campusDiv2{
	outline: none;
	width: 140px;
	height: 30px;
	background: #fff url("../../images/xialatupian.png") no-repeat 120px center;
	color: #666;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	cursor: pointer;
	padding: 0 20px 0 10px;
}
#campusUl{
	list-style: none;
	display: none;
	position: absolute;
	z-index: 1000;
	top: 38px;
	left: -60px;
	background: #fff;
	width: 240px;
	max-height: 200px;
	overflow-y: auto;
	padding: 8px 0;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.098) 1px 3px 6px;
}
#campusUl>li{
	color: #333;
	height: 30px;
	line-height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 10px;
	cursor: pointer;
}
#campusUl>li.active{
	/*background: #1ba3e4;*/
	/*color: #fff;*/
}
#campusUl>li.normal:hover{
	background: #E8F5FC;
}
#campusUl2{
	list-style: none;
	display: none;
	position: absolute;
	z-index: 1000;
	top: 30px;
	left: 0px;
	background: #fff;
	width: 140px;
	max-height: 200px;
	overflow-y: auto;
	padding: 8px 0;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.098) 1px 3px 6px;
}
#campusUl2>li{
	color: #666;
	height: 30px;
	line-height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12px;
	white-space: nowrap;
	padding: 0 10px;
	cursor: pointer;
}
#campusUl2>li.active{
	background: #1ba3e4;
	color: #fff;
}
#campusUl2>li.normal:hover{
	background: #f1f1f1;
}
.namescreen{
	width: 176px;
    height: 32px;
    float: left;
    line-height: 26px;
	padding: 0 14px 0 10px;
    font-size: 12px;
    border-width: 1px 1px 1px;
    border-style: solid none solid solid;
    border-color:#dddddd;
    -o-border-image: initial;
       -webkit-border-image: initial;
            border-image: initial;
    border-radius: 2px 0px 0px 2px;
	border-right: none;
	outline: none;
}
.namesearch{
	width:24px;
	height:32px;
	border:#dddddd 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;
}
.clearInputImg{
	display: none;
	position: absolute;
	right: 28px;
	top: 12px;
	cursor: pointer;
}
.msgInviteAllBtn{
	float: right;
	display: none;
}
.msgInviteAllBtn>li{
	list-style: none;
	float: left;
	line-height: 28px;
	color: #666;
	font-size: 12px;
	position: relative;
	margin-left: 10px;
}
.msgInviteAllBtn>li>input[type=button]{
	width: 70px;
	height: 30px;
	line-height: 27px;
	border-radius: 4px;
}
.cancelBtn{
	background: #fff;
	color: #666;
	border: 1px solid #ddd;
}
.cancelBtn:hover{
	color: #1ba3e4;
	border: 1px solid #1ba3e4;
}
.sureBtn{
	background: #1ba3e4;
	color: #fff;
	border: 1px solid #1ba3e4;
}
.sureBtn:hover{
	background:#5bbdec;
	border: 1px solid #5bbdec;
}

.activateCondition{
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	float: right;
}
.activateCondition>li{
	list-style: none;
	float: left;
	line-height: 28px;
	margin-left: 8px;
	color: #666;
	font-size: 12px;
	position: relative;
}
.activateCondition>li>input[type=radio]{
	vertical-align: sub;
	margin-right: 10px;
	-webkit-appearance: inherit;
    height: 12px;
    width: 12px;
    border: 1px solid #ccc;
    outline: none;
    cursor: pointer;
    /* background: url("../../images/checkmark.png"); */
    z-index: 2;
}
.activateCondition>li>img{
	position: absolute;
	top: 10px;
    left: 0px;
    display: none
}
.activateCondition>li:FIRST-CHILD img{
	display: -webkit-box;
	display: flex;
}
.yaoqingNumber{
	color: #ff7979;
	font-size: 12px;
	margin-left: 10px;
}
.piliangInput{
	border-radius: 2px;
	color: #333;
	width: 118px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 12px;
	text-align:center;
	margin-right: 6px;
	cursor: pointer;
}
.piliangInput:hover{
	color: #1ba3e4;
	border: 1px solid #A4DAF4;
}
.dontHaveList {
	line-height: 16px;
	color: #999;
	margin: 0;
	text-align: center;
	font-size: 16px;
	background: #fbfbfb;
}
#sendToGroup{
	outline: none;
}
/*#sendToGroup:active{*/
	/*outline: none;*/
	/*background-color: rgb(27,163,228);*/
	/*color: #fff;*/
/*}*/
.noActiveWindow{
	width: 918px;
	height: 512px;
	position: fixed;
	z-index: 99;
	left: 50%;
	top: 50%;
	margin-left: -459px;
	margin-top: -264px;
	background-color: white;
	display: none;
	border-radius: 3px;
}
.noactive-header{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	padding: 0 40px;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	height: 60px;
	border-bottom: 1px solid rgb(209,223,231);
	background-color: rgb(251,253,255);
	font-size: 18px;
	color: #333;
}
.noactive-header img{
	width: 12px;
	height: 12px;
	cursor: pointer;
}
.noactive-mainbody{
	height: 408px;
	padding: 0 40px;
	font-size: 12px;
}
.noactive-footer{
	height: 60px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	padding: 0 40px;
	border-top: 1px solid rgb(209,223,231);
	background-color: rgb(251,253,255);
	-webkit-box-pack: justify;
	        justify-content: space-between;
	border-radius: 4px;
}
.noactive-quxiao{
	width: 70px;
	height: 32px;
	border: 1px solid #dddddd;
	border-radius: 2px;
	font-size: 12px;
	color: #333;
	line-height: 32px;
	text-align: center;
	margin-right: 20px;
	cursor: pointer;
	background-color: #fff;
}
.noactive-queding{
	width: 70px;
	height: 32px;
	border: 1px solid #1BA3E4;
	background-color: #1BA3E4;
	border-radius: 2px;
	font-size: 12px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}
.noactive-select{
	height: 60px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
}
.noactive-table{
	height: 348px;
	overflow: auto;
}
/*.noactive-table table{*/
/*	height: 348px;*/
/*}*/
#cover{
	display:none;
	position:fixed;
	z-index:12;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.44);
}
.invite{
	width: 70px;
	height: 28px;
	border: none;
	border-radius: 4px;
	background: #e9e9e9;
	outline: none;
	font-size: 14px;
	color: #0099af;
	margin: 6px 0;
}
.activatenum{
	float: right;
	font-size: 14px;
	color: #333;
	line-height: 28px;
	margin: 6px 0;
}
.activatenum span{
	color: #e45e77;
}
table{
	border-collapse:collapse;
	/*border: 1px solid #ddd;*/
	width: 100%;
	border-right: 2px;
}
table thead td {
    height: 44px;
    font-size: 12px;
    text-align: left;
    color: #666;
    background: #f5f5f5;
	/*border-bottom: 1px solid #eee;*/
}
table thead tr:first-child td{
	font-weight: 600;
}
table thead td img{
	margin-left: 6px;
	cursor: pointer;
}
tbody tr {
    /*border-bottom: 1px solid #eeeeee;*/
	background: #fff;
}
.noactive-tbody{
	height: 308px;
 }
.noactive-firstTr{
	background-color: rgb(245,245,245);
	font-size: 12px;
	font-weight: 700;
	color: #888;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
/*tbody tr:NTH-CHILD(2n-1){*/
/*	background: #ffffff;*/
/*}*/
/*tbody tr:NTH-CHILD(2n){*/
/*	background: #f9f9f9;*/
/*}*/
tbody td{
    text-align: left;
    height: 44px;
    font-size: 12px;
    color: #333;
    font-family: "Helvetica Neue";;
	white-space:nowrap;
	/*overflow: hidden;*/
	text-overflow: ellipsis;
	border-bottom: 1px solid #eeeeee;
}
tbody td a,tbody td a:hover{
	color: #63afba;
	text-decoration: none;
	cursor: pointer;
}
.userHead{
	width: 32px;
    height: 32px;
    border-radius: 50%;
}
.userRealHead{
	width: 32px;
	height: 32px;
	border-radius: 4px;
}
.alluse{
	display: none;
	position: absolute;
	left: 18px;
	width: 82px;
	background: #fff;
	border: 1px solid #e5e5e5;
 box-shadow: 0 3px 3px 0px rgba(37,37,37,0.3)
}
.alluse>label{
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	width: 62px;
	height: 28px;
	line-height: 28px;
}
.alluse>ul>li{
	list-style: none;
	height: 24px;
	font-size: 12px;
	color: #666;
	line-height: 24px;
}
#sendTopic{
	background: #20b3c8;
    height: 30px;
    display: inline-block;
    width: 98px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}
.smgsInv{
    width: 64px;
    height: 26px;
	line-height:22px;
	font-size: 12px;
    color: #1BA3E4;
	background: #fff;
    text-align: center;
	border: 1px solid rgba(27,163,228,0.40);
    border-radius: 2px;
}
.smgsInv:hover{
	/*background: #dbeeff;*/
}
.afshInv{
	width: 64px;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	background: #1BA3E4;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	border: none;
}
/*二次确认框*/
#editDelCourseDiv{
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	margin-left: -154px;
	background: #fff;
	border-radius: 2px;
	color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.editDelCourseDivCenter{
	padding: 14px 0 30px 26px;
}
.editDelCourseDivCenter>h1{
	margin: 0;
	font-size: 18px;
	color: #333;
	line-height: normal;
}
.editDelCourseDivCenter>h1>img{
	margin-right: 6px;
}
.editDelCourseDivFoot{
	padding: 0 14px 14px 48px;
	text-align: right;
}
.editDelCourseDivFoot>input{
	width: 66px;
	height: 26px;
	outline: none;
	border: none;
	font-size: 14px;
	border-radius: 4px;
	cursor: pointer;
}

/*包裹表格的div*/
#tableWrap{
	padding:10px;
	background: #fff;
	border-radius:4px;
	margin-left: 7px;
	width: 1201px;
}
/*筛选结果*/
.appuserTongji{
	font-size: 12px;
	margin: 0 0 0 20px;
	text-align: left;
	line-height: 44px;
}
#selResult{
	color: #333;
	margin: 0 10px 0 0;
	line-height: 25px;
	font-weight: 700;
}
.appuserTongji>div{
	display: inline-block;
	vertical-align: middle;
	height: 25px;
	line-height: 18px;
	text-align: center;
	color:#666;
}
.appuserTongji>div>img{
	cursor: pointer;
}
.appuserTongji>div>span{
	vertical-align: middle;
}
.appuserTongji b{
	margin-left: 4px;
	font-size: 12px;
	color:#666;
	vertical-align: middle;
}
.borderRadius{
	/*width: 100px;*/
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-right: 10px;
	background: #fff;
	padding:0 10px;
	cursor: pointer;
}
.borderRadius>b{
	font-weight: normal;
}
.blueSpanFont{
	color: #1BA3E4;
}
.blackSpanFont{
	color:#666;
}
/*相关信息*/
.detailMsg{
	position: relative;
}

.detailMsg .sanjiao{
	position: absolute;
	top: -20px;
	left: 18px;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #e5e5e5 transparent;
}

.detailMsg .sanjiao:after{
	content: '';
	display:block;
	width:0;
	height:0;
	border-width: 10px;
	border-style:solid;
	border-color:transparent transparent #fff transparent;
	position:absolute;
	top: -9px;
	left: -10px;
}

.detailMsg .particularMsg{
	z-index: 10;
	position: absolute;
	top: 43px;
	left: 0;
	width: 206px;
	/*height: 100px;*/
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}

.particularMsg .msg_left{
	float: left;
	padding: 14px 18px 0 16px;
}

.particularMsg .msg_left>img{
	border-radius: 3px;
}

.particularMsg .msg_right{
	display: -webkit-box;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	    flex-direction: column;
	float: right;
	padding-top: 14px;
	height: 100%;
	width: 140px;
}

.particularMsg .msg_right>span{
	display: block;
	font-size: 12px;
	text-align: left;
	margin-bottom: 13px;
}

.particularMsg .msg_right>span:last-child{
	color: #999;
}
/*溢出省略号*/
.ellipsis{
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/*padding: 0 7px;*/
	vertical-align: middle;
}
/*班级下拉框*/
.All_class{
	display:none;
	position: absolute;
	top: 37px;
	background: #fff;
	z-index: 99;
	width: 187px;
	border-radius: 4px 4px 0 0;
	border:1px solid #e5e5e5;
	border-bottom:none;
}
.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;
}
/*滚动条样式*/
.mCSB_dragger_bar{
	width: 8px !important;
	background: #1ba3e4 !important;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 !important;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width: 8px !important;
	background-color: #eee !important;
}
.mCSB_buttonUp{
	display: none !important;
}
.mCSB_buttonDown{
	display: none !important;
}
.mCSB_inside>.mCSB_container{
	margin-right: 0 !important;
}
/*滚动条样式*/
.mCSB_inside>.mCSB_container {
	margin-right: 0;
}
#allclass{
	font-size: 12px;
	line-height: 30px;
	width:187px;
	max-height:200px;
	overflow:auto;
	background-color:#fff;
	border-radius:0 0 4px 4px;
	border:1px solid #e5e5e5;
	border-top:none;
	margin-left:-1px;
	padding-bottom: 8px;
}
#allclass li{
	padding-left: 12px;
	font-size: 12px;
	/*width:158px;*/
	color: #666666;
	cursor: pointer;
	/*border-radius: 4px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	height: 30px;
	line-height: 28px;
}
#allclass li.active{
	color:#ffffff;
	background:#1BA3E4;
}
#allclass li.normal:hover{
	background:#f1f1f1;
}
.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:10px;
	background:url("../../images/trianglediv.png") no-repeat center;
}

/*用户筛选*/
#personDiv{
	width: 120px;
	height: 32px;
	border: 1px solid #dddddd;
	border-radius: 2px;
	padding: 0 20px 0 10px;
	background: #fff url("../../images/xiala_sanjiao.png") no-repeat 100px center;
	background-size: 11px 7px;
	cursor: pointer;
	outline: none;
}
#personUl{
	list-style: none;
	display: none;
	position: absolute;
	z-index: 1000;
	top: 33px;
	left: 0px;
	background: #fff;
	width: 120px;
	max-height: 200px;
	overflow-y: auto;
	padding: 8px 0;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.098) 1px 3px 6px;
}
/*#personUl::before{*/
	/*content: '';*/
	/*position: fixed;*/
	/*width: 20px;*/
	/*height: 10px;*/
	/*top: 138px;*/
	/*left: 144px;*/
	/*background: url("../../images/sanjiao_up.png") no-repeat;*/
/*}*/
#personUl>li{
	position: relative;
	height: 30px;
	line-height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 10px;
	cursor: pointer;
}
#personUl>li.active {
	/*background: #1ba3e4;*/
	/*color: #fff;*/
}
#personUl>li.normal:hover {
	background: #E8F5FC;
}
/*身份筛选*/
#identityDiv{
	width: 120px;
	height: 32px;
	border: 1px solid #dddddd;
	border-radius: 2px;
	padding: 0 20px 0 10px;
	background: #fff url("../../images/xiala_sanjiao.png") no-repeat 100px center;
	background-size: 11px 7px;
	cursor: pointer;
	outline: none;
}
/*身份筛选*/
#identityDiv2{
	width: 120px;
	height: 30px;
	border: 1px solid #dcdfe6;
	border-radius: 3px;
	padding: 0 20px 0 10px;
	background: #fff url("../../images/xialatupian.png") no-repeat 100px center;
	cursor: pointer;
	outline: none;
}
#identityUl{
	list-style: none;
	display: none;
	position: absolute;
	z-index: 1000;
	top: 33px;
	left: 0;
	background: #fff;
	width: 120px;
	max-height: 300px;
	overflow-y: auto;
	padding: 8px 0;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.098) 1px 3px 6px;
}
#identityUl>li{
	height: 30px;
	line-height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 10px;
	cursor: pointer;
	color: #333;
}
#identityUl>li.active {
}
#identityUl>li.normal:hover {
	background: #E8F5FC;
	color: #333333;
}
.activateList>li:nth-child(3)::before{
	display: none;
	content: '';
	position: absolute;
	width: 20px;
	height: 10px;
	top: 32px;
	left: 52px;
	background: url(../../images/sanjiao_up.png) no-repeat;
	z-index: 9999;
}
#identityUl2{
	list-style: none;
	display: none;
	position: absolute;
	z-index: 1000;
	top: 30px;
	left: 0;
	background: #fff;
	width: 120px;
	max-height: 300px;
	overflow-y: auto;
	padding: 8px 0;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.098) 1px 3px 6px;
}
#identityUl2>li{
	height: 30px;
	line-height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 10px;
	cursor: pointer;
	color: #666;
	font-size: 12px;
}
#identityUl2>li.active {
	background: #1ba3e4;
	color: #fff;
}
#identityUl2>li.normal:hover {
	background: #f1f1f1;
}
.liGrayBgCircle{
	position: absolute;
	top: 6px;
	right: 4px;
	text-align: center;
	background: none;
	border-radius: 9px;
	height: 18px;
	line-height: 16px;
	padding: 0 4px;
}
.liGrayBgCircle>span{
	font-size: 12px;
	color: #333;
}
.liGrayBgCircle>span.active{
	font-size: 12px;
	color: #fff;
}
/*筛选框后面的小圆圈*/
.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;
}
/*筛选框后面的小圆圈*/
.grayBgCircle2{
	position: absolute;
	top: 6px;
	right: 22px;
	text-align: center;
	font-size: 12px;
	color: #759aac;
	/*background: #ecedee;*/
	border-radius: 9px;
	height: 18px;
	line-height: 16px;
	padding: 0 4px;
	cursor: pointer;
}
.grayBgCircle>span{
	font-size: 12px;
	color: #333;
}
/*筛选后的输入框样式*/
.activeInput{
	/*border: 1px solid #b7e2f7 !important;*/
	/*background: #f6fcff url("../../images/xialatupian.png") no-repeat 120px center !important;*/
	color: #00ADFF !important;
}
.identityInput{
	/*border: 1px solid #b7e2f7 !important;*/
	/*background: #f6fcff url("../../images/xialatupian.png") no-repeat 100px center !important;*/
	color: #00ADFF !important;
}

.win_noInvite {
	width: 534px;
	background-color: #fff;
	border-radius: 4px;
}

.win_noInvite .header{
	padding: 0 40px;
	height: 60px;
	background-color: #fbfdff;
	border-bottom: 1px solid #d1dfe7;
	border-radius: 4px 4px 0 0;
}

.win_noInvite .header>span{
	float: left;
	display: inline-block;
	line-height: 60px;
	font-size: 18px;
}

.win_noInvite .header>img{
	float: right;
	margin: 25px 0;
	cursor: pointer;
}

.win_noInvite .contents{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	padding: 0 40px 0 70px;
	height: 184px;
}

.win_noInvite .contents>img{
	margin-right: 26px;
}

.win_noInvite .contents>span{
	font-size: 16px;
	line-height: 28px;
}

.win_noInvite .orange{
	color: #FFAB57;
}

.win_noInvite .footer{
	padding: 0 40px;
	height: 60px;
	background-color: #fbfdff;
	border-top: 1px solid #d1dfe7;
	border-radius: 0 0 4px 4px;
}

.win_noInvite .notip{
	float: left;
	cursor: pointer;
}

.win_noInvite .notipDiv{
	float: left;
	display: inline-block;
	margin: 20px 10px 20px 0;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #d8dcdf;
	border-radius: 3px;
	outline: none;
}

.win_noInvite .tipActive{
	background: url("../../images/correct.jpg") no-repeat center;
}

.win_noInvite .notip>button{
	float: left;
	display: inline-block;
	height: 60px;
	background-color: transparent;
	border: none;
	outline: none;
}

.win_noInvite #know{
	float: right;
	margin: 15px 0;
	height: 30px;
	width: 84px;
	border: none;
	background-color: #1ba3e4;
	border-radius: 3px;
	color: #fff;
}
.check0{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../../images/check0.png) no-repeat;
	background-size: 14px;
	vertical-align: middle;
	cursor: pointer;
}