[v-cloak] {

	display: none;

}

html,body{

	width: 100%;

	height: 100%;

}

body{

	background:#252A44;

}

@media screen and (max-width: 1380px) {

	html,body{

		width: 1380px;

	}

	.chat{

		width: 473px;

	}

}

.header{

	padding:15px 15px;
	background: rgba(0,0,0,.15);
	padding-bottom: 10px;
	z-index: 10000;
}

.logo{

	padding: 0;

	text-align: center;

	position: relative;

	top: 0px;

}

.logo img{

	/*width:100%;*/

	height: 36px;

}

.tab-left{

	/* text-align: center; */

	position: relative;

	top: 5px;

	font-size:16px;

	font-family:PingFangSC-Regular,PingFang SC;

	font-weight:400;

	color:rgba(132,149,183,1);

	line-height:22px;

	padding:0;

	left: 16px;

}

.tab-left>div{

	padding:0;

}

.tab-left .active a{

	color: #FFF;

}

.tab-left a{

	color: #8495B7;

}

.tab-left span{

	position: relative;

	top:-15px;

	left: -5px;

	display: inline-block;

	width:28px;

	height:14px;

	background:rgba(53,115,255,1);

	border-radius:7px;

	font-size:10px;

	font-family:PingFangSC-Regular,PingFang SC;

	font-weight:400;

	color:rgba(255,255,255,1);

	line-height:14px;

}

.tab-right{

	padding: 0;
	top: 5px

}

.tab-right-left{

	padding:0 5px;

	text-align: right;

}

.tab-right-left>div{

	padding:0;

	text-align: center;

}

.tab-right-left>div>p{

	display: inline-block;

	/*margin-right: 10px;*/

	margin-bottom: 0;

	font-size:16px;

	font-family:PingFangSC-Regular,PingFang SC;

	font-weight:400;

	color:rgba(132,149,183,1);

	line-height:22px;

	cursor:pointer;

}

.tab-right-left>div>p>img{

	width: 20px;

	height: 20px;

}

.tab-right-left ul{

	text-align: center;

}

.tab-right-left>div>p>i{

	margin-left: 5px;

	position: relative;

	top: 5px;

}

.tab-right-left>button{

	position: relative;

	top:-5px;

	/* width:68px; */

	height:32px;

	background:none;

	border:none;

	font-size:16px;

	font-family:PingFangSC-Regular,PingFang SC;

	font-weight:400;

	color:rgba(132,149,183,1);

	line-height:22px;

	margin-left: 5px;

}

.tab-right-left>button:focus {outline:none;}


.new_active {
	border: 1px solid #357ce1 !important;
    height: 28px;
    line-height: 28px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 2px;
}
.new_active:hover {
	background: #357ce1;
}
.hover_change:hover {
	color: #fff;
}

.tab-right-right{

	padding:0;

	text-align: center;

}

.tab-right-right div:nth-child(1) img{

	width: 20px;

	height: 15px;

}

.tab-right-right div:nth-child(2) img{

	width: 15px;

	height: 20px;

}

.tab-right-right div:nth-child(3) img{

	width: 18px;

	height: 18px;

}

.dropdown-menu{

	top:150%;

	background:rgba(43,53,85,1);

	border-radius:2px;

	color: #FFF;

	padding: 10px;

	font-size:12px;

	min-width: 90px;

	z-index: 9999;
}

.dropdown-menu>li>a{

	color:#8495B7;

	padding:0;

	margin: 10px 0;

}

.dropdown-menu>li img{

	margin-right: 5px;

}