html, body {
    background:#efeff4;
    color: #333;
    font: 14px/1.5 Helvetica, Arial, Tahoma,'微软雅黑';
    overflow: hidden;
}
.icon-chat {
    background-position: -35px 0;
}
.main_icon-list {
    background-position: -35px -25px;
}
.icon-team {
    background-position: -35px -50px;
}
.icon-team-info {
    background-position: -63px -25px;
}
.main_icon-list.cur {
    background-position: 0 -25px;
}
.icon-chat.cur {
    background-position: 0 0;
}
.icon-team.cur {
    background-position: 0 -50px;
}
.icon.cur:after {
    display: inline-block;
    width: 38px;
    height: 8px;
    background: url("../images/icons.png") no-repeat -67px -170px;
    content:' ';
    position: absolute;
    top: 42px;
    left: 35px;
}

.icon-pic {
    background-position: 0 -79px;
    width: 25px;
    height: 25px;
    margin-right: 3px;
}
.icon-file {
    background-position: -35px -78px;
    width: 25px;
    height: 25px;
}
.icon-file2 {
    background-position: -108px -118px;
    width: 37px;
    height: 50px;
    margin-right: 5px;
}
.icon-error {
    background-position: -38px -141px;
    margin-right: 5px;
    height: 20px;
}
.main_icon-close {
    background-position: -34px -165px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.icon-plus {
    background-position: -63px -81px;
    margin-right: 5px;
}
.error {
    color: #6b8299;
    font-size: 12px;
    padding: 5px 5px;
    text-align: right;
    line-height: 37px;
    float: right;
}
.item .readMsg{
    display: none;
    color: #6b8299;
    font-size: 12px;
    padding: 5px 5px;
    text-align: right;
    line-height: 37px;
    float: right;
}
.item.read .readMsg{
    display: block;
}
.wrapper {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.content {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.chatVernier {
    position: absolute;
    left: 270px;
    top: 80px;
    height: 542px;
    width: 30px;
    overflow: hidden;
}
.chatVernier span {
    position: absolute;
    left:0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #e5f4ff;
}
.title {
    line-height: 55px;
    height: 55px;
    color:#666;
    position: relative;
    -webkit-app-region: no-drag;
    border-bottom: 1px solid #e6e6e6;
}
.title img {
    width: 30px;
    height: 30px;
    border: none;
    float: left;
    margin: 15px 10px;
}
.title .u-modify{
    width: 13px;height: 13px;
    float: none;
    margin: 0;
}
.title-right {
    line-height: 30px;
    height: 30px;
    color:#fff;
    position: relative;
    -webkit-app-region: no-drag;
    margin-top: 23px;
}
.title-right img {
    width: 30px;
    height: 30px;
    border: none;
    float: left;
    margin: 0 10px;
    border-radius: 50%;
}
.title-right .u-modify{
    width: 13px;height: 13px;
    float: none;
    margin: 0;
}
.exit {
    position: absolute;
    right: 12px;
    top: 0;
    line-height: 28px;
    padding-left: 10px;
    border-left: 1px dotted #ccc;
    color: #88939b;
    font-size: 12px;
    cursor:pointer
}
.init-text {
    padding: 5px 10px;
}
.panel {
    height: 34px;
    position: relative;
    border-bottom: 1px solid #ced4d9;
}
.panel a {
    display: inline-block;
    float: left;
    width: 33.3%;
    margin: 5px 0;
}
.panel .panel_tab{
    position: relative;
}
.search-input {
    border: 1px solid #ddd;
    padding: 5px 5%;
    width: 90%;
}
.left-panel {
    width: 250px;
    height: 100%;
    float: left;
    z-index: 99;
    /*box-shadow: 0 2px 6px #313131;*/
    background-color: #fff;
}
.friends {
    height: 480px;
}
.friends .list{
    height: 100%;
    width: 100%;
    position: relative;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
} 
.chat-vernier {
    position: absolute;
    margin-left: 6px;
    display: inline-block;
}
.chat-vernier span {
    width: 15px;
    display: inline-block;
    height: 15px;
    border: 1px solid #ccc;
    background-color: #ccc;
}
.team-info {
    position: absolute;
    line-height: 20px;
    width: 68px;
    height: 46px;
    border: 1px solid #ddd;
    right: 90px;
    top: 4px;
    cursor: pointer;
}
.cloudMsg {
    position: absolute;
    line-height: 20px;
    width: 68px;
    height: 46px;
    border: 1px solid #ddd;
    right: 10px;
    top: 4px;
    cursor: pointer;
}
.cloudMsg:hover,.team-info:hover {
    background-color: #ececec;
}

.right-panel {
    margin-left: 254px;
    height: 100%;
    background-color: #fff;
    position:relative;
}
.chat-box {
    position: relative;
    height: 100%;
    min-height: 540px;
}
.chat-box .title .img{
    cursor: pointer;
    border-radius: 50%;
}
.chat-box .title span {
    display: block;
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
.u-chat-notice{
    z-index: 5;
    background-color: #fbfcbe;
    width: 100%;
    height: 14px;
    position: absolute;
    top: 80px;
    opacity: 0.8;
    text-align: center;
    padding: 20px 0;
    font-size: 14px;    
}
.chat-mask{
    z-index: 5;
    background-color: #e5f4ff;
    width: 100%;
    height: 14px;
    position: absolute;
    bottom: 0;
    opacity: 0.8;
    text-align: center;
    padding: 20px 0;
    font-size: 14px;  
}
.chat-content {
    position: absolute;
    top:50px;
    bottom: 100px;
    width: 100%;
    overflow-y: auto;
    padding: 10px 3%;
}
.chat-content .item{
    overflow: hidden;
    padding: 4px 0px 10px 0px;
}
.chat-content .img{
    cursor: pointer;
    border-radius: 50%;
}
.no-msg span {
    padding: 3px 15px;
    background-color: #e5f4ff;
    color:#6b8299;
}

.item-you img {
    float: left;
    margin-right: 14px;
}
.item-me img {
    float: right;
    margin-left: 14px;
}
.item-you .img,.item-me .img{
    width: 40px;
    height: 40px;
}
.msg {
    position: relative;
    margin-top: 5px;
    border-radius: 8px;
    border: 1px solid;
}
.item-you .nick {
    color: #3a4a59;
    font-size: 12px;
    padding-top: 5px;
}
.item-you .msg-text {
    float: left;
    color: #6b8299;
    background: #eaeeef;
    border-color: #eee;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.06);
}
.item-me .msg-text {
    float: right;
    color: #fff;
    background: #5cacde;
}
.item-me .download-file {
	display: block;
	color: #fff;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.item-you .download-file {
    display: block;
    color:#666;
}
.msg:before, .msg:after {
    content:' ';
    position: absolute;
    top: 11px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    width: 0;
    height: 0;
}
.item-you .msg:before {
    right: 100%;
    border-right: 5px solid #eaeeef;
}
.item-you .msg:after {
    background: none;
}
.item-me .msg:before {
    background: none;
}
.item-me .msg:after {
    left: 100%;
    border-left: 5px solid #5cacde;
}
.item-me .msg .box:before {
    background-position: -25px -40px;
}
.msg .box {
    position: relative;
    padding: 7px 12px;
    zoom: 1;
}
.msg .box:before {
    background-position: 0 -40px;
}
.msg .box:after {
    background-position: 0 -60px;
}
.msg .cnt {
    position: relative;
    min-height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 14px;
}
.msg .cnt img {
    width: 100%;
    max-width: 290px;
    _width:290px;
}
.msg .cnt audio{
    width: 300px;
    height: 35px;
}
.msg .cnt video{
    width: 300px;
}
.msg .cnt .chartlet{
    width: 120px;
    margin: 0;
}
.arrow {
    background: url("../images/msg.png") no-repeat 9999px 9999px;
    _background: url("../images/msg-8.png") no-repeat 9999px 9999px;
}
.chat-box .title {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #e0e4e7;
}
.chat-editor {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 100%;

    background-color: #f5f9ff;
border: 1px solid #e6e6e6;


}
.btn-send {
    background-color: #0888ff;
    color: #fff;
    display: inline-block;
    width: 70px;
    height: 34px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top: 11px;
    right: 15px;
    font-size: 12px;
    border: 1px solid #0070d9;
}
.btn-send2 {
    padding-top:30px;

    background-color: #ffffff;
    color: #60bdff;
    display: inline-block;
    width: 74px;
    height: 100%;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 14px;
    border: 1px solid #e6e6e6;
}
.btn-send:hover {
    color:#fff;
}
.msg-type {
    position: absolute;
    top: 15px;
    left: 44px;
}
.msg-input {
    font: 14px/1.5 Helvetica, Arial, Tahoma, '微软雅黑';
    width: 70%;
    height: 38px;
    outline: none;
    background: #fff;
    border:none;
    border: 1px solid #ccc;
    border: 1px solid #ccc\9;
    overflow-y: auto;
    padding: 6px 10px;
    margin-top: 11px;
    margin-left: 65px;
}
.msg-input2 {
    font: 14px/1.5 Helvetica, Arial, Tahoma, '微软雅黑';
    width: 100%;
    height: 100%;
    outline: none;
    background: #f5f9ff;
    border:none;
padding-left: 15px;
    margin-right: 75px;
    padding-right: 15px;
    overflow-y: auto;

}
.create-team {
    padding: 5px 10px;
    border-bottom: 1px solid #ced4d9;
    cursor: pointer;
}
.footer {
    text-align: center;
    padding: 20px 0;
    background: url("../images/line.png") no-repeat center;
    color:#3a4a59
}
.cloud-msg-container,.team-info-container {
    box-sizing: border-box;
    left: 254px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right:0;
    z-index: 2;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:1px solid #dcdcdc;

}
.cloud-msg-container .info-content{
    border: none;
    height: 520px;
}
.create-team-container {
    position: fixed;
    width: 680px;
    height: 580px;
    top: 50%;
    left:50%;
    margin-top: -290px;
    margin-left: -340px;
    background-color: #fff;
    border: 1px solid #ececec;
    z-index: 9;
}
.mask img {
    width: 100%;
    height: 100%;
}
.img-wrap {
    width: 610px;
    height: 500px;
    position: absolute;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -305px;
}
.bad-network {
    line-height: 38px;
    background-color: #fffeeb;
    width: 360px;
    margin: 0 auto;
    color: #f24c3d;
    font-size: 14px;
}
.msg .cnt .emoji {
	width: 20px;
	margin: 0;
	vertical-align: middle;
	float: none;
}
.m-sysMsg{
    position: relative;
}
.m-sysMsg .count{
    position: absolute;
    bottom: 20px;
    right: 9px;
    background-color: #f24c3d;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 0 5px;
    width: 20px;
}
.m-devices{
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background-color: #e5f4ff;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
}
.u-emoji{
    position: absolute;
    top: 10px;
    left: 8px;
    width: 30px;
    height: 30px;
    background: url("../images/icons.png") no-repeat 2px -187px;
}
.devices-container {
  margin-left: 292px;
  height: 620px;
  background-color: #f5f5f5;
  position: absolute;
  width: 710px;
  top: 0;
  z-index: 7;
}
.devices-container .content {
    position: relative;
    height: 500px;
    padding: 12px 20px;
    overflow: scroll;
}
.devices-container .main{
    position: absolute;
    top: 68px;
    left: 192px;
    width: 326px;
    height: 400px;
}
.devices-container .pic{
    height: 260px;
    margin-bottom: 30px;
    background: url("../images/devices.jpg") no-repeat center;
}
.devices-container .mobile,.devices-container .pc{
    margin-top: 20px;
    position: relative;
    width: 324px;
    height: 54px;
    border: 1px solid #ccc;
    background-color: #edecee;
}
.devices-container .mobile p,.devices-container .pc p{
    line-height: 54px;
    margin-left: 12px;
}
.devices-container .mobile a,.devices-container .pc a{
      position: absolute;
      top: 7px;
      right: 8px;
      width: 72px;
      height: 40px;
      background-color: #f05b60;
      line-height: 40px;
      text-align: center;
      color: #fff;
      font-size: 14px;
      border-radius: 2px;
}
.cloud-msg-container .item{
    overflow: hidden;
    padding: 4px 0px 10px 0px;
}
.m-dialog {
    position: absolute;
    top:50%;
    left: 50%;
    margin-left: -193px;
    margin-top:-126px; 
    width: 386px;
    height: 252px;
    background-color: #fff;
    z-index: 100;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    overflow: hidden;

}
.m-dialog .title{
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    border: none;
}

.m-dialog .btns{
    position: absolute;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    padding:22px 0;
    border-top: 1px solid #e0e6eb;
}
.m-dialog .content{
    padding-top: 20px;
}
.m-dialog .content .info{
    display: none;
    padding: 10px 28px;
}
.m-dialog .info img{
    float: left;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}
.m-dialog .info .desc{
    float: left;
    text-align: left;
    padding: 10px
}
.m-dialog .info p{
    color: #3a4a59;
    font-size: 14px;
}
.m-dialog .info span{
    font-size: 12px;
    color: #6b8299;
}
.m-dialog .ipt{
    height: 34px;
    width: 300px;
    border: 1px solid #e0e6eb;
    font-size: 14px;
    padding: 0 10px;
}
.m-dialog .tip{
    padding: 10px;
    display: none;
}
.m-dialog .btns .add,.m-dialog .btns .back,.m-dialog .btns .done,.m-dialog .btns .chat,.m-dialog .btns .blacklist{
    display: none;
}
/*添加好友（不是好友）*/
.m-dialog.noFriend .btns .cancel,.m-dialog.noFriend .btns .search,.m-dialog.noFriend .btns .done,.m-dialog.noFriend .btns .chat，.m-dialog.noFriend .btns .blacklist{
    display: none;
} 
.m-dialog.noFriend .btns .back,.m-dialog.noFriend .btns .add{
    display: inline-block;
}                                                                          
.m-dialog.noFriend .content .ipt,.m-dialog.noFriend .content .tip{
    display: none;
}
.m-dialog.noFriend .content .info{
    display: block;
}
/*添加好友（是好友）*/
.m-dialog.friend .btns .cancel,.m-dialog.friend .btns .search,.m-dialog.friend .btns .done,.m-dialog.friend .btns .add,.m-dialog.friend .btns .blacklist{
    display: none;
} 
.m-dialog.friend .btns .back,.m-dialog.friend .btns .chat{
    display: inline-block;
}                                                                          
.m-dialog.friend .content .ipt,.m-dialog.friend .content .tip{
    display: none;
}
.m-dialog.friend .content .info{
    display: block;
}
/*添加好友 添加完成*/
.m-dialog.done .tip{
    display: block;
}
.m-dialog.done .ipt,.m-dialog.done .info{
    display: none;
}
.m-dialog.done .btns .cancel,.m-dialog.done .btns .search,.m-dialog.done .btns .add,.m-dialog.done .btns .chat,.m-dialog.done .btns .blacklist{
    display: none;
} 
.m-dialog.done .btns .back,.m-dialog.done .btns .done{
    display: inline-block;
}

/*添加好友 在黑名单*/
.m-dialog.blacklist .info{
    display: block;
}
.m-dialog.blacklist .ipt,.m-dialog.blacklist .tip{
    display: none;
}
.m-dialog.blacklist .btns .cancel,.m-dialog.blacklist .btns .search,.m-dialog.blacklist .btns .add,.m-dialog.blacklist .btns .chat,.m-dialog.blacklist .btns .done{
    display: none;
} 
.m-dialog.blacklist .btns .back,.m-dialog.blacklist .btns .blacklist{
    display: inline-block;
} 
/*搜高级群 在群里*/
.m-dialog.inTeam .info{
    display: block;
}
.m-dialog.inTeam .ipt,.m-dialog.inTeam .btns .search,.m-dialog.inTeam .btns .cancel{
    display: none;
}
.m-dialog.inTeam .btns .chat,.m-dialog.inTeam .btns .back{
    display: inline-block;
}
/*搜高级群 在不群里*/
.m-dialog.notInTeam .info{
    display: block;
}
.m-dialog.notInTeam .btns .add,.m-dialog.notInTeam .btns .back{
    display: inline-block;
}
.m-dialog.notInTeam .ipt,.m-dialog.notInTeam .btns .search,.m-dialog.notInTeam .btns .cancel{
    display: none;
}
/*好友名片*/
.m-card{
    width: 400px;
    height: 90%;
    background-color: #fff;
    position: absolute;
    top: 5%;
    left:50%;
    margin-left: -200px;
    z-index: 50;
}

.m-card-1{
    height: 550px;
    margin-top: -275px;
}
.m-card .del{
    display:inline-block;
}
.m-card .add{
    display: none;
}
.m-card.notFriend .del{
    display: none;
}
.m-card.notFriend .alias{
    display: none;
}
.m-card.notFriend .add{
    display: inline-block;
}
.m-card  .modifyAvatar{
    cursor: pointer;
}
.m-card .uInfo{
    padding: 30px;
    border-bottom: 1px solid #e4e9ee;
}
.m-card .infos{
    position: relative;
    padding: 30px;
    border-bottom: 1px solid #e4e9ee;
    height: 190px;
}
.m-card-1 .infos{
    border: none;
}

.m-card .infos .operate{
    position: absolute;
    right: 30px;
    top:30px;
}
.m-card .infos .showUI{
    display: block;
}
.m-card .infos .editUI{
    display: none;
}
.m-card .infos .ipt{
    width: 170px;
    padding: 0 10px;
    height: 24px;
    border: 1px solid #e4e9ee;
    line-height: 24px;
    font-size: 14px;
}
.m-card .infos .ipt-1{
    width: 260px;
}
.m-card .infos .slt{
    font-size: 14px;
    border: 1px solid #e4e9ee;
    line-height: 14px;
    font-size: 14px;
    padding: 5px 20px 5px 10px;

}
.m-card .infos textarea{
    width: 260px;
    padding: 0 10px;
    height: 50px;
    border: 1px solid #e4e9ee;
    line-height: 24px;
    font-size: 14px;
}

.m-card .operate span{
    display: inline-block;
    border: 1px solid #e4e9ee;
    border-radius: 8px;
    padding: 2px 8px;
    background-color: #fff;
    margin-left: 10px;
    cursor: pointer;
}
.m-card .operate .save{
    background-color: #238efa;
    color: #fff;
    display: none;
}
.m-card .operate .cancel{
    background-color: #eee;
    color: #3a4a59;
    display: none;
}
.m-card.edit .operate .edit{
    display: none;
}
.m-card.edit .operate .save{
    display: inline-block;
}
.m-card.edit .operate .cancel{
    display: inline-block;
}
.m-card.edit .infos .showUI{
    display: none;
}
.m-card.edit .infos .editUI{
    display: block;
}
.m-card .infos .items{
    position: relative;
    height: 22px;
    line-height: 14px;
    font-size: 14px;
    padding: 4px 0 4px 50px;
    margin-top: 10px;
}
.m-card .infos .item{
    position: absolute;
    left: 0px;
    top:4px;
}
.m-card .editUI .item{
    top:6px;
} 
.m-card .infos .sign{
    margin-top: -4px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    word-wrap:break-word;
    word-break:break-all;
}
.m-card .u-icon{
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 50%;
}
.m-card .desc{
    float: left;
    margin-left: 15px;
    margin-top: 14px;
}
.m-card .desc p{
    height: 16px;
    line-height: 16px;
    color: #3a4a59;
}
.m-card .desc .gender{
    display: inline-block;
}
.m-card .desc .nick{
    display: inline-block;
    font-size: 16px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m-card .desc span{
    display: inline-block;
    overflow: hidden;
    font-size: 12px;
    color: #6b8299;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
   
}
.m-card .alias .item{
    top:10px;
}

.m-card .alias .save{
    width: 60px;
    font-size: 12px;
    height: 16px;
    padding: 5px 10px;
    border-radius: 4px;
    margin-left: 24px;    
    background-color: #0888ff;
    color:#fff;
}
.m-card ul{
    padding: 10px 30px;
    font-size: 14px;
    border-bottom: 1px solid #e4e9ee;
}
.m-card li{
    position: relative;
    padding: 15px 0;
    color: #3a4a59;
}
.m-card .u-switch{
    position: absolute;
    top: 15px;
    right: 0px;
    width: 70px;
    height: 24px;
    background-color: #5cacde;
    border-radius: 3px;
    cursor:pointer;
}
.m-card .u-switch.off{
    background-color: #e7ebef;
    animation: myfirst 5s;
    -moz-animation: myfirst 5s; /* Firefox */
    -webkit-animation: myfirst 5s;  /* Safari 和 Chrome */
    -o-animation: myfirst 5s;
}
.m-card .u-switch img{
    position: absolute;
    top:1px;
    left:1px;
    width: 34px;
    height: 22px;
}
.m-card .u-switch.off img{
    left:35px;
}

.m-card.blacklist .mutelist .u-switch{
    background-color: #add5ee;
    opacity: 0.5;
    cursor: no-drop;
}
.m-card.blacklist .mutelist .u-switch.off{
    background-color: #e7ebef;
    opacity: 0.5;
    cursor: no-drop;
}
.m-notice{
    position: fixed;
    width: 680px;
    height: 580px;
    top: 50%;
    left: 50%;
    margin-top: -290px;
    margin-left: -340px;
    background-color: #fff;
    border: 1px solid #ececec;
    z-index: 9;
}
.m-notice .title{
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    color: #3a4a59;
    background-color: #edecee;
    padding: 0 15px;
}
.m-notice .content{
    height: 470px;
    overflow-y: auto;
}
.m-notice .tab li{
    position: relative;
    text-align: center;
    float: left;
    display: inline-block;
    font-size: 14px;
    line-height: 44px;
    width: 50%;
    background-color: #f3faff;
    cursor: pointer;
}
.m-notice .rmAll{
    position: absolute;
    top: 15px;
    right: 45px;
    width: 22px;
    height: 22px;
    background: url("../images/delete.png")  no-repeat;
    cursor: pointer;
}
.m-notice .tab .crt{
    background-color: #e5f4ff;
    border-bottom: 2px solid #6b8299;

}
.m-notice .item{
    clear:both;
    border-bottom:1px solid #eaeeef;
    overflow:hidden;
    height:61px;
    padding: 10px 20px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.m-notice .item .action{
    float: right;
    font-size: 12px;
}
.m-notice .action a{
    margin-left: 5px;
}
.m-notice .item img{
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}
.m-notice .text {
    margin-left: 60px;
    padding:3px 0;
    position: relative;
    height: 45px;
    overflow: hidden
}
.m-notice .text span, .m-notice .first-msg {
    width: 60%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
}
.m-notice .text .time{
    position: absolute;
    right:0;
    top:5px;
    font-size: 12px;
    color: #999;
}
.m-notice .text .nick {
    line-height: 61px;
    height:61px;
    font-size: 13px;
    color:#999;
    margin: -11px 0;
}
.m-notice .text .nick, .m-notice .text .message {
    position: relative;
    color:#666;
}
.m-notice .text .nick span, .m-notice .text .message span {
    display: inline-block;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
}
.m-notice .text .nick time {
    position: absolute;
    right: 0;
    top: 0;
    color:#aaa;
}
.m-notice .text .first-msg {
    display: inline-block;
    width: 80%;
    color:#6b8299;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}
.m-notice .text p{
    height: 20px;
}

.m-notice .text .message span {
    width: 80%;
}
.m-notice .text .count {
    position: absolute;
    background-color: #f24c3d;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
    right: 0;
    top: 24px;
    text-align: center;
    padding: 0 5px;
    width: 20px;
}
.m-blacklist{
    position: fixed;
    width: 680px;
    height: 580px;
    top: 50%;
    left: 50%;
    margin-top: -290px;
    margin-left: -340px;
    background-color: #fff;
    border: 1px solid #ececec;
    z-index: 9;
}
.m-blacklist .title{
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    color: #3a4a59;
    background-color: #edecee;
    padding: 0 15px;
}
.m-blacklist .notice{
    margin: 35px 0 17px 200px;
    padding-left: 25px;
    background: url("../images/icon_prompt.png") left top no-repeat;
    height: 18px;
}
.m-blacklist .list{
    padding: 0 70px;
    margin-left: -60px;
    height: 400px;
    overflow-y: auto;
}
.m-blacklist .items{
    position: relative;
    float: left;
    margin-left: 60px;
    width: 230px;
    height: 42px;
    padding: 18px 0;
    border-bottom:1px solid #e4e9ee; 
}
.m-blacklist .items .head{
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.m-blacklist .items .nick{
    float: left;
    width: 100px;
    font-size: 12px;
    overflow: hidden;
    margin: 10px 10px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m-blacklist .items .btn{
    position: absolute;
    right: 0;
    top: 24px;
    width: 54px;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
}

.m-modifyAvatar{
    position: absolute;
    width: 540px;
    height: 440px;
    padding: 20px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    margin-left: -270px;
    margin-top: -220px;
    z-index: 50;
}
.m-modifyAvatar .tt{
     margin-bottom: 20px;
}
.m-modifyAvatar .chose{
    width: 300px;
    height: 300px;
    background-color: #e4e9ee;
}

.m-modifyAvatar .choseFileCtn{
    position: absolute;
    top: 60px;
    left: 20px;
    width: 300px;
    height: 305px;
    background-color: #e4e9ee;
    z-index: 999;
   
}
.m-modifyAvatar .choseFileCtn .choseFile{
    position: absolute;
    top: 125px;
    left: 100px;
    width: 98px;
    height: 32px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}
.m-modifyAvatar .big{
   position: absolute;
   top:80px;
   right: 30px;
}
.m-modifyAvatar .big .img{
    width: 160px;
    height: 160px;
    border: 1px solid #e4e9ee;
    background-color: #e4e9ee;
    overflow: hidden;
    border-radius: 50%;
}
.m-modifyAvatar .small{
    position: absolute;
    top:275px;
    right: 90px;
}
.m-modifyAvatar .small .img{
width: 40px;
    height: 40px;
    background-color: #e4e9ee;
    overflow: hidden;
    border: 1px solid #e4e9ee;
    border-radius: 50%;
}
.m-modifyAvatar .big p,.m-modifyAvatar .small p{
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
}
.m-modifyAvatar .btns{
    position: absolute;
    bottom: 20px;
    right: 30px;
}
.m-modifyAvatar .btns .btn{
    margin-left: 15px;
    margin-right: 0px; 
}

.m-unread .u-unread{
    position: absolute;
    top: 2px;
    left:55px;
    font-size: 12px;
    display: block;
    background-color: #f24c3d;
    text-align: center;
    line-height: 16px;
    height: 16px;
    padding: 0 5px;
    color: #fff;
    border-radius: 10px;
}
.u-switch .on,.u-switch .off{
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
    line-height: 24px;
}
.u-switch .on{
    color: #fff;
}
.u-switch .off{
   color: #8496a9;   
}
.m-card .btns{
    padding-top: 18px;
}
.u-status {
    margin-bottom: 10px;
}
.u-status span,.u-status a{
    padding: 3px 15px;
    background-color: #e5f4ff;
    color:#6b8299;
}
.u-notice span{
    display: inline;
    padding: 3px 15px;
    background-color: #e5f4ff;
    color:#6b8299;
    font-size: 12px;
    line-height: 30px;
    word-wrap: break-word;
    word-break: break-all;
}
.u-msgTime{
    text-align: center;
    font-size: 12px;
    color: #aaaaaa;
    line-height: 30px;
}

.u-audio{width:164px;position: relative;height: 20px;cursor: pointer;}
.u-audio b{
    position:absolute;
    top: 1px;color:#fff;
    font-size:10px;
    font-family:arial,"simsun";
}
.u-audio.right b{left:8px;}
.u-audio.left b{right: 8px;color:#6b8299;}
.u-audio .playAudio{position: absolute;}
.u-audio.right .playAudio{color:#fff;right:10px;}
.u-audio.left .playAudio{color:#6b8299;left:10px;}
.u-audio .u-icn-play{display:none;position: absolute;top: 3px;right: 9px;background: url("../images/play1.gif") no-repeat;background-size:80%;width: 14px;height: 20px;}
.u-audio.left .u-icn-play{position: absolute;left: 9px;background: url("../images/play0.gif") no-repeat;background-size:80%;width: 14px;height: 20px;}
.u-audio.play .u-icn-play{display: block;}
.u-audio.play .playAudio{display: none;}
.u-modify{
    width: 13px;
    height: 13px;
    cursor: pointer;
}
.u-goChartRoom{
    position: absolute;
    top: 90px;
    right: 100px;
    width: 88px;
    height: 88px;
    text-align: center;
    background: url("../images/chartroom.png") no-repeat;
}
.f-maxWid{
    max-width: 290px;
    _width:290px;
}
.f-cb:after{
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
    content:".";
}
.f-cb{
    zoom:1;
}
.f-fl{
    float: left;
}
.f-fr{
    float: right;
}
.ui-datepicker{
    display: none;
}
.empty{
    text-align: center;
}
.mt-10{
    margin-top: 10px !important;
}
.search-name-div{
    position: relative;
    padding: 10px 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
}
.search-name-div .search-name-con{
    height: 30px;
    width: 94%;
    margin:0 auto;
    font-size: 14px;
    background: #efeff4;
    border-radius: 15px;
}
.search-name-con .name-input{
    display: block;
    width:78%;
    float: left;
    height: 30px;
    line-height: 30px;
    margin:0 0 0 15px ;
    border:none;
    font-family:inherit;
    background: #efeff4;
}
.search-name-con .search-btn{
    width: 26px;
    height: 16px;
    float: right;
    border-left: 1px solid #eee;
    margin-top: 7px;
    margin-right: 8px;
    background: url("images/search-bg.png")8px center no-repeat;
    background-size: contain;
    cursor: pointer;
    border-left: 1px solid #e6e6e6;
}
.search-name-div .name-list-div{
    position: absolute;
    top: 41px;
    left: 4%;
    width: 92%;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    min-height: 50px;
    z-index: 999;
    background: #fff;
    max-height: 420px;
    overflow-y: scroll;
}
.search-name-div .name-list-div .list-title{
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #eee;
    box-sizing:border-box;
    padding: 0 10px;
}
.name-list-div .list-title .title-span{
    line-height: 30px;
    padding: 0 10px;
    color: #1bb8f9;
    display: inline-block;
    border-bottom: 1px solid #1bb8f9;
}
.search-name-div .name-list-div .name-list-ul li{
    border-bottom: 1px solid #eaeeef;
    overflow: hidden;
    height: 56px;
    padding: 8px 10px;
    box-sizing: border-box;
    cursor: pointer;
}
.name-list-div .name-list-ul li .panel_avatar {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    background: #1bb8f9;
    color: #fff;
    text-align: center;
}
.name-list-div .name-list-ul li .panel_text {
    width: 50%;
    float: left;
    margin: 0 0 0 15px;
    box-sizing: border-box;
    position: relative;
    height: 40px;
    line-height: 40px;
    color: #333;
    overflow: hidden;
}
.name-list-div .name-list-ul li .arrow-right {
    float: right;
    margin: 0 10px 0 0;
    height: 40px;
    line-height: 40px;
    color: #333;
    position: relative;
}
.name-list-div .name-list-ul li:hover{
    background-color: #f5f5f5;
}
.xn-header-xntalk{
    width: 100%;
    height: 60px;
    background: #3399ff;
    color: #fff;
    -webkit-app-region: drag;
    position: relative;
}
.mt_4{
    margin-top: 4px;
}
.xn-header-xntalk .mini-close-btn{
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 7;
    height: 20px;
    -webkit-app-region: no-drag;
}
.xn-header-xntalk .mini-close-btn span{
    display: block;
    float: left;
    width: 16px;
    height: 16px;
}

.xn-header-xntalk .nav-ul{
    height: 60px;
    line-height: 45px;
    font-size: 16px;
    -webkit-app-region: no-drag;
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}
.xn-header-xntalk .nav-ul li{
    position: relative;
    float: left;
    cursor: pointer;
    padding:15px 20px 0;
}
.xn-header-xntalk .nav-ul .on{
    background: #65b3ff;
}
.xn-header-xntalk .nav-ul .dot-message{
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ea2816;
    right: 13%;
    top: 37%;
}
.content .panel{
    margin-bottom: 0;
}
.xn-talk-logo{
    width: 180px;
    height: 50px;
    margin-top: 5px;
    cursor: pointer;
    position: relative;
    -webkit-app-region: no-drag;
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}
.xn-talk-logo .logo{
    display: block;
    width: 45px;
    height: 20px;
    margin-top: 20px;
    margin-left: 10px;
    -webkit-app-region: no-drag;
}
.xn-talk-logo .union-name{
    display: block;
    margin-left:4px;
    font-size: 18px;
    margin-top: 18px;
    -webkit-app-region: no-drag;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
}
.xn-talk-logo .triangle-down {
    display: block;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #fff;
    margin-top: 29px;
    margin-left: 4px;
}
.xn-talk-logo .more-content{
    position: absolute;
    left:60px;
    top: 55px;
    width: 165px;
    background: #fff;
    border:1px solid #ddd;
    border-radius: 2px;
    font-size: 14px;
    color: #333;
    z-index: 200;
    -webkit-app-region: no-drag;
}
.xn-talk-logo .more-content .triangle-up{
    position: absolute;
    width: 0;
    height: 0;
    left: 25px;
    top: -6px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #fff;
}
.xn-talk-logo .more-content .union-ul{
    padding:15px 10px ;
}
.xn-talk-logo .more-content .union-ul li{
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 15px;
}
.xn-talk-logo .more-content .union-ul li:first-child{
    margin-top:0;
}
.more-content .union-ul li .logo-img{
    display:block;
    width: 20px;
    height: 20px;
}
.more-content .union-ul li .logo-name{
    display: block;
    width: 100px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.more-content .union-ul .li-on{
    color: #3399ff;
}
.xn-hidden{
    display: none!important;
}
.cursor-pointer{
    cursor: pointer;
}
.xn-iframe-l{
    position: absolute;
    left: 0px;
    width: 200px;
    bottom: 100px;
    top: 0;
    background-color:#F6FAFD;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden;
    border-right:1px solid #E5EBF1 ;
}


.xn-iframe-l-b{
    padding: 10px 25px;
    height: 100px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 200px;
    background-color:#F6FAFD;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden;
    border-right:1px solid #E5EBF1 ;
}
  .xn-iframe-r{
      position: absolute;
      left: 200px;
      bottom: 0px;
      top: 0px;
      right: 0px;
      z-index: 1;
      overflow-y: auto;
      overflow-x: hidden;
  }
.xn-iframe-top  .pan-logo{
    display: inline-block;
    float: left;
    margin-top: 10px;
    width: 200px;
    height: 40px;
    background: url("./images/xn-title.png") 15px 2px no-repeat;
}
.xn-iframe-top  .pan-nav{
    width: auto;
    float: left;
    height: 60px;
}
.xn-iframe-top  .pan-nav li{
    height: 60px;
    float: left;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAPCAIAAACqfTKuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkM4RDg5MkVFQUZDMTFFM0JDRDg5ODgyN0UwOTI4NUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkM4RDg5MkZFQUZDMTFFM0JDRDg5ODgyN0UwOTI4NUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QzhEODkyQ0VBRkMxMUUzQkNEODk4ODI3RTA5Mjg1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QzhEODkyREVBRkMxMUUzQkNEODk4ODI3RTA5Mjg1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/VD0cAAAAUSURBVHjaYnDpf8vEwMBADgYIMABoWwHdXfda4AAAAABJRU5ErkJggg==)  left 50% no-repeat;
}
.xn-iframe-top  .pan-nav li a{
    display: inline-block;
    height: 60px;
    float: left;
    width: auto;
    padding: 0px 25px;
    color: #fff;
    line-height: 60px;
    font-size: 18px;
}
.xn-iframe-top  .pan-nav li.pan-li  a{
    border-left: 1px solid #1968ca;
    border-right: 1px solid #1968ca;
    background-color:#1d74e0;
    box-shadow: inset 0px 0px 50px #1D74E0;
}
.xn-iframe-top .xn-header-right{
    color: #fff;
    margin-right: 20px;
}
.xn-iframe-top .xn-header-right .xn-name a{
    color: #fff;
}
.xn-iframe-top .xn-header-right .xn-message .icon-email{
    color: #fff;
}

.xn-iframe-l .pan-menu{
    margin-top: 10px;
    width: 100%;
    vertical-align:top;
}
.xn-iframe-l .pan-menu li{
    width: 100%;
    border-left: 5px solid transparent;
    height: 44px;
    line-height: 44px;
    color: #56678F;
    cursor: pointer;
}

.xn-iframe-l .pan-menu li.bb{
    border-bottom:1px solid #E5EBF1 ;
}
.xn-iframe-l .pan-menu li i{
    width: 20px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    font-size: 22px;
    margin-left: 20px;
    margin-right: 10px;
    float: left;
}
.xn-iframe-l .pan-menu .pan-menu-li{
    width: 100%;
    height:44px;
    background: #E3F0FC;
    color: #3083EB;
    border-left: 4px solid #599BE1;
    border-top: 1px solid transparent;
    border-bottom:1px solid transparent;
}
.xn-iframe-l .pan-menu .pan-menu-li-hover:hover{
    width: 100%;
    height:44px;
    background: #E3F0FC;
    color: #3083EB;
    /* border-left: 5px solid #599BE1;*/
    border-top: 1px solid #d9ebfc;
    border-bottom:1px solid #d9ebfc;
}
.xn-iframe-l-b .progress{
    width: 100%;
    height: 8px;
    border: 1px solid #D6E1ED;
    background: #DDE7F1;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    border-radius: 4px ;
}
.xn-iframe-l-b .progress .plan{
    width: 100%;
    background: #3083EB;
    overflow: hidden;
    display: inline-block;
    height: 8px;
    position: absolute;
    border-radius: 4px ;
    margin: -1px;
}
.xn-iframe-l-b .progress-title{
    line-height: 20px;
    font-size: 12px;
}
.xn-iframe-r-top{
    height: 52px;
    border-bottom: 1px solid #E5EBF1;
    overflow: hidden;
}
.xn-iframe-r-top .top-l{
    padding: 8px 20px;
    float: left;

}
.xn-iframe-r-top .top-r{
    padding: 10px 20px;
    float: right;
}
.xn-iframe-r{
    background-color:#fff
}
.xn-iframe-r .xn-breadcrumb .breadcrumb{
    margin-bottom: 0px;
    padding:5px 20px;
}
.showContent{

}
/*.xn-iframe-r .xn-breadcrumb .breadcrumb-right{
  margin-bottom: 0px;
  padding:5px 20px;
  width: 200px;
  float: right;
  height:40px;
}*/
/*.xn-iframe-r .xn-breadcrumb .breadcrumb-right li{
  float: left;
  height: 24px;
}
.xn-iframe-r .xn-breadcrumb .breadcrumb-right li .icon-list{
  display: inline-block;
  color:#dcdcdc;
}
.xn-iframe-r .breadcrumb>li+li:before {
  padding: 0;
  color: transparent;
  content: none;
}
.xn-iframe-r .xn-breadcrumb .breadcrumb-right li .icon-dasuolvetuliebiao{
  display: inline-block;
  color:#AFAEAE
}*/
.xn-iframe-r .xn-table-content table{
    margin: 0 30px 0 0;
}
.xn-iframe-r .xn-table-content table thead tr{
    border-bottom: 1px solid #dcdcdc;
    background-color: #F3F6FC;
}
.xn-iframe-r .xn-table-content table thead .head-tr td{
    color:#999;
    font-size: 16px;
}
.xn-iframe-r .xn-table-content table thead .head-tr td .file-name{
    display: inline-block;
}
.xn-iframe-r .xn-table-content table thead .head-tr td input{
    font-size:16px;
}

.xn-iframe-r .xn-table-content table tbody .line-tr {
    height:50px;
    border-bottom: 1px solid #dcdcdc;
}
.xn-iframe-r .xn-table-content table tbody .line-hover:hover {
    cursor: default;
    background-color: #F3F6FC;
    height:50px;
    border-bottom: 1px solid #dcdcdc;
    border-left:1px solid #dcdcdc;
}
.xn-iframe-r .xn-table-content table tbody .line-tr-checked {
    height:50px;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    background-color: #F3F6FC;
}
.xn-iframe-r .my-file-tr{
    height:50px;
    border-bottom: 1px solid #dcdcdc;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file-transparent{
    width:120px;
    min-height:140px;
    border:2px solid transparent;
    background-color:transparent;
    margin-right:24px;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file-transparent:hover{
    border:2px solid #e3ebf4;
    background-color:#f6f8fd;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file{
    border:2px solid #bcccde;
    background-color:#eff3f9;

}

.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file:hover{
    border:2px solid #bcccde;
    background-color:#eff3f9;

}
.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file .icon-layout-img{
    margin: 20px auto 10px;
    height:68px;
    width:85px;
    text-align:center;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file-transparent .icon-layout-img{
    margin: 20px auto 10px;
    /*border: 1px solid #dcdcdc;*/
    height:68px;
    width:85px;
    text-align:center;
}
/*回收站*/

.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file-1{
    width:120px;
    min-height:140px;
    border:2px solid #bcccde;
    background-color:#eff3f9;
    margin-right:24px;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file-1:hover{
    width:120px;
    min-height:140px;
    border:2px solid #bcccde;
    background-color:#eff3f9;
    margin-right:24px;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file-transparent-back{
    width:120px;
    min-height:140px;
    border:2px solid transparent;
    background-color:transparent;
    margin-right:24px;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file-transparent-back:hover{
    width:120px;
    min-height:140px;
    border:2px solid #e3ebf4;
    background-color:#f6f8fd;
    margin-right:24px;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file-1 .icon-layout-img{
    margin: 20px auto 10px;
    /*border: 1px solid #dcdcdc;*/
    height:68px;
    width:85px;
    text-align:center;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file-transparent-back .icon-layout-img{
    margin: 20px auto 10px;
    /* border: 1px solid #dcdcdc;*/
    height:68px;
    width:85px;
    text-align:center;
}

.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-my-file .icon-layout-text{
    margin:0 auto;
}

.xn-table-content .table-list tbody .view{
    position: relative;
    width: 92px;
}
.xn-table-content .table-list tbody .view .view-a{
    /*padding-left: 10px;*/
    text-align: center;
    width: 90px;
    height: 34px;
    line-height: 34px;
    border: 1px solid transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
}
.xn-table-content .table-list tbody .view .view-a .open{
    display:inline-block;
    text-align: center;
}
.xn-table-content .table-list tbody .view .view-a-center{
    text-align: center;
    padding-left: 0px;
}
.xn-table-content .table-list tbody .view .view-a:hover{
    text-decoration: none;
    border-top: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    background: #f0ad4e;
    color: #fff;
}
.xn-table-content .table-list tbody .view .view-a i{
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    line-height: 34px;
    right: 5px;
}
.xn-table-content .table-list tbody .view .view-ul{
    position: absolute;
    top: 34px;
    left:1px;
    width: 90px;
    background: #fff;
    z-index: 99;
    display: none;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-radius: 0 0  4px 4px;
}

.xn-table-content .table-list tbody .view li{
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #bbbbbb;
    height: 34px;
}
.xn-table-content .table-list tbody .view li a{
    text-align: center;
    line-height: 34px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}
.xn-table-content .table-list tbody .view li a:hover{
    text-decoration: none;
    background: #f0ad4e;
    color: #fff;
}
.pagination{
    float: right;
}

.xn-table-content .table-list tbody .showMessage .view-a{
    border-top: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    background: #fff;
}
.xn-table-content .table-list tbody .showMessage .view-a i{
    display: none;
}
.xn-table-content .table-list tbody .showMessage .view-ul {
    display: inline-block;
    border-bottom: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
}

.pr_15{
    padding-right: 15px;
}
.xn-iframe-r .xn-iframe-r-top .top-l  button .icon-create{
    color: #BCBBBB;
    display: inline-block;
}
.xn-iframe-r .xn-iframe-r-top .top-r .top-r-three{
    display: inline-block;
    color:#B8B7B7;
    text-decoration: none;
    padding-right: 5px;
}
.xn-iframe-r .xn-breadcrumb .breadcrumb .icon-descendingorder{
    color:#AFAEAE;
    font-size: 15px;
}
.pl_20{
    padding-left: 20px;
}
.xn-iframe-r .xn-table-content #tbody td input{
    display: inline-block;
    margin-top: 16px;
}
.xn-iframe-r .xn-table-content #tbody .bg-img{
    background: url("./images/small.png")center top no-repeat;
    width:40px;
    height:34px;
    margin:10px auto 5px 20px;
}
.xn-iframe-r .xn-table-content #tbody .img{
    background-position:50% 50%;
}
.xn-iframe-r .xn-table-content #tbody .voice{
    background-position:center -100px;
}
.xn-iframe-r .xn-table-content #tbody .shareFolder{
    background-position:center -200px;
}
.xn-iframe-r .xn-table-content #tbody .xls{
    background-position:center -300px;
}
.xn-iframe-r .xn-table-content #tbody .doc{
    background-position:center -350px;
}
.xn-iframe-r .xn-table-content #tbody .ppt{
    background-position:center -400px;
}
.xn-iframe-r .xn-table-content #tbody .txt{
    background-position:50% -450px;
}
.xn-iframe-r .xn-table-content #tbody .pdf{
    background-position:center -550px;
}
.xn-iframe-r .xn-table-content #tbody .zip{
    background-position:center -600px;
}.xn-iframe-r .xn-table-content #tbody .other{
     background-position:center -650px;
 }
.line_height_50{
    display: inline-block;
    line-height: 50px
}
.xn-iframe-r .xn-table-content .icon-layout-arrange{
    position: relative
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .icon-layout-img{
    background: url("./images/big.png")center top no-repeat;
    width:80px;
    height:68px;
    margin:20px auto;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange  .img{
    background-position:50% 50%;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange  .voice{
    background-position:center -200px;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .shareFolder{
    background-position:center -400px;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange  .xls{
    background-position:center -600px;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .doc{
    background-position:center -700px;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .ppt{
    background-position:center -800px;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange  .txt{
    background-position:center -900px;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .pdf{
    background-position:center -1100px;
}
.xn-iframe-r .xn-table-content .icon-layout-arrange .zip{
    background-position:center -1200px;
}

.xn-iframe-r .xn-table-content .icon-layout-arrange  .other{
    background-position:center -1300px;
}

.xn-iframe-r .xn-table-content .icon-layout-arrange .xn-tab-name{
    width:100%;
    text-align:center;
    display: inline-block;
    padding: 0 10px 20px 10px
}

.xn-iframe-r .xn-table-content #tbody td input.newCreate{
    display: inline-block;
    margin-top: 0px;
}
.xn-iframe-r .xn-table-content #tbody td input.hasRename{
    display: inline-block;
    margin-left: 20px;
    margin-top:8px;
}
  .xn-iframe-r .xn-crumb{
      height:38px;
      margin:0 0 10px;
      padding-left: 24px;
      overflow: hidden;
      color:#aaa;
  }
.xn-iframe-r .xn-crumb .crumb-path{
    height: 18px;
    line-height: 18px;
    margin-right: 240px;
    padding-top: 15px;
}
.xn-iframe-r .xn-crumb .crumb-path .path-item{
    display: inline-block;
    text-decoration: none;
    color:#7C87A5;
    cursor: pointer;
    float: left;
    margin: 0 6px 0 0;
    max-width: 15%;
    overflow: hidden;
    padding-right: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.path-back{
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    float: left;
    margin: 0 6px 0 0;
    max-width: 15%;
    overflow: hidden;
    padding-right: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xn-iframe-r .xn-crumb .xn-display-mode{
    top: 66px;
    height: 15px;
    position: absolute;
    right: 13px;
    z-index: 99;
}
.xn-iframe-r .xn-crumb .xn-display-mode .text{
    text-decoration: none;
    color:#5B646D;
}
.xn-iframe-r .xn-crumb .xn-display-mode .text-hover{
    color:#ADB2B6;
}
.xn-iframe-r .xn-crumb .xn-display-mode .text-hover:hover{
    color:#5B646D;
}
.xn-iframe-r .xn-crumb .xn-sort{
    position:absolute;
    right:90px;
    top:61px;
    z-index:999;
}
.xn-iframe-r .xn-crumb .xn-sort h2{
    margin-left: 15px;
}
.xn-iframe-r .xn-crumb .xn-sort .showContent h2 a{
    display: none;
}
.xn-iframe-r .xn-crumb .xn-sort h2 a i{
    display: inline-block;
    color:#aaa;
    font-size: 14px;
    padding-right: 10px;
    margin-top: 10px;
    text-decoration: none;
}
.xn-iframe-r .xn-crumb .xn-sort h2 a span{
    display: inline-block;
    color:#aaa;
    font-size: 14px;
    text-decoration: none;
}
.xn-iframe-r .xn-crumb .xn-sort ul{
    display: none;
    position: absolute;
    top:9px;
    right:-77px;
    background: #fff;
    border:1px solid #dcdcdc;
    border-radius:2px;
    box-shadow: 0 5px 16px rgba(0,0,0,.3);
}
.xn-iframe-r .xn-crumb .showContent ul{
    display: inline-block;
}
.xn-iframe-r .xn-crumb .xn-sort ul li{
    width:150px;
    height:34px;
    line-height: 34px;
}
.xn-iframe-r .xn-crumb .xn-sort ul li a i{
    display: inline-block;
    line-height: 34px;
}
.xn-iframe-r .xn-crumb .xn-sort ul li a span{
    display: inline-block;
    line-height: 34px;
}
.xn-iframe-r .xn-crumb .xn-sort ul li:hover{
    width:150px;
    height:34px;
    line-height: 34px;
    background: #3083EB;
    border:1px solid #3083EB;
}
.xn-iframe-r .xn-crumb .xn-sort ul li:hover a i{
    display: inline-block;
    color:#fff;
    font-size: 14px;
    text-decoration: none;
    padding-right: 10px;
}
.xn-iframe-r .xn-crumb .xn-sort ul li:hover a span{
    display: inline-block;
    color:#fff;
    font-size: 14px;
    text-decoration: none;
}
.xn-iframe-r .xn-crumb .xn-sort ul li a span{
    display: inline-block;
    color:#aaa;
    font-size: 14px;
    text-decoration: none;
}
.xn-iframe-r .xn-crumb .xn-sort ul li a i{
    padding-right: 10px;
    margin-left: 15px;
    display: inline-block;
    color:#aaa;
    font-size: 14px;
    text-decoration: none;
}
.no-message-con{
    width: 100%;
    height: 100%;
}
.no-message-con p{
    margin-top: 100px;
    font-size: 16px;
}
.white-font{
    color: #fff;
}
.gray-font{
    color: #666;
}
.line-no-message{
    height: 100px;
    line-height: 100px;
}
#j-right-friends .friends-con{
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
}
#j-right-friends .friends-con .friends-title{
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #e6e6e6;
}
#j-right-friends .friends-con .friends-ul{
    position: relative;
    padding:10px 0 50px;
    height: 100%;
    overflow-y: scroll;
}
#j-right-friends .friends-con .friends-ul li{
    height: 56px;
    line-height: 56px;
    border-bottom: none;
    padding-left: 30px;
    margin-bottom: 5px;
    box-sizing: border-box;
    color: #666;
}
#j-right-friends .m-panel .panel_text .panel_single-row{
    color: #666;
}
.pb-50{
    padding-bottom: 50px;
}
#j-teams .m-panel{
    padding-bottom: 50px;
}

#j-right-list-branch li,#j-right-list-person li{
    height: 56px;
    border-bottom: none;
    padding-left: 30px;
    margin-bottom: 5px;
    box-sizing: border-box;
    color: #666;
}


.grayscale2{
    -webkit-filter: blur(25px);
    overflow: hidden;

}

tr{
    height: 30px;
}
.tdWidth
{
    width:40px;
}
.send_icon
{
    width: 130px;
    height: 45px;
    background: url('../images/send_icon.png');
    background-position: left;
    background-repeat: no-repeat;
    color: rgb(51,153,255);
    border: none;
    font-size: 16px;
    font-family: 微软雅黑;
}

.xn-location .xn-location-select {
    width: 24.3333%;
    float: left;
    padding-right: 6px;
    line-height: 20px;
    font-size: 12px;
}
.location-con .form-control {
    width: 100%;
    height: 20px;
    padding:0 !important;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.location-con .form-control, output {
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    display: block;
}

.xn-text-minor{
    color: #666;
}

.tenantList-con{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: hidden;
    overflow-x: hidden;
}
.tenantList-con .tenantList-con-middle{
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
}
.tenantList-con .friends-title{
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #e6e6e6;
}
.tenantList-con .friends-title a{
    color: #666;
}
.tenantList-con .friends-title .xn-step-doing{
    color: #3399ff;
}
.tenantList-con .friends-title .xn-step-doing:hover{
    color: #3399ff;
}
.tenantList-con .no-list{
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.time-icon-leave {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

.time-icon-leave-0{
    background-color: #65b3fe;
}
.time-icon-leave-1{
    background-color: #ffb343;
}
.time-icon-leave-2{
    background-color: #ee5e54;
}
.time-icon-leave-3{
    background-color: #55c36e;
}
.time-icon-leave-4{
    background-color: #55b2c3;
}
.time-icon-leave-5{
    background-color: #799cf2;
}
.time-icon-leave-6{
    background-color: #f6ca1b;
}
.time-icon-leave-7{
    background-color: #cf8af6;
}
.time-icon-leave-8{
    background-color: #68ccb1;
}
.time-icon-leave-9{
    background-color: #ec89d4;
}

.path-back-new{
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    float: left;
    margin: 0 6px 0 0;
    max-width: 20%;
    overflow: hidden;
    padding-right: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xn-step-doing{
    color: #3399ff;
}
.xn-text-auxiliary{
    color: #999;
}
.xn-msg-custom{
     width: 100%;
     height: 30px;
     background-color: #3399ff;
     color: #fff;
     -webkit-app-region: drag;
     position: absolute;
     top: 0;
     left: 0;
 }

.xn-bottom-line {
    border-bottom: 3px solid #ddd;
}
