@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
a{text-decoration:none;color:black;}


.top_div{width:100%;height: 50px;position: relative;border-bottom: 1px lightgray groove;-webkit-box-shadow: gray 0px 0px 8px;-moz-box-shadow:gray 0px 0px 8px;box-shadow: gray 0px 0px 8px;}
   .top_div_logo{width:150px;height: 50px;position: absolute;left:100px; }
   .top_div_lead{width:550px;height: 50px;position: absolute;left: 300px; top: 0px;}
   .top_div_lead_ul{width:100%;height:50px; list-style: none;padding:0px;margin:0px;  text-align: left;}
   .top_div_lead_li{ height: 50px;display: inline-block;line-height:50px;font-size: 20px;}

.content_div{width:1200px;height:auto;min-height:800px;margin:20 auto;}
.content_left_div{width:880px;height:auto;min-height:800px;float:left;overflow:hidden;}
.content_right_div{width:290px;height:auto;min-height:800px;float:right;overflow:hidden;}
.content_left_s_div{width:880px;height:250px;padding:8px; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;font:13px '微软雅黑';background-color:#99DFB1;border: 1px solid #696;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px;}
.content_left_s_div p{line-height:30px;}
.content_left_s_div a{width:30px;height:30px;}
.content_left_s_div a:hover{color:red;}
.sel_title{color:#2111E3}

.content_right_user_div{width:290px;height:100px;background-color:lightgray;position: relative;}
 .user_mes_img{width: 60px;height:60px;position:absolute;top:5px;left:20px;display:block;border: 1px solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.user_mes_name{position:absolute;width: 100px;left:90px;top:5px;height:30px;line-height:30px;color:#FF8040;font:15px '微软雅黑';}
.user_mes_mod{position:absolute;width: 120px;left:90px;top:35px;height:30px;line-height:30px;;font:13px '微软雅黑';}
.user_mes_notic{position: absolute;width:200px;height: 30px;top:70px;left:20px;font:12px '微软雅黑';}
 .notice_span{color:red;}
.con_right_user_login_div{width:290px;height:auto;text-align: center;padding:35px;}
    .con_right_user_login_div a{display: block;width:50px;height: 30px;border: 1px solid;float:left;margin-left: 40px;background-color: white;line-height:30px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;-webkit-box-shadow: gray 0px 0px 8px;-moz-box-shadow: gray 0px 0px 8px;box-shadow: gray 0px 0px 8px;} 
     .con_right_user_login_div a:HOVER{-webkit-box-shadow: red 0px 0px 10px;-moz-box-shadow: red0px 0px 10px;box-shadow: red 0px 0px 10px;}

.content_right_news_div{width: 290px;border: 1px solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;min-height: 180px;margin-top: 30px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;-webkit-box-shadow: gray 0px 0px 8px;-moz-box-shadow: gray 0px 0px 8px;box-shadow: gray 0px 0px 8px;}
.con_right_news_ul,.con_right_news_ul li{list-style: none;font:15px '微软雅黑';}
.con_right_news_ul li{padding:3px 5px; }

.con_right_hot_div{width: 290px;border: 1px solid; margin-top:30px; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;-webkit-box-shadow:gray 0px 0px 8px;-moz-box-shadow: gray 0px 0px 8px;box-shadow: gray 0px 0px 8px;}
 .con_right_hot_lab_div{height: 30px;width: 290px;text-align: center;background-color: #280DA8;line-height:30px;color:white;}
.a_click{background-color:lightgray;}
.att_word{color:red;}

.select_lab{width:100%;height:40px;margin-top:10px;}
.select_lab div{padding:2px;float:left;height:15px;background-color:white;margin:auto 8px;font-size:12px;display:none}
.select_lab img{width:15px;height:15px;vertical-align:middle;margin-left:5px;}

.all_user_div{width: 880px;height:auto;min-height:800px;margin-top:30px;}
.all_user_div div{box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-family: '微软雅黑'}
.user_div{width: 880px;height:auto;min-height:170px;border:1px solid;border-radius:8px;margin:20px auto;border: 1px solid gray;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 5px;position: relative;}
.user_l_div{width: 120px;height:168px;float:left;overflow:hidden;}
.user_l_img{width: 80px;height:80px;margin:5 auto ;display:block;border-radius:8px;}
.user_l_att{width:100%;height:20px;font-size:13px;text-align: center;line-height:20px;}
.user_l_online{width:100%;height:20px;font-size:13px;text-align: center;margin-top: 10px;position: relative;}
.chat_button{width: 30px;height:20px;font-size:10px;left: 80px;position: absolute;top:0px;display: none;}
.user_l_role{width: 100%;height:20px;font-size:15px;text-align: center;line-height:20px;}



.user_r_div{width: 750px;height:168px;float:right;overflow:hidden;position:relative;}
.user_r_un_div{width: 100%;height:28px;font-size:18px;line-height:28px;color:#FF8040 }
.user_r_un_div a{color:#FF8040;}
.user_r_ud_div{height:15px;font-size:10px;line-height:15px;color:gray;}
.user_r_ug_div{height:25px;font-size:16px;ling-height:20px;}
.user_r_ul_div{height:18px;} 
   .ul_span{border-radius:5px;border:1px gray solid;height:15px;font-size:10px;padding:1px;color:gray;}
.user_r_ui_div{height:20px;font-size:13px;ling-height:20px;}
.user_r_ur_div{height:50px;font-size:13px;ling-height:16px;}
.user_r_tr_div{height:30px;width:380px;position:absolute;left:190px;top:5px;font-size:13px;color:gray;}
.user_r_gen_img{display: block;position:absolute;left:630px;top:10px;}
	/*
			  * 外面盒子样式---自己定义
			  */
			
.page_div {margin-top: 20px;margin-bottom: 20px;font-size: 15px;font-family: "microsoft yahei";color: #666666;margin-right: 10px;padding-left: 20px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
			/*
			 * 页数按钮样式
			 */			
.page_div a {min-width: 30px;height: 28px;border: 1px solid #dce0e0!important;text-align: center;margin: 0 4px;cursor: pointer;line-height: 28px;color: #666666;font-size: 13px;display: inline-block;}			
#firstPage,#lastPage {width: 50px;color: #0073A9;border: 1px solid #0073A9!important;}		
#prePage,#nextPage {width: 70px;color: #0073A9;border: 1px solid #0073A9!important;}		
.page_div .current {background-color: #0073A9;border-color: #0073A9;color: #FFFFFF;}	
.totalPages {margin: 0 10px;}		
.totalPages span,
.totalSize span {color: #0073A9;margin: 0 5px;}
.show_user_intro{width: 250px;min-height:100px;position: absolute;border:2px solid #73DBD3;background-color: #73DBD3;z-index: 99;padding: 8px;font:15px '宋体';line-height:22px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: gray 0px 0px 8px;-moz-box-shadow:gray 0px 0px 8px;box-shadow: gray 0px 0px 8px;}
.show_user_intro:before{content:'';width: 0px;height:0px;border:20px solid transparent ;border-bottom-color:#73DBD3;position: absolute;top:-40px;left:30px}
.show_user_intro:after{content:'';width: 0px;height:0px;border:18px solid transparent;border-bottom-color:#73DBD3;position:absolute;top:-36px;left:32px}

/* 侧边聊天消息栏 */
.chat_mes_div{position:fixed;width:100px;height: 450px;float:left;top:200px;left:-80px;}
.chat_mes_userlist{width: 80px;border:1px solid green;box-sizing:border-box;height: 450px;overflow-y:scroll;background-color: white;}
.chat_mes_notic{width: 20px;height: 80px;position: absolute;border: 1px solid red;top:10px;left: 79px;box-sizing:border-box;border-radius:0px 15px 15px 0;border-left:0px;background-color: white;font:13px '微软雅黑';background-color: red;}

.exceed{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.exceed2{overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;}
