@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
*, body {
	padding:0px;
	margin:0px;
	color: #222;
	font-family: "微软雅黑";
}
@font-face {
font-family:electronicFont;
src:url(../font/DS-DIGIT.TTF)
}
body {
	background:#000d4a url(../images/bg.jpg) center top;
	background-size:cover;
	color:#666;
font-size: .1rem;
}
li {
	list-style-type:none;
}
table {
}
i {
	margin:0px;
	padding:0px;
	text-indent:0px;
}
img {
	border:none;
	max-width: 100%;
}
a {
	text-decoration:none;
	color:#399bff;
}
a.active, a:focus {
	outline:none!important;
	text-decoration:none;
}
ol, ul, p, h1, h2, h3, h4, h5, h6 {
	padding:0;
	margin:0
}
a:hover {
	color:#06c;
	text-decoration: none!important
}
.clearfix:after, .clearfix:before {
	display: table;
	content: " "
}
.clearfix:after {
	clear: both
}
.pulll_left {
	float:left;
}
.pulll_right {
	float:right;
}/*谷哥滚动条样式*/
::-webkit-scrollbar {
width:5px;
height:5px;
position:absolute
}
::-webkit-scrollbar-thumb {
background-color:#5bc0de
}
::-webkit-scrollbar-track {
background-color:#ddd
}/***/
.canvas {
	position: absolute;
	width:100%;
	left: 0;
	top: 0;
	height: 99%;
	z-index: 1;
}
.allnav {
	height: calc(100% - 30px);
}
.loading {
	position:fixed;
	left:0;
	top:0;
	font-size:18px;
	z-index:100000000;
	width:100%;
	height:100%;
	background:#1a1a1c;
	text-align:center;
}
.loadbox {
	position:absolute;
	width:160px;
	height:150px;
	color: #aaa;
	left:50%;
	top:50%;
	margin-top:-100px;
	margin-left:-75px;
}
.loadbox img {
	margin:10px auto;
	display:block;
	width:40px;
}
.copyright {
	background:rgba(19, 31, 64, .32);
	border: 1px solid rgba(255, 255, 255, .05);
line-height:.5rem;
	text-align: center;
	padding-right: 15px;
	bottom: 0;
	color:rgba(255, 255, 255, .7);
font-size: .16rem;
}
.head {
	height:1.05rem;
	background: url(../images/head_bg.png) no-repeat center center;
	background-size: 100% 100%;
	position: relative;
	z-index: 100;
}
.head h1 {
	color:#fff;
	text-align: center;
font-size: .4rem;
line-height:.8rem;
}
.head h1 img {
	width:1.5rem;
	display: inline-block;
	vertical-align: middle;
margin-right: .2rem
}
.weather {
	position:absolute;
right:.3rem;
	top:0;
line-height: .75rem;
}
.weather img {
width:.37rem;
	display: inline-block;
	vertical-align: middle;
}
.weather span {
	color:rgba(255, 255, 255, .7);
font-size: .18rem;
padding-right: .1rem;
}
.mainbox {
padding:.1rem .1rem 0rem .1rem;
}
.mainbox>ul {
}
.mainbox>ul>li {
	float: left;
padding: 0 .1rem
}
.mainbox>ul>li {
	width: 30%
}
.mainbox>ul>li:nth-child(2) {
width: 40%;
padding: 0
}
.boxall {
	border: 1px solid rgba(25, 186, 139, .17);
padding:0 .2rem .4rem .15rem;
	background: rgba(255, 255, 255, .04) url(../images/line.png);
	background-size: 100% auto;
	position: relative;
margin-bottom: .15rem;
	z-index: 10;
}
.boxall:before, .boxall:after {
	position:absolute;
width: .1rem;
height: .1rem;
	content: "";
	border-top: 2px solid #02a6b5;
	top: 0;
}
.boxall:before, .boxfoot:before {
	border-left: 2px solid #02a6b5;
	left: 0;
}
.boxall:after, .boxfoot:after {
	border-right: 2px solid #02a6b5;
	right: 0;
}
.alltitle {
font-size:.2rem;
	color:#fff;
	text-align: center;
line-height: .5rem;
}
.boxfoot {
	position:absolute;
	bottom: 0;
	width: 100%;
	left: 0;
}
.boxfoot:before, .boxfoot:after {
	position:absolute;
width: .1rem;
height: .1rem;
	content: "";
	border-bottom: 2px solid #02a6b5;
	bottom: 0;
}
.bar {
	background:rgba(101, 132, 226, .1);
padding: .15rem;
}
.barbox li, .barbox2 li {
	width:50%;
	text-align: center;
	position: relative;
	z-index: 100;
}
.barbox:before, .barbox:after {
	position:absolute;
width: .3rem;
height: .1rem;
	content: "";
}
.barbox:before {
	border-left: 2px solid #02a6b5;
	left: 0;
	border-top: 2px solid #02a6b5;
}
.barbox:after {
	border-right: 2px solid #02a6b5;
	right: 0;
	bottom: 0;
	border-bottom: 2px solid #02a6b5;
}
.barbox li:first-child:before {
	position:absolute;
	content: "";
	height:50%;
	width: 1px;
	background: rgba(255, 255, 255, .2);
	right: 0;
	top: 25%;
}
.barbox {
	border: 1px solid rgba(25, 186, 139, .17);
	position: relative;
}
.barbox li {
font-size: .7rem;
	color: #ffeb7b;
padding: .05rem 0;
	font-family:electronicFont;
	font-weight: bold;
}
.barbox2 li {
font-size: .19rem;
	color:rgba(255, 255, 255, .7);
padding-top: .1rem;
}
.map {
	position:relative;
	height: 7.2rem;
	z-index: 9;
}
.map4 {
	width: 200%;
	height:7rem;
	position: relative;
	left: -50%;
	top: 4%;
margin-top: .2rem;
	z-index: 5;
}
.map1, .map2, .map3 {
	position:absolute;
	opacity: .5
}
.map1 {
	width:6.43rem;
	z-index: 2;
top:.45rem;
left: .7rem;
	animation: myfirst2 15s infinite linear;
}
.map2 {
	width:5.66rem;
top:.85rem;
	left:1.2rem;
	z-index: 3;
	opacity: 0.2;
	animation: myfirst 10s infinite linear;
}
.map3 {
	width:5.18rem;
	top:1.07rem;
	left: 1.4rem;
	z-index: 1;
}
.tabs {
	text-align: center;
padding: .1rem 0 0 0;
}
.tabs a {
	position: relative;
	display: inline-block;
	margin-left: 1px;
padding:.05rem .2rem;
	color: #898989;
transition: all .3s ease-out 0s;
	font-size: 14px;
}
.tabs li {
	display:inline-block;
}
.tabs a:after {
	position: absolute;
	width: 1px;
	height: 10px;
	background-color: rgba(255, 255, 255, .1);
	content: '';
	margin-left:0;
	right:-1px;
	margin-top: 7px;
}
.tabs li a.active {
	border: 1px solid rgba(25, 186, 139, .17);
	background: rgba(255, 255, 255, .05);
	color:#fff;
}
.tit02 {
	text-align:center;
margin: .1rem 0;
	position: relative
}
.tit02 span {
	border: 1px solid rgba(25, 186, 139, .17);
	letter-spacing: 2px;
padding: .01rem .2rem;
	background: rgba(255, 255, 255, .05);
font-size: .18rem;
	color: #49bcf7;
}
.tit02:before, .tit02:after {
	position:absolute;
	width:26%;
	height: 1px;
	background: rgba(25, 186, 139, .2);
	content: "";
top: .12rem;
}
.tit02:after {
	right:0;
}
.tit02:before {
	left:0;
}
.wrap {
	height:2.54rem;
	overflow: hidden;
}
.wrap li {
line-height:.42rem;
height:.42rem;
font-size: .18rem;
text-indent: .24rem;
margin-bottom: .1rem;
}
.wrap li p {
	border: 1px solid rgba(25, 186, 139, .17);
	color: rgba(255, 255, 255, .6);
}
.sy {
	float:left;
	width: 33%;
	height:95%;
margin-top: .25rem;
}
.adduser {
	height:1.5rem;
	overflow: hidden;
}
.adduser li {
height:.5rem;
}
.adduser img {
width: .40rem;
border-radius: .5rem;
margin-right: .1rem;
	display: inline-block;
	vertical-align: middle;
}
.adduser span {
line-height:.5rem;
font-size: .18rem;
	color: rgba(255, 255, 255, .6);
}
.sycm ul {
margin-left:-.5rem;
margin-right:-.5rem;
padding: .16rem 0;
}
.sycm li {
	float: left;
	width: 33.33%;
	text-align: center;
	position: relative
}
.sycm li:before {
	position:absolute;
	content: "";
	height:30%;
	width: 1px;
	background: rgba(255, 255, 255, .1);
	right: 0;
	top: 15%;
}
.sycm li:last-child:before {
	width: 0;
}
.sycm li h2 {
font-size:.3rem;
	color: #c5ccff;
}
.sycm li span {
font-size:.18rem;
	color: #fff;
	opacity: .5;
}
@keyframes myfirst2 {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(359deg);
}
}
@keyframes myfirst {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(-359deg);
}
}/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	width:100%;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	white-space:nowrap;
}
.str_move {
	white-space:nowrap;
	position:absolute;
	top:0;
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	vertical-align:top;
	position:absolute;
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move, .str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move, .no_drag .str_move, .noStop .str_move {
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;
}