.logo-title {
	display: block;
    position: absolute;
    top: 9px;
    cursor: pointer;
    text-decoration: none;
    font-size: 18px;
    white-space: nowrap;
    left: 22px;
    width: 146px;
    color: #fff!important;
}

.logo-title img {
	width: 100%;
	/*width: 320px*/
}

.frame-top {
	height: 64px;
	background: #fff
}

.frame-menu {
	top: 0;
	width: 196px;
	height: 100%;
	z-index: 1;
	/*background: #282828;*/
	background: #464e78;
	box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
	padding: 64px 0 35px 0
}

.frame-menu .menu-item {
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	color: #95a9bd;
	font-size: 16px
}

.first-menu-list>li>.menu-item:hover {
	background: #3b4267;
}

.first-menu-list>li>.menu-item.open {
	color: #fff!important;
	background-color: #3b4267;
	/*background: #156edb*/
	/*border-left: 6px solid #499dff;
	background: #3b4267;*/
}

.frame-menu .menu-item-icon {
	font-size: 20px;
	opacity: .9;
	filter: alpha(opacity=90);
	width: 20px;
	margin-right: 8px;
	vertical-align: middle;
	margin-bottom: 1px
}

.frame-menu .menu-item-arrow {
	position: absolute;
	right: 10px;
	line-height: 50px
}

.second-menu-list,
.three-menu-list {
	position: relative;
	width: 100%;
	/*background-color: #1d1d1d;*/
	background-color: #3b4267;
}

.second-menu-list .menu-item {
	padding-left: 40px;
	padding-right: 15px
}

.second-menu-list .menu-item:hover {
	color: #fff!important;
	/*background-color: #393939*/
}

.three-menu-list .menu-item {
	padding-left: 60px
}

.menu-item.open>.menu-item-arrow>i {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.frame-tabs {
	top: 0;
	height: 60px;
	z-index: 2
}

.frame-tabItem {
	/*height: 60px;*/
	/*line-height: 60px;*/
	font-size: 16px;
	color: #889aac;
	margin-left: 0
}

.frame-tabItem.active {
	background: #444
}

.frame-tabItem .reomve {
	top: 24px;
	right: 4px
}

.frame-main {
	padding: 64px 0 0 196px;
	background: #eaedf1
}

.frame-personCenter {
	bottom: 0;
	left: 0;
	height: 35px;
	width: 200px;
	line-height: 35px;
	padding: 0 10px;
	background: #282828
}

.frame-personCenter>.dropdown-toggle {
	height: 100%;
	line-height: 35px;
	border-top: 1px solid rgba(248, 248, 248, 0.2);
	color: #fff
}

.frame-personCenter>.dropdown-toggle>img {
	float: left;
	width: 18px;
	height: 18px;
	border: 2px solid #fff;
	border-radius: 50%;
	margin: 8px 10px 0 0
}

.frame-personCenter .dropdown-menu {
	height: 168px;
	position: absolute;
	left: 10px;
	top: -172px;
	background: #282828
}

.frame-personCenter .dropdown-menu>li>a {
	padding: 10px 15px;
	color: #fff;
	font-size: 12px
}

.frame-personCenter .dropdown-menu>li>a:hover {
	background: #393939;
	color: #fff
}

.frame-personCenter .divider {
	background-color: #63656B
}

.frame-menu-btn {
	position: absolute;
	left: 0;
	top: 60px;
	height: 30px;
	line-height: 30px;
	width: 200px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	color: #aeb9c2;
	background-color: #4A5064;
	z-index: 2
}

.frame-menu-btn:hover {
	background-color: #4A5064;
	color: #fff
}

.frame-menu-btn i {
	opacity: .5
}

._frame_fullscreen {
	top: 0;
	right: 0;
	height: 60px;
	width: 30px;
	line-height: 60px;
	text-align: center;
	z-index: 3
}

._frame_fullscreen a {
	font-size: 14px;
	color: #c1c3c9
}

._frame_fullscreen a:hover {
	color: #fff
}

.menu-closed .frame-menu {
	width: 50px
}

.menu-closed .frame-menu-wrap span,
.menu-closed .frame-menu-wrap .menu-item-arrow,
.menu-closed .meun-had>a {
	display: none
}

.menu-closed .frame-menu-wrap a {
	padding: 0;
	text-align: center
}

.menu-closed .frame-menu-wrap .three-menu-list {
	display: block
}

.menu-closed .frame-menu-wrap .menu-item-icon {
	margin: 0
}

.menu-closed .frame-menu-btn {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	width: 50px
}

.menu-closed .frame-personCenter {
	width: 50px;
	padding: 0
}

.menu-closed .frame-personCenter .dropdown-menu {
	padding: 0
}

.menu-closed .frame-personCenter>.dropdown-toggle {
	line-height: 50px;
	text-align: center
}

.menu-closed .frame-personCenter>.dropdown-toggle>img {
	float: initial;
	margin: 0
}

.menu-closed .frame-personCenter>.dropdown-toggle>span {
	display: none
}

.menu-closed .frame-main {
	padding: 60px 0 0 50px
}

.im-bell {
	position: fixed;
	right: 30px;
	top: 0;
	width: 20px;
	height: 60px;
	line-height: 62px;
	color: #999;
	text-align: center;
	cursor: pointer;
	z-index: 51;
	display: none
}

.im-bell>i {
	font-size: 18px
}

.im-bell>.point {
	background: #D71012;
	position: absolute;
	right: 0;
	top: 17px;
	width: 8px;
	height: 8px;
	border-radius: 50%
}

.im-body {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 280px;
	height: 340px;
	background: #F9FBFB;
	z-index: 50;
	padding-left: 40px;
	display: none
}

.im-body.open {
	display: block
}

.im-title {
	position: absolute;
	top: 0;
	left: 0;
	background: #3A3845;
	width: 40px;
	height: 100%
}

.im-title .title-item {
	position: absolute;
	width: 40px;
	height: 50px;
	top: 0;
	left: 0;
	cursor: pointer;
	color: #696972;
	font-size: 18px;
	line-height: 50px;
	text-align: center
}

.im-title .title-item.active {
	color: #fff
}

.im-title .title-item.title-item-two {
	top: 50px
}

.im-content {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
	border: 1px solid #E5E5E5;
	border-left: 0
}

.im-content.active {
	display: block
}

.im-msg-list {
	position: relative;
	width: 100%;
	height: 100%
}

.im-msg-list .msg-item {
	position: relative;
	width: 100%;
	height: 50px;
	cursor: pointer
}

.im-msg-list .msg-item:after {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 218px;
	background: #E5E5E5;
	bottom: 0;
	left: 10px
}

.im-msg-list .msg-item .msglist-close {
	position: absolute;
	top: 15px;
	left: 5px;
	color: #333;
	font-size: 12px;
	display: none
}

.im-msg-list .msg-item .photo {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	top: 10px;
	left: 10px
}

.im-msg-list .msg-item .icon {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	background-color: #1D6DC5;
	color: #fff;
	font-size: 18px;
	text-align: center
}

.im-msg-list .msg-item img {
	width: 100%;
	height: 100%;
	border-radius: 3px
}

.im-msg-list .msg-item .name {
	position: absolute;
	top: 8px;
	left: 50px;
	height: 16px;
	color: #333;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.im-msg-list .msg-item .msg {
	position: absolute;
	top: 24px;
	left: 50px;
	height: 16px;
	width: 178px;
	color: #999;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.im-msg-list .msg-item .date {
	position: absolute;
	right: 10px;
	top: 8px;
	height: 16px;
	color: #666;
	font-size: 12px;
	text-align: right
}

.im-userlist {
	padding-top: 40px
}

.im-search {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	font-size: 0;
	padding: 10px 20px
}

.im-search i {
	position: absolute;
	left: 25px;
	top: 14px;
	font-size: 12px;
	font-weight: 100;
	color: #999;
	z-index: 1
}

.im-search input {
	position: relative;
	text-align: left;
	border: 1px solid transparent;
	font-size: 12px;
	width: 100%;
	height: 100%;
	background: #D9DEDE;
	border-radius: 3px;
	box-sizing: border-box;
	color: #999;
	outline: 0;
	text-indent: 20px
}

.im-search input::-webkit-input-placeholder {
	text-align: center
}

.im-search input::-moz-placeholder {
	text-align: center
}

.im-search input:-moz-placeholder {
	text-align: center
}

.im-search input:-ms-input-placeholder {
	text-align: center
}

.im-content-userlist {
	position: relative;
	width: 100%;
	height: 100%
}

.im-content-userlist .scroll-box {
	padding: 0 20px
}

.im-item-name {
	position: relative;
	width: 100%;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	font-size: 12px;
	color: #666
}

.im-item-name>i {
	color: #999;
	font-size: 14px;
	margin: 3px
}

.im-item-name.open>i {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.im-user-list {
	position: relative;
	width: 100%
}

.im-user {
	position: relative;
	height: 43px;
	line-height: 43px;
	padding-left: 40px
}

.im-user>img {
	position: absolute;
	top: 6px;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%
}

.im-black-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(51, 51, 51, 0.4);
	z-index: 52;
	display: none
}

.im-black-overlay.open {
	display: block
}

.im-dialog {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -270px;
	margin-top: -240px;
	width: 540px;
	height: 480px;
	background: #f3f3f3;
	border-radius: 3px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.50);
	padding-top: 40px;
	padding-bottom: 135px
}

.im-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #E5E5E5;
	line-height: 39px;
	padding-left: 10px;
	font-size: 14px;
	color: #333
}

.im-header .im-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	color: #333;
	font-weight: 100
}

.im-msgcontent {
	position: relative;
	width: 100%;
	height: 100%
}

.im-msgcontent-tool {
	position: absolute;
	height: 25px;
	line-height: 24px;
	text-align: right;
	width: 100%;
	left: 0;
	bottom: 110px;
	padding-right: 10px;
	border-top: 1px solid #E5E5E5;
	background: #F8F8F8
}

.im-msgcontent-tool>span {
	cursor: pointer
}

.im-input {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 110px;
	border-top: 1px solid #E5E5E5
}

.im-input .inp {
	width: 100%;
	height: 100%;
	resize: none;
	border: 0;
	outline: 0;
	padding: 5px;
	background: transparent
}

.im-msgcontent .im-time {
	position: relative;
	font-size: 12px;
	color: #999;
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: left;
	padding: 0 50px
}

.im-msgcontent .me.im-time {
	text-align: right
}

.im-msgcontent .im-me,
.im-msgcontent .im-other {
	position: relative;
	word-break: break-all;
	height: auto;
	overflow: hidden;
	width: 100%;
	padding: 0 50px;
	margin-bottom: 10px;
	text-align: right
}

.im-msgcontent .im-other {
	text-align: left
}

.im-msgcontent .im-other .headimg {
	position: absolute;
	top: 0;
	left: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%
}

.im-msgcontent .im-me img,
.im-msgcontent .im-other img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.im-msgcontent .im-me .content,
.im-msgcontent .im-other .content {
	display: inline-block;
	background: #FFF;
	border: 1px solid #E5E5E5;
	padding: 5px 13px 6px 19px;
	font-size: 12px;
	color: #333;
	box-sizing: border-box;
	position: relative;
	float: left;
	max-width: 100%;
	text-align: left;
	line-height: 20px
}

.im-msgcontent .im-me .content {
	float: right
}

.im-msgcontent .im-other .arrow {
	width: 8px;
	height: 8px;
	border: 1px solid #E5E5E5;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: #fff;
	position: absolute;
	top: 11px;
	left: 46px;
	z-index: 1;
	clip: rect(0, 8px, 8px, 0);
	border-bottom: 0;
	border-right: 0
}

.im-msgcontent .im-me .headimg {
	position: absolute;
	top: 0;
	right: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%
}

.im-msgcontent .im-me .arrow {
	width: 8px;
	height: 8px;
	border: 1px solid #E5E5E5;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: #fff;
	position: absolute;
	top: 11px;
	right: 46px;
	z-index: 1;
	clip: rect(0, 8px, 8px, 0);
	border-top: 0;
	border-left: 0
}

.imHasMsg .point {
	display: block
}
.layui-layer-msg {
    background-color: #ffffff;
	border-radius: 8px;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico{
	top: 50%;
    left: 10px;
    transform: translate(0, -50%);
}

/*审核按钮*/
.myown-skin .layui-layer-btn{
	moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 68px;
    border-radius: 0 0 4px 4px;
    padding: 0!important;
    background-color: #fff;
}
.myown-skin .layui-layer-btn a{
	height: 38px;
    line-height: 38px;
    margin: 6px 6px 0;
    padding: 0 15px;
    border: 1px solid #0b7bff;
    background-color: #0b7bff;
    color: #fff;
    border-radius: 8px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;    
    width: 118px;
}
.myown-skin .layui-layer-btn .layui-layer-btn1{
	border: 1px solid #e6a23c;
    background-color: #e6a23c;
}