*{
	margin: 0;
	padding: 0;
}
body{
	/* text-align:center; */
}
div.body{
	margin-bottom: 100px;
}
div#header{
	padding:10px 3% 0;
}
div#header div{
	overflow: hidden;
	margin: 10px 0 0px;
}
div#header div.header{
	position: fixed;
	width: 100%;
	margin: -10px -3%;
	height: 60px;
	line-height: 70px;
	z-index: 99;
	padding-left: 10px;
}
div#header div P{
	margin: 0;
	font-size: 12px;
}
div#header div P.pull-right{
	margin-top: 5px!important;
}
div#header div P img{
	width: 25px;
	margin: -10px 10px 0 0;
}
div#header div P span{
	font-size: 18px;
	color: #cfd3e9;	
}
div#header div.CNY{
	    margin-top: 31px;
}
div#header div.CNY div h2,
div#header div.CNY div h4{
	margin: 0;
}
div#header div.CNY div h2 {
    color: #03c087;
    line-height: 45px;
    text-align: left;
    font-size: 25px;
    font-weight: bold;
}
div#header div.CNY div h4 {
	color: #5a718e;
	font-size: 1.7rem;
}
div#header div.CNY div h4 span{
	color: #03c087;
}
div#header div.CNY ul{
	list-style: none;
	width: 30%;
}
div#header div.CNY ul li{
	line-height: 30px;
	text-align: right;
	color: #5a718e;
}
div#header div.CNY ul li span{
	padding: 0 6px;
	color: #cfd3e9;
	font-size: 12px;
}




div#map,
div#record{
	background:#131f30 ;
	font-size: 12px;
}
.borb{
	color: #5786d2 !important;
	border-bottom:2px solid #5786d2;
}
.borb2{
	color: #5786d2 !important;
}
.hr{
	/* width: 100%; */
	border: 2px solid #061623;
}
div#map ul,
div#record ul{
	height: 25px;
	list-style: none;
	display: flex;
}
div#map ul li,
div#record ul li{
	height: 40px;
	line-height: 40px;
	float: left;
	flex: 1;
	text-align: center;
	color: #5a718e;
}
div#map div.map div#main{
	margin-top: -26px;
}
div#map div#main canvas{
	height: 395px !important;
}


.p{
	color: #E86D43;
}
.g{
	color: #03bd87;
}
div#record ul{
	padding: 0 5%;
}
div#record div table{
	width: 100%;
	/* margin:0 2%; */
	color: #ccc;
	display: none;
	font-size: 14px;
}
div#record div table tr {
	height: 40px;
}
div#record div table tr th{
	padding-top: 20px;
	text-align: center;
	color: #2f4157;
	
}
.td{
	font-weight: bold;
	font-size: 2.5rem;
}

div#bottom{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	font-size:14px;
}
div#bottom button{
	width: 25%;
	height: 40px;
	margin: 10px 15px;
	float: left;
	font-size: 16px;
	color: #fff;
	outline: none;
	border: none;
	border-radius: 10px;
	float: left;
}
div#bottom button:nth-child(2){
	margin-left: 0;
}
div#bottom dl{
	width: 20%;
	float: left;
	font-size: 12px;
	margin-top:10px ;
}
div#bottom dl dt{
	text-align: center;
}
div#bottom dl dt img{
	width: 25px;
}
div#bottom dl dd{
	color: #bfbfbf;
	text-align: center;
}
div#bottom button:nth-child(1){
	background: #03ad8f;
}
div#bottom button:nth-child(2){
	background: #d14b64;
}

.flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
    .flex1{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
    .between{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    .around{-ms-flex-pack: distribute;justify-content: space-around;}
    .alcenter{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .tab_list{
        display: none;
        padding-bottom: 20px;
    }
    html,body{
        overflow-x: hidden;
        overflow-y: scroll;
        height: 100%;
    }
    .kline {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 400px;
        position: relative;
    }
    .hr{
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        left: 0;
        top: 29px;
        z-index: 1;
        width:100%;
    }
    .line{
        background: #061623;
        height: 4px;
    }
    [v-cloak] {
        display: none
    }
    div#header div.CNY ul {
        list-style: none;
        width: 40%;
    }
    div#header div.CNY div h4 span.red{
        color: #de5959;
    }
    .red{
        color: #de5959!important;
    }
    .return{
        width: 20px;
    }