@media only screen and (max-width: 1200px) {
	
	
}

/* medium desktop*/
@media only screen and (max-width: 992px) {


}

/*small tables*/
@media only screen and (max-width: 768px) {
	
	
}

/*small phone*/
@media only screen and (max-width: 480px) {
	
	
}

/*iphone*/
@media only screen and (max-width: 320px) {
	
	
}

body {
	margin: 0;
	padding-top: 0px;
	font-size: 14px;
	font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "еѕ®иЅЇй›…й»‘", "Arial", "sans-serif";
	background-image: url(https://i.ibb.co/jRT1K7Z/2022-09-30-194726713.png);
}

#page-loading {
	text-align: center;
	margin-top: 150px;
	color: lightgray;
}

.lan-a span {
	padding-left: 10px;
}

/*body scroll*/
::-webkit-srollbar-track-piece {
	background: none;
	-webkit-border-radius: 0;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-thumb:vertical {
	height: 50px;
	background-color: #bbbbbb;
	-webkit-border-radius: 4px;
	outline: 0px solid #ffffff;
	ouline-offset: -2px;
	border: 2px solid #ffffff;
}

::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #999999;
	-webkit-border-radius: 4px;
}

::-webkit-scrollbar-thumb:horizontal {
	width: 50px;
	background-color: #bbbbbb;
	-webkit-border-radius: 4px;
	outline: 0px solid #ffffff;
	ouline-offset: -2px;
	border: 2px solid #ffffff;
}

/*body scroll*/

@-ms-viewport {
	width: device-width;
}

/*add by chenrk */
.mouse-point {
	cursor: pointer;
}

.not_data {
	text-align: center;
	padding: 50px 0;
	font-size: 14px;
	color: #e51616;
}

/*match user guess*/
.match_user_guess_left,
.match_user_guess_right {}

/*match user guess*/

/*match user guess history*/
.match_user_guess_top {}

.match_user_guess_items_container {}

/*match user guess history*/

/*filter for items query*/
.item_filter {}

.search {}

/*filter for items query*/

/*bag and inventory*/
.bagList {}

.itemsPanel {}

.itemsPanelHead {}

.itemsPanelItemsBody {}

.itemsPanelItemsList,
.giftItemsPanel {
	margin: 0px 0px 0px 20px;
	/*
	height: 300px;
    overflow-y: auto;
    */
}

/*bag and inventory*/

/*match nav*/
.match_schedule {
	overflow: hidden;
}

/*match nav*/

/*for user's rank*/
.user-ranks {}

/*for user's rank*/

.bag_items_pick_header {}

/*items box*/
.item_box {
	width: 99px;
	height: 66px;
	position: relative;
	cursor: pointer;
	float: left;
	margin: 1px 10px 10px 1px;
	border-width: 1px;
	border-style: solid;
}

.item_box {
	color: #DFDFDF;
	background: url(../images/item/boxbg.jpg);
	background-size: contain;
	text-align: center;
	margin: 5px 1%;
	float: left;
	width: 14.666%;
	cursor: pointer;
}

.item_box .showbc {
	float: right;
	position: relative;
	margin-top: -75%;
	background: rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
}

.item_box .item_price {}

.item_box .rarity {
	float: left;
	font-size: 0.65em;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	margin-top: -1em;
	font-size: 12px;
	background: rgba(0, 0, 0, 0.75);
	width: 100%;
}

.item_box img {
	width: 100%;
	height: 100%;
}

/*items box selected*/
.item_box .item_selected {}

.item_box .item_backing {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 62px;
	border: 1px solid #c62f2f;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, 0.35);
}

.unique,
.normal {
	-webkit-box-shadow: 0px 0px 1px 1px #D2D2D2;
	box-shadow: 0px 0px 1px 1px #D2D2D2;
}

.strange {
	-webkit-box-shadow: 0px 0px 1px 1px #CF6A32;
	box-shadow: 0px 0px 1px 1px #CF6A32;
}

.unusual,
.unusual_strange {
	-webkit-box-shadow: 0px 0px 1px 1px #8650AC;
	box-shadow: 0px 0px 1px 1px #8650AC;
}

.vintage {
	-webkit-box-shadow: 0px 0px 1px 1px #476291;
	box-shadow: 0px 0px 1px 1px #476291;
}

.tournament {
	-webkit-box-shadow: 0px 0px 1px 1px #FFD700;
	box-shadow: 0px 0px 1px 1px #FFD700;
}

.genuine {
	-webkit-box-shadow: 0px 0px 1px 1px #4D7455;
	box-shadow: 0px 0px 1px 1px #4D7455;
}

.favored {
	-webkit-box-shadow: 0px 0px 1px 1px #FFFF00;
	box-shadow: 0px 0px 1px 1px #FFFF00;
}

.ascendant {
	-webkit-box-shadow: 0px 0px 1px 1px #EB4B4B;
	box-shadow: 0px 0px 1px 1px #EB4B4B;
}

.autographed {
	-webkit-box-shadow: 0px 0px 1px 1px #ADE55C;
	box-shadow: 0px 0px 1px 1px #ADE55C;
}

.legacy {
	-webkit-box-shadow: 0px 0px 1px 1px #FFFFFF;
	box-shadow: 0px 0px 1px 1px #FFFFFF;
}

.exalted {
	-webkit-box-shadow: 0px 0px 1px 1px #CCCCCC;
	box-shadow: 0px 0px 1px 1px #CCCCCC;
}

.frozen {
	-webkit-box-shadow: 0px 0px 1px 1px #4682B4;
	box-shadow: 0px 0px 1px 1px #4682B4;
}

.corrupted {
	-webkit-box-shadow: 0px 0px 1px 1px #A52A2A;
	box-shadow: 0px 0px 1px 1px #A52A2A;
}

.lucky {
	-webkit-box-shadow: 0px 0px 1px 1px #32CD32;
	box-shadow: 0px 0px 1px 1px #32CD32;
}

/*items box*/

/*offer class*/
.offers {}

.active_offer {}

.active_offer .bot_nick {
	color: #f3f1ef;
	font-size: 15px;
	margin-right: 10px;
}

.active_offer .bot_steamtime {
	font-size: 13px;
	color: #e8402a;
}


.active_offer_last {}

.active_offer_finish {}

.offer_history_items {
	padding-top: 10px;
}

/*offer class*/

.user_guess_list {}

.user_guess_data_tr {}

.hover_tr {}

/*team*/
.teamName {
	width: 120px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.teamImg {
	width: 75px;
	height: 60px;
	background-color: #333;
	background-size: 75px 60px;
	-moz-background-size: 75px 60px;
	-moz-background-size: 75px 60px;
	-o-background-size: 75px 60px;
}

/*team*/

.loading {
	text-align: center;
	font-size: 12px;
	color: gray;
}

.circleProgress {}

.qrInfoBox .status.normal {
	margin-top: 15px;
	color: #fff;
	background-color: #232323;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	box-shadow: inset 0 5px 10px -5px #191919, 0 1px 0 0 #444;
	-moz-box-shadow: inset 0 5px 10px -5px #191919, 0 1px 0 0 #444;
	-webkit-box-shadow: inset 0 5px 10px -5px #191919, 0 1px 0 0 #444;
}

.qrInfoBox .status {
	padding: 7px 14px;
	text-align: center;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
	.others_loginauth {
		margin-top: 10px;
	}

	.btn-loginauth {
		width: 140px;
		line-height: 37px;
		border: none;
		background: #7a8696;
		text-align: left;
		margin-top: 10px;
		margin-left: 10px;
		font-size: 12px;
	}
}

@media only screen and (min-width: 321px) and (max-width: 1024px) {
	.others_loginauth {
		margin-top: 10px;
	}

	.btn-loginauth {
		width: 140px;
		line-height: 37px;
		border: none;
		background: #7a8696;
		text-align: left;
		margin-top: 10px;
		margin-left: 10px;
		font-size: 12px;
	}
}

@media only screen and (min-width: 1029px) {
	.others_loginauth {
		width: 140px;
		margin-top: 10px;
	}

	.btn-loginauth {
		width: 140px;
		height: 37px;
		line-height: 37px;
		border: none;
		background: #7a8696;
		padding: 0 0 0 13px;
		text-align: left;
		margin-top: 10px;
		font-size: 12px;
	}
}

.steamId,
.no_steamId {
	font-size: 12px;
	color: #d2d4d6;
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	text-align: center;
}

.fleft,
.floatL,
.floatl {
	float: left;
}

.eventPage .event-left,
.sessionPage .session-left {
	width: 930px;
}

.eventPanel .event-info li {
	float: left;
	font-size: 14px;
	color: orange;
	text-align: center;
	width: 180px;
	height: 170px;
	margin-right: 8px;
	background: rgb(34, 45, 50);
}

.eventPanel .event-left .event-info {
	border-bottom: 1px solid #ddd;
}

.eventPanel .event-info li.last {
	margin: 0;
}

.eventPanel .event-info li .event-info-icon .iconfont {
	font-size: 50px;
	color: #e3e3e3;
}

.eventPanel .event-info li .flag {
	vertical-align: middle;
	margin-top: -2px;
}

.pt10 {
	padding-top: 10px;
	color: #202020;
}

.pt20 {
	padding-top: 20px;
}

.noteClass {
	color: red;
}


.coinflip_center {
	height: 50px;
	line-height: 50px;
}

.fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: auto;
	background: lime;
	/* Just to visualize the extent */
	background-color: #fff;
	filter: Alpha(Opacity=60);
	opacity: 0.6;
	z-index: 888
}

.loader {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px
}

.loader-container {
	margin: auto;
	position: absolute;
	top: 250px;
	bottom: 250px;
	left: 250px;
	right: 250px;
	display: inline-block;
	height: 150px;
	width: 200px;
	z-index: 999;
}

.linear {
	margin-top: 70px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 50%;
	animation: loaderLinear 1s linear infinite;
	margin-left: 80px
}

@keyframes loaderLinear {
	0% {
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.67), 30px 0 0 0 rgba(255, 255, 255, 0.33)
	}

	17% {
		background-color: rgba(255, 255, 255, 0.67);
		box-shadow: 15px 0 0 0 rgba(255, 255, 255, 1), 30px 0 0 0 rgba(255, 255, 255, 0.67)
	}

	33% {
		background-color: rgba(255, 255, 255, 0.33);
		box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.67), 30px 0 0 0 rgba(255, 255, 255, 1)
	}

	50% {
		background-color: rgba(255, 255, 255, 0);
		box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), 30px 0 0 0 rgba(255, 255, 255, 0.67)
	}

	67% {
		background-color: rgba(255, 255, 255, 0.33);
		box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0), 30px 0 0 0 rgba(255, 255, 255, 0.33)
	}

	83% {
		background-color: rgba(255, 255, 255, 0.67);
		box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.33), 30px 0 0 0 rgba(255, 255, 255, 0)
	}

	100% {
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 15px 0 0 0 rgba(255, 255, 255, 0.67), 30px 0 0 0 rgba(255, 255, 255, 0.33)
	}
}

body {
	font-size: 14px;
	font-family: microsoft yahei, helvetica neue, Helvetica, Arial, sans-serif, еѕ®иЅЇй›…й»‘;
	margin: 0;
	padding-top: 0
}

#page-loading {
	display: block;
	min-height: 1000px
}

ul {
	padding: 0;
	margin: 0
}

ul li {
	list-style: none
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	*+height: 1%
}

.justify {
	text-align: justify
}

.justify_fix,
.justify-fix {
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden
}

.no-wrap {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.no-wrap p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media(min-width:768px) {
	.col-md-8.no-pl {
		padding-left: 0 !important
	}
}

.index-main {
	margin-bottom: 50px
}

.top {
	border-bottom: 1px solid #505659;
	background-color: #202020
}

.top .container {
	position: relative;
	padding-top: 2px;
	padding-bottom: 2px
}

.top .logo {
	position: absolute;
	top: 16px;
	left: 25px;
	background-color: #202020
}

.top .a-right {
	float: right
}

.top .a-right .btn-danger {
	display: inline-block
}

.top .a-right a {
	margin-left: 6px;
	vertical-align: middle
}

.top .a-right a.word-a {
	margin: 0 6px;
	font-size: 14px;
	color: #8b8f94
}

@media(max-width:580px) {
	.top .logo {
		position: relative;
		display: inline-block;
		top: 0;
		left: 0;
		background-color: #263238
	}

	.top .a-right {
		display: block;
		float: none
	}
}

.nav-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: #c2c2c2;
	padding: 30px 0 20px;
	font-size: 18px
}

.nav-box>div {
	cursor: pointer
}

.nav-top {
	background-color: #202020;
	margin-bottom: 10px
}

.alert-box {
	margin-bottom: 10px
}

.alert-box .alert-alarm {
	padding-left: 82px;
	margin-bottom: 0;
	color: #919599;
	background-color: #263238;
	font-size: 14px;
	border-radius: 30px;
	position: relative;
	overflow: hidden
}

.alert-box .alert-alarm .alert-tit {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 14px;
	height: 100%;
	line-height: 100%;
	color: #fff;
	background-color: #e34a4a
}

.bottom {
	padding: 16px 10px;
	background-color: #263238
}

.bottom p {
	margin-bottom: 0;
	font-size: 12px;
	color: #919599;
	line-height: 16px;
	text-align: center
}

.user-img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	border-radius: 50%
}

.pagination {
	padding: 50px 0;
	margin: 0 auto;
	display: table;
	margin: 0 auto;
	height: 50px;
	clear: both
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: red;
	color: #fff
}

.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
	color: #fff
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
	color: red
}

.newsList-text {
	width: 40%;
	height: 20px;
	cursor: pointer
}

.loading-container>div {
	width: 100%;
	height: 120px;
	background: #2c3941
}

.no-match {
	text-align: center;
	padding: 50px 0;
	font-size: 14px;
	color: #e51616;
	background-color: #ddd
}

.font-bold {
	font-weight: 700;
	font-size: 14px
}

.head-nickname {
	width: 80px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle
}

.item-popoverx {
	display: none;
	top: 66px;
	left: -90px;
	background-color: #4c4c4c;
	border: 1px solid rgba(0, 0, 0, .5);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .4);
	width: 280px
}

.item-popoverx>.arrow {
	left: 50%;
	opacity: .1
}

.item-popoverx>.popover-content {
	padding: 0;
	display: flex;
	flex-direction: column
}

.item-popoverx>.popover-content>.pop_name {
	font-size: 16px;
	display: inline-block;
	text-align: left
}

.item-popoverx>.popover-content>.pop_game_info {
	display: flex;
	flex-direction: row
}

.item-popoverx>.popover-content>.pop_game_info>.pop_game_image>.img-570 {
	width: 58px;
	height: 35px
}

.item-popoverx>.popover-content>.pop_game_info>.pop_game_image>.img-730 {
	width: 30px;
	height: 30px
}

.item-popoverx>.popover-content>.pop_game_info>.pop_game_other {
	color: #767676;
	padding-left: 10px;
	font-size: 14px
}

.appqrcode>div:nth-child(2) {
	text-align: center;
	padding: 20px 0
}

.appqrcode>div:nth-child(2)>img {
	width: 300px;
	height: 300px
}

.appqrcode>div:nth-child(3) {
	padding-bottom: 10px
}

.appqrcode>div:nth-child(3)>div {
	background-color: #000;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	border-radius: 15px;
	padding: 5px 10px
}

.appqrcode .app-close {
	float: right;
	line-height: 20px
}

.appqrcode-sliderRight {
	position: absolute;
	bottom: 60px;
	left: -200px;
	width: 200px;
	height: 200px;
	text-align: center;
	background-color: #222d32;
	padding: 20px 0
}

.appqrcode-sliderRight>img {
	width: 150px;
	height: 150px
}

.showPopover {
	min-width: 150px;
	max-width: 276px
}

.news-title-box {
	width: 600px;
	height: 20px;
	cursor: pointer;
	margin-left: 35px
}

.news-title-box>li {
	height: 50px
}

.news-title-box>li:hover {
	color: #e34a4a
}

.modal-items-conter {
	background: #ddd;
	padding: 10px 8px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.modal-items-conter>div {
	width: 8.75rem;
	height: 5.83rem;
	margin-top: .3125rem;
	margin-right: .3125rem
}

.modal-items-conter>div>img {
	width: 8.75rem;
	height: 5.83rem;
	background-image: url(../images/item/boxbg.jpg);
	background-size: 100% 100%
}

.title-sieze {
	font-size: 16px;
	color: #001
}

.module-inner .userhead {
	padding: 20px 0 10px
}

.coin-view-text-p>p {
	padding: 0;
	margin: 2px 0;
	font-size: 12px
}

.select-css {
	border: 0;
	background-color: #263238;
	height: 35px;
	line-height: 30px
}

.select-css:hover {
	border: 0
}

.select-css:fous {
	border: 0
}

::-webkit-srollbar-track-piece {
	background: 0 0;
	-webkit-border-radius: 0
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px
}

.el-input__icon {
	line-height: 30px !important
}

.login-box-top .el-dialog__body {
	background-color: #f4f4f4;
	color: #ddd;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .15)
}

.login-box-top .el-dialog__header {
	background-color: #f4f4f4;
	padding: 10px 20px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .15)
}

.login-box-top ..el-dialog__headerbtn {
	top: 10px
}
.el-dialog__body {
    padding: 30px 20px;
    color: #606266;
    font-size: 14px;
}
.el-dialog {
    position: relative;
    margin: 0 auto 50px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    box-sizing: border-box;
    width: 50%;
}
.el-dialog__headerbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: 0 0;
    border: double;
    outline: 0;
    cursor: pointer;
    font-size: 15px;
}
.login-box-top .title-size {
	color: #000;
	font-size: 14px
}

.login-box-top .loginBox {
	display: flex
}

.login-box-top .loginBox .loginBox-left {
	width: 300px
}

.login-box-top .loginBox .loginBox-right {
	width: 220px;
	padding-left: 30px;
	padding-top: 20px;
	box-shadow: -11px 0 0 -10px;
	margin-left: 20px
}

.login-box-top .btn-login {
	border-radius: 5px;
	display: block;
	margin-top: 10px;
	width: 140px;
	height: 36px;
	line-height: 35px;
	background-color: #444b55;
	color: #afb0b2;
	padding-left: 13px;
	text-align: left;
	transition: all .2s ease-in-out
}

.login-box-top .btn-login:hover {
	background-color: #20879a;
	cursor: pointer
}

.login-box-top .btn-login>a {
	color: #ddd;
	text-decoration: none;
	display: block
}

.login-box-top .login-code {
	background: #f4f4f4;
	display: flex;
	justify-content: center;
	padding: 7px 0;
	width: 280px;
	height: 250px;
	margin-left: 10px
}

.login-box-top .loginBox-title {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 580px;
	color: #888
}

.qrInfoBox-img {
	color: #fff;
	text-align: center;
	padding: 5px 0
}

.qrInfoBox {
	margin-top: 15px;
	color: #fff;
	background-color: #232323;
	border-radius: 100px;
	text-align: center;
	padding: 5px 0;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	box-shadow: inset 0 5px 10px -5px #191919, 0 1px 0 0 #444;
	-moz-box-shadow: inset 0 5px 10px -5px #191919, 0 1px 0 0 #444;
	-webkit-box-shadow: inset 0 5px 10px -5px #191919, 0 1px 0 0 #444
}

.login-box-top #appqrcode {
	margin: 0 auto
}

.new-index .leftBox>li:nth-child(odd) {
	background-color: #e8e8e8;
	padding: 15px 12px
}

.new-index .leftBox>li:nth-child(even) {
	background-color: #ddd;
	padding: 15px 12px
}

.new-index .cotain-box-head {
	background-color: #e8e8e8;
	padding: 15px 12px
}

.new-index .cotain-box {
	background-color: #ddd;
	padding: 15px 12px
}

.new-index .leftBox i {
	color: #001;
	font-size: 20px
}

.new-index .leftBox a {
	font-size: 15px;
	color: #001;
	line-height: 30px;
	cursor: pointer
}

.new-index .news-box {
	display: flex;
	flex-direction: row;
	padding: 12px 15px;
	cursor: pointer
}

.new-index .news-box>div:nth-child(1) {
	padding-right: 20px
}

.new-index .news-box a {
	color: #001
}

.new-index .news-box:nth-child(odd) {
	background-color: #ddd
}

.new-index .news-box:nth-child(even) {
	background-color: #e8e8e8
}

.new-index .cotain-box img {
	width: 100%;
	height: 100%
}

.coin-details-text {
	text-align: left;
	padding: 10px 5px
}

.coin-details-items {
	padding: 10px 5px;
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

.coin-details-items>div>img {
	width: 82px;
	height: 54px;
	margin: 2px 5px;
	background-image: url(../images/item/boxbg.jpg)
}

.pr-20 {
	padding-right: 20px
}

.nav-user-box {
	width: 100%;
	height: 100%;
	display: inline-block;
	border-radius: 3px
}

.nav-user-text {
	cursor: pointer;
	padding: 10px 10px 20px 80px
}

.nav-user-line {
	padding: 0 10px;
	margin: 20px 0;
	line-height: 1px;
	text-align: center
}

.item-DataBase-search {
	display: flex;
	padding-left: 120px
}

ul {
	padding: 0;
	margin: 0
}

ul li {
	list-style: none
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	*+height: 1%
}

.etopPanel {
	padding: 18px 18px 30px;
	margin-bottom: 20px;
	background-color: #29363d
}

.etopGroupPanel {
	height: 15px;
	background-color: #29363d
}

.justify {
	text-align: justify
}

.justify_fix,
.justify-fix {
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden
}

.no-wrap {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media(min-width: 768px) {
	.col-md-8.no-pl {
		padding-left: 0 !important
	}
}

.top {
	border-bottom: 1px solid #505659;
	background-color: #263238
}

.top .container {
	position: relative;
	padding-top: 0;
	padding-bottom: 0
}

.top .logo {
	position: absolute;
	top: 16px;
	left: 20px;
	background-color: #263238
}

.top .a-right {
	float: right
}

.top .a-right .btn-danger {
	display: inline-block
}

.top .a-right a {
	margin-left: 6px
}

.top .a-right a.word-a {
	margin: 0 6px;
	font-size: 12px;
	color: #8b8f94
}

@media(max-width: 580px) {
	.top .logo {
		position: relative;
		display: inline-block;
		top: 0;
		left: 0
	}

	.top .a-right {
		display: block;
		float: right
	}
}

.nav-top {
	background-color: #263238;
	margin-bottom: 10px
}

.nav-top .navbar-toggle .icon-bar {
	background-color: #fff
}

#bs-navbar .navbar-nav {
	height: 48px
}

@media(min-width: 768px) {
	#bs-navbar.navbar-collapse {
		padding-top: 30px;
		padding-left: 0;
		padding-right: 0
	}

	#bs-navbar .navbar-nav {
		float: none
	}

	#bs-navbar ul {
		text-align: justify
	}

	#bs-navbar ul li {
		float: none;
		display: inline-block;
		text-align: center;
		min-width: 100px;
		min-height: 30px;
		cursor: pointer;
		height: 90%
	}

	#bs-navbar ul li:hover {
		border-radius: 8px
	}

	#bs-navbar ul li a {
		padding: 0;
		display: inline-block;
		font-size: 17px;
		color: #c2c2c2;
		line-height: 18px;
		height: 90%;
		margin: 5px;
	}

	#bs-navbar ul.nav li a:focus,
	#bs-navbar ul.nav li a:hover {
		background-color: transparent
	}
}

.alert-box {
	margin-bottom: 10px
}

.alert-box .alert-alarm {
	padding-left: 82px;
	margin-bottom: 0;
	color: #919599;
	background-color: #263238;
	font-size: 14px;
	border-radius: 30px;
	position: relative;
	overflow: hidden
}

.alert-box .alert-alarm .alert-tit {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 20px;
	font-size: 14px;
	height: 100%;
	line-height: 100%;
	color: #fff;
	background-color: #e34a4a
}

.bottom {
	padding: 10px;
	background-color: #263238
}

.bottom p {
	margin-bottom: 0;
	font-size: 12px;
	color: gray;
	line-height: 16px;
	text-align: center
}

.index_cy {
	width: 30px;
	height: 30px;
	background: url(../images/index_cy.png);
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: 280px;
	background-position: 62px 0
}

.index_cy2 {
	width: 30px;
	height: 30px;
	background: url(../images/index_cy.png);
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: 280px;
	background-position: 30px 0
}

.slider-right {
	display: none
}

@media(min-width: 1250px) {
	.slider-right {
		position: fixed;
		right: 0;
		top: 40%;
		padding: 1px;
		width: 70px;
		display: inline;
		background-color: #29363d;
		transition: all ease-in-out .5s
	}
}

.slider-right ul li {
	padding: 10px 0 5px
}

.slider-right ul li a {
	display: block;
	text-align: center
}

.slider-right ul li a img {
	width: 33px;
	height: 34px
}

.slider-right ul li a p {
	font-size: 12px;
	color: #9a9ea3;
	line-height: 24px;
	margin-bottom: 0
}

@media(max-width: 768px) {
	.slider-right {
		right: 0;
		bottom: 0;
		top: auto;
		margin-top: 0
	}

	.slider-right ul li a p {
		display: none
	}
}

@media screen and (max-width: 1050px) {
	.slider-right {
		display: none
	}

	#btnSlide {
		display: none
	}
}

.slider-right .info {
	top: 40%;
	height: 210px;
	position: absolute;
	right: 100%;
	width: 0;
	background: #0e1113;
	overflow: hidden;
	margin-top: -73.5px;
	transition: .5s;
	border-radius: 4px 0 0 4px
}

.slider-right .info.hover {
	width: 200px
}

.slider-right .info li {
	width: 200px;
	color: #ccc;
	text-align: center
}

.slider-right .info li p {
	font-size: 1.1em;
	line-height: 2em;
	padding: 15px;
	text-align: left
}

.slider-right .info li.qq p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 32px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	border-radius: 5px
}

.slider-right .info li.qq p a:hover {
	color: #fff;
	border: none;
	background: #00e0db
}

.slider-right .info li div.img {
	height: 100%;
	background: #defff9;
	margin: 15px
}

.slider-right .info li div.img img {
	width: 100%;
	height: 100%
}

.main-two {
	margin-bottom: 30px
}

.main-two .nav-left {
	padding-right: 5px
}

.main-two .nav-left ul li {
	padding: 10px 0 10px 19px;
	background-color: #263238
}

.main-two .nav-left ul li:nth-child(even) {
	background-color: #29363d
}

.main-two .nav-left ul li a {
	font-size: 15px;
	color: #c2c2c2;
	line-height: 30px
}

.main-two .nav-left ul li a img {
	width: 29px;
	height: 29px;
	margin-right: 18px
}

.quo-his {
	background-color: #29363d
}

.quo-his h1.tit {
	margin: 0;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 16px
}

.query-box {
	padding: 8px;
	margin: 0;
	background-color: #29363d
}

.search-left {
	background-color: #263238;
	padding-right: 6px;
	font-size: 16px
}

.query-box .glyphicon,
.search-left .glyphicon {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 20px;
	color: #919599
}

.query-box input,
.search-left input {
	background-color: transparent;
	border: 0;
	outline: none
}

.query-box select.form-control {
	background-color: #2a323c;
	color: #919599
}

.query-box .right-box {
	float: left
}

.query-box .right-box .input-group {
	float: left;
	width: 144px;
	padding-right: 10px;
	background-color: #263238
}

.query-box .right-box .input-group .glyphicon {
	font-size: 14px
}

.query-box .right-box label {
	float: left;
	font-size: 14px;
	color: #919599;
	padding: 6px 12px;
	height: 34px
}

.query-box .right-box .btn-danger {
	margin-left: 18px;
	padding-left: 30px;
	padding-right: 30px
}

.query-box .right-box .search-left {
	margin-right: 18px
}

.quo-his .table {
	text-align: center;
	margin-bottom: 10px
}

.quo-his .table tr,
.quo-his .table tbody tr td,
.quo-his .table thead tr th {
	border-color: transparent
}

.quo-his .table thead tr th {
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 16px;
	color: #8e9398;
	text-align: center
}

.quo-his .table tbody tr td,
.quo-his .table tbody tr td a {
	color: #c2c2c2
}

.quo-his .table.table-qh tbody tr:nth-child(odd),
.quo-his .table.table-qh tbody tr.odd {
	background-color: #29363d
}

.quo-his .table.table-qh tbody tr:nth-child(even),
.quo-his .table.table-qh tbody tr.even {
	background-color: #2c3941
}

.quo-his .table tbody tr td {
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle
}

.page-info {
	padding-top: 13px;
	text-align: center
}

.page-info .pagination li a {
	padding-top: 9px;
	padding-bottom: 9px;
	color: #c2c2c2;
	background-color: transparent
}

.page-info .pagination li.active a.active {
	background: #fe5b26
}

.page-info .pagination li a.active {
	color: #fff;
	background-color: #e34a4a
}

.con-ser .btn-green {
	float: right;
	margin-top: -7px;
	padding-left: 18px;
	padding-right: 18px;
	background-color: #d9534f;
	color: #fff;
	border: 0
}

.con-ser .table thead tr {
	background-color: #263238
}

.con-ser .table tbody tr {
	background-color: #29363d
}

.con-ser .table tbody tr td button {
	padding-left: 18px;
	padding-right: 18px
}

.con-ser .table tbody tr td .label {
	border-radius: 8px
}

.con-ser .table tbody tr td .label.label-warning {
	background-color: #c63
}

.con-ser-detail .csd-art {
	padding: 32px 18px 20px
}

.con-ser-detail .csd-art .ca-tit {
	color: #c2c2c2;
	padding: 1px 0 8px
}

.con-ser-detail .csd-art .ca-tit h5 {
	margin-top: 11px;
	margin-bottom: 11px
}

.con-ser-detail .csd-art .ca-tit h5 .label-left {
	float: left;
	width: 6em;
	text-align: right
}

.con-ser-detail .csd-art .ca-list {
	padding-bottom: 100px
}

.con-ser-detail .csd-art .ca-list li {}

.con-ser-detail .csd-art .ca-list li h5 {
	padding: 9px 10px;
	color: #8e9398;
	line-height: 24px;
	background-color: #263238
}

.con-ser-detail .csd-art .ca-list li h5 span {
	float: left;
	margin-right: 10px
}

.con-ser-detail .csd-art .ca-list li h5 span.img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	overflow: hidden
}

.con-ser-detail .csd-art .ca-list li h5 span.img img {
	width: 24px;
	height: 24px
}

.con-ser-detail .csd-art .ca-list li h5 span.split {
	border-left: 1px solid #797979;
	width: 1px;
	height: 24px
}

.con-ser-detail .csd-art .ca-list li .words {
	padding: 1px 10px;
	min-height: 158px;
	background-color: #2c3941
}

.con-ser-detail .csd-art .ca-list li .words p {
	color: #c2c2c2
}

.con-ser-detail .csd-art .ca-btn .btn-danger {
	padding-left: 18px;
	padding-right: 18px
}

.pi-top {
	padding: 18px 18px 30px;
	margin-bottom: 20px;
	background-color: #29363d
}

.pi-top .head-img-box {
	margin: 0 auto;
	position: relative;
	width: 160px;
	text-align: center
}

.pi-top .head-img-box .img-box {
	display: inline-block;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background-color: #fff;
	overflow: hidden
}

.pi-top .head-img-box .img-box img {
	width: 110px;
	height: 110px
}

.pi-top .head-img-box .img-bg {
	position: absolute;
	left: 3px;
	bottom: -7px;
	width: 154px;
	height: 44px;
	background: url(../images/bg-head-img154.png) no-repeat
}

.pi-top .head-img-box .img-bg p {
	margin-top: 18px;
	text-align: center;
	font-size: 12px;
	color: #e9e9e9
}

.pi-top h4 {
	color: #c2c2c2;
	font-weight: 600;
	text-align: center
}

.pi-top h5 {
	color: #c2c2c2;
	text-align: center
}

.pi-top .trade-link {
	margin-top: 36px;
	border: none;
	border-radius: 0
}

.pi-top .trade-link span.input-group-addon {
	background-color: #038b9a;
	color: #fff;
	border-color: #038b9a
}

.pi-top .trade-link input {
	height: 36px;
	background-color: #3f464f;
	color: rgba(255, 255, 255, .6)
}

.pi-top .btns {
	margin-top: 10px;
	border-color: #5c6269
}

.pi-top .btns a {
	float: right;
	margin-right: 22px;
	margin-top: 6px
}

.pi-top .btns button {
	float: right;
	padding-left: 30px;
	padding-right: 30px
}

.pi-set {}

.pi-set h1.tit {
	margin: 0;
	padding: 15px 20px;
	font-size: 16px;
	color: #c2c2c2;
	line-height: 16px
}

.pi-set .set-list li:nth-child(odd) {
	background-color: #29363d
}

.pi-set .set-list li:nth-child(even) {
	background-color: #2c3941
}

.pi-set .set-list li {
	padding: 12px 20px 8px
}

.pi-set .set-list li img {
	width: 20px;
	height: 24px;
	display: inline-block;
	vertical-align: middle
}

.pi-set .set-list .set_title_label {
	margin-left: 18px;
	display: inline-block;
	font-size: 14px;
	line-height: 30px
}

.pi-set .set-list li p {
	margin-left: 18px;
	display: inline-block;
	font-size: 12px;
	color: #fff;
	vertical-align: bottom
}

.pi-set .set-list li .btn {
	float: right
}

.pi-set .set-list li .switch {
	float: right
}

.pi-set .set-list li .bootstrap-switch {
	float: right
}

@media(max-width: 500px) {
	.pi-set .set-list li p {
		display: block
	}
}

.leagueTitle {
	text-align: center
}

.league {}

.league h1.tit {
	margin: 0;
	padding: 10px;
	font-size: 16px;
	color: #606266;
	line-height: 16px
}

.league li {
	padding: 12px 20px 8px
}

.league li:nth-child(odd) {
	background-color: #29363d
}

.league li:nth-child(even) {
	background-color: #2c3941
}

.league li p {
	margin: 0;
	padding: 0
}

.league li .btn {
	float: right
}

@media(max-width: 500px) {
	.league li p {
		display: block
	}
}

.access-main {
	margin-bottom: 15px
}

.access-main .acc-tabs {}

.acc-tabs .nav-tabs li a {
	padding: 13px 18px;
	color: #c3c3c3
}

.acc-tabs .tab-content .tab-pane {
	background-color: #29363d
}

.acc-tabs .tab-content .tab-pane .query-box {
	padding: 20px 8px
}

.ar-table .table thead tr {
	background-color: #263238
}

.orn-dep {
	padding: 20px
}

.orn-dep .url-box {
	margin-bottom: 28px
}

.orn-dep .url-box p {
	color: #c2c2c2
}

.orn-dep .url-box p a {
	color: #f80101
}

.orn-dep .url-box .input-group {}

.orn-dep .url-box .input-group .input-group-addon {
	background-color: #2a323c;
	color: #fff
}

.orn-dep .url-box .input-group input.form-control {
	background-color: #3f464f;
	color: #fff
}

.orn-dep .url-box .input-group input.form-control:focus {
	border-color: #ccc
}

.orn-dep .url-box .btn-danger {
	padding-left: 30px;
	padding-right: 30px
}

.btns01 {
	margin-bottom: 12px
}

.btns01 .btn {
	border-radius: 0
}

.btns01 .btn.btn-dark {
	background-color: #263238;
	color: #c2c2c2
}

.btns01 .btn.btn-dark.active {
	background-color: #e34a4a;
	color: #fff;
	border-radius: 4px
}

.orn-dep .od-box .btns02 p {
	font-size: 12px
}

.orn-dep .od-box .btns02 .text-right {}

.orn-dep .od-box .btns02 .text-right .btn {
	margin-left: 10px;
	padding-left: 18px;
	padding-right: 18px;
	color: #fff
}

.orn-dep .od-box .btns02 .text-right .btn.btn-primary {
	background-color: #038b9a
}

.orn-dep .od-box .btns02 .text-right .btn.btn-green {
	background-color: green
}

.orn-dep .od-box .od-line {
	padding: 0 20px;
	margin-top: 12px;
	margin-bottom: 20px;
	line-height: 36px;
	color: #919599;
	background-color: #263238
}

.orn-dep .od-box .od-line .box {
	padding-top: 12px;
	padding-bottom: 12px
}

.orn-dep .od-box .od-line .btn {
	display: block;
	width: 100%;
	font-size: 12px
}

.orn-dep .od-box .od-line .img-box {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden
}

.orn-dep .od-box .od-line .img-box img {
	width: 36px;
	height: 36px
}

.orn-dep .od-box .od-line .echarts-box {
	width: 36px;
	height: 36px;
	position: relative;
	background-color: #ddd;
	border-radius: 18px
}

.orn-dep .od-box .od-line .relative {
	position: relative
}

.orn-dep .od-box .od-line .num-box {
	position: absolute;
	width: 36px;
	height: 36px;
	left: 14px;
	top: 12px;
	text-align: center;
	line-height: 36px;
	font-size: 12px;
	z-index: 200
}

.od-list {}

.od-list .input-group {
	display: inline-block;
	margin-left: 5px;
	vertical-align: top
}

.od-list .input-group.search-left {
	width: 144px;
	border: 1px solid #5c6269;
	border-radius: 2px
}

.od-list .input-group.search-left input {
	width: 114px;
	height: 32px
}

.od-list .input-group select {
	background-color: #2a323c;
	color: #c2c2c2
}

.od-list .count-right {
	color: #91959a;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px
}

.od-list .count-right span {
	display: inline-block;
	padding: 3px
}

.od-list .count-right span label {
	color: #c63
}

.od-list .count-right span a {
	color: #c2c2c2
}

.od-list .count-right span a i {
	font-size: 12px
}

.mb40 {
	margin-bottom: 40px
}

.mb20 {
	margin-bottom: 20px
}

.mb10 {
	margin-bottom: 10px
}

.od-list.quo-his .img-list {
	padding: 8px;
	background-color: #263238
}

.od-list.quo-his .img-list ul li {
	width: 99px
}

.od-list.quo-his .img-list ul li a img {
	height: 47px
}

.popover .arrow:after {
	border-width: 1px
}

.popover .bottom .arrow {
	top: 32px
}

.popover .bottom .arrow:after {
	border-bottom-color: #333a3d
}

.popover-content {
	padding: 0
}

.popover-content .pop-box {
	text-align: center
}

.popover-content .pop-box .img-big {
	width: 183px;
	height: 123px
}

.popover-content .pop-box h1.tit {
	margin: 9px auto;
	padding: 0;
	font-size: 12px;
	color: #989ca1;
	line-height: 20px
}

.popover-content .pop-box p.attr {
	margin-bottom: 10px;
	background-color: #1c2428
}

.popover-content .pop-box p.attr label {
	margin-bottom: 0;
	font-size: 12px;
	color: #fff;
	line-height: 18px
}

.popover-content .pop-box .img-small {
	width: 54px;
	height: 30px
}

.popover-content .pop-box h2.tit {
	margin: 10px auto 6px;
	font-size: 12px;
	color: #95989d
}

.popover-content .pop-box p.intro {
	font-size: 12px;
	color: #95989d;
	line-height: 16px
}

.con-left {
	padding-bottom: 1px
}

.con-left.quo-his h1.tit,
.con-right.quo-his h1.tit {
	padding: 15px 6px
}

.con-left .img-list {
	margin-bottom: 16px
}

.con-left .img-list h2.tit {
	padding: 10px 6px;
	margin: 0;
	font-size: 14px;
	color: #c2c2c2
}

.con-left .img-list h2.tit span {
	color: #c86432
}

.con-left .img-list ul li,
.con-right .img-list ul li {
	margin: 5px 0 0 5px
}

.con-left .count-box {
	padding: 0 6px;
	margin-top: 30px;
	font-size: 14px;
	color: #9b9ea3;
	line-height: 20px
}

.con-left .count-box .count-group {
	margin-bottom: 20px
}

.con-left .count-box .count-group label.label-left {
	display: inline-block;
	width: 160px;
	text-align: right;
	vertical-align: top;
	line-height: 30px
}

.con-left .count-box .count-group .progress-table {
	display: inline-block;
	vertical-align: top
}

.con-left .count-box .count-group .progress-table .progress-line {
	display: inline-block;
	height: 20px;
	background: linear-gradient(to right, #010101, #989898)
}

.con-left .count-box .count-group .value-right {
	margin-left: 20px;
	vertical-align: top
}

.con-left .btn-box {
	text-align: center;
	margin-bottom: 16px
}

.con-left .btn-box .btn {
	padding: 9px 72px
}

.con-right .od-list .input-group {
	margin-left: 2px
}

.con-right .od-list .input-group .form-control {
	padding: 6px 0
}

.con-right .btns01 {
	margin-top: 10px;
	padding-left: 6px
}

.con-left .from-group {
	margin: 30px 0 20px
}

.con-left .from-group .label-left {
	text-align: right;
	font-size: 14px;
	color: #c2c2c2;
	padding-top: 6px;
	padding-bottom: 6px
}

.con-left .from-group .value-right label {
	font-size: 14px;
	color: #c2c2c2
}

.con-left .from-group .value-right .form-control[type=text] {
	display: inline-block;
	color: #fff;
	background-color: #3f464f
}

.con-left .from-group .many.value-right .form-control {
	width: 96px
}

.w224 {
	width: 210px
}

.con-left .from-group .value-right p.intro {
	margin-top: 10px;
	font-size: 14px;
	color: #e4e4e4
}

.con-left .radio,
.con-left .checkbox {
	margin-top: 6px
}

.con-left .radio label,
.con-left .checkbox label {
	padding-left: 0;
	margin-right: 10px
}

.con-left .radio label input,
.con-left .checkbox label input {
	position: relative;
	vertical-align: -1px;
	margin-right: 4px;
	margin-left: 0
}

.conver-index {}

.conver-index h1.tit {
	padding: 14px 20px;
	font-size: 16px;
	color: #c2c2c2;
	line-height: 20px;
	background-color: #263238
}

.conver-index .ci-filter {
	padding: 14px 15px 26px 20px;
	background-color: #29363d
}

.conver-index .ci-filter select.form-control {
	display: inline-block;
	float: left;
	width: auto;
	background-color: #2a323c;
	color: #c2c2c2
}

.conver-index .ci-filter .btns-right {
	float: right
}

.conver-index .ci-filter .btns-right .btn {
	margin-left: 16px;
	padding-left: 16px;
	padding-right: 16px
}

.conver-index .ci-filter .btns-right .btn.btn-primary {
	background-color: #038b9a
}

.conver-index .ci-list {}

.conver-index .ci-list .ci-group {}

.conver-index .ci-list .ci-group .row {
	margin-left: 0;
	margin-right: 0
}

.conver-index .ci-list .ci-group .cig-title {
	margin-left: 0;
	margin-right: 0;
	background-color: #263238
}

.conver-index .ci-list .ci-group .cig-title .info-left {
	display: flex;
	align-items: center;
	padding: 8px 22px 8px 10px;
	font-size: 14px;
	color: #91959a
}

.conver-index .ci-list .ci-group .cig-title .info-left.right {
	justify-content: flex-end
}

.conver-index .ci-list .ci-group .cig-title .info-left img {
	margin-right: 14px;
	width: 36px;
	height: 36px;
	border-radius: 50%
}

.conver-index .ci-list .ci-group .cig-title .info-left span label {
	font-weight: 400
}

.conver-index .ci-list .ci-group .cig-title .info-left label {
	margin-right: 20px
}

.conver-index .ci-list .ci-group .cig-title .info-left.right label {
	margin-right: 0;
	margin-left: 20px
}

.conver-index .ci-list .ci-group .cig-title .btns-right {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right
}

.conver-index .ci-list .ci-group .cig-title .btns-right .btn {
	margin-left: 16px;
	padding-left: 16px;
	padding-right: 16px
}

.conver-index .ci-list .ci-group .cig-title .btns-right .btn.btn-primary {
	background-color: #038b9a
}

.cig-content {
	padding-top: 24px;
	padding-bottom: 36px;
	background-color: #29363d
}

.cig-content .quo-his .img-list ul li {
	width: 76px;
	margin: 4px 0 0 4px
}

@media(max-width: 1200px) {
	.cig-content .quo-his .img-list ul {
		text-align: center
	}

	.cig-content .quo-his .img-list ul li {
		float: none;
		display: inline-block
	}
}

@media(max-width: 780px) {
	.cig-content .quo-his .img-list ul {
		text-align: center
	}

	.cig-content .quo-his .img-list ul li {
		float: none;
		display: inline-block
	}
}

.cig-content .quo-his .img-list ul li a img {
	width: 74px;
	height: 36px
}

.cig-content .col-lg-5,
.cig-content .col-md-5,
.cig-content .col-ms-5 {
	width: 45.666667%;
	float: left
}

.cig-content .col-lg-2,
.cig-content .col-md-2,
.cig-content .col-ms-2 {
	width: 8.666666%;
	float: left
}

.cig-content .icon-cell img {
	width: 100%;
	min-width: 20px;
	margin: 30px auto
}

.cig-content .list-right {
	text-align: justify
}

.cig-content .list-right .count-block {
	display: inline-block;
	width: 32%;
	padding: 20px 0 18px;
	background-color: #263238
}

.cig-content .list-right .count-block h5 {
	font-size: 14px;
	color: #c2c2c2;
	text-align: center;
	line-height: 20px
}

.cig-content .list-right .count-block .intro {
	text-align: center
}

.cig-content .list-right .count-block .intro img {
	width: 42px;
	height: 38px
}

.cig-content .list-right .count-block .intro label {
	margin-left: 10px;
	font-size: 14px;
	color: #c2c2c2;
	font-weight: 400;
	line-height: 38px
}

.ci-list .page-info {
	background-color: #29363d
}

@media(max-width: 480px) {

	.cig-content .col-lg-5,
	.cig-content .col-md-5,
	.cig-content .col-ms-5,
	.cig-content .col-lg-2,
	.cig-content .col-md-2,
	.cig-content .col-ms-2 {
		width: 100%;
		float: none
	}

	.cig-content .icon-cell {
		text-align: center
	}

	.cig-content .icon-cell img {
		width: auto
	}
}

.conver-over {
	margin-bottom: 20px
}

.conver-over h1.tit {
	margin-bottom: 0
}

.con-tabs .nav-tabs {
	background-color: #29363d
}

.con-tabs .nav-tabs li.active a:after {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	border-bottom: 1px solid #797979;
	content: ""
}

.ec-tabs {
	margin-bottom: 20px
}

.ec-tabs .nav-tabs li a img {
	vertical-align: -2px
}

.ec-tabs .tab-content .tab-pane {}

.dota2-tab-box {}

.dota2-tab-box .btns-top {
	padding: 15px 20px
}

.dota2-list {}

.dota2-list ul.dota2-ul li {
	float: left;
	margin: 22px 0 0 22px;
	width: 202px;
	padding: 10px 12px;
	background-color: #2c3941
}

.dota2-list ul.video-ul li {
	margin: 20px 0 0 45px;
	width: 318px
}

.dota2-list ul.dota2-ul li:hover {
	background-color: rgba(255, 255, 255, .8)
}

.dota2-list ul.dota2-ul li img.li-img {
	display: block;
	width: 100%;
	height: 120px
}

.dota2-list ul.dota2-ul li h5 {
	font-size: 12px;
	color: #9b9ea3
}

.dota2-list ul.dota2-ul li p.count {
	font-size: 12px;
	color: #9b9ea3
}

.dota2-list ul.dota2-ul li p.count label {
	font-weight: 400
}

.dota2-list ul.dota2-ul li p.count label.right {
	float: right
}

.dota2-list ul.dota2-ul li p.count label b {
	font-weight: 400
}

.dota2-list ul.dota2-ul li p.count label b.red {
	color: #b00
}

.dota2-list ul.dota2-ul li p.count label b.blue {
	color: #04deea
}

.dota2-list ul.dota2-ul li .btn {
	display: block;
	width: 100%;
	border-radius: 0
}

.dota2-list ul.dota2-ul li .btn.btn-blue {
	color: #fff;
	background-color: #038b9a
}

.dota2-list ul.dota2-ul li .btn.btn-primary {
	color: #fff;
	background-color: #038b9a;
	opacity: .8
}

.dota2-list ul.dota2-ul li .btn.btn-primary:hover {
	opacity: 1
}

.dota2-list .popover {
	max-width: 572px
}

.dota2-list .popover.top>.arrow {
	display: none
}

.dota-popover {
	width: 572px;
	background-color: #fff
}

.dota-popover .dp-box {}

.dota-popover .dp-box .info-left {
	float: left;
	width: 50%;
	padding-top: 32px;
	text-align: center
}

.dota-popover .dp-box .info-left img {
	width: 194px;
	height: 130px
}

.dota-popover .dp-box .info-left p {
	margin-top: 24px;
	font-size: 16px;
	color: #333
}

.dota-popover .dp-box .info-right {
	float: left;
	width: 50%;
	padding-top: 32px
}

.dota-popover .dp-box .info-right .info-group {
	font-size: 14px;
	margin-bottom: 30px
}

.dota-popover .dp-box .info-right .info-group label.label-left {
	display: inline-block;
	margin-right: 12px;
	color: #333;
	font-weight: 400
}

.dota-popover .dp-box .info-right .info-group span.span-right {}

.dota-popover .dp-box .info-right .info-group span.span-right label.red {
	color: #c73434
}

.dota-popover .dp-box .info-right .info-group span.span-right a.help {
	margin-left: 12px;
	font-size: 12px;
	color: #08deea
}

.dota-popover .dp-box .info-right .info-group span.span-right input.num {
	margin-right: 10px;
	width: 98px;
	text-align: center
}

.dota-popover .dp-box .info-right .info-group span.span-right label {
	font-size: 14px;
	font-weight: 400
}

.ml10 {
	margin-left: 10px
}

.dota-popover .links-bot {}

.dota-popover .links-bot .half {
	float: left;
	width: 50%;
	border: 1px solid #f2f2f2;
	padding: 14px 22px 22px
}

.dota-popover .links-bot .half.left {
	text-align: right
}

.dota-popover .links-bot .half.right {
	text-align: left
}

.dota-popover .links-bot .half a {
	font-size: 16px;
	color: #09f;
	font-weight: 600
}

.ac-main {}

.creater-info {
	position: relative;
	margin-bottom: 20px;
	background-color: #29363d
}

.creater-info .ic-official {
	position: absolute;
	top: -4px;
	left: -8px
}

.creater-info .time-right {
	padding: 10px 20px;
	text-align: right
}

.creater-info .time-right label {
	margin-bottom: 0;
	font-size: 14px;
	color: #c2c2c2;
	line-height: 20px;
	font-weight: 400
}

.creater-info .head-img-box {
	width: 110px;
	height: 100px;
	margin: 2px auto 33px
}

.creater-info .head-img-box img {
	width: 110px;
	height: 110px;
	border-radius: 50%
}

.creater-info .share-box {
	padding: 0 20px 10px;
	text-align: right
}

.creater-info .share-box label {
	font-size: 14px;
	color: #c2c2c2;
	line-height: 32px;
	vertical-align: top
}

.creater-info .share-box a {
	margin-left: 8px;
	display: inline-block
}

.creater-info .share-box a img {
	width: 32px;
	height: 32px
}

.activity-intro {
	margin-bottom: 20px
}

.activity-intro h1.tit {
	margin: 0;
	padding: 15px 20px;
	font-size: 16px;
	color: #c2c2c2;
	line-height: 16px;
	background-color: #263238
}

.activity-intro .ai-det {
	margin-left: 0;
	margin-right: 0;
	background-color: #29363d
}

.activity-intro .ai-det .aid-left {
	padding-top: 20px
}

.activity-intro .ai-det .aid-left h5 {
	margin-bottom: 18px;
	font-size: 14px;
	color: #858a8f;
	line-height: 20px
}

.activity-intro .ai-det .aid-right {
	padding-top: 50px;
	float: right
}

.activity-intro .ai-det .aid-right .btn {
	padding: 10px 30px;
	margin-left: 12px
}

.jp-poor {
	margin-bottom: 20px
}

.jp-poor .prize_pool_list {
	padding-bottom: 26px
}

.jp-poor .prize_pool_list h2 {
	padding: 12px 20px 4px;
	margin: 0;
	font-size: 14px;
	color: #c2c2c2;
	line-height: 20px
}

.jp-poor .prize_pool_list h2 label,
.jp-poor .prize_pool_list h2 label b {
	font-weight: 400
}

.jp-poor .prize_pool_list h2 label {
	margin-right: 24px
}

.jp-poor .prize_pool_list h2 label b {
	color: #c66432
}

.jp-poor .prize_pool_list ul {
	padding-left: 14px
}

.jp-poor .prize_pool_list ul li {
	width: 102px
}

.people-tabs {
	margin-bottom: 20px
}

.people-tabs .nav-tabs li a b {
	color: #c63;
	font-weight: 400
}

.people-tabs .nav-tabs li.active a {
	border-bottom: 2px solid #797979;
	color: #9b9ea4
}

.people-tabs .tab-content .tab-pane {
	background-color: #29363d
}

.people-in-count .users-list {
	padding-top: 20px;
	padding-left: 20px
}

.people-in-count .users-list ul li {
	width: 85px;
	height: 105px;
	float: left;
	margin-right: 27px;
	margin-bottom: 17px;
	text-align: center;
	position: relative
}

.people-in-count .users-list ul li img {
	width: 80px;
	height: 80px;
	border: 2px solid #30363c;
	border-radius: 50%;
	margin-bottom: 15px
}

.people-in-count .users-list ul li i {
	text-align: center;
	font-size: 14px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.index-main {
	margin-bottom: 50px
}

.index-left-tabs .nav-tabs li a img {
	width: 16px;
	height: 16px;
	margin-right: 12px;
	vertical-align: -3px
}

.index-left-tabs .tab-content .tab-pane {
	background-color: #29363d
}

.games-index-box {}

.games-index-box .gib-filters {
	padding: 6px 20px
}

.games-index-box .gib-filters a {
	display: inline-block;
	margin-right: 28px;
	padding: 0 10px;
	border-radius: 10px;
	font-size: 12px;
	color: #93969c;
	line-height: 20px
}

.games-index-box .gib-group {}

.games-index-box .gib-group .row {
	margin-left: 0;
	margin-right: 0
}

.games-index-box .gib-group .gibg-title {
	padding: 15px 5px;
	font-size: 14px;
	color: #c2c2c2;
	background-color: #263238;
	line-height: 45px
}

.games-index-box .gib-group .gibg-title div {
	padding-left: 5px;
	padding-right: 2px;
	line-height: 16px
}

.games-index-box .gib-group .gibg-title .matchDesc {
	color: #d49915
}

.games-index-box .gib-group .gibg-title a {
	display: inline-block;
	width: 12px;
	font-size: 12px;
	color: #c2c2c2;
	vertical-align: 0
}

.games-index-box .gib-group .gibg-title i.glyphicon-menu-down {
	display: none
}

.games-index-box .gib-group .gibg-title.collapsed i.glyphicon-menu-down {
	display: inline-block
}

.games-index-box .gib-group .gibg-title.collapsed i.glyphicon-menu-up {
	display: none
}

.games-index-box .gib-group .gibg-title img {
	width: 16px;
	height: 16px;
	vertical-align: -3px
}

.games-index-box .gib-group .gibg-list {}

.games-index-box .gib-group .gibg-list .gibg-group {
	padding: 20px 0 0
}

.games-index-box .gib-group .gibg-list a:nth-child(odd) .gibg-group {
	background-color: #29363d
}

.games-index-box .gib-group .gibg-list a:nth-child(even) .gibg-group {
	background-color: #2c3941
}

.games-index-box .gib-group .gibg-list a:hover .gibg-group {
	background-color: #323c48
}

.games-index-box .gib-group .gibg-list .gibg-group .status {
	margin-bottom: 12px
}

.games-index-box .gib-group .gibg-list .gibg-group .status {
	font-size: 14px
}

.games-index-box .gib-group .gibg-list .gibg-group .status label {
	margin-bottom: 0
}

.yellow {
	color: #f8b201
}

.green {
	color: #66d203
}

.gray {
	color: #979aa0
}

.games-index-box .gib-group .gibg-list .gibg-group .status .name {
	color: #d49915
}

.games-index-box .gib-group .gibg-list .gibg-group .info {
	color: #c2c2c2;
	padding-bottom: 10px
}

.games-index-box .gib-group .gibg-list .gibg-group .info .word-left {
	display: inline-block;
	margin: 0 10px;
	vertical-align: top;
	line-height: 30px
}

.games-index-box .gib-group .gibg-list .gibg-group .info .word-left h5 {
	font-size: 16px;
	font-weight: 600;
	width: 180px
}

.games-index-box .gib-group .gibg-list .gibg-group .info img.group-icon {
	width: 75px;
	height: 62px;
	vertical-align: top
}

.user-box {
	padding-top: 8px;
	margin-bottom: 10px;
	background-color: #29363d
}

.user-box .ub-top {
	padding-right: 12px
}

.user-box .ub-top a {
	font-size: 12px;
	color: #c3c3c3
}

.user-box .ub-img-box {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	position: relative
}

.user-box .ub-img-box img {
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.user-box .ub-img-box .sf-box {
	position: absolute;
	top: 35px;
	left: -16px;
	width: 82px;
	height: 23px;
	background: url(../images/bg-head-img82.png) no-repeat
}

.user-box .ub-img-box .sf-box p {
	margin-top: 6px;
	font-size: 12px;
	color: #fff;
	text-align: center
}

.user-box .ub-username {
	margin-bottom: 12px;
	font-size: 16px;
	color: #c2c2c2;
	text-align: center
}

.user-box .count-box {
	border-top: 1px solid #51585b;
	padding-top: 20px
}

.user-box .count-box .cb-block {
	float: left;
	border-left: 1px solid #797979;
	width: 25%;
	color: #c2c2c2;
	text-align: center
}

.user-box .count-box .cb-block:first-child {
	border-left: 0
}

.user-box .count-box .cb-block h6 {
	margin-top: 0;
	font-size: 14px
}

.user-box .count-box .cb-block p {
	margin-bottom: 0
}

.user-box .link-box {
	padding: 18px 0
}

.user-box .link-box .lb-box {
	float: left;
	width: 33.33333%;
	text-align: center
}

.user-box .link-box .lb-box a {
	font-size: 14px;
	color: #c2c2c2
}

.user-box .link-box .lb-box a img {
	width: 17px;
	height: 16px;
	margin-right: 4px;
	vertical-align: -3px
}

.games-tabs {
	margin-bottom: 10px
}

.games-tabs .nav-tabs li {
	width: 25%
}

.games-tabs .nav-tabs li a {
	display: block;
	text-align: center;
	padding: 13px 0
}

.games-tabs .games-sm-list {}

.games-tabs .games-sm-list table {
	margin-bottom: 0
}

.games-tabs .games-sm-list table tr:nth-child(odd) {
	background-color: #29363d
}

.games-tabs .games-sm-list table tr:nth-child(even) {
	background-color: #2c3941
}

.games-tabs .games-sm-list table tr td {
	border-top: 0;
	font-size: 14px;
	color: #c2c2c2;
	vertical-align: middle;
	line-height: 20px
}

.games-tabs .games-sm-list table tr td:first-child {
	text-align: center
}

.games-tabs .games-sm-list table tr td:last-child {
	padding-right: 12px;
	text-align: right
}

.games-tabs .games-sm-list table tr td label {
	margin-bottom: 0;
	font-weight: 400
}

.more-box {
	padding: 10px;
	text-align: center
}

.games-tabs .games-sm-list .more-box span {
	font-size: 14px;
	color: #c2c2c2
}

.week-pank h1.tit {
	font-size: 14px
}

.week-pank .wp-list {}

.week-pank .wp-list .wp-group {
	display: flex;
	align-items: center;
	padding: 12px 0
}

.week-pank .wp-list .wp-group:nth-child(odd) {
	background-color: #29363d
}

.week-pank .wp-list .wp-group:nth-child(even) {
	background-color: #2c3941
}

.week-pank .wp-list .wp-group label.num {
	margin: 0 20px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	font-size: 12px;
	color: #383838;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	background-color: #ccc
}

.week-pank .wp-list .wp-group:nth-child(1) label.num {
	color: #fff;
	background-color: #e34a4a
}

.week-pank .wp-list .wp-group:nth-child(2) label.num {
	color: #fff;
	background-color: #04a2b3
}

.week-pank .wp-list .wp-group:nth-child(3) label.num {
	color: #fff;
	background-color: #df9f00
}

.week-pank .wp-list .wp-group .user-info {
	width: 50%
}

.week-pank .wp-list .wp-group .user-info img.head-img {
	margin-right: 8px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	vertical-align: top
}

.week-pank .wp-list .wp-group .user-info .ui-right {
	display: inline-block
}

.week-pank .wp-list .wp-group .user-info .ui-right h5 {
	margin-top: 0;
	max-width: 10em;
	margin-bottom: 6px;
	color: #c2c2c2
}

label.role {
	margin-bottom: 0;
	font-size: 12px;
	padding: 0 8px;
	border-radius: 8px;
	color: #fff;
	line-height: 18px;
	font-weight: 400
}

.role-red {
	background-color: #eb4b4b
}

.role-green {
	background-color: #ade55c
}

.role-purple {
	background-color: #d32ce6
}

.role-yellow {
	background-color: #e4ae39
}

.week-pank .wp-list .wp-group .count-right {
	width: 25%
}

.week-pank .wp-list .wp-group .count-right {
	font-size: 12px;
	color: #f88411;
	text-align: right;
	font-weight: 700
}

.week-pank .wp-list .wp-group .count-right p:last-child {
	margin-bottom: 0
}

.og-main {
	margin-bottom: 10px
}

.og-main .acc-tabs .tab-content .tab-pane {
	background-color: #29363d
}

.og-box {}

.og-box .ogb-filter {
	padding: 16px 20px
}

.og-box .ogb-filter select.form-control {
	display: inline-block;
	width: auto;
	color: #c2c2c2;
	background-color: #2a323c
}

.og-box .ogb-list {
	padding-top: 18px
}

.roll_rooms_list ul li {
	float: left
}

.og-box .ogb-list .obg-group {
	margin: 0 0 15px 15px;
	padding-top: 10px;
	padding-bottom: 20px;
	width: 230px;
	position: relative;
	background-color: #2c3941
}

.og-box .ogb-list .obg-group:hover {
	background-color: rgba(255, 255, 255, .8)
}

.og-box .ogb-list .obg-group .ic-offical {
	position: absolute;
	top: 0;
	left: -4px;
	width: 68px
}

.og-box .ogb-list .obg-group .head-img-box {
	position: relative;
	margin: 0 auto;
	width: 44px;
	height: 24px
}

.og-box .ogb-list .obg-group .head-img-box img {
	width: 44px;
	height: 44px;
	border-radius: 50%
}

.og-box .ogb-list .obg-group .head-img-box .sf-box {
	position: absolute;
	top: 28px;
	left: -19px;
	width: 82px;
	height: 23px;
	background: url(../images/bg-head-img82.png) no-repeat
}

.og-box .ogb-list .obg-group .head-img-box .sf-box p {
	margin-top: 6px;
	font-size: 12px;
	color: #fff;
	text-align: center
}

.og-box .ogb-list .obg-group h5 {
	margin-bottom: 6px;
	font-size: 14px;
	color: #8f9499;
	text-align: center
}

.og-box .ogb-list .obg-group .img-list {
	padding-bottom: 10px
}

.og-box .ogb-list .obg-group .img-list li {
	float: left;
	margin-bottom: 6px;
	margin-left: 6px
}

.og-box .ogb-list .obg-group .img-list li a {
	display: block
}

.og-box .ogb-list .obg-group .img-list li a img {
	width: 50px;
	height: 34px;
	border: 1px solid #fff
}

.og-box .ogb-list .obg-group .count01 {
	margin-bottom: 6px;
	padding: 0 6px;
	font-size: 12px;
	color: #faefef
}

.og-box .ogb-list .obg-group .count01 .left,
.og-box .ogb-list .obg-group .count01 .right {
	float: left;
	width: 50%
}

.og-box .ogb-list .obg-group .count02 {
	padding: 0 6px;
	font-size: 14px
}

.og-box .ogb-list .obg-group .count02 .left,
.og-box .ogb-list .obg-group .count02 .right {
	float: left;
	width: 50%;
	font-weight: 400
}

.og-box .ogb-list .obg-group .btn-box {
	padding-top: 6px
}

.og-box .ogb-list .obg-group .btn-box .btn {
	padding: 5px 20px
}

.btn-primary {
	background-color: #038b9a
}

.activity-desc {
	padding-bottom: 20px;
	margin-bottom: 20px
}

.activity-desc .desc-box {
	padding: 6px 20px 0
}

.activity-desc .desc-box p {
	font-size: 14px;
	color: #9b9fa4
}

.activity-desc .btn-box .btn {
	padding: 9px 66px
}

.activity-desc.quo-his h1.tit {
	padding: 16px 20px
}

.last-rewards {}

.last-rewards .lr-list {}

.last-rewards .lr-list ul li {
	padding: 8px 20px
}

.last-rewards .lr-list ul li:nth-child(odd) {
	background-color: #29363d
}

.last-rewards .lr-list ul li:nth-child(even) {
	background-color: #2c3941
}

.last-rewards .lr-list ul li img.img {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	margin-right: 4px
}

.last-rewards .lr-list ul li label {
	font-size: 14px;
	color: #fff;
	vertical-align: top;
	margin-bottom: 0
}

.last-rewards .lr-list ul li label.right {
	float: right;
	font-weight: 400
}

.last-rewards .img-list {
	padding: 4px 4px 20px
}

.last-rewards .img-list ul li {
	float: left;
	margin: 16px 0 0 16px;
	width: 68px;
	height: 46px
}

.last-rewards .img-list ul li img {
	width: 68px;
	height: 46px
}

.detail-main {
	margin-bottom: 28px
}

.competition-info {
	margin-bottom: 14px
}

.competition-info.quo-his h1.tit {
	font-size: 14px;
	padding: 12px
}

.competition-info.quo-his h1.tit img {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: -3px
}

.competition-info.quo-his h1.tit label.right {
	float: right;
	margin-bottom: 0;
	font-weight: 400
}

.competition-info .comp-dets {
	padding-bottom: 0
}

.competition-info .comp-dets .cd-top {
	margin-top: 5px;
	margin-bottom: 5px
}

.competition-info .comp-dets .cd-top img.group-ic {
	margin-right: 0;
	margin-left: 0;
	width: 66px;
	height: 53px;
	vertical-align: -8px
}

.competition-info .comp-dets .cd-top .info-box {
	display: inline-block;
	margin: 0 10px;
	color: #c2c2c2
}

.competition-info .comp-dets .cd-top .info-box h5 {
	width: 200px;
	font-weight: 600
}

.competition-info .comp-dets .progress-box {
	font-size: 12px;
	color: #a9acb0;
	line-height: 16px
}

.competition-info .comp-dets .progress-box .progress-border {
	display: inline-block;
	width: 180px;
	height: 16px;
	background-color: #f2f2f2
}

.competition-info .comp-dets .progress-box .progress-border .linear {
	display: inline-block;
	height: 16px;
	vertical-align: top
}

.competition-info .comp-dets .progress-box .progress-border .linear.left {
	background: linear-gradient(to right, #c9c9c9, #030303)
}

.competition-info .comp-dets .progress-box .progress-border .linear.right {
	background: linear-gradient(to left, #c9c9c9, #030303)
}

.competition-info .comp-dets .center-box {}

.competition-info .comp-dets .center-box h2 {
	margin-top: 6px;
	font-size: 14px;
	color: #d99b14
}

.competition-info .comp-dets .center-box h3 {
	margin-top: 10px;
	color: #e34a4a;
	font-weight: 600
}

.competition-info .comp-dets .center-box h4 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 16px;
	color: #92979b
}

.competition-info .comp-dets .center-box p {
	margin-bottom: 7px
}

.competition-info .comp-dets .center-box p a {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	padding: 0 8px;
	border-radius: 8px;
	background-color: #e34a4a
}

.red {
	color: #e34a4a
}

.goldyellow {
	color: #d49915
}

@media(max-width: 530px) {

	.comp-dets .col-xs-5,
	.comp-dets .col-xs-2 {
		display: block;
		float: none;
		width: 100%;
		text-align: center
	}
}

.forecast-box {}

.forecast-tabs .fb-pane {
	padding-top: 20px;
	padding-bottom: 30px
}

.forecast-tabs .quo-his .img-list ul li {
	margin: 6px 0 0 6px
}

.forecast-tabs .fb-pane.quo-his .img-list ul li {
	width: 76px
}

.forecast-tabs .fb-pane.quo-his .img-list ul li a img {
	height: 36px
}

.jc-box {}

.jc-box h1.tit {
	margin: 0;
	padding: 15px 20px;
	font-size: 14px;
	color: #c2c2c2;
	line-height: 16px;
	background-color: #263238
}

.jc-box h1.tit label {
	margin-bottom: 0;
	font-weight: 400;
	font-size: 14px
}

.jc-box h1.tit span.intro-right {
	float: right;
	font-size: 12px;
	color: gray
}

.jc-box .jc-row {
	padding-top: 40px;
	padding-bottom: 20px;
	margin: 0;
	background-color: #29363d
}

.jc-box .jc-row .btn-box {
	display: inline-block
}

.jc-box .jc-row .btn-box .btn {
	padding: 10px 22px
}

.jc-box .jc-row .btn-box p {
	margin-top: 12px;
	font-size: 16px;
	color: #c2c2c2
}

.sp-box {}

.sp-box h1.tit,
.js-history h1.tit {
	margin: 0;
	padding: 15px 20px;
	font-size: 14px;
	color: #c2c2c2;
	line-height: 16px;
	background-color: #263238
}

.sp-box h1.tit span {
	margin-right: 22px
}

.sp-box h1.tit span label {
	margin-bottom: 0;
	color: #c66332;
	font-weight: 400
}

.sp-box h1.tit span a {
	color: #c2c2c2
}

.sp-box h1.tit span a i {
	margin-left: 4px;
	font-size: 12px
}

.sp-box h1.tit a.right {
	float: right;
	color: #c2c2c2
}

.sp-box .img-list {
	padding-top: 10px;
	padding-bottom: 16px
}

.quo-his.sp-box .img-list ul li {
	margin: 6px 0 0 6px !important;
	width: 76px
}

.quo-his.sp-box .img-list ul li a img {
	height: 36px
}

.js-history .jsh-list {
	display: flex;
	padding: 0 5px;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #29363d
}

.jsh-group {
	max-width: 340px;
	padding-top: 14px
}

.jsh-group .jshg-tit {
	margin-bottom: 3px
}

.jsh-group .jshg-tit img {
	width: 30px;
	height: 30px;
	border-radius: 50%
}

.jsh-group .jshg-tit .username {
	margin-right: 4px;
	font-size: 14px;
	color: #c2c3c4;
	vertical-align: bottom
}

.jsh-group .jshg-tit .role {
	vertical-align: bottom
}

.jsh-group .jshg-tit .time-right {
	float: right;
	margin-top: 12px;
	margin-bottom: 0;
	font-size: 12px;
	color: #9b9fa4
}

.jsh-group.quo-his .img-list ul {
	margin-left: -12px
}

.jsh-group.quo-his .img-list ul li {
	margin: 11px 0 0 11px !important;
	width: 76px
}

.jsh-group.quo-his .img-list ul li a img {
	height: 36px
}

.jc-records .nav-tabs li a {}

.history-list {
	margin-bottom: 14px
}

.history-list ul li a {
	display: flex;
	padding: 5px 18px;
	justify-content: space-between;
	align-items: center
}

.history-list ul li:nth-child(odd) {
	background-color: #29363d
}

.history-list ul li:nth-child(even) {
	background-color: #2c3941
}

.history-list ul li a .team-left img,
.history-list ul li a .team-right img {
	width: 30px;
	height: 30px
}

.history-list ul li a .team-left label,
.history-list ul li a .team-right label {
	font-size: 14px;
	color: #8e9298;
	font-weight: 400;
	margin-bottom: 0
}

.history-list ul li a .team-left img {
	margin-right: 10px
}

.history-list ul li a .team-right img {
	margin-left: 10px
}

.history-list ul li a .type-center {
	text-align: center
}

.history-list ul li a .type-center p {
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 12px
}

.history-list .btn-box {
	padding: 12px 0;
	text-align: center;
	background-color: #29363d
}

.history-list .btn-box a {
	font-size: 14px;
	color: #9a9ea3
}

.jc-your {
	margin: 0 15px
}

.jc-your h1.tit {
	margin: 0;
	padding: 15px 20px;
	font-size: 14px;
	color: #c2c2c2;
	line-height: 16px;
	background-color: #263238
}

.jc-your h1.tit a.right {
	float: right;
	color: #c2c2c2
}

.jc-your .jcy-det {
	padding: 0 20px;
	background-color: #29363d
}

.jc-your .jcy-det h2.tit {
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 12px;
	font-size: 12px;
	color: #c2c2c2
}

.jc-your .jcy-det h2.tit a.right {
	float: right;
	color: #c2c2c2
}

.jc-your .jcy-det .list li {
	float: left
}

.jc-your .jcy-det .list li a img {
	width: 46px;
	height: 30px
}

.panks-box h1.tit {
	margin: 0;
	padding: 15px 20px;
	font-size: 14px;
	color: #c2c2c2;
	line-height: 16px;
	background-color: #263238
}

.panks-box .panks-list {
	background-color: #29363d
}

.panks-box .panks-list .jsh-group {
	margin: 0 auto;
	padding-bottom: 14px
}

.padding0 {
	padding: 0 !important
}

.ar-table .img-list {}

.form-control:focus {
	outline: 0;
	-webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 transparent !important;
	box-shadow: inset 0 0 0 transparent, 0 0 0 transparent !important
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
	border-color: transparent;
	box-shadow: none
}

.support_process {
	height: 18px;
	border-radius: 0;
	width: 80%
}

.matchCenter {
	width: 16%
}

.teamLeft,
.teamRight {
	width: 42%;
	display: flex
}

.teamLeft div img {
	position: relative;
	left: -58px;
	top: -17px
}

.teamRight div img {
	position: relative;
	left: 58px;
	top: -17px
}

.teamLeft {
	justify-content: flex-end
}

.teamRight {
	justify-content: flex-start
}

.competition-info .teamLeft .word-left {
	line-height: 25px;
	padding-top: 5px;
	padding-right: 15px
}

.competition-info .teamRight .word-left {
	line-height: 25px;
	padding-top: 5px;
	padding-left: 15px
}

.score {
	color: red;
	font-weight: 700
}

.match_other .type-center label.role {
	width: auto;
	max-width: 180px
}

.ui-right div {
	width: 100px
}

.caret {
	color: #fff
}

#cstyle ul li {
	display: inline;
	padding: 0;
	height: 100%
}

#cstyle ul li a {
	padding: 0;
	display: block;
	height: 100%
}

#clanguage ul li {
	padding: 0;
	display: inline;
	height: 100%
}

#clanguage ul li a {
	padding: 0;
	display: block;
	height: 100%
}

.banner_txt {
	position: relative;
	top: -50px;
	left: 20px;
	color: #fff;
	font-weight: 700;
	font-size: 20px
}

#clanguage>li>.lan-a {
	display: inline-block;
	height: 25px;
	width: 100%;
	margin-left: 0
}

.bag-items-box {
	padding: 30px 5px 20px 20px;
	display: flex;
	width: 100%
}

.bag-items-box>div:nth-child(1) {
	flex: 1
}

.bag-items-box>div:nth-child(2) {
	flex: 3
}

.bag-items-box>div:nth-child(3) {
	flex: 2;
	color: #716f81
}

.mb50 {
	margin-bottom: 50px
}

.items-mark_name {
	padding: 5px;
	width: 100%
}

.dropdown-items {
	float: left;
	height: 38px;
	line-height: 38px;
	width: 120px;
	text-align: center
}

.display-space-between {
	display: flex;
	justify-content: space-between
}

.icon-base-seyle {
	font-size: 20px;
	cursor: pointer
}

.mb50 {
	margin-bottom: 50px
}

.items-mark_name {
	padding: 5px;
	float: right
}

.el-autocomplete-suggestion {
	display: none !important
}

body {
	color: #001
}

.top {
	border-bottom-color: #505659;
	background-color: #202020
}

.top .logo {
	background-color: #202020
}

.top .a-right a.word-a {
	color: #8b8f94
}

.nav-top {
	background-color: #202020
}

.nav-top .navbar-toggle .icon-bar {
	background-color: #fff
}

@media(min-width:768px) {
	#bs-navbar ul li a {
		color: #9d9d9d
	}

	#bs-navbar ul.nav li a:focus,
	#bs-navbar ul.nav li a:hover {
		background-color: transparent
	}
}

#bs-navbar ul li:hover {
	background-color: #25323b
}

#bs-navbar ul li .active,
#bs-navbar ul li:hover a {
	color: #e6a23c
}

.alert-box .alert-alarm {
	color: #919599;
	background-color: #263238
}

.alert-box .alert-alarm .alert-tit {
	color: #fff;
	background-color: #e34a4a
}

.bottom {
	background-color: #263238
}

.bottom p {
	color: gray
}

@media(min-width:1250px) {
	.slider-right {
		background-color: #0e1113
	}
}

.slider-right ul li a p {
	color: #eee
}

.main-two .nav-left ul li {
	background-color: #e8e8e8
}

.main-two .nav-left ul li:nth-child(even) {
	background-color: #ddd
}

.main-two .nav-left ul li a {
	color: #001
}

.quo-his {
	background-color: #ddd
}

.activity-desc {
	background-color: #e8e8e8
}

.query-box {
	background-color: #ddd
}

.search-left {
	background-color: #e0e0e0
}

.quo-his h1.tit {
	color: #222
}

.match-color222 {
	color: #222
}

.you_guess_title {
	color: #222
}

.query-box .glyphicon,
.search-left .glyphicon {
	color: #919599
}

.query-box input,
.search-left input {
	background-color: transparent;
	color: #919599
}

.query-box select.form-control {
	background-color: #2a323c;
	color: #919599
}

.query-box .right-box .input-group {
	background-color: #e5e5e5
}

.query-box .right-box label {
	color: #919599
}

.quo-his .table tr,
.quo-his .table tbody tr td,
.quo-his .table thead tr th {
	border-color: transparent
}

.table thead tr th {
	color: #9d9d9d
}

.quo-his .table tbody tr td,
.quo-his .table tbody tr td a {
	color: #001
}

.quo-his .table.table-qh tbody tr:nth-child(odd),
.quo-his .table.table-qh tbody tr.odd {
	background-color: #e8e8e8
}

.quo-his .table.table-qh tbody tr:nth-child(even),
.quo-his .table.table-qh tbody tr.even {
	background-color: #ddd
}

.page-info .pagination li a {
	color: #001;
	background-color: transparent
}

.page-info .pagination li.active a.active {
	background: #fe5b26
}

.page-info .pagination li a.active {
	color: #fff;
	background-color: #e34a4a
}

.con-ser .btn-green {
	background-color: #d9534f;
	color: #fff
}

.con-ser .table thead tr {
	background-color: #202020
}

.con-ser .table tbody tr {
	background-color: #ddd
}

.con-ser .table tbody tr td .label.label-warning {
	background-color: #c63
}

.con-ser-detail .csd-art .ca-tit {
	color: #001
}

.con-ser-detail .csd-art .ca-list li h5 {
	color: #8e9398;
	background-color: #263238
}

.con-ser-detail .csd-art .ca-list li h5 span.split {
	border-left-color: #797979
}

.con-ser-detail .csd-art .ca-list li .words {
	background-color: #e8e8e8
}

.con-ser-detail .csd-art .ca-list li .words p {
	color: #001
}

.etopPanel {
	background-color: #ddd
}

.module-title {
	color: #001
}

.leagueNavItemVCenter {
	color: #001
}

.futureLeagueTitle {
	color: #001
}

.pi-top {
	background-color: #ddd
}

.pi-top .head-img-box .img-box {
	background-color: #fff
}

.pi-top .head-img-box .img-bg {
	background: url(../../../images/bg-head-img154.png) no-repeat
}

.pi-top .head-img-box .img-bg p {
	color: #e9e9e9
}

.pi-top h4 {
	color: #001
}

.pi-top h5 {
	color: #001
}

.pi-top .trade-link span.input-group-addon {
	background-color: #038b9a;
	color: #fff;
	border-color: #038b9a
}

.pi-top .trade-link input {
	background-color: #3f464f;
	color: rgba(255, 255, 255, .6)
}

.pi-top .btns {
	border-color: #5c6269
}

.pi-set .set-list li:nth-child(odd) {
	background-color: #e8e8e8
}

.pi-set .set-list li:nth-child(even) {
	background-color: #ddd
}

.pi-set .set-list li label {
	color: #001
}

.pi-set .set-list li p {
	color: #001
}

.acc-tabs .nav-tabs {
	background-color: #202020
}

.acc-tabs .nav-tabs li a {
	color: #c3c3c3
}

.acc-tabs .nav-tabs li.active a {
	background-color: #202020;
	border-color: #202020
}

.acc-tabs .nav-tabs li.active {
	background-color: #202020;
	border-color: #202020;
	border-bottom: 3px solid #00c896
}

.acc-tabs .nav-tabs li.active a span {
	color: #00c896
}

.acc-tabs .nav-tabs li a:hover {
	color: #00c896
}

.acc-tabs .nav-tabs li:hover {
	border-bottom: 3px solid #00c896
}

.acc-tabs .tab-content .tab-pane {
	background-color: #ddd
}

.ar-table .table thead tr {
	background-color: #263238
}

.orn-dep .url-box p {
	color: #001
}

.orn-dep .url-box p a {
	color: #f80101
}

.orn-dep .url-box .input-group .input-group-addon {
	background-color: #2a323c;
	color: #fff
}

.orn-dep .url-box .input-group input.form-control {
	background-color: #3f464f;
	color: #fff
}

.orn-dep .url-box .input-group input.form-control:focus {
	border-color: #ccc
}

.btns01 .btn.btn-dark {
	background-color: #ddd;
	color: #001
}

.btns01 .btn.btn-dark.active {
	background-color: #e34a4a;
	color: #fff
}

.orn-dep .od-box .btns02 p {
	font-size: 12px
}

.orn-dep .od-box .btns02 .text-right .btn {
	color: #fff
}

.orn-dep .od-box .btns02 .text-right .btn.btn-primary {
	background-color: #038b9a
}

.orn-dep .od-box .btns02 .text-right .btn.btn-green {
	background-color: green
}

.orn-dep .od-box .od-line {
	color: #919599;
	background-color: #263238
}

.orn-dep .od-box .od-line .echarts-box {
	background-color: #ddd
}

.od-list .input-group.search-left {
	border-color: #b7b6b6
}

.od-list .input-group select {
	background-color: #e0e0e0;
	color: #001
}

.od-list .count-right {
	color: #4b4c4e
}

.od-list .count-right span a {
	color: #001
}

.od-list .quo-his .img-list {
	background-color: #263238
}

#od_list .popover.bottom .arrow:after {
	border-bottom-color: #333a3d
}

#od_list .popover-content .pop-box h1.tit {
	color: #989ca1
}

#od_list .popover-content .pop-box p.attr {
	background-color: #1c2428
}

#od_list .popover-content .pop-box p.attr label {
	color: #fff
}

#od_list .popover-content .pop-box h2.tit {
	color: #95989d
}

#od_list .popover-content .pop-box p.intro {
	color: #95989d
}

.con-left .img-list h2.tit {
	color: #001
}

.con-left .img-list h2.tit span {
	color: #c86432
}

.con-left .count-box {
	color: #9b9ea3
}

.con-left .count-box .count-group .progress-table .progress-line {
	background: linear-gradient(to right, #010101, #989898)
}

.con-left .from-group .label-left {
	color: #001
}

.con-left .from-group .value-right label {
	color: #001
}

.con-left .from-group .value-right .form-control[type=text] {
	color: #fff;
	background-color: #3f464f
}

.con-left .from-group .value-right p.intro {
	color: #e4e4e4
}

.conver-index h1.tit {
	color: #001;
	background-color: #263238
}

.conver-index .ci-filter {
	background-color: #ddd
}

.conver-index .ci-filter select.form-control {
	background-color: #2a323c;
	color: #001
}

.conver-index .ci-filter .btns-right .btn.btn-primary {
	background-color: #038b9a
}

.conver-index .ci-list .ci-group .cig-title {
	background-color: #263238
}

.conver-index .ci-list .ci-group .cig-title .info-left {
	color: #91959a
}

.conver-index .ci-list .ci-group .cig-title .btns-right .btn.btn-primary {
	background-color: #038b9a
}

.cig-content {
	background-color: #ddd
}

.cig-content .list-right .count-block {
	background-color: #263238
}

.cig-content .list-right .count-block h5 {
	color: #001
}

.cig-content .list-right .count-block .intro label {
	color: #001
}

.ci-list .page-info {
	background-color: #ddd
}

.con-tabs .nav-tabs {
	background-color: #ddd
}

.con-tabs .nav-tabs li.active a:after {
	border-bottom-color: #797979
}

.dota2-list ul.dota2-ul li {
	background-color: #e8e8e8
}

.dota2-list ul.dota2-ul li h5 {
	color: #9b9ea3
}

.dota2-list ul.dota2-ul li p.count {
	color: #001
}

.dota2-list ul.dota2-ul li p.count label b.red {
	color: #b00
}

.dota2-list ul.dota2-ul li p.count label b.blue {
	color: #04deea
}

.dota2-list ul.dota2-ul li .btn.btn-blue {
	color: #fff;
	background-color: #038b9a
}

.dota2-list ul.dota2-ul li .btn.btn-primary {
	color: #fff;
	background-color: #038b9a
}

.dota-popover {
	background-color: #fff
}

.dota-popover .dp-box .info-left p {
	color: #333
}

.dota-popover .dp-box .info-right .info-group label.label-left {
	color: #333
}

.dota-popover .dp-box .info-right .info-group span.span-right label.red {
	color: #c73434
}

.dota-popover .dp-box .info-right .info-group span.span-right a.help {
	color: #08deea
}

.dota-popover .links-bot .half {
	border-color: #f2f2f2
}

.dota-popover .links-bot .half a {
	color: #09f
}

.creater-info {
	background-color: #ddd
}

.creater-info h4 {
	color: #001
}

.creater-info .time-right label {
	color: #001
}

.creater-info .share-box label {
	color: #001
}

.activity-intro h1.tit {
	color: #c2c2c2
}

.activity-intro .ai-det {
	background-color: #ddd
}

.activity-intro .ai-det .aid-left h5 {
	color: #858a8f
}

.jp-poor .img-list h2 {
	color: #001
}

.jp-poor .img-list h2 label b {
	color: #c66432
}

.people-tabs .nav-tabs li a b {
	color: #c63
}

.people-tabs .nav-tabs li.active a {
	border-bottom-color: #797979;
	color: #9b9ea4
}

.people-tabs .tab-content .tab-pane {
	background-color: #ddd
}

.index-left-tabs .tab-content .tab-pane {
	background-color: #ddd
}

.games-index-box .gib-filters a {
	color: #93969c
}

.games-index-box .gib-filters a.active {
	color: #fff;
	background-color: #518071
}

.games-index-box .gib-group .gibg-title {
	color: orange;
	background-color: #202020
}

.games-index-box .gib-group .gibg-title .matchDesc {
	color: #d49915
}

.games-index-box .gib-group .gibg-title a {
	color: #001
}

.games-index-box .gib-group .gibg-list a:nth-child(odd) .gibg-group {
	background-color: #ddd
}

.games-index-box .gib-group .gibg-list a:nth-child(even) .gibg-group {
	background-color: rgba(0, 0, 0, .06)
}

.games-index-box .gib-group .gibg-list a:hover .gibg-group {
	background-color: #eee
}

.yellow {
	color: #f8b201
}

.green {
	color: #66d203
}

.gray {
	color: #979aa0
}

.games-index-box .gib-group .gibg-list .gibg-group .status .name {
	color: red;
	font-weight: 700
}

.games-index-box .gib-group .gibg-list .gibg-group .info {
	color: #001
}

.user-box {
	background-color: #ddd
}

.user-box .ub-top a {
	color: #232222
}

.user-box .ub-img-box .sf-box p {
	color: #fff;
	text-align: center
}

.user-box .ub-username {
	color: #001
}

.user-box .count-box {
	border-top-color: #51585b
}

.user-box .count-box .cb-block {
	border-left-color: #797979;
	color: #001
}

.user-box .link-box .lb-box a {
	color: #001
}

.games-tabs .games-sm-list table tr:nth-child(odd) {
	background-color: #ddd
}

.games-tabs .games-sm-list table tr:nth-child(even) {
	background-color: #e8e8e8
}

.games-tabs .games-sm-list table tr td {
	color: #001
}

.games-tabs .games-sm-list .more-box span {
	color: #001
}

.week-pank .wp-list .wp-group:nth-child(odd) {
	background-color: #ddd
}

.week-pank .wp-list .wp-group:nth-child(even) {
	background-color: #e8e8e8
}

.week-pank .wp-list .wp-group label.num {
	color: #383838;
	background-color: #ccc
}

.week-pank .wp-list .wp-group:nth-child(1) label.num {
	color: #fff;
	background-color: #e34a4a
}

.week-pank .wp-list .wp-group:nth-child(2) label.num {
	color: #fff;
	background-color: #04a2b3
}

.week-pank .wp-list .wp-group:nth-child(3) label.num {
	color: #fff;
	background-color: #df9f00
}

.week-pank .wp-list .wp-group .user-info .ui-right h5 {
	color: #001
}

label.role {
	color: #fff
}

.role-red {
	background-color: #eb4b4b
}

.role-green {
	background-color: #ade55c
}

.role-purple {
	background-color: #d32ce6
}

.role-yellow {
	background-color: #e4ae39
}

.user-ranks-daily .wp-list .wp-group .count-right {
	color: red
}

.user-ranks-riches .wp-list .wp-group .count-right {
	color: #039a0a
}

.og-main .acc-tabs .tab-content .tab-pane {
	background-color: #ddd
}

.og-box .ogb-filter select.form-control {
	color: #001;
	background-color: #2a323c
}

.og-box .ogb-list .obg-group {
	background-color: #e8e8e8
}

.og-box .ogb-list .obg-group .head-img-box .sf-box {
	background: url(../../../images/bg-head-img82.png) no-repeat
}

.og-box .ogb-list .obg-group .img-list li a img {
	border-color: #fff
}

.og-box .ogb-list .obg-group .count01 {
	color: #001
}

.og-box .ogb-list .obg-group .count02 {
	color: #0a0a0a
}

.btn-primary {
	background-color: #038b9a
}

.activity-desc .desc-box p {
	color: #9b9fa4
}

.last-rewards .lr-list ul li:nth-child(odd) {
	background-color: #e8e8e8
}

.last-rewards .lr-list ul li:nth-child(even) {
	background-color: #ddd
}

.competition-info .comp-dets .cd-top .info-box {
	color: #001
}

.competition-info .comp-dets .progress-box {
	color: #a9acb0
}

.competition-info .comp-dets .progress-box .progress-border {
	background-color: #f2f2f2
}

.competition-info .comp-dets .progress-box .progress-border .linear.left {
	background: linear-gradient(to right, #c9c9c9, #030303)
}

.competition-info .comp-dets .progress-box .progress-border .linear.right {
	background: linear-gradient(to left, #c9c9c9, #030303)
}

.competition-info .comp-dets .center-box h2 {
	color: red;
	font-weight: 700
}

.competition-info .comp-dets .center-box h3 {
	color: #e34a4a
}

.competition-info .comp-dets .center-box h4 {
	color: #001
}

.competition-info .comp-dets .center-box p a {
	color: #fff;
	background-color: #e34a4a
}

.red {
	color: red
}

.goldyellow {
	color: #d49915
}

.jc-box h1.tit {
	background-color: #202020
}

.jc-box h1.tit span.intro-right {
	color: gray
}

.jc-box .jc-row {
	background-color: #ddd
}

.jc-box .jc-row .btn-box p {
	color: #001
}

.sp-box h1.tit,
.js-history h1.tit {
	color: #101010;
	background-color: #e8e8e8
}

.sp-box h1.tit span label {
	color: #c66332
}

.sp-box h1.tit span a {
	color: #001
}

.sp-box h1.tit a.right {
	color: #001
}

.js-history .jsh-list {
	background-color: #ddd
}

.jsh-group .jshg-tit .username {
	color: #c2c3c4
}

.jsh-group .jshg-tit .time-right {
	color: #9b9fa4
}

.history-list ul li:nth-child(odd) {
	background-color: #ddd
}

.history-list ul li:nth-child(even) {
	background-color: #e8e8e8
}

.history-list ul li a .team-left label,
.history-list ul li a .team-right label {
	color: #001
}

.history-list .btn-box {
	background-color: #ddd
}

.history-list .btn-box a {
	color: #9a9ea3
}

.jc-your h1.tit {
	background-color: #e8e8e8
}

.jc-your h1.tit a.right {
	color: #fff
}

.jc-your .jcy-det {
	background-color: #ddd
}

.jc-your .jcy-det h2.tit {
	color: #001
}

.jc-your .jcy-det h2.tit a.right {
	color: #fff
}

.panks-box h1.tit {
	background-color: #202020
}

.panks-box .panks-list {
	background-color: #ddd
}

.form-control:focus {
	-webkit-box-shadow: inset 0 0 0 transparent, 0 0 0 transparent !important;
	box-shadow: inset 0 0 0 transparent, 0 0 0 transparent !important
}

input {
	background-color: #3f464f;
	color: rgba(255, 255, 255, .6)
}

.item_price {
	color: #fff;
	background-color: #202020
}

.item_state {
	font-size: 10px;
	background-color: #202020
}

.item_user_guess_top {
	color: #4b4b4c
}

.history_guess_time {
	color: #4b4b4c
}

.mylist-user-box {
	background-color: #ddd
}

.mylist-user-box .count-box .cb-block {
	border-left-color: #797979;
	color: #5a5a5a
}

.mnav li:nth-of-type(even) {
	background: #e8e8e8
}

.leagueSchedule li:nth-of-type(odd) {
	background: #e8e8e8
}

.leagueSchedule li:nth-of-type(even) {
	background: #ddd
}

.league li:nth-child(odd) {
	background-color: #e8e8e8
}

.league li:nth-child(even) {
	background-color: #ddd
}

.leagueTitle {
	color: #001
}

.leagueContent {
	color: #001
}

.mnavItem {
	color: #001
}

.acc-tabs .nav-tabs {
	border-color: transparent
}

.nav-tabs>li>a:hover {
	border-color: transparent
}

.nav>li>a:hover,
.nav>li>a:focus {
	background: 0 0;
	color: #555
}

.match_user_guess_left li,
.match_user_guess_right li {
	background-color: #e8e8e8
}

.user_guess_tuhao li:nth-child(odd) {
	background-color: #ddd
}

.user_guess_tuhao li:nth-child(even) {
	background-color: #e8e8e8
}

.dq_price {
	color: #e8190d
}

.dq_waiting {
	color: #e8190d
}

.lock-icon {
	color: orange
}

.newslist .news-title {
	color: #fff
}

.newslist ul li a {
	color: #001
}

.pi-set h1.tit {
	background-color: #ddd;
	color: #001
}

.ptitle {
	background-color: #ddd
}

.loading {
	color: gray
}

.match-running {
	color: #000
}

.match-living {
	color: green
}

.match-end {
	color: gray
}

.formInput {
	color: rgba(14, 14, 14, .7) !important
}

.offer_type1 {
	color: green
}

.offer_type-1 {
	color: red
}

.press-common {
	background-color: gray
}

.press-win {
	background-color: green
}

.press-fail {
	background-color: red
}

.no_record {
	color: gray
}

.win {
	color: green
}

.fail {
	color: red
}

.nav-left .fa {
	color: #001;
	font-size: 20px
}

.item_new {
	color: orange
}

.popover-title {
	background-color: #1f1f1f;
	border-bottom: 0
}

.popover {
	background-color: #4c4c4c;
	border: 1px solid #000
}

.popover.bottom .arrow:after {
	border-bottom-color: #4c4c4c
}

.pop_game_other>div {
	color: #767676
}

.pop_game_list {
	color: #b4b4b4
}

.pop_game_list * {
	color: #fff
}

.roll_rooms {
	background-color: #ddd
}

.eventPanel .event-info li {
	color: #202020;
	background: rgba(156, 159, 160, .42)
}

.pt10 {
	color: #202020
}

.etopGroupPanel {
	height: 15px;
	background-color: #ddd
}

.videopanel {
	background-color: #ddd
}

.no-match,
.not_data {
	background-color: #ddd
}

.loading-container .el-loading-mask {
	background-color: #ddd !important
}

.loading-container .el-loading-mask .el-loading-spinner .el-icon-loading {
	color: #409eff !important
}

.loading-container .el-loading-mask .el-loading-spinner .el-loading-text {
	color: #409eff !important
}

.coin-content-th-top {
	background-color: #ddd
}

.coin-content-th {
	background-color: #ddd;
	color: #8e9398
}

.coin-content-th:nth-child(odd) {
	background-color: #e8e8e8;
	color: #001
}

.coin-content-th:nth-child(even) {
	background-color: #ddd;
	color: #001
}

.echat-box {
	background: #ddd;
	color: #8e9398
}

.well {
	background-color: #fff;
	border: 0 solid #ddd;
	-webkit-box-shadow: 0 !important;
	box-shadow: 0 !important
}

.coin-box-web {
	background-color: #f7f7f7;
	color: #8b8b8b
}

.coin-text {
	background-color: #f0f0f0;
	color: #001
}

.modal-items-conter {
	background-color: #e8e8e8
}

.container-left {
	padding-left: 10px;
	border-right: 10px solid #fff
}

.container-right {
	border-left: 10px solid #fff
}

.panel-default>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd
}

.panel-default>.panel-body {
	background-color: #f4f4f4
}

.coinflip-tab-header {
	color: #fff;
	background-color: #171717
}

.coin-players-vs1 {
	color: #fff
}

.coin-players-vs2 {
	color: #222
}

.coinflip-numberText {
	color: #8f8f8f
}

.coinflip-tab-box {
	background: #efefef
}

.new_create {
	background: #693;
	color: #fff
}

.coinflip_allrecords {
	background: #038b9a;
	color: #fff
}

.coinflip_myrecord {
	background: #038b9a;
	color: #fff
}

.coinflip_myrecord:hover,
.coinflip_myrecord:focus {
	color: #fff
}

.coinflip_allrecords:hover,
.coinflip_allrecords:focus {
	background: #038b9a;
	color: #fff
}

.coinflip-number {
	color: #001
}

.total-item {
	color: #001
}

.coin-content-header {
	background-color: #000;
	color: #fff
}

.coin-items {
	background-color: rgba(255, 255, 255, .1) !important
}

.coin-totalValue {
	color: #222
}

.coin-content-box>li:nth-child(odd) {
	background-color: #fff
}

.coin-content-box>li:nth-child(even) {
	background-color: #f4f4f4
}

​ .coin-box-itemsNum {
	color: #000;
	background-color: #fff
}

.coin-head {
	background-color: #171717
}

.modal-title {
	color: #888
}

.image-p {
	border: 2px solid #e8e8e8;
	background-color: #fff
}

.image-n {
	border: 2px solid #038b9a;
	background-color: #fff
}

.image-p:hover {
	border: 2px solid #038b9a
}

.tips-bottomBack {
	background-color: #ff9d8f
}

.tips-bottomBack-P {
	background-color: #9acd32
}

.modal-body-tab {
	border-top: 1px solid #f4f4f4;
	padding-top: 0
}

.tips-topBack {
	background-color: #d9d9d9
}

.tips-topBack-k {
	border-color: #888;
	border: 1px solid rgba(0, 0, 0, .233);
	background-color: #ddd
}

.dialog-box .el-dialog {
	background-color: #fff
}

.dialog-box .el-dialog__body {
	border-color: #fff
}

.dialog-box .el-dialog__header {
	border-bottom: 1px solid #ddd
}

.dialog-box .el-dialog__footer {
	border-top: 1px solid #ddd;
	background-color: #fff
}

.tips-topBack-P {
	background-color: #9acd32
}

.bag-iteminfo-key {
	color: #888
}

.bag-iteminfo-value {
	color: #e8190d
}

.tips-total {
	color: #313131
}

.coin-details-items {
	background-color: #efefef
}

.coin-details-text {
	border-top: 1px solid #ddd;
	background-color: #f5f5f5;
	color: #001
}

.tips-total-join {
	color: #313131
}

.dota2-list ul.dota2-ul li {
	box-sizing: 0 0 1px 1px #d2d2d
}

.dota2-list ul.dota2-ul li>.li-img {
	border: 1px solid #dfdfdf
}

.dota2-list ul.dota2-ul li>h5 {
	background-color: rgba(0, 0, 0, .5);
	color: #f81
}

.dota2-list ul.dota2-ul li>.item-value {
	color: #c2c2c2;
	background-color: #000
}

.dota2-list ul.dota2-ul li>.item-status>.item-st {
	background-color: #cf6a32;
	color: #fff
}

.dota2-list ul.dota2-ul li>.item-status>.item-lock {
	color: red;
	background-color: #000
}

.dota2-list ul.dota2-ul li>.item-cover-status {
	line-height: 66px;
	color: #c2c2c2;
	background: rgba(0, 0, 0, .6)
}

.headimg-img1 {
	background-color: #f4f4f4
}

.modal-center-headimg {
	background-color: #f4f4f4
}

.modal-items-head {
	background: #f4f4f4;
	border-bottom: 1px solid rgba(0, 0, 0, .137)
}

.modal-items-conter {
	background: #f4f4f4
}

.select-css {
	background-color: #e5e5e5;
	color: #8e9398;
	border: 0
}

.items-css .input-group>input {
	color: #8e9398
}

.user_guess_list_title {
	background-color: #e8e8e8;
	color: #001
}

::-webkit-scrollbar-thumb:vertical {
	height: 50px;
	background-color: #bbb;
	-webkit-border-radius: 4px;
	outline: 0 solid #e8e8e8;
	ouline-offset: -2px;
	border: 2px solid #e8e8e8
}

::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #999;
	-webkit-border-radius: 4px
}

::-webkit-scrollbar-thumb:horizontal {
	width: 50px;
	background-color: #bbb;
	-webkit-border-radius: 4px;
	outline: 0 solid #e8e8e8;
	ouline-offset: -2px;
	border: 2px solid #e8e8e8
}

.leagueScheduleMatchType {
	color: #202020
}

.roll_rooms_content span {
	color: #001
}

.league_top {
	background-color: rgba(221, 221, 221)
}

.new-index .leftBox>li:nth-child(odd) {
	background-color: #e8e8e8
}

.new-index .leftBox>li:nth-child(even) {
	background-color: #ddd
}

.new-index .cotain-box-head {
	background-color: #e8e8e8
}

.new-index .cotain-box {
	background-color: #ddd
}

.new-index .leftBox i {
	color: #001
}

.new-index .leftBox a {
	color: #001
}

.new-index .news-box a {
	color: #001
}

.new-index .news-box:nth-child(odd) {
	background-color: #ddd
}

.new-index .news-box:nth-child(even) {
	background-color: #e8e8e8
}

.nav-user-box {
	background-color: #ddd
}

.nav-user-line {
	border-left: 30px solid #716f81;
	border-right: 260px solid #716f81;
	color: #716f81
}

.nav-user-text>a {
	color: #343536
}

.items-mark_name {
	background-color: #ddd
}

.bag-items-box {
	border-top: 1px solid #c0c2c8;
	background-color: #ddd
}

.itemDatabase-input .el-input__inner {
	background-color: #eee;
	font-family: 1px solid #eee;
	color: #222
}

@font-face {
	font-family: iconfont;
	src: url(iconfont.eot?t=1544850334486);
	src: url(iconfont.eot?t=1544850334486#iefix) format('embedded-opentype'), url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), url(iconfont.ttf?t=1544850334486) format('truetype'), url(iconfont.svg?t=1544850334486#iconfont) format('svg')
}

.iconfont {
	font-family: iconfont !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-steam2:before {
	content: "\e874"
}

.icon-steam:before {
	content: "\ec22"
}

.icon-facebookfacebook52:before {
	content: "\e601"
}

.icon-app2:before {
	content: "\e6f2"
}

.icon-weixin:before {
	content: "\e60e"
}

.icon-qq:before {
	content: "\e607"
}

.icon-location:before {
	content: "\e67b"
}

.icon-back:before {
	content: "\e617"
}

.icon-jieshu:before {
	content: "\e71d"
}

.icon-group:before {
	content: "\e652"
}

.icon-rili-:before {
	content: "\e624"
}

.icon-steam1:before {
	content: "\e686"
}

.icon-jiangbei:before {
	content: "\e608"
}

.icon-app:before {
	content: "\e6f1"
}

.icon-yunliankeji-:before {
	content: "\e615"
}

.icon-jinhangzhong:before {
	content: "\e62c"
}

.user_guess_left,
.user_guess_right {
	width: 50%;
	margin-bottom: 10px;
	float: left
}

.user_guess_tuhao {
	width: 100%;
	margin-bottom: 10px;
	float: left
}

.mylist-user-box {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #29363d
}

.mylist-user-box-coin {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #efefef
}

.mylist-user-box .count-box {
	padding-top: 20px
}

.mylist-user-box .count-box .cb-block {
	float: left;
	border-left: 1px solid #797979;
	width: 33%;
	color: #9c9fa4;
	text-align: center
}

.mylist-user-box .count-box .cb-block-coin {
	float: left;
	border-left: 1px solid #999;
	width: 33%;
	color: #5a5a5a;
	text-align: center;
	line-height: 0
}

.coin-box-web {
	background-color: #e0e0e0;
	padding: 12px 0 10px;
	margin-top: 40px;
	margin-bottom: 40px
}

.coin-text>span:nth-child(1) {
	padding-left: 20px
}

.coin-items>div:nth-child(1) {
	padding-left: 20px
}

.container-left {
	width: 49%;
	border-right: 10px solid #f4f4f4
}

.container-right {
	width: 49%;
	border-left: 10px solid #f4f4f4
}

.coin-text {
	background: #f0f0f0;
	text-align: left;
	padding: 10px 5px
}

.coin-items {
	background: #e0e0e0;
	padding: 10px 0
}

.mylist-user-box .count-box .cb-block-coin>p {
	margin: 0;
	padding: 10px 0
}

.mylist-user-box .count-box .cb-block-coin>h6 {
	margin: 0;
	padding-bottom: 10px
}

.mylist-user-box .count-box .cb-block:first-child {
	border-left: 0
}

.mylist-user-box .count-box .cb-block h6 {
	margin-top: 0;
	font-size: 14px
}

.mylist-user-box .count-box .cb-block p {
	margin-bottom: 0
}

.mnavItemPanel {
	width: 100%;
	height: 100%;
	clear: both
}

.mnavItemPanel a {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.mnav {
	list-style: none;
	padding: 0;
	vertical-align: middle
}

.mnav li {
	display: block;
	height: 45px;
	line-height: 45px;
	vertical-align: middle
}

.mnav li:nth-of-type(even) {
	background: rgba(0, 0, 0, .075)
}

.mnav li span {
	font-size: 12px
}

.mnavItem {
	color: #c2c2c2
}

.navTeamLabel {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em
}

.mnav_flag {
	width: 16px;
	margin-right: 10px;
	margin-left: 2px;
	height: 16px
}

.mnav_img {
	width: 20px;
	height: 20px
}

.leagueSchedule li {
	height: 80px
}

.leagueSchedule_img {
	margin-right: 2px;
	margin-left: 2px;
	width: 20px;
	height: 20px
}

.leagueSchedule li:nth-child(odd) {
	background-color: #29363d
}

.leagueSchedule li:nth-child(even) {
	background-color: #2c3941
}

.leagueScheduleMatchType {
	color: #ff9200
}

.leagueEvent {
	height: 34px;
	line-height: 34px;
	display: flex;
	align-items: center
}

.leaguenav {
	list-style: none;
	padding: 0;
	vertical-align: middle
}

.leaguenav li {
	display: block;
	height: 100px;
	line-height: 100px;
	vertical-align: middle
}

.leaguenav .leagueImg {
	margin-left: 30px;
	width: 280px;
	height: 80px
}

.leagueNavItem {
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.leagueNavItem a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.leagueNavItemVCenter {
	height: 80px;
	line-height: 80px;
	display: flex;
	align-items: center
}

.league-row {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px
}

.league-row a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.futureLeagueTitle {
	font-size: 18px
}

.futureLeagueDescription {
	display: -webkit-box;
	padding-top: 10px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	color: #919599
}

.pbottom {
	padding: 0 0 10px
}

.match-group-heading {
	cursor: pointer;
	padding: 10px;
	background: #202020;
	color: #ff9200
}

.schedule-group-heading {
	margin-left: 20px
}

.img-thumb {
	border: 1px solid #666;
	padding: 1px
}

.teamBigImg {
	width: 75px;
	height: 60px;
	background: #333;
	background-size: 75px 60px;
	-moz-background-size: 75px 60px;
	-moz-background-size: 75px 60px;
	-o-background-size: 75px 60px
}

.pull-right {
	float: right !important
}

.teamMediumImg {
	width: 35px;
	height: 35px;
	background: #333;
	background-size: 75px 60px;
	-moz-background-size: 75px 60px;
	-moz-background-size: 75px 60px;
	-o-background-size: 75px 60px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

.winBigLeft {
	position: relative;
	left: -55px;
	top: -15px
}

.winBigRight {
	position: relative;
	left: 55px;
	top: -15px
}

.winMediumLeft {
	position: relative;
	left: -10px;
	top: -40px;
	width: 20px;
	height: 20px
}

.winMediumRight {
	position: relative;
	left: 25px;
	top: -40px;
	width: 20px;
	height: 20px
}

.module {
	margin-bottom: 10px
}

h3.module-title {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px
}

.nickName {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis
}

.nickName div {
	margin-right: 5px
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.acc-tabs .nav-tabs {
	border-color: transparent
}

.nav-tabs>li>a:hover {
	border-color: transparent
}

.nav>li>a:hover,
.nav>li>a:focus {
	text-decoration: none;
	background: 0 0;
	color: #555;
	cursor: pointer
}

.match_user_guess_left li,
.match_user_guess_right li {
	background-color: #2c3941;
	margin-top: 5px
}

.match_user_guess_left li {
	margin-right: 5px
}

.match_user_guess_right li {
	margin-left: 5px
}

.user_guess_tuhao li {
	margin: 0
}

.user_guess_tuhao li:nth-child(odd) {
	background-color: #29363d
}

.user_guess_tuhao li:nth-child(even) {
	background-color: #2c3941
}

.dq_price {
	padding-left: 5px;
	color: orange
}

.dq_waiting {
	color: red
}

#index_notice_wallper div {
	width: 300px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 20px
}

.user_guess_list_title {
	margin: 0;
	padding: 15px 20px;
	font-size: 16px;
	color: #c2c2c2;
	line-height: 30px;
	background-color: #263238
}

.ornament_title {
	margin-bottom: 10px
}

.divine_ornament,
.win_ornament {
	padding-left: 20px;
	padding-top: 10px;
	clear: both
}

.formInput {
	background: 0 0 !important
}

.formInput {
	color: rgba(255, 255, 255, .7) !important
}

.matchTitleLine {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-left: 10px;
	padding-right: 10px
}

.matchTitleLine .time {
	width: 25%;
	text-align: left
}

.matchTitleLine .desc {
	width: 50%;
	text-align: center
}

.matchTitleLine .lock {
	width: 25%;
	text-align: right
}

.lock-icon {
	color: orange
}

.newslist .news-title {
	margin-left: 18px;
	padding-top: 5px;
	display: inline-block;
	color: #fff;
	vertical-align: bottom
}

.newslist ul li a {
	display: inline-block;
	color: #c2c2c2;
	line-height: 18px
}

.press-public {
	width: 50px;
	overflow: hidden;
	border-radius: 20px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	color: #fff
}

.press- {
	color: red
}

.item_box .item_backing {
	height: 65px;
	padding-top: 25px
}

.teamName {
	font-weight: 700;
	width: auto
}

#ranNavTabs.nav-tabs li {
	width: 50%
}

.gift_action_row {
	text-align: left;
	padding-left: 20px;
	padding-bottom: 10px
}

.personalTitle {
	margin-left: 18px
}

.other-login {
	width: 250px;
	height: 100px;
	margin-left: 100px;
	margin-top: 20px
}

.other-login a.link-steam {
	background-position: -303px -226px
}

.other-login a.link-wx {
	background-position: -303px -281px
}

.other-login a.link-qq {
	background-position: -303px -336px
}

.other-login a {
	display: block;
	width: 171px;
	height: 35px;
	margin-bottom: 20px;
	background: url(../images/icons.png);
	opacity: .8
}

.bold {
	font-weight: 700
}

.popoverxContext {
	display: none
}

.popoverxContext>div {
	margin-bottom: 5px
}

.pop_name {
	font-size: 18px
}

.pop_game_info>div {
	float: left
}

.pop_game_image {
	min-height: 32px
}

.pop_game_other {
	margin-left: 5px
}

.pop_game_other>div {
	color: #767676
}

.pop_game_list {
	color: #b4b4b4;
	clear: both;
	font-size: 12px;
	padding-right: 8px;
	clear: both
}

.pop_game_list * {
	color: #fff
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px
}

.obg-group .roll_item_img {
	width: 100%;
	height: 130px;
	position: relative;
	background: url(../images/item/boxbg.jpg)
}

.obg-group .roll_detail {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.roll_record_list {
	width: 100%;
	margin-bottom: 10px;
	float: left
}

.roll_prized_list_box {
	width: 1040px;
	max-height: 520px;
	overflow: hidden
}

.roll_prized_items {
	height: 100px;
	width: 100%;
	padding-left: 10px;
	border-bottom: 1px solid #272a30;
	overflow: hidden
}

.roll_prized_items_left {
	width: 74px;
	height: 100%;
	float: left;
	text-align: center;
	position: relative;
	margin-right: 30px
}

.roll_prized_items_left img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: 2px solid #30363c;
	margin-top: 15px
}

.roll_prized_items_center {
	width: 160px;
	text-align: left;
	padding-top: 20px;
	float: left
}

.roll_prized_items_center .describe {
	height: 20px;
	line-height: 20px;
	display: block;
	font-size: 12px;
	color: #999
}

.roll_prized_items_right {
	width: 762px;
	height: 100%;
	float: left;
	padding-top: 15px
}

.edit_roll .roll_title {
	height: 40px;
	width: 98%;
	text-align: left;
	padding-left: 20px;
	line-height: 40px;
	font-size: 14px;
	font-weight: 700;
	color: #d5d5d5;
	background: #272a30
}

.edit_roll .roll_rooms {
	width: 440px;
	z-index: 8;
	float: left
}

.edit_roll .roll_rooms_panel .roll_rooms .roll_rooms_content {
	width: 387px;
	height: auto;
	margin-left: 20px;
	font-size: 12px;
	color: #303030
}

.roll_rooms_content .active_time {
	width: 100%;
	height: 55px;
	margin-bottom: 25px
}

.roll_rooms_content .content_left {
	display: block;
	height: 50px;
	line-height: 50px
}

.roll_rooms_content .active_time .active_time_input {
	width: 100%
}

.roll_rooms_content .partake,
.roll_rooms_content .room_password {
	width: 100%;
	height: 55px;
	margin-bottom: 25px
}

.roll_rooms_content .content_left {
	display: block;
	height: 50px;
	line-height: 50px
}

.roll_rooms_content .partake input,
.roll_rooms_content .room_password input {
	width: 387px
}

.roll_rooms_content .partake,
.roll_rooms_content .room_password {
	width: 100%;
	height: 55px;
	margin-bottom: 25px
}

.roll_rooms_content .content_left {
	display: block;
	height: 50px;
	line-height: 50px
}

.roll_rooms_content .other_condition {
	width: 100%;
	height: auto
}

.roll_rooms_content .other_condition .content_condition {
	float: left
}

.roll_rooms_content .other_condition .content_condition .radio_box {
	height: 30px;
	line-height: 30px;
	margin-bottom: 15px
}

.roll_rooms_content .other_condition .content_condition .radio_box .radio_type {
	height: 13px
}

.roll_rooms_content .other_condition .content_condition .radio_box .content_right_txt {
	width: 60px;
	text-align: center;
	margin: 0 5px
}

.roll_rooms_content .other_condition .content_condition .radio_box .content_right_txt {
	width: 60px;
	text-align: center;
	margin: 0 5px
}

.roll_rooms_content input {
	background: #2e323a;
	color: #d9d6d6;
	outline: none;
	border: none;
	border-radius: 4px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 12px
}

.roll_rooms_content .room_describe {
	height: 140px;
	width: 100%;
	margin: 40px 0 20px
}

.roll_rooms_content .room_describe #room_describe {
	width: 387px;
	height: 90px;
	background: #2e323a;
	padding: 10px;
	outline: none;
	color: #757575;
	border: none;
	border-radius: 4px;
	font-family: еЇ°о†їи’‹й—†е‘ґзІ¦;
	font-size: 12px
}

.wordcount {
	bottom: 4px;
	right: 4px;
	float: right
}

.roll_rooms_content .other_condition .content_condition .add_ornaments_bot {
	width: 100%;
	font-size: 12px;
	line-height: 25px;
	color: #585a63;
	margin: 20px 0
}

.roll_rooms_content .other_condition .content_condition .add_ornaments_bot .checkbox_wrapper,
.roll_rooms_content .other_condition .content_condition .add_ornaments_bot .checkbox_wrapper2 {
	cursor: pointer;
	font-size: 12px;
	display: inline-block
}

.roll_rooms_content .other_condition .content_condition .add_ornaments_bot .checkbox {
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	display: inline-block;
	line-height: 1;
	position: relative;
	vertical-align: text-bottom
}

.roll_rooms_content .other_condition .content_condition .add_ornaments_bot .checkbox .checkbox_input {
	position: absolute;
	left: -6px;
	z-index: 1;
	cursor: pointer;
	top: -3px;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%
}