* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*,body {
	padding: 0;
	margin: 0;
	color: #222;
	font-family: "微软雅黑"
}

html,body {
	background-size: cover;
	font-size: .16rem;
	color: #fff;
	position: relative;
	width: 100%;
	height: 100%
}

.fl {
    float: left;
    width: 25%;
    background-color: rgba(0,0,0,0.5);
	padding: .1rem .2rem .1rem .2rem

}

.fr {
	float: right;
    width: 25%;
    background-color: rgba(0,0,0,0.5);
	padding: .1rem .2rem .1rem .2rem
}

ul,ol {
	list-style: none
}

.allnav {
	height: 100%
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	position: absolute
}

::-webkit-scrollbar-thumb {
	background-color: #5bc0de
}

::-webkit-scrollbar-track {
	background-color: #ddd
}


.header {
	width: 100%;
    height: 1.5rem;
    background-color: rgba(0,0,0,0.5);
}
.header2 {
	width: 97.3%;
	height: 0.3rem;
	margin:0 auto;
    background-color: rgba(0,0,0,0.5);
}

.header2 ul {
	width: 30%;
	height: 0.3rem;
	margin:0 auto;
	position: relative;
}
.header2 ul li{
	width:33%;
	float: left;
	color:#fff;
	text-align: center;
}

.header2 .button-day{
	color:#fff;
	text-shadow: 0 0 .1rem #00d8ff;
	text-decoration: none;
}

.header .header-left {
	width: 25%;
	height: 1.05rem;
	color: white;
	text-align: center;
    line-height: 1.05rem;
    
}

.header .header-center {
	width: 50%;
	height: 1.05rem;
	position: relative
}

.header .header-center .header-title {
	text-align: center;
	color: #fff;
	font-size: .4rem;
	text-shadow: 0 0 .1rem #00d8ff;
	line-height: 1.rem
}

.header .header-img {
	background: url("../images/head.gif") no-repeat center center;
	background-size: 100%;
	height: 100%;
	width: 100%;
	position: absolute;
	top: .4rem
}

.header .header-right {
	width: 25%;
	height: 1.05rem;
	color: white;
	text-align: center;
    line-height: 1.05rem;
    
}

.header .header-right .liang {
    background-color: #73d538;
}
.header .header-right .zl {
    margin: 0;
    padding: 1px 2px;
    border-radius: 3px;
    line-height: 16px;
    color: #fff;
}

.header .header-bottom {
	width: calc(100% - .4rem);
	height: .16rem;
	background: url("../images/header.png") no-repeat;
	background-size: calc(100% - .2rem) 100%;
	padding: 0 .2rem;
	margin-left: .3rem
}


.center-left {
	width: 25%;
    padding: .1rem;
    margin: .3rem;
    z-index: 600;
    position: fixed;
    top: 1.5rem;
}

.center-left .left-top {
	width: 100%;
	height: 3.2rem;
	margin-bottom: .4rem;
	border: .01rem solid #217093;
	position: relative;
	overflow: hidden
}

.center-left .left-top h1 {
	color: white;
	font-size: .4rem;
	transform: rotateX(0deg);
	align-items: center;
	margin-bottom: 8px;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform-origin: 50% 50%;
	transition: transform 500ms cubic-bezier(0.15,0.52,0.5,0.9) 0s;
	transition: all 1s
}

.title {
	width: 90%;
	height: .3rem;
	position: relative;
	top: .1rem;
	left: .25rem;
	color: white;
	padding-left: .12rem;
	line-height: .3rem
}

.title:before {
	width: .05rem;
	height: .25rem;
	top: .02rem;
	position: absolute;
	content: "";
	background: #59ebe8;
	border-radius: .02rem;
	left: 0
}

.top-list p {
	font-size: .18rem;
	color: #029698;
	padding: .3rem
}

.top-list li {
	float: left;
	font-size: .2rem;
	color: #fff;
	width: 50%;
	height: .4rem;
	line-height: .4rem;
	padding: .25rem
}

.center-left .left-cen {
	width: 100%;
	height: 3.2rem;
	margin-bottom: .4rem;
	border: .01rem solid #217093
}

.center-left .left-cen .company {
	width: calc(100% - .2rem);
	height: calc(100% - .6rem);
	margin-left: .1rem;
	margin-top: .1rem;
	padding: .2rem;
	box-sizing: border-box
}

.center-left .left-cen .company li {
	color: white;
	height: .3rem;
	line-height: .3rem
}

.center-left .left-bottom {
	width: 100%;
	height: 3.2rem;
	border: .01rem solid #217093
}

.center-left .bottom-b,.center-right .bottom-b{
	width: calc(100% - .2rem);
	height: 2.6rem;
	margin-left: .1rem;
	margin-top: .1rem
}


.center-right {
	width: 25%;
    padding: .1rem;    
    z-index: 600;
    position: fixed;
    top: 1.8rem;
    right: .3rem;
}

.center-right .right-top {
	width: 100%;
	height: 3.2rem;
	margin-bottom: .4rem;
	border: .01rem solid #217093
}

.center-right .right-cen {
	width: 100%;
	height: 3.2rem;
	/* margin-bottom: .4rem; */
	border: .01rem solid #217093
}

.center-right .right-bottom {
	width: 100%;
	height: 3.2rem;
	border: .01rem solid #217093
}

.bottom-center{
    
	width: 100%;
    padding: .1rem;
    margin: .1rem ;
    z-index: 600;
    position: fixed;
    bottom: .1rem;
}
.bottom-center ul{
    margin: 0 auto;
    width:8rem;
}
.bottom-center ul li{
    float:left;
    margin:.2rem;
}







.chat {
	width: calc(100% - .2rem);
	height: calc(100% - .6rem);
	margin-top: .1rem;
	margin-left: .1rem;
	padding: .1rem
}

.gun {
	margin-top: .2rem
}

.gun span {
	display: block;
	float: left;
	height: .2rem;
	width: 33%;
	text-align: center;
	font-size: .14rem;
	font-weight: 600;
	color: #61d2f7;
	text-align: center;
	margin-bottom: .1rem
}

#FontScroll {
	width: 100%;
	height: 2.3rem;
	overflow: hidden;
	margin-top: .1rem
}

#FontScroll ul li {
	height: .32rem;
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: .32rem;
	overflow: hidden;
	font-size: .14rem
}

#FontScroll ul li:nth-child(1) {
	box-shadow: -10px 0 15px #034c6a inset,10px 0 15px #034c6a inset
}

#FontScroll ul li:hover {
	box-shadow: -10px 0 15px #034c6a inset,10px 0 15px #034c6a inset;
	cursor: pointer
}

.fontInner span {
	display: inline-block;
	width: 31%;
	color: #fff
}

.fontInner span.cont {
	display: inline-block;
	width: 62%;
	color: #fff
}
.fontInner span b {
	display: inline-block;
	width: .2rem;
	height: .2rem;
	border-radius: .03rem;
	color: #fff;
	line-height: .2rem
}

#FontScroll ul li:nth-child(8n-4) .fontInner span b {
	background: #20a8fe
}

#FontScroll ul li:nth-child(8n-3) .fontInner span b {
	background: #EB6841
}

#FontScroll ul li:nth-child(8n-2) .fontInner span b {
	background: #3FB8AF
}

#FontScroll ul li:nth-child(8n-1) .fontInner span b {
	background: #FE4365
}

#FontScroll ul li:nth-child(8n-5) .fontInner span b {
	background: #FC9D9A
}

#FontScroll ul li:nth-child(8n-6) .fontInner span b {
	background: #EDC951
}

#FontScroll ul li:nth-child(8n-7) .fontInner span b {
	background: #C8C8A9
}

#FontScroll ul li:nth-child(8n) .fontInner span b {
	background: #83AF9B
}

#FontScroll ul li:first-child .fontInner span b {
	background: #036564
}

#FontScroll ul li:last-child .fontInner span b {
	background: #3299BB
}

.fontInner .good{
    color:#73d538;
}
.fontInner .bad{
    color:#FE4365;
}


.center-left7 {
	width: 70%;
    padding: .1rem;
    margin: .3rem;
    z-index: 600;
    position: fixed;
    top: 1.5rem;
}

.center-left7 .chart7 {
	width: 32%;
	height: 4.2rem;
	margin-bottom: .2rem;
	margin-left: .1rem;
	margin-right: .1rem;
	border: .01rem solid #217093;
	float:left;

}


.center-left7 .bottom-b{
	width: calc(100% - .2rem);
	height: 2.6rem;
	margin-left: .1rem;
	margin-top: .1rem
}



.center-left7 .right-top {
	width: 100%;
	height: 3.2rem;
	margin-bottom: .4rem;
	border: .01rem solid #217093
}

.center-left7 .right-cen {
	width: 100%;
	height: 3.2rem;
	/* margin-bottom: .4rem; */
	border: .01rem solid #217093
}

.center-left7 .right-bottom {
	width: 100%;
	height: 3.2rem;
	border: .01rem solid #217093
}


.center-right3 {
	width: 27%;
    padding: .1rem;    
    z-index: 600;
    position: fixed;
    top: 1.8rem;
    right: .3rem;
}


.center-right3 .chart3 {
	width: 45%;
	height: 2.73rem;
	margin-bottom: .2rem;
	margin-left: .1rem;
	margin-right: .1rem;
	border: .01rem solid #217093;
	float:left;

}



.center-right3 .chart10 {
	width: 93%;
	height: 2.73rem;
	margin-bottom: .2rem;
	margin-left: .1rem;
	margin-right: .1rem;
	border: .01rem solid #217093;
	float:left;

}

.center-right3 .bottom-b{
	width: calc(100% - .2rem);
	height: 2.6rem;
	margin-left: .1rem;
	margin-top: .1rem
}



.center-right3 .right-top {
	width: 100%;
	height: 3.2rem;
	margin-bottom: .4rem;
	border: .01rem solid #217093
}

.center-right3 .right-cen {
	width: 100%;
	height: 3.2rem;
	/* margin-bottom: .4rem; */
	border: .01rem solid #217093
}

.center-right3 .right-bottom {
	width: 100%;
	height: 3.2rem;
	border: .01rem solid #217093
}