@charset "utf-8";

/********** Global **********/
html, body {
	width:100%;
	height:100%;
	font-family:"microsoft yahei", arial, sans-serif;
	background-color:#0b0f34;
	overflow-x:hidden;
	overflow-y:auto;
}
ul, li {
	list-style:none;
}
body {margin:0 auto;min-width:375px;max-width:1920px;}
a{text-decoration:none}

/********** Layout **********/
.header {position:relative;height:50px;box-sizing:border-box;}
.header-title {
	margin:0;
	padding:0;
	/* line-height:50px; */
	text-align:center;
	font-size:26px;
	font-weight:900;
	color:#fff;
	line-height: 2;
}
.wrapper {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	min-height:500px;
	background:url(../img/wrapper-bg.png) no-repeat center top;
	box-sizing:border-box;
}
/********** Content **********/
.content {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	padding:60px 10px 0px;
	height:100%;
	min-height:100%;
	box-sizing:border-box;
}
.col {margin:0 10px;height:100%;}
.col-l {-webkit-flex:2;-ms-flex:2;flex:2}
.col-c {-webkit-flex:3;-ms-flex:3;flex:3;}
.col-r {-webkit-flex:2;-ms-flex:2;flex:2;}
/* Mobile */
@media (max-width:1279px) {
	.content {
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.col {}
	.col-l, 
	.col-c, 
	.col-r {-webkit-flex:none;-ms-flex:none;flex:none;}
}
.xpanel-wrapper {padding-bottom:20px;box-sizing:border-box;}
.xpanel-wrapper {height:100%;}
.xpanel-wrapper-25 {height:25%;}
.xpanel-wrapper-30 {height:30%;}
.xpanel-wrapper-35 {height:35%;}
.xpanel-wrapper-40 {height:40%;}
.xpanel-wrapper-45 {height:45%;}
.xpanel-wrapper-60 {height:60%;}
.xpanel-wrapper-75 {height:75%; padding-bottom:0px;}
.xpanel-wrapper-95 {height:95%;}
.xpanel {
	height:100%;
	min-height:100px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	box-sizing:border-box;
	position:relative;
}
.xpanel-l-t {background-image:url(../img/panel-l-t.png);}
.xpanel-l-m {background-image:url(../img/panel-l-m.png);}
.xpanel-l-b {background-image:url(../img/panel-l-b.png);}
.xpanel-c-b {background-image:url(../img/panel-c-b.png);}
.xpanel-r-t {background-image:url(../img/panel-r-t.png);}
.xpanel-r-m {background-image:url(../img/panel-r-m.png);}
.xpanel-r-b {background-image:url(../img/panel-r-b.png);}
.xpanel .title {
	padding-left:15px;
	padding-top:9px;
	margin-left:20px;
	margin-bottom:8px;
	height:44px;
	line-height:44px;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	
	/* -webkit-animation: neon2 1s ease-in-out infinite alternate;
  	-moz-animation: neon2 1s ease-in-out infinite alternate;
  	animation: neon2 1s ease-in-out infinite alternate; */
  	
	background-image:url(../img/title-bg.png);
	background-repeat:no-repeat;
	background-position:0 20px;
}
.xpanel .title-xz {
	padding-left:15px;
	padding-top:9px;
	margin-left:20px;
	margin-bottom:8px;
	height:44px;
	line-height:44px;
	font-size:18px;
	font-weight:normal;
	color:#FFCD43;

	/* -webkit-animation: neon2 1s ease-in-out infinite alternate;
  	-moz-animation: neon2 1s ease-in-out infinite alternate;
  	animation: neon2 1s ease-in-out infinite alternate; */

	background-image:url(../img/title-bg.png);
	background-repeat:no-repeat;
	background-position:0 20px;
}

.xpanel .title .title_rt { float:right; border:1px solid #175AFF; border-radius:5px; line-height:32px; margin:10px 30px 10px 0; padding:0 24px 0 10px; color:#fff; font-size:16px;background:url(../img/arrow.png) no-repeat right center #48A3FF;}
.xpanel .title-long {background-image:url(../img/title-bg.png);}

.panel-img { height:calc(100% - 80px); text-align:center; padding:0 20px 0px;overflow: hidden;}
.panel-img img { height:100%; width:100%;}

/* tool */
.fill-h {height:100% !important;min-height:100% !important;}
.no-margin {margin:0 !important;}
.no-padding {padding:0 !important;}
.no-bg {background:none !important; text-align:center;}
.no-bg img { width:100%; height:100%; padding:2%; box-sizing:border-box;}
.no-border {border:0 !important;}

/* scrollbar */
::-webkit-scrollbar {width:0;height:0;}
::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar-thumb {border-radius:5px;background-color:rgba(0, 0, 0, 0.3);}

.panel_light { 
		position: absolute;
		margin-top:-6px;
		animation: move_light 5s linear 0s infinite;
}
@keyframes move_light { 
		from {
				opacity: 1;
				left: 0;
		} 
		75% {
				opacity: 1;
		}
		to {
				opacity: 0.4; 
				left: calc(100% - 70px);
		} 
}
.header-tab { float:right; margin-top:-30px; position:absolute; z-index:1;left: 0px;}
.header-tab a { color:#ffff; font-weight:bold; text-decoration:none; padding:10px 18px; font-size:20px;}
.header-tab a.active { color:#FFCD43; background:url(../img/panel_tab_active.png) no-repeat center top; animation:all 2s linear;}

.header-tab1 { float:right; margin-top:-30px; position:absolute; z-index:1;right: 0px;}
.header-tab1 a { color:#ffff; font-weight:bold; text-decoration:none; padding:10px 18px; font-size:20px;}
.header-tab1 a.active { 
	 color:#FFCD43;  
	 background:url(../img/panel_tab_active.png) no-repeat center top;
	 animation:all 5s linear; 
}
.header-tab a{
	text-decoration:none; 
  	-webkit-transition: all 1s;
  	-moz-transition: all 1s;
  	transition: all 1s;
}
.header-tab1 a{
	text-decoration:none; 
  	-webkit-transition: all 1s;
  	-moz-transition: all 1s;
  	transition: all 1s;
}
.header-tab a:hover{
	color:#FFCD43;
	
}

.header-tab1 a:hover{
	color:#FFCD43;
	
}