@charset "utf-8";
/* base */
html,body {height:100%; width:100%; overflow:hidden;}
/* color */
.c-787878 { color:#787878;}
.c-f47979 { color:#f47979;}
.c-fff {color:#fff;}
.c-333 {color:#333;}
.c-ff707a {color:#ff707a;}
.bg-e0e3ec {background-color:#e0e3ec;}
.bg-50bfff {background-color:#50bfff;}
.bg-2bdac7 {background-color:#2bdac7;}
.bg-7ad140 {background-color:#7ad140;}
.bg-ff707a {background-color:#ff707a;}
/* header-wrap */
.header-wrap {height:50px; line-height:50px; background-color:#3c4a55; box-shadow:0 0px 0px #ccc; z-index:1010}
.header-menu-arrow {display:inline-block; width:24px; height:24px; background-color:#33414b; position:relative; top:2px; line-height:24px; cursor:pointer}
.header-menu-arrow i {font-size:12px}
.header-menu-box {top:51px; left:20px; background-color:#fff; min-width:140px; border:1px solid #ededed; display:none; z-index:1011}
.header-menu-box li a {border-bottom:1px solid #ededed; display:block; line-height:42px; padding:0 15px; color:#666}
.header-menu-box li a:hover {background-color:#f5f9fc}
.header-menu-box li:last-child a {border-bottom:0}
.header-feature li {float:left; display:inline-block;}
.header-feature li a {display:block; height:50px; width:50px; text-align:center; position:relative}
.header-feature li a:hover ,.header-feature li a.curr {background-color:#40d0a7;}
.header-feature li a i.iconfont {color:#fff; font-size:20px;}
.header-feature li a em {position:absolute; top:8px; right:5px; width:18px; height:18px; background-color:#f47979; border-radius:50%; line-height:18px; color:#fff}
/* iframe-menu */
.iframe-menu {border-bottom:#e0e3ec 1px solid; background-color:#f4f5f6; height:37px;}
.iframe-menu-list {left:0; top:0}
.iframe-menu-list li {float:left; display:inline}
.iframe-menu-list li a {display:inline-block; width:180px; height:38px; line-height:38px; position:relative; font-size:14px; color:#666; border-right:#e0e3ec 0px solid; overflow:hidden;}
.iframe-menu-list li a span {display:block; background-color:#f4f5f7; padding-left:20px; position:relative; width:130px}
.iframe-menu-list li a.curr {color:#fff}
.iframe-menu-list li a.curr span {background-color:#40d0a7; height:41px; width:228px; top:0px; left:0px; line-height:41px;}
.iframe-menu-list li a i.iconfont {position:absolute; right:10px; top:0px; font-size:12px;}
.iframe-menu-btn {right:0; top:0; display:none}
.iframe-menu-btn a {display:inline-block; width:37px; height:37px; border-left:#e0e3ec 1px solid; background-color:#fff; text-align:center; line-height:37px; color:#333}
.iframe-menu-btn a:hover {background-color:#40d0a7; color:#fff;}
.iframe-menu-mouse {width:160px; border:1px solid #e0e3ec; box-shadow:1px 1px 5px #ccc; background-color:#fff; font-size:14px}
.iframe-menu-mouse li {border-bottom:#e0e3ec 1px solid;}
.iframe-menu-mouse li a {height:32px; line-height:32px; padding:0 10px; color:#333; display:block; }
.iframe-menu-mouse li:last-child {border-bottom:0}
.iframe-menu-mouse li a:hover {background-color:#40d0a7; color:#fff;}
/* boss-im */
.boss-im {top:50px; right:-275px; height:100%; width:275px; z-index:1031;}
.boss-im-arrow {top:50%; margin-top:-32px; left:-15px; width:15px; height:66px; background:url(../images/arrow.png) no-repeat; cursor:pointer; z-index:1033}
.boss-im-arrow i.iconfont {color:#40d0a7;-webkit-transform:scale(0.6); font-size:10px; display:inline-block; position:relative; top:22px; left:4px}
.boss-im-box {background-color:#fff; width:261px; height:100%; top:0; left:14px; z-index:1002; box-shadow:2px 0 5px #ccc; overflow:hidden} 
.boss-im-header {background-color:#40d0a7; height:105px;}
.im-my-head {width:63px; height:63px; border-radius:50%; overflow:hidden; border:#6ddbbc 2px solid; top:20px; left:20px}
.im-my-head img {width:100%; height:100%}
.im-my-info {top:25px; left:100px;}
/*.boss-im-box {background-color:#fff; width:261px; height:100%; top:0; left:14px; z-index:1002; box-shadow:2px 0 5px #ccc; overflow:hidden} */
.boss-im-box {
  background-color: #fff;
  width: 261px;
  height: 100%;
  top: 0;
  left: 14px;
  z-index: 1002;
  box-shadow: -2px 0 2px #ccc;
  overflow: hidden;
}
.boss-im-header {background-color:#40d0a7; height:105px;}
.im-my-head {width:63px; height:63px; border-radius:50%; overflow:hidden; border:#6ddbbc 2px solid; top:20px; left:20px}
.im-my-head img {width:100%; height:100%}
.im-my-info {top:25px; left:100px;}
.boss-im-search {background-color:#fff; height:37px; line-height:37px; cursor:text}
.im-search-box {background-color:#3bc09a}
.im-search-box input {background-color:#3bc09a; border:0; height:24px; width:240px; margin-left:5px; padding-left:10px; color:#fff; }
.im-search-box input.focus {background-color:#fff; color:#909090;}
.im-search-btn {top:0px; right:10px; cursor:pointer; display:none;}
.im-search-btn i.iconfont {font-size:18px}
.im-search-close {top:-1px; right:30px; cursor:pointer; display:none;}
.im-search-close i.iconfont {font-size:14px}
.search-scroll , .im-main-search {overflow:hidden}
.im-main-search , .im-menu-box , .im-user-box , .im-main-mine , .im-main-apps {display:none;}
.im-main-search , .im-main-mine , .im-main-apps {background-color:#fff; z-index:1045;}
.im-menu-bd , .im-main-box {height:100%;}
.im-menu-box.curr , .im-user-box.curr {display:block}
.im-menu-hd {height:50px; border-top:#dedede 1px solid; bottom:0; left:0}
.im-menu-hd a {display:inline-block; width:33.33%; text-align:center}
.im-menu-hd a span {display:block; color:#3c4a55;}
.im-menu-hd a i.iconfont {font-size:20px; color:#768088; margin-top:5px}
.im-menu-hd a:hover span , .im-menu-hd a:hover i.iconfont {color:#40d0a7;}
.im-menu-hd a.curr {background-color:#3c4a55}
.im-menu-hd a.curr span , .im-menu-hd a.curr i.iconfont {color:#fff}

.im-user-hd {border-bottom:1px solid #dedede; height:33px;}
.im-user-hd a {display:inline-block; width:33.33%; text-align:center; line-height:33px; color:#333; position:relative}
.im-user-hd a:hover {color:#3bc09a}
.im-user-hd a.curr {border-bottom:2px solid #3bc09a; line-height:31px}

.im-mine li , .im-user-group li {position:relative; padding-left:30px; margin-top:30px;}
.im-mine-icon {width:36px; height:36px; text-align:center}
.im-mine-icon i.iconfont , .im-user-icon i.iconfont {font-size:36px; color:#fff; line-height:36px;}
.im-mine-text , .im-user-text {padding-left:50px; height:36px; line-height:36px; color:#333;}
a:hover .im-mine-text , a:hover .im-user-text {color:#40d0a7;}
.im-user-icon , .im-user-img {width:38px; height:38px; overflow:hidden;}
.im-user-key {padding:8px 15px}


.im-apply li {margin-bottom:20px;}
.im-apply-img {width:50px; height:50px; display:inline-block; border-radius:50%; overflow:hidden}
.im-apply-iconfont {padding-bottom:4px; display:inline-block;}
.im-apply-iconfont i.iconfont {font-size:50px; line-height:1; color:#c2c2c2;}
.im-apply-text {margin-top:10px;height:38px; display:block; color:#333;}

.im-apply li a {display:block;}
.im-apply li a:hover .im-apply-text {color:#40d0a7;}

.boss-user-face , .im-apps-logo {width:38px; height:38px; border-radius:50%; overflow:hidden; display:inline-block; position:absolute; left:10px; top:8px;}
.boss-user-name , .im-apps-name {display:inline-block; height:38px; line-height:38px; padding-right:20px; padding-left:60px; max-width:60%; position:relative; top:5px}
.boss-user-number {right:20px; top:18px; width:18px; height:18px; background-color:#f47979; border-radius:50%; line-height:18px; color:#fff; text-align:center}
.boss-user , .im-apps li {margin-bottom:10px;}
.boss-user a , .im-apps li a {display:block; padding:5px 0 10px; position:relative; }
.boss-user a.curr {background-color:#40d0a7;}
.boss-user a:hover .boss-user-name , .im-apps li a:hover .im-apps-name {color:#40d0a7;}
.boss-user a.curr .boss-user-name {color:#fff;}

.tidings-scroll .boss-user-name , .im-apps .im-apps-name {line-height:16px;}
.tidings-scroll .boss-user-time , .im-apps .im-apps-add {right:20px; top:8px;}
.im-apps .im-apps-add {color:#40d0a7;}
.tidings-scroll .boss-user-number {top:25px;}
.tidings-scroll .boss-user a:hover .boss-user-name p {color:#40d0a7;}
.tidings-scroll .boss-user a.curr .boss-user-name p , .tidings-scroll .boss-user a.curr .boss-user-time{color:#fff;}
.im-apps-title .title {max-width:85px; display:inline-block;}
.im-apps-title .group {display: inline-block; background: #f60; color: #fff; padding: 0 5px; border-radius: 2px; margin-left: 5px; position:relative; top:-2px;}

.im-user-tree li div.tree-hd {padding-left:15px}
.im-user-tree li li div.tree-hd {padding-left:30px}
.im-user-tree li li li div.tree-hd {padding-left:45px}
.im-user-tree li li li li div.tree-hd {padding-left:60px}
.im-user-tree li li li li li div.tree-hd {padding-left:75px}
.im-user-tree li li li li li li div.tree-hd {padding-left:90px}
.im-user-tree li li li li li li li div.tree-hd {padding-left:105px}
.im-user-tree li ul {display:none}

.im-user-tree li div.tree-hd a {display:block; height:38px; line-height:38px; width:100%;}
.im-user-tree li div.tree-hd a i.iconfont {font-size:12px; position:relative; top:-1px; color:#333}
.im-user-tree li div.tree-hd a span {color:#333; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:90%; position:relative; top:14px;}
.im-user-tree li div.tree-hd a:hover span , .im-user-tree li div.tree-hd a:hover i.iconfont{color:#40d0a7}

.tree-bd {margin-bottom:10px}
.tree-bd a .tree-bd-box {padding:8px 0;}
.tree-bd-face {width:38px; height:38px; display:inline-block; overflow:hidden; border-radius:50%; position:absolute; top:10px;}
.tree-bd-name {display:inline-block; height:38px; line-height:38px; padding-right:20px; padding-left:50px; max-width:50%; position:relative; top:5px}
.tree-bd-number {right:10px; top:22px; width:18px; height:18px; background-color:#f47979; border-radius:50%; line-height:18px; color:#fff; text-align:center}
.tree-bd a.curr .tree-bd-box {background:#40d0a7}
.tree-bd a:hover .tree-bd-name {color:#40d0a7}
.tree-bd a.curr .tree-bd-name {color:#fff}

#iframe-im {width:500px; right:260px; z-index:1110; display:none; box-shadow:1px 2px 5px #999;}
.iframe-im-close a i.iconfont{color:#a9aaaa; font-size:20px}
.iframe-im-close {right:10px; top:10px;}