*{font-size:12px; font-family:Tahoma,Verdana,微软雅黑,新宋体}
body{background:#D2E0F2; }
a{ color:Black; text-decoration:none;}
a:hover{ color:Red; text-decoration:underline;}
.textbox03 {border: #878787 1px solid;padding: 4px 3px;font:Verdana, Geneva, sans-serif,宋体;line-height: 14px; background-color: #fff;  height: auto; font-size: 14px;  font-weight: bold; width: 190px; }

.txt01{font:Verdana, Geneva, sans-serif,宋体;padding:3px 2px 2px 2px; border-width:1px; border-color:#ddd;  color:#000;}
.txt {border: #878787 1px solid;padding: 4px 3px;font:Verdana, Geneva, sans-serif,宋体;line-height: 14px; background-color: #fff;  height: auto; font-size: 14px;}
.footer{text-align:center;color:#15428B; margin:0px; padding:0px;line-height:23px; font-weight:bold;}

.head a{color:White;text-decoration:underline;}

.easyui-accordion ul{list-style-type:none;margin:0px; padding:10px;}
.easyui-accordion ul li{ padding:0px;}
.easyui-accordion ul li a{line-height:24px;}
.easyui-accordion ul li div{margin:2px 0px;padding-left:10px;padding-top:2px;}
.easyui-accordion ul li div.hover{border:1px dashed #99BBE8; background:#E0ECFF;cursor:pointer;}
.easyui-accordion ul li div.hover a{color:#416AA3;}
.easyui-accordion ul li div.selected{border:1px solid #99BBE8; background:#E0ECFF;cursor:default;}
.easyui-accordion ul li div.selected a{color:#416AA3; font-weight:bold;}



.icon{padding:2px 9px; background:url(../images/tabicons.png) no-repeat; }
.icon-sys{ background:url(../images/directory.png) no-repeat;}
.icon-add{background-position: -19px 0px;}
.icon-nav{background-position: -100px -18px;}
.icon-users{background-position: -100px -480px;}
.icon-role{background-position: -360px -200px;}
.icon-set{background-position: -380px -200px;}
.icon-log{background-position: -380px -80px;}

/* 腾讯IM聊天开始 */
.tencentIM_icon{position: fixed; display: none; right: 8px; bottom: 35px; padding: 5px 10px; border: 1px solid #95B8E7; text-align: center; z-index: 10; border-radius: 6px; background: #fff; cursor: pointer;}
.tencentIM{ position: fixed; display: none; width: 860px; height: 616px; top: 50%; left: 50%; margin: -308px 0px 0px -430px; z-index: 10; background: #F2F3F5; border: 1px solid #95B8E7; border-radius: 8px; overflow: hidden;}
.tencentIM_close{position: absolute; right: 0px; height: 56px; width: 56px; line-height: 56px; cursor: pointer; text-align: center;}
.tencentIM_List{float:left; height: 100%; width: 280px; overflow: auto; background: #E6E8EB;}
.tencentIM_List .item{ padding:9.5px 10px; position: relative; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: #E6E8EB; border-bottom:1px solid #DADCDF;}
.tencentIM_List .item:hover{ background: #D7D9DB;}
.tencentIM_List .isactive{ background: #D7D9DB; } 
.tencentIM_List .item_head{ width: 36px; height: 36px; position: relative;}
.tencentIM_List .item_head img{ display: block; width: 100%; height: 100%; border-radius: 100%;}
.tencentIM_List .item_head i{position: absolute; top: 0px; left: 30px; color: #fff; font-size: 12px; min-width: 16px; height: 16px; text-align: center; line-height: 16px; background: #fd4259; border-radius: 100%; font-style: normal;}
.tencentIM_List .item_head i.ellipsis{border-radius: 10px; padding: 0px 2px;}

.tencentIM_List .item_content{ flex: 1; display: grid; margin: 0px 10px;}
.tencentIM_List .item_content strong{ font-size: 14px; font-weight: normal; color: #000; padding-bottom:3px;}
.tencentIM_List .item_content span{ font-size: 12px; color: #8C8D8F; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;}
.tencentIM_List .item_foot{display: grid; justify-content: flex-end; text-align: right;}
.tencentIM_List .item_foot span{ color: #8C8D8F; font-size: 12px;}
.tencentIM_List .item i{ position: absolute; right: 10px; top: 3px; width: 12px; height: 12px; font-style: normal; text-align: center; line-height: 12px;}

.tencentIM_main{ float: right; width: 579px; border-left:1px solid #DCDEE0;}
.tencentIM_main .chart_head{display: none; height: 56px; line-height: 56px; background: #F2F3F5; font-size: 16px; padding: 0px 10px;}

.tencentIM_main .chart_main{display: none; height: 392px; padding: 10px; overflow: auto; border-top:1px solid #DCDEE0; border-bottom:1px solid #DCDEE0;}
.tencentIM_main .chart_main .item{ margin: 12px; display: flex;}
.tencentIM_main .chart_main .item .col-1{ width: 37px; height: 37px; border-radius: 100%; overflow: hidden;}
.tencentIM_main .chart_main .item .col-1 img{ display: block; width: 100%; height: 100%;}
.tencentIM_main .chart_main .item .col-2{ padding: 9px; margin:0px 12px; max-width: 420px; color: #000; background: #DEE0E3; border-radius:5px; display: flex; align-items: center; word-break: break-all; font-size: 14px;}
.tencentIM_main .chart_main .item .col-2 .image-element{ display: block; max-width: 420px;}
.tencentIM_main .chart_main .reverse{flex-direction: row-reverse;}

.tencentIM_main .chart_foot{display: none; height: 126px; padding: 10px;}
.tencentIM_main .chart_foot textarea{ width: 100%; height: 100px; background: #F2F3F5; border: none; padding: 0px; resize: none; font-size: 14px; line-height: 20px; outline: none;}
.tencentIM_main .chart_foot a{font-size: 14px; color: #6E7882; float: right; padding: 7px 0px;}
.tencentIM_main .chart_foot a:hover{ color: #468CEB;}

.tencentIM_main .more_history{background: #E4E7EB; padding: 3px 10px; color: #7E848C; margin: 10px auto; display: table; text-decoration: none; cursor: pointer;}
.tencentIM_main .no-text{background: #E4E7EB; padding: 3px 10px; color: #7E848C; margin: 10px auto; display: table; text-decoration: none; cursor: pointer;}
/* 腾讯IM聊天结束 */