/*
	2019,7,9	hmq
*/

body {
	border: 0px;
    margin: 0px;
    padding: 0px;
    background:#FFF;
}

/*webkit浏览器  滚动条设置为0*/
::-webkit-scrollbar { width:0px;}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #FFF;
}

/* 黑色字体 */
.blackfont{
	color:#222222;
}

/*灰色字体*/
.grayfont{
	color:#999999;
}

/*灰色字体*/
.grayfont2{
	color:#666666;
}

.loginfont{
	color:#1D549D;
}

/*字体大小*/
.font12{
	font-size:12px;
}
.font14{
	font-size:14px;
}
.font16{
	font-size:16px;
}
.font18{
	font-size:18px;
}
.font20{
	font-size:18px;
}
.font24{
	font-size:24px;
}

/*文字对齐方式*/
.textLeft{
	text-align:left;
}
.textRight{
	text-align:right;
}

.alert{
	position: absolute;
    top: 60px;
    right: 10px;
    width: 300px;
    height: 80px;
    z-index: 99;
    padding-right: 35px;
}
.text_sl{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.message_sl div{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
/**

登录界面的设置 

**/
.body{
	background:url('/design/images/login/login_bg.png') no-repeat;
	display: flex;
    height: 100%;
    justify-content: center;
}

.login_container{
	align-self:center;
	background:#FFF;
	display:flex;
	padding:0px;
	border-radius:30px;
}

.body_new{
	display:block;
	height:auto;
}

.login_container_new{
	width:1160px; 
	height:659px; 
	margin:100px auto;
}

.login_left{
	padding:153px 20px 153px 100px;
}

.login_right{
	padding:123px 100px 0px 100px;
}

.login_right_title{
	text-align:center;
	font-size:30px;
	font-weight:800;
	width:388px;
}

.login_right_page{
	display:flex;
	padding-top:50px;
}


.login_normal {
	flex:1;
	text-align:center;
	padding-bottom:7px;
	font-size:18px;
	line-height:33px;
	cursor:pointer;
	color:#999999;
	border-bottom:2px solid #CCCCCC;
}

.login_active{
	border-bottom:2px solid #1E549D;
	color:#222222;
}

.login_mobile{
	outline:medium;
	width:100%;
	font-size:16px;
	line-height:23px;
	padding:9px 10px 9px 50px;
	border:none;
	border-bottom:1px solid #CCCCCC;
}

.login_code{
	border-bottom:1px solid #CCCCCC;
	border-left:0px;
	line-height:36px;
	width:80px;
	display:flex;
}

.login_code_content{
	flex:1;
	font-size:12px;
	text-align:center;
	padding-left:10px;
	border-left:1px solid #CCCCCC;
	align-self: center;
}

.login_code_content > a:hover,
.login_code_content > a:focus{
	text-decoration: none;
}

.login_cursor{
	cursor:pointer;
}

.login_submit{
	outline:medium;
	width:100%;
	text-align:center;
	background:#1E549D;
	font-size:18px;
	color:#FFF;
	padding:5.5px 0px;
	border-radius:7px;
}

.login_pwd{
	border-bottom:1px solid #CCCCCC;
	border-left:0px;
	line-height:36px;
	width:50px;
	display:flex;
	cursor:pointer;
}

#forget_pwd > a:hover,
#forget_pwd > a:focus {
  text-decoration: none;
  color:#1E549D;
}

/**登录界面的设置  待补充****************************************************************/





/*讨论界面的样式问题*/

.topic-content{
	display:flex;
	height:100%;
}
.topic-left{
	width:288px;
	background:#1D549D;
}
.topic-logo{
	text-align:center;
	padding:20px 0px;
}
.self-info{
	padding-left:24px;
	position:relative;
}
.self-info > span{
	font-size:16px;
	font-weight:600;
	line-height:22px;
	color:#E5E5E5;
	vertical-align: middle;
}
/*个人信息，弹窗显示*/
.self-window{
	position:absolute;
	left:24px;
	top:20px;
	width:300px;
	background:#FFF;
	border-radius:6px;
	display:none;
	z-index:4;
}
.selfinfo:first-child{
	padding:18px 0px;
	border-radius:6px 6px 0px 0px;
}
.selfinfo:last-child{
	padding:18px 0px;
	border-radius:0px 0px 6px 6px;
}
.selfinfo{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:12px 0px;
	border-bottom:1px solid #EEEEEE;
	cursor:pointer;
}
.selfinfo:focus, 
.selfinfo:hover{
	background:#EEEEEE;
}

.selfinfo > div{
	flex:1;
	padding-left:24px;
	padding-right:24px;
}

.topic_left_search{
	outline: none;
	width:100%;
	height:30px;
	border-radius:30px;
	border:none;
	background:#2D62A8;
	padding-left:30px;
	padding-right:30px;
	color:#FFFFFF;
	line-height:14px;
}

input.topic_left_search::-webkit-input-placeholder{
    color:rgba(229,229,229,0.7);
}
input.topic_left_search::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:rgba(229,229,229,0.7);
}
input.topic_left_search:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:rgba(229,229,229,0.7);
}
input.topic_left_search:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:rgba(229,229,229,0.7);
}

/*左边下面的元素*/
.topic-title{
	padding-left:24px;
	font-weight:600;
	color:#F3F3F3;
	line-height: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.addTopic{
	vertical-align: baseline;
	padding-right:15px;
	cursor:pointer;
}
.topic-list{
	font-weight:400;
	color:#F3F3F3;
}
div.topic-list > div{
	position: relative;
}
.topic_active{
	background:#2980B9;
}
.topic_show{
	padding:3px 45px 2px 35px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	/* color:#F3F3F3; */
	color:#C0C0C0;
	cursor: pointer;
	line-height:30px;
}
.topic_show > img{
	margin-bottom: 4px;
}

.topic_show.topic_active, 
.topic_show.topic_active:focus, 
.topic_show.topic_active:hover{
	background:#2980B9;
}
a.topic_show:focus,
a.topic_show:hover{
	text-decoration: none;
	color:F3F3F3;
	background-color:#1C4F94;
}
/*置顶聊天的背景色设置*/
.topchat{
	background-color:#094694;
}
.count_messages{
	z-index: 3;
	position: absolute;
	right: 15px;
	top: 9px;
	padding: 0px 5px;
	font-size: 12px;
	border-radius: 17px;
	background: #E74C3C;
	display:block;
}

/*讨论界面的 右边的显示 */
.topic_right{
	flex:1;
	display:flex;
	flex-direction:column;
}
.topic_right_header{
	box-shadow:0px 1px 4px 0px #C3C6CB;
	display:flex;
	justify-content:space-between;
	height:80px;
}

.topic_right_header_left{
	padding:19px 0px 19px 22px;
	white-space: nowrap;
}
.topic_right_header_right{
	width:450px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
.topic_right_body{
	flex:1;
	display:flex;
	position:relative;
}
.topic_right_search{
	outline: medium;
	width:300px;
	height:30px;
	border-radius:4px;
	border:1px solid #999999;
	padding-left:30px;
	padding-right:5px;
	line-height:14px;
}
input.topic_right_search::-webkit-input-placeholder{
    color:#999999;
}
input.topic_right_search::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999999;
}
input.topic_right_search:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999999;
}
input.topic_right_search:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#999999;
}

/*聊天区域的样式问题*/
.topic_messages_page{
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.message_list{
	padding-left:20px;
	padding-right:20px;
	overflow-y:auto;
}
.message_list > div{
	width:70%;
	display:flex;
	padding-top:20px;
	position:relative;
}
.message_content_left{
	padding-left:4px;
}
.message_content_left > img{
	width:30px;
	height:30px;
	border-radius:3px;
	cursor:pointer;
}
.message_content_right{
	display:flex;
	flex-direction:column;
	padding-top:1px;
}
.message_content_name{
	padding-left:8px;
	line-height:17px;
	font-weight:400;
}
.message_content{
	background:#FFF;
	padding:8px 8px 8px 8px;
	line-height:20px;
	margin-left:10px;
	margin-top:1px;
	border-radius:5px;
	text-align: left;
	word-break: break-all;
	min-width:376px;
}

/*文件显示的样式*/
.message_file{
	display:flex;
	background:#FFF;
	margin-left:10px;
	margin-top:1px;
	border-radius:5px;
	padding:15px;
	cursor:pointer;
}
.message_filename{
	line-height:20px;
	color:#000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


/*个人信息弹出框的样式*/
.topic_personal_info{
	position:absolute;
	top:20px;
	left:43px;
	width:334px;
	background:#FCFCFC;
	padding:40px;
	display:none;
	z-index:5;
}
.topic_personal_top{
	display:flex;
	align-items: center;
}
.topic_personal_top .divwidth{
	width:186px;
}
.topic_personal_top .divwidth .name{
	font-weight:500;
	line-height:43px;
}
.topic_personal_top .divwidth .company{
	font-weight:500;
	line-height:20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.topic_personal_top .divpadd{
	padding-left:8px;
}
.topic_personal_center{
	border-top:1px solid #E2E2E2;
	margin-top:25px;
	padding:13px 0px 13px;
}
.topic_personal_center > div{
	display:flex;
	padding:7px 0px 7px;
}
.topic_personal_center .divwidth{
	width:73px;
}
.topic_personal_center .flex{
	flex:1;
}
.topic_personal_bottom{
	padding:6px 0px 6px;
	width:100%;
	margin-top:20px;
}


/*个人信息弹出框的样式    右边的小的*/
.user_personal_info{
	position:absolute;
	top:20px;
	left:55px;
	width:260px;
	background:#F7F7F7;
	padding:30px 30px 26px 30px;
	display:none;
	z-index:5;
	border-radius:6px;
}
.user_personal_bottom{
	padding:6px 0px 6px;
	width:100%;
	margin-top:10px;
}

/*输入框的样式问题*/
.message_bottom{
	display:flex;
	align-items:flex-end;
	padding-left:40px;
	padding-right:40px;
	visibility:hidden;
	padding-bottom:20px;
	position:fixed;
	bottom:0px;
}
.message_bottom_left{
	flex:1;
	display:flex;
}
.message_bottom_left_left{
	border:2px solid #666666;
	border-radius:6px 0px 0px 6px;
	border-right:0px;
	display:flex;
}
.message_bottom_left_right{
	flex:1;
	border:2px solid #666666;
	font-size:16px;
	border-radius:0px 6px 6px 0px;
}
.message_bottom_left_right > div{
	overflow:auto;
	min-height:46px;
	max-height:89px;outline: medium;
	padding:13px 15px 12px 15px;
	word-break: break-all;
}
.message_bottom_right{
	margin-left:10px;
}
.message_bottom_right > button{
	padding:15px 30px 15px 30px;
}

.topic_file_select{
	position:absolute;
	top:-80px;
	left:0px;
	border-radius:6px;
	background:#FFF;
	box-shadow:0px 2px 4px 0px #000000;
	z-index:10;
	display:none;
}
.topic_file_select > div{
	color:#666666;
	font-size:12px;
	padding:10px;
	white-space: nowrap;
	cursor:pointer;
}

/*右侧弹出  主题设置问题*/
.right_manage_window{
	position:absolute;
	top:0px;
	right:0px;
	width:390px;
	height:100%;
	background:#FFFFFF;
	box-shadow:0px 2px 8px 0px #000000;
	z-index:6;
	display:none;
}
.topic_users{
	display:flex;
	flex-wrap:wrap;
	padding:0px;
	padding-bottom:10px;
	border-bottom:1px solid #EEEEEE;
}
.topic_users > div{
	padding:10px 10px 0px;
	text-align:center;
	width: 78px;
}

.topic_users .user_name{
	font-size:12px;
	color:#777777;
	line-height:20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.topic_users .user_image{
	border-radius:3px;
	margin:auto 10px;
}
.topic_users .user_qunzhu{
	font-size:10px;
	position:absolute;
	top:0px;
	right:5px;
	background:#FFF;
	line-height:14px;
	border-radius:3px;
}
.topic_operation{
	padding:0px 20px;
}
.topic_operation >div{
	display:flex;
	padding:15px 0px;
	border-bottom:1px solid #EEEEEE;
	align-items: center;
	cursor:pointer;
}

/*文件展示的样式*/
.right_file_window{
	position:absolute;
	top:0px;
	right:0px;
	width:390px;
	height:100%;
	background:#FFFFFF;
	box-shadow:0px 2px 8px 0px #000000;
	z-index:6;
	display:none;
}
.right_file_window > .file_page span{
	float:left;
	font-weight:500;
	padding:0px 20px 8px;
	cursor:pointer;
}
div.file_show:focus,
div.file_show:hover{
	background:#F2F2F2;
}

div.file_show.filelist_bg3:focus,
div.file_show.filelist_bg3:hover{
	background:#dadada;
}

/*群聊界面   查看更多  没有消息的提示*/
.discuss-li-box button {
    width: 100%;
    padding: 3px 0;
    color: #2594f6;
    background-color: #e2f1ff;
    border: 0;
    border-radius: 0;
    margin: 10px 0;
    text-align: center;
}

/*选择9kai云文件的界面的部分样式*/
.topic_pop{
	position: fixed;
	top: 0;
	right: 0
	;bottom: 0;
	left: 0;
	z-index: 1050;
	opacity: 1;
	display:none;
}

.topic_pop_header{
	padding:15px 30px;
	background:#F5F6F7;
}

.topic_filelist_title{
	display:flex;
	background:#FAFAFA;
	line-height:26px;
	font-weight:600;
	border-top:1px solid #CCCCCC;
}

.topic_filelist_info{
	display:flex;
	line-height:30px;
	padding:5px 0px;
	cursor:pointer;
}
.filelist_bg1{
	background:#FFF;
}
.filelist_bg2{
	background:#F2F2F2;
}
.filelist_bg3{
	/*background:#b7b7b7;*/
	background:#dadada;
}
.topic_filelist_info_left{
	flex:1;
	display:flex;
	width:410px;
}
.topic_filelist_info_center{
	width:120px;
	padding-left:5px;
}
.topic_filelist_info_right{
	width:150px;
	padding-left:5px;
}

/*账号设置窗口*/

.set_left{
	font-size:16px;
	font-weight:400;
	padding-left:50px;
	width:200px;
}
.set_center{
	font-size:14px;
	padding-left:0px;
}
.set_right{
	margin-right:50px;
	font-size:14px;
	cursor:pointer;
}
.set_info{
	display:flex;
	height:50px;
	align-items:center;
	border-bottom:1px solid #EEEEEE;
}
div.set_info:hover,
div.set_info:focus{
	/* background: linear-gradient(to right, #FFFFFF , #F2F2F2); */
	background:linear-gradient(270deg,rgba(242,242,242,1) 0%,rgba(242,242,242,1) 76%,rgba(255,255,255,1) 100%);
}

.set_subleft{
	font-size:14px;
	color:#666666;
	text-align:right;
}

.set_subsave{
	padding:8px 18px 8px 18px;
	margin-top:10px;
	font-size:14px;
}
input.set_input{
	outline: medium;
	font-size:14px;
	line-height:20px;
	border-radius:4px;
	border:1px solid #979797;
	padding:5px 10px 5px 10px;
	width:328px;
	color:#666666;
}



/* 新建主题时的设置 */
.user_info{
	display:flex;
	align-items: center;
	padding:8px 20px 8px 10px;
	cursor:pointer;
}
div.user_info:hover,
div.user_info:focus{
	background:#F2F2F2;
}
.user_info.filelist_bg3, 
.user_info.filelist_bg3:focus, 
.user_info.filelist_bg3:hover{
	background:#d5d4d4;
}
.user_info2{
	display:flex;
	align-items: center;
	padding:8px 10px 8px 20px;
}




/*全局搜索 右边显示问题*/
.right_search_window{
	position: absolute;
    top: 0px;
    right: 0px;
    width: 752px;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 0px #000000;
    z-index: 6;
    display: none;
}


/*主页添加备案*/
.beian{
	color:#b1b1b1;
}
a.beian:hover,
a.beian:focus,
a.beian:active,
a.beian:active{
	text-decoration: none;
	color:#b1b1b1;
}