@charset "utf-8";
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
*,body{padding:0px;	margin:0px;font-family: "微软雅黑";}
body{color:#666;font-size: .1rem;}
li{ list-style-type:none;}
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% - 20px);padding-top: 0.1rem;}
.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;}

.head{ height:1.05rem; position: relative; z-index: 100;}
.head h1{ color:#b2b2b2; text-align: center; font-size: .4rem; line-height:.7rem;font-family: cursive;}
.head h1 img{ width:1.5rem; display: inline-block; vertical-align: middle; margin-right: .2rem}
.mainbox{ padding:.1rem .1rem 0rem .1rem;}
.mainbox>ul>li{ width: 33.33%;float: left; padding: 0 .1rem}
.boxall{
	overflow: hidden;
	padding-top: 0.5rem;
	background-color: rgba(101,132,226,.15);
	position: relative;
	margin-bottom: .15rem;
	z-index: 10;
	border-radius: 5px;
}
.alltitle{ font-size:.2rem; color:#fff; text-align: center; line-height: .5rem;}
.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;}
.barbox li{ width:50%; text-align: center; position: relative; z-index: 100;font-size: .4rem; color:#03A9F4; padding: .05rem 0;font-weight: bold;}
.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;}
.map{  position:relative;z-index: 9;}
.map4{ width: 100%;padding: 0.1rem; height:6.8rem;  position: relative;margin-top: .2rem; z-index: 5;}
.map1,.map2,.map3{ position:absolute; opacity: .5}
.map1{ width:5.63rem; z-index: 2;top:.2.4rem; left: .85rem;  animation: myfirst2 15s infinite linear;}
.map2{ width:4.66rem; top:.75rem; left:1.2rem; z-index: 3; opacity: 0.2; animation: myfirst 10s infinite linear;}
.map3{ width:4.7rem; top:0.6rem; left: 1.7rem; z-index: 1;}
.bbv{text-align: center;width: 100%;margin-top: -12px;}
.btitle{color: white;background-color:#3c7cff;padding: 6px 65px;font-size:.19rem;border-radius: 20px;opacity: 0.9;}
.sy{ float:left; width: 49%; height:95%;}
.flex {display: flex;font-size: .18rem;font-weight: bold;}
.f {flex: 1;margin-left: 0.1rem;margin-right: 0.1rem;overflow: hidden;}
.g{flex: 1;color: white!important;text-align: center;}
.day{width: 0.1rem;float: left;font-size: 0.15rem;font-weight: normal;padding-top: 0.1rem;line-height: 0.18rem;}
.ziti{font-size: 0.42rem;float: left;margin-left:0.15rem;}
.desc{font-size: 0.2rem;float: left;margin-left:0.1rem;padding-top:0.21rem;font-weight: normal;}
.mov{margin: 0 auto;width: 80%;}
.sycm ul{margin-right:-.5rem;  padding: .16rem 0;margin-top: -0.3rem;}
.sycm li{text-align: center; position: relative;float: left;width:22%;background-color: rgba(101,132,226,.1);margin: 0.04rem;border-radius: 3px;padding: 0.12rem 0px;}
.sycm li:last-child:before{ width: 0;}

.sycm li h2{ font-size:.23rem; color: #c5ccff;}
.sycm li span{ font-size:.15rem; color: #fff; opacity: .5;}
.bl{border-right: 1px solid white;}
.hea{padding:0.1rem;}
.num{flex: 0.5;}
.zzl{flex: 1.2;}
.row {display: flex;cursor: pointer;}
.row:nth-child(even) {
	background-color: rgb(180 180 180 / 10%);
	/* box-shadow:0 0 7px #3c7cff; */
}
.row:hover {
	color: #68d8ff;
	background: rgba(255, 255, 255, 0.1);
}
.bf{color: white;text-align: center;padding: 0.1rem;}
.cn{text-align:center;}
.vtitle{color: rgba(255,255,255,.6);;float: left;}
.inline{
	float: left;
	overflow: hidden;
	margin-left: 0.25rem;
	height: 0.3rem;
}
.serig{float: right;color: rgba(255,255,255,.6);}
.sec{padding: 3px 10px;cursor: pointer;border-radius: 3px;}
.sec.active{background-color: #000d4a;}
.els{width: 1.2rem;height: 0.3rem;}
.el-cascader{
	font-size: 0.1rem!important;
	line-height: 0rem!important;
}
.el-form-item{
	margin-bottom: 0px!important;
}
.el-form--inline .el-form-item{
	margin-top: -0.1rem;
}
.el-input{height: 0.3rem!important;overflow: hidden;font-size: 0.1rem!important;}
.el-input__inner{
	background-color: #1f2b57 !important;
	border: 1px solid #1c2b67 !important;
	color: white!important;
	padding: 0.05rem!important;
	height: 0.3rem!important;
	font-size: 0.1rem!important;
}
.el-input__icon{font-size: 0.1rem!important;line-height: 0rem!important;}
.el-range__icon{line-height: 0.27rem!important;}
.col {
	flex: 1;
	padding: 10px;
	text-align: center;
	font-size: .17rem;
	color: #61a8ff;
}
.bage{
	border-radius: 2px;
	text-align: center;
	width: 0.5rem;
	color: white;
	font-weight: bold;
	margin: 0 auto;
	background-color: #ac001d;
}
.omit {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.tl {
	text-align: left;
}
.dzh{
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
}
.config{
	padding: 30px;
	overflow: hidden;
}
.sf{
	color: #1a1a1c!important;
}
.shadow{
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	background-color: white!important;
}
.checked{
	position: absolute;
	right: 0.1rem;
	top: 0.1rem;
	cursor: pointer;
}
.baowei{
	float: left;
	height: 0.45rem;
	width: 0.45rem;
	border-radius: 50%;
	text-align: center;
	line-height: 0.45rem;
	margin-left: 0.1rem;
	text-align: center;
}
.baowei_r{
	float: left;
	text-align: left;
	padding-left: 0.13rem;
}
.iconfont{
	font-size: 0.27rem!important;
	color: white;
}
.pm{
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 50%;
	display: block;
	background: #878787;
	color: #fff;
	line-height: 0.25rem;
	text-align: center;
	float: left;
	margin-right: 0.1rem;
	font-size:0.1rem ;
}
.gundong::-webkit-scrollbar {
	display: none
}

body::-webkit-scrollbar {
	display: none
}

.marquee-view {
	overflow-y: scroll !important;
	height:2.2rem;
}

.marquee-view::-webkit-scrollbar {
	display: none
}
.bsd{
	font-size: 0.18rem!important;
	color: #68d8fe;
	padding: 0.06rem!important;
}
.logos{
	position: absolute;
	width: 15%;
	top: 9px;
	left: 10px;
}
.icon-quanping{
	cursor: pointer;
}
#showTime{
	float: right;
	line-height: 0.55rem;
}
.icon-quanping_o{
	cursor: pointer;
	float: left;
	margin-top:-0.1rem;
}
.mvp{
	color: rgba(255,255,255,.6);
    font-weight: bold;
    position: relative;
	margin-top: -0.5rem;
    padding: 0.15rem 0.08rem 0.1rem 0.08rem;
	overflow: hidden;
	font-size: 0.2rem;
	background-color: rgba(101,132,226,.15);
}
.m3{
	margin-top: -0.3rem;
}
.dpk{width: 3.07rem!important;float: right!important;;margin-left: 0.1rem!important;;}
.chart{height: 5.1rem;}
.el-range-editor .el-range-input{
	background-color: #1f2b57 !important;
	color: white!important;
	margin-left: 0.05rem!important;
	font-size: 0.1rem!important;
}
.el-date-editor .el-range__icon{
	margin-top: -0.08rem!important;
}
.el-date-editor .el-range__close-icon{
	margin-top: -0.08rem!important;
}
.el-date-editor .el-range-separator{
	color: white!important;
	line-height:0.17rem!important;
	font-size: 0.1rem!important;
}
.navboxall{
	margin-top: 0.2rem;
}
.rowl{
	overflow: hidden;
	color: rgba(255,255,255,.6);
	margin-bottom: 0.15rem;
	font-weight: normal;
}
.lname{
	float: left;
	width: 45%;
	font-size: 0.05rem;
	padding-right: 0.12rem;
	text-align: right;
}
.pro{
	float: left;
	width: 35%;
}
.mgt{
font-size: 0.18rem!important;
font-weight: bold;!important;
}
.view{
	float: left;
	width: 20%;
	font-size: 0.08rem;
	text-align: right;
}
.curren {
	height: 0.2rem;
	background-color: #23abca;
	width: 0%;
	border-radius: 3px;
}
.bag {
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 50%;
	background-color: #23abca;
	float: left;
	margin-top: 7px;
	margin-right: 6px;
}
.bots {
	float: left;
	height: 0.3rem;
	width: 0.08rem;
	background-color: #008efb;
	font-size: 0.25rem;
	border-radius: 5px;
	margin-right: 0.05rem;
	margin-left: -0.1rem;
}