body {
	width: 3200px;
 	height: 1092px;
 	/* 1500*1000 分辨率*/
 	-webkit-transform: scale(0.46875,0.914913);
 	    -ms-transform: scale(0.46875,0.914913);
 	        transform: scale(0.46875,0.914913);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    /* 1920*1080 分辨率*/
 	/*-webkit-transform: scale(0.6,0.9881);
 	    -ms-transform: scale(0.6,0.9881);
 	        transform: scale(0.6,0.9881);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;*/
    /* 1800*1000 分辨率*/
 	/*-webkit-transform: scale(0.5625,0.914913);
 	    -ms-transform: scale(0.5625,0.914913);
 	        transform: scale(0.5625,0.914913);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;*/
	background: radial-gradient(#002bec 5%, #021d78 25%,#011154 45%, #051142 60%); 
}
.robot-bg {
	background: url(../images/robot-bg.jpg) no-repeat;
	// background-position: top center;
}
.img-class {
	width: 100%;
	height: -webkit-calc(100% - 5px);
	height: calc(100% - 5px);
}

.bold {font-weight: bold;}
.left { float: left;}
.right { float: right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow: hidden;}
.clearfix {zoom:1}
.unit {
	margin-left: 4px;
	font-size: 18px!important;
	font-weight: 400!important;
	vertical-align: middle;
}
/*数据展示首页*/
.logo-containers {
	position: relative;
	background: url(../images/top-bg.png) no-repeat center;
	text-align: center;
}
.logo-containers .logo-text {    
	display: inline-block;
	padding-left: 124px;
	background: url(../images/main_logo.png) no-repeat 40px;
	text-shadow: 3px 3px 3px rgba(0,0,0,.3);
	line-height: 71px;
	letter-spacing: 4px;
	text-align: center;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
}

.logo-containers .right-container {
    width: 323px;
    height: 71px;
    margin-left: 34px;
    text-align: center;
    color: #fff;
    line-height: 71px;
    background: -webkit-linear-gradient(left, #5c3299, #453cdf);
    position: absolute;
    top: 0;
    right: 0;
}
.logo-containers .right-container:after{
    content: '';
    display: block;
    width: 34px;
    height: 71px;
    position: absolute;
    -webkit-transform: skewX(25deg);
        -ms-transform: skewX(25deg);
            transform: skewX(25deg);
    background: #5c3299;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: -18px;
    top: 0;
}
.logo-containers .right-container .container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	text-align: left;
}
.sunny {
    -webkit-animation: sunny 15s linear infinite;
    animation: sunny 15s linear infinite;
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(50%, rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
    background: linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 100%);
    height: 40px;
    width: 5px;
    position: absolute;
    left: 10px;
    top: 15px;
}
.sunny:before {
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(50%, rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
    background: linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 100%);
    content: '';
    height: 40px;
    width: 5px;
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sunny:after {
    background: #fe4;
    border-radius: 50%;
    box-shadow: rgba(255,255,0,.2) 0 0 0 5px;
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    left: -7px;
    top: 10px;
}
.cloudy{    
	-webkit-animation: cloudy 5s ease-in-out infinite;
    animation: cloudy 5s ease-in-out infinite;
    background: #fff;
    border-radius: 50%;
    box-shadow: #fff 20px -8px 0 -1px, #fff 9px -10px, #fff 12px 3px, #fff 21px 3px 0 -3px, #fff 29px -1px 0 -2px;
    height: 16px;
    width: 16px;
    margin-left: -60px;
    position: absolute;
    left: 48px;
    top: 32px;
}
.cloudy:after{
	-webkit-animation:cloudy_shadow 5s ease-in-out infinite;
	animation:cloudy_shadow 5s ease-in-out infinite;
	background:#000;
	border-radius:50%;
	content:'';    
	height: 15px;
    width: 40px;
    opacity: .2;
    position: absolute;
    left: 2px;
    top: 16px;
    -webkit-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7)
}
.rainy{
	-webkit-animation:rainy 5s ease-in-out infinite 1s;
	animation:rainy 5s ease-in-out infinite 1s;
	background:#ccc;
	border-radius:50%;
	box-shadow: #ccc 20px -8px 0 -1px, #ccc 9px -10px, #ccc 12px 3px, #ccc 21px 3px 0 -3px, #ccc 29px -1px 0 -2px;
	display:block;
	height: 16px;
    width: 16px;
	margin-left:-60px;
	position:absolute;
	left: 48px;
    top: 32px;
}
.rainy:after{
	-webkit-animation:rainy_shadow 5s ease-in-out infinite 1s;
	animation:rainy_shadow 5s ease-in-out infinite 1s;
	background:#000;
	border-radius:50%;
	content:'';
	height: 15px;
    width: 40px;
    opacity: .2;
    position: absolute;
    left: 2px;
    top: 16px;
	-webkit-transform:scale(.7);
	-ms-transform:scale(.7);
	transform:scale(.7)
}
.rainy:before{
	-webkit-animation:rainy_rain .7s infinite linear;
	animation:rainy_rain .7s infinite linear;
	content:'';
	background:#ccc;
	border-radius:50%;
	display:block;
	height:6px;
	width:3px;
	opacity:.3;
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9)
}
.stormy{
	-webkit-animation:stormy 5s ease-in-out infinite;
	animation:stormy 5s ease-in-out infinite;
	background:#222;
	border-radius:50%;
	box-shadow:#222 20px -8px 0 -1px, #222 9px -10px, #222 12px 3px, #222 21px 3px 0 -3px, #222 29px -1px 0 -2px;
	height: 16px;
    width: 16px;
	margin-left:-60px;
	position:absolute;
	left: 48px;
    top: 32px;
}
.stormy:after{
	-webkit-animation:stormy_shadow 5s ease-in-out infinite;
	animation:stormy_shadow 5s ease-in-out infinite;
	background:#000;
	border-radius:50%;
	content:'';
	height: 15px;
    width: 40px;
    opacity: .2;
    position: absolute;
    left: 2px;
    top: 16px;
	-webkit-transform:scale(.7);
	-ms-transform:scale(.7);
	transform:scale(.7)}
.stormy:before{
	-webkit-animation:stormy_thunder 53s steps(1,end) infinite;
	animation:stormy_thunder 5s steps(1,end) infinite;
	border-left: 0 solid transparent;
    border-right: 3px solid transparent;
    border-top: 12px solid #ff0;
    box-shadow: #ff0 -3px -11px;
	content:'';
	display:block;
	height:0;
	width:0;
	position:absolute;
	left: 25px;
    top: 22px;
	-webkit-transform:rotate(14deg);
	-ms-transform:rotate(14deg);
	transform:rotate(14deg);
	-webkit-transform-origin:50% -60px;
	-ms-transform-origin:50% -60px;
	transform-origin:50% -60px
}

.weather {
}
.weather .text {
	display: inline-block;
    margin: 0 6px;
    font-size: 18px;
}
.weather .temperature {
	margin-left: 35px;
	font-size: 22px;
	font-weight: bold;
}
.time {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	    -ms-flex-direction:column;
	        flex-direction:column;
	line-height: initial;
}
.week {
	width: 100px;
	text-align: center;
	font-size: 18px;
}
.left-nav {
	position: absolute;
	top: 0;
	width: 136px;
    height: 1093px;
	background: #010e50 url(../images/nav_bg.png) no-repeat;
	z-index: 1;
}
.left-nav li {
	margin-bottom: 22px;
}
.left-nav .nav-btn {
	display: inline-block;
	width: 131px;
	height: 59px;
	line-height: 59px;
	background: url(../images/nav_btn.png) no-repeat;
	color: #fff;
	font-size: 18px;
	text-indent: 8px;
	letter-spacing: 1px;
}
.left-nav .active,.left-nav li:hover .nav-btn {
	background-image: url(../images/nav_btn_active.png);
	text-shadow: .2rem 0rem .5rem #00aaee,-.2rem 0rem .5rem #00aaee,0rem .2rem .5rem #00aaee,0rem -.2rem .5rem #00aaee
}
.nav-btn .icon1 {
	background-position-y: top;
}
.nav-btn .icon2 {
	background-position-y: -72px;
}
.nav-btn .icon3 {
	background-position-y: -144px;
}
.nav-btn .icon4 {
	background-position-y: -219px;
}
.nav-btn .icon5 {
	background-position-y: -289px;
}
.nav-btn .icon6 {
	background-position-y: -363px;
}
.nav-btn .icon7 {
	background-position-y: -437px;
}
.nav-btn .icon8 {
	background-position-y: -511px;
}
.nav-btn .icon9 {
	background-position-y: -581px;
}
.nav-btn .icon10 {
	background-position-y: -657px;
}
.nav-btn .icon11 {
	background-position-y: bottom;
}
.left-nav .nav-btn .nav-icon {
	display: inline-block;
	width: 33px;
	height: 33px;
	margin-right: 5px;
	background-image: url(../images/nav_btn_icon.png);
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: middle;
}
.park-select {
	position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -140px;
    height: 40px;
    text-align: center;
    z-index: 10;
}
.park-select .park-select-container {
	display: inline-block;
	width: 280px;
	height: 40px;
	line-height: 40px;
	padding: 2px;
	
	border-radius: 6px;
	font-size: 0;
	overflow: hidden;
	box-sizing: border-box;
}
.park-select .park-select-container .active {
	background: #313ca0;
	text-shadow: 0.2rem 0rem 0.5rem #00aaee, -0.2rem 0rem 0.5rem #00aaee, 0rem 0.2rem 0.5rem #00aaee, 0rem -0.2rem 0.5rem #00aaee;
}
.park-select .park-select-container a {
	display: inline-block;
	width: 33.3333333%;
	line-height: 36px;
	background: #00175d;
	color: #fff;
	font-size: 22px;
	letter-spacing: 2px;
}
.park-select .park-select-container a:first-child {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.park-select .park-select-container a:last-child {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.data-contain {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: -webkit-calc(100% - 136px);
	width: calc(100% - 136px);
	margin-top: 38px;
	margin-left: 136px;
	padding: 0 112px 20px 58px;
	height: -webkit-calc(99% - 150px);
	height: calc(99% - 150px);
	box-sizing: border-box;
}

.data-contain .left-contain {
	width: 520px;
}
.data-contain .center-contain {
	-webkit-box-flex:1;
	-webkit-flex:1;
	    -ms-flex:1;
	        flex:1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: -webkit-calc(100%);
	height: calc(100%);
	padding:0 80px 0 40px;
	box-sizing: border-box;
}
.data-contain .center-contain .map-info-container {
	display: none;
	position: absolute;
	left: 0%;
	top: 2%;
	width: 50%;
	height: 47px;
	font-size: 0;
	color: #fff;
	z-index: 10;
}
.data-contain .center-contain .map-info-container .back {
	display: inline-block;
	width: 101px;
	height: 43px;
	line-height: 43px;
	background: url(../images/back.png) no-repeat;
	font-size: 14px;
	text-indent: 16px;
	cursor: pointer;
}
.data-contain .center-contain .map-info-container .info {
	display: inline-block;
	padding: 0px 12px;
	font-size: 16px;
	height: 100%;
	vertical-align: top;
}
.data-contain .center-contain .map-info-container .bg1 {
	background:-webkit-gradient(linear, left top, right bottom, from(#1abdff), to(#147dff));
	background:linear-gradient(to right bottom, #1abdff, #147dff);
}
.data-contain .center-contain .map-info-container .bg2 {
	background:-webkit-gradient(linear, left top, right bottom, from(#1abdff), to(#147dff));
	background:linear-gradient(to right bottom, #1abdff, #147dff);
}
.data-contain .center-contain .map-info-container div {
	display: inline-block;
	line-height: 47px;
}
.data-contain .center-contain .map-info-container div span {
	font-size: 26px;
	font-weight: bold;
	vertical-align: bottom;
}
.center-contain .all-container {
	width: 310px;
	color: #fff;
}
.center-contain .map-cont {
	-webkit-box-flex:1;
	-webkit-flex:1;
	    -ms-flex:1;
	        flex:1;
	margin-top: 30px;
}
.center-contain .park-city {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
	width: 310px;
	margin-left: 40px;
	font-size: 0;
	text-align: center;
	color: #fff;
	z-index: 10;
}
.center-contain .park-city .park-city-cont {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
	width: 60%;
	margin: 20px 10px;
	border-radius: 2px;
}
.center-contain .park-city .park-num {
	background:-webkit-gradient(linear, left top, right bottom, from(#1abdff), to(#147dff));
	background:linear-gradient(to right bottom, #1abdff, #147dff);
}
.center-contain .park-city .city-num {
	background:-webkit-gradient(linear, left top, right bottom, from(#7faff7), to(#2173e7));
	background:linear-gradient(to right bottom, #7faff7, #2173e7);
}
.center-contain .park-city .space-num {
	background:-webkit-gradient(linear, left top, right bottom, from(#9487eb), to(#4b47e2));
	background:linear-gradient(to right bottom, #9487eb, #4b47e2);
}
.center-contain .park-city .floor-num {
	background:-webkit-gradient(linear, left top, right bottom, from(#b780fa), to(#712af1));
	background:linear-gradient(to right bottom, #b780fa, #712af1);
}
.center-contain .park-city .rent-num {
	background:-webkit-gradient(linear, left top, right bottom, from(#bd6bf5), to(#a128f4));
	background:linear-gradient(to right bottom, #bd6bf5, #a128f4);
}
.center-contain .park-city .park-city-cont span:first-child {
	font-size: 28px;
	font-weight: bold;
	line-height: 32px;
    margin-top: 6px;
}
.center-contain .park-city .park-city-cont span:last-child {
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
    margin-bottom: 6px;
}
.data-contain .right-contain {
	width: 530px;
}
.left-contain .left-top {
	margin-bottom: 56px;
}
.left-contain .left-center {
	margin-bottom: 32px;
}

.all-container .top-part {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 50px;
}
.all-container .top-part .part {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 40px;
}
.top-part .part .img-cont {
	width: 120px;
	height:120px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 14px 0 0 5px;
	background: url(../images/circle_small.png) no-repeat; 
	background-size: cover;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	box-sizing: border-box;
	/*-webkit-animation: z 10s linear 0s infinite;
	-moz-animation: z 10s linear 0s infinite;
	-ms-animation: z 10s linear 0s infinite;
	animation: z 10s linear 0s infinite;*/
}
.top-part .part .img-cont .text-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
    /*-webkit-animation: y 10s linear 0s infinite;
	-moz-animation: y 10s linear 0s infinite;
	-ms-animation: y 10s linear 0s infinite;
	animation: y 10s linear 0s infinite;*/
}
.top-part .part .img-cont .top-text {
	font-size: 28px;
	font-weight: bold;
}
.top-part .part .img-cont .bottom-text {
	margin-top: -10px;
	font-size: 18px;
	font-weight: 400;
}
.top-part .part .text-cont {
	margin-top: 5px;
	font-size: 18px;
	color: #e1e1ff;
	letter-spacing: 2px;
}

.left-contain .left-bottom {
	padding-bottom: 75px;
}
.left-bottom .add {
	margin-left: 8px;
	color: #f7f40d;
	font-size: 18px;
	font-weight: bold;
}
.left-bottom .add i {
	display: inline-block;
	width: 13px;
	height: 15px;
	margin-right: 2px;
	background: url(../images/add-icon1.png) no-repeat;
}
.left-bottom .reduce {
	position: absolute;
	right: 0;
	top: 7px;
	color: #5bf43d;
	font-size: 18px;
	font-weight: bold;
}
.left-bottom .reduce i {
	display: inline-block;
	width: 14px;
	height: 17px;
	background: url(../images/reduce-icon.png) no-repeat;
 -webkit-transform: scale(0.7);
 -ms-transform: scale(0.7);
     transform: scale(0.7);
    vertical-align: sub;
}
.right-contain .right-top {
	margin-bottom: 56px;
	padding-bottom: 16px;
}
.right-contain .right-center {
	margin-bottom: 56px;
	padding-bottom: 17px;
}
.right-contain .right-bottom {
	padding-bottom: 17px;
}
.usual-container {
	position: relative;
	width: 100%;
	padding: 47px 22px 25px;
	background: rgba(0,0,0,0.2);
	border:1px solid #2f377d;
	border-top: none;
	box-sizing: border-box;
}
.usual-container:after {
	position: absolute;
	border-right: 1px solid #7e83f1;
    border-bottom: 1px solid #7e83f1;
    content: "";
    width: 10px;
    height: 10px;
    right: -1px;
    bottom: -1px;
}
.usual-container .title {
	position: absolute;
	top: -15px;
	left: -1px;
	width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 16px;
	background: url(../images/title-bg.png) no-repeat;
	color: #e1e1ff;
	font-size: 24px;
	letter-spacing: 0px;
	box-sizing: border-box;
}
.usual-container .title1 {
	background-image: url(../images/title-bg1.png);
}
.usual-container .title2 {
	background-image: url(../images/title-bg2.png);
}
.usual-container .title3 {
	background-image: url(../images/title-bg3.png);
}
.usual-container .title4 {
	background-image: url(../images/title-bg4.png);
}
.small-size {
	font-size: 16px;
	font-weight: 400;
}
.text-color1 {
	color: #2c99fb;
}
.text-color2 {
	color: #0bdb8a;
}
.text-color3 {
	color: #ba62f1;
}
.line {
	position: absolute;
    left: 142px;
    right: -1px;
    height: 1px;
    top: -1px;
	 background: -webkit-gradient( 
	 linear, 
	 left top, right top, 
	 from(rgba(227,186,242,0.3)), 
	 color-stop(30%, rgba(227,186,242,0.4)), 
	 color-stop(40%, rgba(227,186,242,0.5)), 
	 color-stop(50%, rgba(227,186,242,0.8)),
	 color-stop(60%, rgba(227,186,242,0.5)), 
	 color-stop(70%, rgba(227,186,242,0.4)), 
	 to(rgba(227,186,242,0.3)));
	 background: linear-gradient( 
	 to right, 
	 rgba(227,186,242,0.3) 0%, 
	 rgba(227,186,242,0.4) 30%, 
	 rgba(227,186,242,0.5) 40%, 
	 rgba(227,186,242,0.8) 50%,
	 rgba(227,186,242,0.5) 60%, 
	 rgba(227,186,242,0.4) 70%, 
	 rgba(227,186,242,0.3) 100%)
	}
.line1 {left:157px;}
.line2 {left:172px;}
.line3 {left:122px;}
.line4 {left:90px;}
.point {
	position: absolute;
	top: 7px;
	left: 100px;
	background: url(../images/icon2.png) no-repeat;
	width: 32px;
	height: 3px;
}
.point1 {
	left: 138px;
} 

.top-div-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom:28px;
	color: #fff;
}
.top-div-container .big-cont {
	-webkit-box-flex:1;
	-webkit-flex:1;
	    -ms-flex:1;
	        flex:1;
	border-radius: 4px;
    padding: 1px;
}
.top-div-container .big-cont ~ .big-cont{margin-left: 12px;}
.top-div-container .div-color1 {
	background:linear-gradient(60deg, #38c7e9, #1ea5e9); 
	/* 标准的语法（必须放在最后） */
}
.top-div-container .div-color2 {
	background:linear-gradient(60deg, #2c63d0, #1ba7ff);
}
.top-div-container .div-color3 {
	background:linear-gradient(60deg, #c128ed, #6d27ac);
}
.top-div-container .div-color4 {
	background:linear-gradient(60deg, #592ddd, #7a4eff);
}
.top-div-container .div-color5 {
	background:-webkit-gradient(linear, left top, right bottom, from(#1abdff), to(#147dff));
	background:linear-gradient(to right bottom, #1abdff, #147dff);
}
.top-div-container .div-color6 {
	background:-webkit-gradient(linear, left top, right bottom, from(#bd6bf5), to(#a128f4));
	background:linear-gradient(to right bottom, #bd6bf5, #a128f4);
}
.top-div-container .big-cont .small-cont {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
	padding: 0px 4px;
    border-radius: 4px;
}
.top-div-container .div-color1 .small-cont {
	background: -webkit-gradient(linear, left bottom, left top, from(#0e84e4), to(#30b9f2));
	background: linear-gradient(0deg, #0e84e4, #30b9f2);
}
.top-div-container .div-color2 .small-cont {
	background: -webkit-gradient(linear, left bottom, left top, from(#2c60ce), to(#158ddf));
	background: linear-gradient(0deg, #2c60ce, #158ddf);
}
.top-div-container .div-color3 .small-cont {
	background: -webkit-gradient(linear, left bottom, left top, from(#ac28f7), to(#754cea));
	background: linear-gradient(0deg, #ac28f7, #754cea);
}
.top-div-container .div-color4 .small-cont {
	background: -webkit-gradient(linear, left bottom, left top, from(#4d1cda), to(#6943e6));
	background: linear-gradient(0deg, #4d1cda, #6943e6);
}
.top-div-container .big-cont .small-cont span:first-child {
    line-height: 32px;
    margin-top: 8px;
	font-size: 28px;
	font-weight: bold;
}
.top-div-container .big-cont .small-cont span:last-child {
	font-size: 18px;
	line-height: 22px;
    margin-bottom: 8px;
}
.top-div-container .big-cont1 {
	-webkit-box-flex:1;
	-webkit-flex:1;
	    -ms-flex:1;
	        flex:1;
	border-radius: 2px;
    padding: 1px;
}
.top-div-container .big-cont1 ~ .big-cont1 {
	margin-left: 64px;
    margin-right: 40px;
}
.top-div-container .big-cont1 .small-cont1 {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 2px;
}
.top-div-container .big-cont1 .small-cont1 span:first-child {
	line-height: 24px;
    margin-top: 10px;
	font-size: 28px;
	font-weight: bold;
}
.top-div-container .big-cont1 .small-cont1 span:last-child {
	font-size: 18px;
}
.bottom-div-container {
	color: #fff;
}
.bottom-div-container .cont {
	position: relative;
	padding: 0 42px 0 20px;
	margin: 0 auto;
}
.bottom-div-container .cont ~ .cont {
	margin-top: 35px;
}
.bottom-div-container .cont1:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 5px;
	height: 100%;
	background: #1bc6fc;
	border-radius: 2px;
}
.bottom-div-container .cont2:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 5px;
	height: 100%;
	background: #dc30ff;
	border-radius: 2px;
}
.bottom-div-container .cont3:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 5px;
	height: 100%;
	background: #166ce5;
	border-radius: 2px;
}
.bottom-div-container .cont4:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 5px;
	height: 100%;
	background: #fcca42;
	border-radius: 2px;
}
.bottom-div-container .cont .top-cont{	
	display: -webkit-box;	
	display: -webkit-flex;	
	display: -ms-flexbox;	
	display: flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	line-height: 28px;
}
.bottom-div-container .cont .top-cont {
	font-size: 28px;
	font-weight: bold;
}
.bottom-div-container .cont .bottom-cont {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	line-height: 22px;
	font-size: 18px;
}
.bottom-div-container .top-cont .num1 {
	color: #fff;
	min-width: 56px;
	text-align: center;
}
.bottom-div-container .top-cont .add {
	color: #ff4d4d;
	text-align: center;
    min-width: 56px;
}
.bottom-div-container .top-cont .add i{
	display: inline-block;
	width: 14px;
	height: 16px;
	margin-left: 6px;
	background: url(../images/add-icon.png) no-repeat;
}
.bottom-div-container .top-cont .reduce {
	color: #5bf43d;
	text-align: center;
    min-width: 56px;
}
.bottom-div-container .top-cont .reduce i{
	display: inline-block;
	width: 14px;
	height: 17px;
	margin-left: 6px;
	background: url(../images/reduce-icon.png) no-repeat;
}
.bottom-div-container .bottom-cont .font-color {
	color: #95a4e3;
	letter-spacing: 2px;
}
.right-top {

} 
.title-part {
	height: 37px;
	line-height: 37px;
	padding: 2px 10px;
	background: #191f6c;
	border: 1px solid #222977;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	box-sizing: border-box;
	letter-spacing: 2px;
}
.title-part .left-title {
	line-height: 32px;
	font-size: 20px;
}
.title-part .left-title i {
	display: inline-block;
	width: 30px;
	height: 30px;
    margin-right: 10px;
	vertical-align: top;
	background: url(../images/right-icon-group.png) no-repeat;
	background-size: cover;
}
.title-part .left-title .right-icon1 {
	background-position-y: -44px; 
}
.title-part .left-title .right-icon2 {
	background-position-y: -88px; 
}
.title-part .right-num {
	line-height: 32px;
	font-size: 28px;
	font-weight: bold;
}
.cont-part {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	color: #fff;
	text-align: center;
}
.cont-part .flex-cont {
	-webkit-box-flex:1;
	-webkit-flex:1;
	    -ms-flex:1;
	        flex:1;
}
.cont-part .flex-cont .cont-img {
	width: 101px;
	height: 125px;
	margin: 0 auto;
    padding-top: 20px;
	background: url(../images/3D-bg.png) no-repeat;
    font-size: 28px;
    box-sizing: border-box;
}
.cont-part .flex-cont .cont-img1 {
	background-position-x: left; 
}
.cont-part .flex-cont .cont-img2 {
	background-position-x: -129px; 
}
.cont-part .flex-cont .cont-img3 {
	background-position-x: -258px; 
}
.cont-part .flex-cont .cont-img4 {
	background-position-x: right; 
}
.cont-part .flex-cont .cont-text {
	margin-top: 11px;
	font-size: 20px;
}
.cont-part .flex-cont .cont-text1 {
	margin-top: 12px;
	font-size: 18px;
}
.cont-part .flex-cont .cont-num {
	margin-top: 5px;
	font-size: 28px;
	line-height: 24px;
}
.cont-part .flex-cont .cont-num1 {
	color: #fdc812;
}
.cont-part .flex-cont .cont-num2 {
	color: #6285ff;
}
.cont-part .flex-cont .cont-num3 {
	color: #09eafe;
}
.cont-part .flex-cont .cont-num4 {
	color: #41c45d;
}
.cont-part .flex-cont .cont-circle {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
	width: 90px;
	height: 88px;
	margin: 0 auto;
	background: url(../images/circle-group.png) no-repeat;
}
.cont-part .flex-cont .cont-circle1 {
	background-position-x: left;  
}
.cont-part .flex-cont .cont-circle2 {
	background-position-x: -128px;  
}
.cont-part .flex-cont .cont-circle3 {
	background-position-x: -253px;  
}
.cont-part .flex-cont .cont-circle4 {
	background-position-x: right;  
}
.cont-part .flex-cont .cont-circle .cont-circle-num {
	font-size: 30px;
	font-weight: bold;
}
.cont-part .flex-cont .cont-computer {
	width: 62px;
	height: 55px;
	margin: 0 auto;
	background: url(../images/computer-group.png) no-repeat;
}
.cont-part .flex-cont .cont-computer1 {
	background-position-x: left;  
}
.cont-part .flex-cont .cont-computer2 {
	background-position-x: -127px;  
}
.cont-part .flex-cont .cont-computer3 {
	background-position-x: -253px;  
}
.cont-part .flex-cont .cont-computer4 {
	background-position-x: right;  
}
.domain_map {
	height: 100%;
	width: 100%;
}

.circle {
    width: 78px;
    height: 78px;
    text-align: center;
    background: transparent;
    padding: 20px 0;
    box-sizing: border-box;
    background: rgba(255,0,0,0.8);
    border-radius: 50px;
}
.floatCent {
    position: absolute;
    width: 210px;
    bottom: 81px;
    left: -24px;
    margin-left: -50%;
    border-radius: 5px;
    display: none;
    padding-bottom: 10px;
    background: url(../images/arror.png) bottom no-repeat;
}
.floatBox {
    background: #fefefe;
    border-radius: 5px;
}
.floatCent .f-info {
    display: block;
    height: 64px;
    text-align: center;
    font-size: 14px;
    color: #474747;
    padding-top: 10px;
    box-sizing: border-box;
    background-color: #fff;
}
.floatCent .f-info .f-info-d {
    display: inline-block;
    width: 155px;
    height: 42px;
    line-height: 20px;
    border-right: 1px solid #eee;
}
.floatBox .f-circle .f-info-d {
    width: 105px;
}
.floatCent .f-info .f-info-d:last-child, .floatCent .f-info .last {
    border-right: none;
}
.anchorBL {display:none!important;}
.z-index-most {z-index: 1000000000!important;}

.BMapLabel .circle span {
    font-family: 'Audiowide';
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.BMapLabel .circle span.active {
    color: #1b2133;

}
.point_hover .circle {background: rgba(255,207,26,1)}
.point_hover .floatCent {display: block;}

/*企业信息*/
.select-park-company {
	margin: 20px 0;
	padding: 0 170px;
	color: #fff;
}
.select-park-company .all-park {
	
}
.select-park-company .tip-name {
	float: left;
	width: 96px;
	height: 41px;
	line-height: 41px;
	margin-right: 10px;
	text-align: center;
	background-image: url(../images/tip-bg.png);
	background-repeat: no-repeat;
	color: #e1e1ff;
	font-size: 16px;
	letter-spacing: 4px;
}
.select-park-company .tip-company {
	background-position: bottom;
}
.select-park-company .park-container {
	overflow: hidden;
}
.select-park-company .park-all {
	min-width: 60px!important;
}
.select-park-company .park-name {
	display: inline-block;
	min-width: 112px;
	height: 39px;
	line-height: 39px;
	margin: 0 10px 20px 0;
	padding: 0 10px;
	text-align: center;
	background-color: #303583;
	border: 1px solid #31399c;
	color: #ffffff;
	font-size: 16px;
	cursor: pointer;
}
.select-park-company .ban {
	background: #323867;
	color: #a5abe8;
	cursor: inherit;
}
.select-park-company .all-park .active{
	background-color: #3934c0;
	border: 1px solid #453cdf;
	color: #fff;
}
.select-park-company .all-company .active,.select-park-company .company-name:hover{
	background-color: #3934c0;
	border: 1px solid #453cdf;
	color: #fff;
}
.select-park-company .company-container {
	overflow: hidden;
}
.select-park-company .company-all {
	min-width: 60px!important;
}
.select-park-company .company-name {
	display: inline-block;
	min-width: 112px;
	height: 39px;
	line-height: 39px;
	margin: 0 10px 0 0;
	padding: 0 10px;
	text-align: center;
	background-color: #303583;
	border: 1px solid #31399c;
	color: #ffffff;
	font-size: 16px;
	cursor: pointer;
}
.data-contain-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0 30px 20px;
	height: -webkit-calc(99% - 220px);
	height: calc(99% - 220px);
}
.data-contain-info .usual-container {
	padding-top: 38px;
}
.data-contain-info .usual-container:first-child {
	margin-bottom: 32px;
}
.left-contain-info {
	width: 550px;
}
.center-contain-info {
	margin-left: 30px;
	width: 550px;
}
.right-contain-info {
	margin-left: 30px;
	width: 584px;
}
.contain-info {
	width:721px;
}
.contain-info ~ .contain-info {
	margin-left: 40px;
}
.contain-info-1 {
	width:797px;
}
.contain-info-2 {
	width:660px;
}
.contain-info-3 {
	width:710px;
}
.contain-info-4 {
	width:730px;
}
.contain-info-5 {
	width:690px;
}
.top-flex-contain {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 2px 0;
	background: #191f6c;
	border-radius: 4px;
	text-align: center;
	color: #fff;
}
.top-flex-contain .flex-item {
	-webkit-box-flex:1;
	-webkit-flex:1;
	    -ms-flex:1;
	        flex:1;
}
.top-flex-contain .flex-item .top-item {
	padding: 0 10px;
	font-size: 30px;
	font-weight: bold;
	box-sizing: border-box;
    line-height: 36px;
    height: 30px;
}
.top-flex-contain .flex-item .top-item1 {
	color: #00ffff;
}
.top-flex-contain .flex-item .top-item2 {
	color: #58e048;
}
.top-flex-contain .flex-item .top-item3 {

	color: #f54b4f;
}
.top-flex-contain .flex-item .top-item4 {
	color: #fd2cfb;
}
.top-flex-contain .flex-item .top-item5 {
	color: #fca600;
}
.top-flex-contain .flex-item .top-item-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.top-flex-contain .flex-item .unit-12 {
	margin-left: 2px;
	font-size: 12px;
	font-weight: 400;
}
.top-flex-contain .flex-item .unit-18 {
	margin-left: 2px;
	font-size: 18px;
	font-weight: 400;
	vertical-align: middle;
}
.top-item .add i {
	display: inline-block;
	width: 14px;
	height: 17px;
	background: url(../images/add-icon.png) no-repeat;
    vertical-align: middle;
}
.top-item .reduce i {
	display: inline-block;
	width: 14px;
	height: 17px;
	background: url(../images/reduce-icon.png) no-repeat;
    vertical-align: middle;
}
.top-flex-contain .flex-item .bottom-item {
	font-size: 18px;
	line-height: 26px;
}
.usual-item {
	margin-top: 10px;
	padding: 16px 18px 10px;
	background-color: #131859;
}
.item-title {
	display: inline-block;
	min-width: 200px;
	height: 38px;
	line-height: 38px;
	padding: 0 8px;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, right top, from(#453cdf), to(transparent));
	background: linear-gradient(to right, #453cdf, transparent);
	color: #fff;
	font-size: 18px;
}
.item-title1 {
	margin-top:10px; 
	padding: 10px 0;
	background: #131859;
	color: #fff;
	text-align: center;
	font-size: 18px;
}
.item-echart {

}
.usual-flexitem {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.usual-flexitem .flexitem {
	-webkit-box-flex:1;
	-webkit-flex:1;
	    -ms-flex:1;
	        flex:1;
}
.usual-flexitem .flexitem ~ .flexitem {
	margin-left: 15px;
}
.usual-flexitem .echart-item {
	padding: 10px 7px 4px;
	background: #131859;
}
.usual-flexitem .table-item {

}
.usual-flexitem .transparent-item {
}
.small-table-title {
	color: #fff;
	background: #2e3381;

}
.small-table-title td {
	box-sizing: border-box;
	padding: 5px 0;
	font-size: 18px;
}
.small-table {
	color: #fff;
	background: #131859;
}
.small-table td {
	box-sizing: border-box;
	text-align: center;
	border:1px solid #1d2c98;
	padding: 5px 0;
	font-size: 18px;
}
.fz-10{
	-webkit-transform:scale(0.83);
	-ms-transform:scale(0.83);
	    transform:scale(0.83);
    display: inline-block;
    font-size:12px;
}
.table-flexitem {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
}
.table-flexitem .table-flexitem-top {
	width: -webkit-calc(50% - 7px);
	width: calc(50% - 7px);
	margin-bottom: 15px;
}
.table-flexitem .table-flexitem-top:nth-child(even) {
	margin-left: 13px;
}
.table-flexitem .table-flexitem-top:nth-of-type(5),.table-flexitem .table-flexitem-top:nth-of-type(6) {
	margin-bottom: 0;
}
.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #105fcf;
	font-size: 18px;
	text-align: center;
	line-height:56px;
	z-index: 1; 
}
.td-nowrap {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.circle1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 160px;
	padding: 0 20px;
	background: url(../images/circle_1.png) no-repeat center;
	color: #fff;
	font-size: 16px;
}
.circle1 span {
	margin-top: 10px;
	font-size: 24px;
}
.font-info {
	padding: 5px;
	color: #fff;
	text-align: left;
	text-indent: 9px;
	font-size: 18px;
}
.font-info span {
	color: #ff0000;
}
/*产业链*/
.data-contain-stream {
	position: relative;
	height: 896px;
	margin-top: 118px;
	padding: 0 30px 20px;
}
.data-contain-stream .up-stream {
	position: absolute;
	left: 68px;
	width: 927px;
	height: 99%;
	background: url(../images/upstream.png) no-repeat;
	background-position: 0px -183px;
}
.data-contain-stream .mid-stream {
	position: absolute;
	left: 1005px;
	width: 871px;
	height: 99%;
	background: url(../images/midstream.png) no-repeat;
	background-position: center -85px;
}
.data-contain-stream .down-stream {
	position: absolute;
	left: 1880px;
	width: 1115px;
	height: 99%;
	background: url(../images/downstream.png) no-repeat;
	background-position: 0px -183px;
}
.data-contain-stream .mid-stream .robot {
	position: absolute;
	bottom: 30px;
	width: 100%;
	height: 700px;
	background: url(../images/robot.png) no-repeat;
	background-position: 0px -314px;
}
.data-contain-stream .title {
	position: absolute;
	top: 3px;
	width: 302px;
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	color: #fbe600;
	text-align: center;
}
.data-contain-stream .up-stream .title {
	left: 272px;
}
.data-contain-stream .mid-stream .title {
	left: 285px;
}
.data-contain-stream .down-stream .title {
	left: 283px;
}
.data-contain-stream .tip {
	position: absolute;
	width: 174px;
	height: 55px;
	line-height: 55px;
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.data-contain-stream .up-stream .tip1 {
	right: 61px;
	top: 254px;
}
.data-contain-stream .up-stream .tip2 {
	right: 61px;
	top: 594px;
}
.data-contain-stream .mid-stream .tip1 {
	left: 77px;
	top: 88px;
}
.data-contain-stream .mid-stream .tip2 {
	right: 77px;
	top: 88px;
}
.data-contain-stream .down-stream .tip1 {
	left: 71px;
	top: 144px;
}
.data-contain-stream .down-stream .tip2 {
	left: 71px;
	top: 283px;
}
.data-contain-stream .down-stream .tip3 {
	left: 71px;
	top: 404px;
}
.data-contain-stream .down-stream .tip4 {
	left: 71px;
	top: 554px;
}
.data-contain-stream .down-stream .tip5 {
	left: 71px;
	top: 712px;
}
.data-contain-stream .container {
	position: absolute;
	background: #05113d;
	border:2px solid #453cdf;
	border-radius: 30px;
	box-sizing: border-box;
	z-index: 1;
}
.data-contain-stream .up-stream .container {
	width: 658px;
	padding: 20px 40px;
}
.data-contain-stream .up-stream .container1 {
	top: 148px;
	left: 6px;
}
.data-contain-stream .up-stream .container2 {
	top: 544px;
	left: 6px;
}
.data-contain-stream .mid-stream .container {
	width: 195px;
	padding: 30px 40px;
}
.data-contain-stream .mid-stream .container1 {
	top: 162px;
	left: 67px;
}
.data-contain-stream .mid-stream .container2 {
	top: 162px;
	right: 67px;
}
.data-contain-stream .down-stream .container {
	width: 807px;
	padding: 10px 40px;
}
.data-contain-stream .down-stream .container1 {
	top: 113px;
	right: 34px;
}
.data-contain-stream .down-stream .container2 {
	top: 258px;
	right: 34px;
}
.data-contain-stream .down-stream .container3 {
	top: 371px;
	right: 34px;
}
.data-contain-stream .down-stream .container4 {
	top: 516px;
	right: 34px;
}
.data-contain-stream .down-stream .container5 {
	top: 693px;
	right: 34px;
}
.data-contain-stream .mask-top {
	position: absolute;
	top: -2px;
	height:0;
    border-top: 7px solid #453cdf;
    border-right: 12px solid transparent;
    border-left:12px solid transparent;
}
.data-contain-stream .mask-top1 {
	left: 30px;
	width:70px;
}
.data-contain-stream .mask-top2 {
	right: 60px;
	width:30px;
}
.data-contain-stream .mask-top3 {
	left: 30px;
	width:30px;
}
.data-contain-stream .mask-right {
	position: absolute;
	right: -2px;
	width:0;
    border-right: 7px solid #453cdf;
    border-top: 12px solid transparent;
    border-bottom:12px solid transparent;
}
.data-contain-stream .mask-right1 {
	bottom: 60px;
	height:40px;
}
.data-contain-stream .mask-right2 {
	bottom: 40px;
	height:26px;
}
.data-contain-stream .mask-right3 {
	top: 28px;
	height:14px;
	border-top: 8px solid transparent;
    border-bottom:8px solid transparent;
}
.data-contain-stream .detail {
	display: inline-block;
	padding: 2px 10px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
.data-contain-stream .active,.data-contain-stream .detail:hover {
	background: #342fb2;
}
.data-contain-stream .up-stream .detail {
    margin: 8px 30px 8px 0;
}
.data-contain-stream .mid-stream .detail {
	width: 100%;
	margin: 6px 0;
    text-align: center;
    box-sizing: border-box;
}
.data-contain-stream .down-stream .detail {
	margin-right:26px;
}
.data-contain-stream .left-details {
	float: left;
	width: 410px;
	color: #fff;
}
.data-contain-stream .left-tip {
	position: relative;
	float: left;
	width: 30px;
	margin-top: 6px;
	margin-right: 20px;
	padding: 10px 0;
	line-height: 20px;
	background: #453cdf;
	font-size: 18px;
	text-align: center;
}
.data-contain-stream .left-tip i {
	position: absolute;
	top: 50px;
    right: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #453cdf;
}
.data-contain-stream .left-details .detail,.data-contain-stream .right-details .detail {
	margin-right: 0px;
}
.data-contain-stream .right-details {
	float: left;
	width: 312px;
	color: #fff;
}
.data-contain-stream .back-stream {
	display: none;
	position: absolute;
	top: -60px;
	left: 150px;
	color: #fff;
	font-size: 18px;
}
.data-contain-stream .back-stream .back {
	display: inline-block;
	width: 101px;
	height: 46px;
	line-height: 46px;
	background: url(../images/back.png) no-repeat;
	text-align: center;
	cursor: pointer;
}
.data-contain-stream .back-stream .stream-tip {
	display: inline-block;
	margin-right: 20px;
	padding: 4px 10px;
	background: -webkit-linear-gradient(left, #4d1cda, #6943e6);
	border:1px solid #734af1;
	box-sizing: border-box;
	cursor: pointer;
}
.table-list {
	display: none;
	position: absolute;
	left: 1300px;
	top: 30px;
	width: 1600px;
	color: #fff;
}
.table-list .list-title {
	background: url(../images/table-bg.png) no-repeat;
}
.table-list .list-title table {
	width: 100%;
}
.table-list .list-title table th {
	padding: 12px 20px 11px;
	font-size: 20px;
	font-weight: 400;
}
.table-list .list-contaniner {
	max-height: 730px;
	overflow-y: auto;
	border:2px solid #2b2a9e;
	box-sizing: border-box;
	border-top: none;
}
.table-list .list-contaniner table {
	width: 100%;
}
.table-list .list-contaniner table tr:nth-child(odd) {
	background: #05113d;
}
.table-list .list-contaniner table tr:nth-child(even) {
	background: #0d1652;
}
.table-list .list-contaniner table td {
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
}

/*滚动条样式*/
.list-contaniner::-webkit-scrollbar {width: 8px;}
.list-contaniner::-webkit-scrollbar-track {    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);    border-radius: 10px;}
.list-contaniner::-webkit-scrollbar-thumb {    border-radius: 10px;    background:#453cdf;    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);}
.list-contaniner::-webkit-scrollbar-thumb:window-inactive {background: #453cdf;}


.chain-title {
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
@-webkit-keyframes sunny{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes sunny{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

@-webkit-keyframes cloudy{50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}
@keyframes cloudy{50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}
@-webkit-keyframes cloudy_shadow{50%{-webkit-transform:translateY(5px) scale(1);transform:translateY(5px) scale(1);opacity:.05}}
@keyframes cloudy_shadow{50%{-webkit-transform:translateY(5px) scale(1);transform:translateY(5px) scale(1);opacity:.05}}

@-webkit-keyframes rainy{50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}
@keyframes rainy{50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}
@-webkit-keyframes rainy_shadow{50%{-webkit-transform:translateY(5px) scale(1);transform:translateY(5px) scale(1);opacity:.05}}
@keyframes rainy_shadow{50%{-webkit-transform:translateY(5px) scale(1);transform:translateY(5px) scale(1);opacity:.05}}
@-webkit-keyframes rainy_rain{
	0%{box-shadow:transparent 10px 0px,transparent 15px 4px,#000 20px 2px,#000 25px 0px,#000 30px 0px,#000 35px 0px}
	25%{box-shadow:#000 10px 4px,#000 15px 8px,#000 20px 6px,#000 25px 12px,transparent 30px 10px,transparent 35px 4px}
	26%{box-shadow:#000 10px 8px,#000 15px 12px,#000 20px 10px,#000 25px 15px,transparent 30px 12px,transparent 35px 8px}
	50%{box-shadow:#000 10px 12px,#000 15px 18px,transparent 20px 25px,#000 25px 18px,#000 30px 18px,#000 35px 12px}
	51%{box-shadow:#000 10px 16px,#000 15px 22px,transparent 20px 28px,#000 25px 24px,#000 30px 20px,#000 35px 16px}
	75%{box-shadow:#000 10px 20px,#000 15px 24px,#000 20px 26px,transparent 25px 27px,#000 30px 26px,#000 35px 20px}
	76%{box-shadow:#000 10px 24px,#000 15px 28px,#000 20px 30px,transparent 25px 30px,#000 30px 28px,#000 35px 28px}
	100%{box-shadow:transparent 10px 32px,transparent 15px 30px,#000 20px 32px,#000 25px 30px,#000 30px 32px,#000 35px 30px}
}
@keyframes rainy_rain{
	0%{box-shadow:transparent 10px 0px,transparent 15px 4px,#000 20px 2px,#000 25px 0px,#000 30px 0px,#000 35px 0px}
	25%{box-shadow:#000 10px 4px,#000 15px 8px,#000 20px 6px,#000 25px 12px,transparent 30px 10px,transparent 35px 4px}
	26%{box-shadow:#000 10px 8px,#000 15px 12px,#000 20px 10px,#000 25px 15px,transparent 30px 12px,transparent 35px 8px}
	50%{box-shadow:#000 10px 12px,#000 15px 18px,transparent 20px 25px,#000 25px 18px,#000 30px 18px,#000 35px 12px}
	51%{box-shadow:#000 10px 16px,#000 15px 22px,transparent 20px 28px,#000 25px 24px,#000 30px 20px,#000 35px 16px}
	75%{box-shadow:#000 10px 20px,#000 15px 24px,#000 20px 26px,transparent 25px 27px,#000 30px 26px,#000 35px 20px}
	76%{box-shadow:#000 10px 24px,#000 15px 28px,#000 20px 30px,transparent 25px 30px,#000 30px 28px,#000 35px 28px}
	100%{box-shadow:transparent 10px 32px,transparent 15px 30px,#000 20px 32px,#000 25px 30px,#000 30px 32px,#000 35px 30px}
}

@-webkit-keyframes stormy{50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}
@keyframes stormy{50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}
@-webkit-keyframes stormy_shadow{50%{-webkit-transform:translateY(5px) scale(1);transform:translateY(5px) scale(1);opacity:.05}}
@keyframes stormy_shadow{50%{-webkit-transform:translateY(5px) scale(1);transform:translateY(5px) scale(1);opacity:.05}}
@-webkit-keyframes stormy_thunder{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg);opacity:1}5%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);opacity:1}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}15%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);opacity:0}}
@keyframes stormy_thunder{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg);opacity:1}3%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);opacity:1}6%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}9%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);opacity:0}}
@-webkit-keyframes z {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}
@-webkit-keyframes y {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}