body {
	font-family: "微软雅黑"
}
input {
    background: #fff;
    color: black;
}
.container-fluid-body {
	padding-left: inherit;
	padding-right: inherit;
}

.top-banner {
	background-image: url('../images/banner.png');
	width: 100%;
	height: 450px;
	background-repeat: no-repeat;
	background-color: #52a2d0;
	min-width: 1002px;
}

.top-bar {
	background-color: #526271;
	height: 33px;
	width: auto;
	position: relative;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
		startColorstr='#55000000', endColorstr='#55000000');
    background: rgba(82, 98, 113, 0.8);
}

.top-bar-text {
	color: white;
	width: 52.1875%;
	min-width: 1002px;
	position: relative;
	padding-top: 5px;
	margin: 0 auto;
}

.top-bar-menu-centent {
	height: 70px;
	width: 100%;
	position: absolute;
}

.top-bar-menu {
	background-color: #ffffff;
	width: 52.1875%;
	min-width: 1002px;
	height: 70px;
	margin: 0 auto;
	margin-top: 10px;
	position: relative;
}

.top-bar-login-area {
	width: 52.1875%;
	min-width: 1002px;
	position: relative;
	margin: 0 auto;
}

.top-bar-login-passwd,.top-bar-login-account {
	background-color:#526271;
	background-color: rgba(82, 91, 113, 0.8);
	height: 337px;
	width: 290px;
	margin-top: 80px;
	position: absolute;
	margin-left: 712px;
}
.top-bar-login-passwd{
	display:none;
}
.top-bar-login-register,.top-bar-login-register-success {
	background-color:#526271;
	background-color: rgba(82, 91, 113, 0.8);
	height: 337px;
	width: 330px;
	margin-top: 80px;
	position: absolute;
	margin-left: 672px;
	display: none;
}

.top-bar-exp {
	margin-left: 56.06896551724138%;
	font-size: 14px;
	color: #ffffff;
	margin-top: 33px;
	position: absolute;
}

.top-bar-exp:HOVER {
	margin-left: 56.06896551724138%;
	font-size: 14px;
	color: #cccccc;
	margin-top: 33px;
	position: absolute;
	cursor: pointer;
}

.platform_logo {
	background-image: url("../images/logo/logo_solarsoul.png");
	width: 550px;
    height: 70px;
    margin-left: 15px;
    background-repeat: no-repeat;
    margin-top: 10px;
    position: absolute;
    background-size: 45%;
}

.platform_logo span{
    margin-left: 255px;
    line-height: 51px;
    font-size: 30px;
    color: #777;
}

.platform-menu {
	float: right;
	font-size: 18px;
	color: #666666;
	margin-right: 60px;
	margin-top: 26px;
}
.platform-ssl {
	color: #666666;
	text-decoration:none;
}
.platform-ssl:HOVER{
	color: #4ea2d1;
	cursor: pointer;
}
.platform-menu:HOVER {
	color: #4ea2d1;
	cursor: pointer;
}

.center-bar {
	height: 450px;
	background-color: #f8f8f8;
	width: auto;
	min-width: 1002px;
	position: relative;
	/*background: -webkit-linear-gradient(top, transparent 18px, #e6e6e6 18px),
	-webkit-linear-gradient(left, transparent 18px, #e6e6e6 18px);
	background-size: 20px 20px;*/
	background-image: url("../images/cube.png");
}

.center-bar-content {
	width: 52.1875%;
	min-width: 1002px;
	margin: 0 auto;
}

.center-bar-left {
	height: 450px;
	width: 520px;
	position: absolute;
}

.center-bar-left-map {
	height: 368px;
	width: 468px;
	/*background-image: url("../images/map.png");*/
	background-repeat: no-repeat;
	margin-top: 30px;
}

.center-bar-right {
	width: 398px;
	height: 450px;
	margin-left: 604px;
	position: absolute;
}

.center-bar-right-lable-left {
	margin-top: 104px;
	font-size: 28px;
	color: #333333;
	position: absolute;
}

.center-bar-right-lable-right:HOVER {
	color: #ffffff;
	background-color: #333333;
}

.center-bar-right-cube {
	margin-top: 152px;
	height: 246px;
	width: 398px;
	position: absolute;
}

.center-bar-right-cube-1 {
	width: 196px;
	height: 120px;
	background-color: #f68b67;
	float: left;
	position: relative;
}

.center-bar-right-cube-2 {
	margin-left: 6px;
	width: 196px;
	height: 120px;
	background-color: #a883b9;
	float: left;
	position: relative;
}

.center-bar-right-cube-3 {
	margin-top: 6px;
	width: 196px;
	height: 120px;
	background-color: #4dc4a6;
	float: left;
	position: relative;
}

.center-bar-right-cube-4 {
	margin-top: 6px;
	margin-left: 6px;
	width: 196px;
	height: 120px;
	background-color: #4ea2d1;
	float: left;
	position: relative;
}

.center-bar-right-cube-content {
	margin-left: 75px;
	font-size: 16px;
	color: #ffffff;
	margin-top: 85px;
	position: absolute;
}

.center-bar-right-cube-content-img {
	margin-left: 40px;
	margin-top: 80px;
	position: absolute;
	height: 30px;
	width: 30px;
	)
}

.center-bar-right-cube-left-label1 {
	margin-left: 16px;
	margin-top: 32px;
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	float: left;
}

.center-bar-right-cube-left-label2 {
	margin-left: 15px;
	margin-top: 38px;
	font-size: 16px;
	color: #ffffff;
	float: left;
}

.bottom-bar {
	height: 400px;
	background-color: #252c32;
	width: auto;
	position: relative;
	margin: 0 auto;
	min-width: 1002px;
}

.bottom-bar-content {
	width: 52.1875%;
	min-width: 1002px;
	margin: 0 auto;
}

.bottom-bar-left-top-label {
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
	margin-top: 53px;
	margin-left: 24px;
}

.bottom-bar-left-middle-label {
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
	margin-top: 33px;
	margin-left: 24px;
}

.bottom-bar-left-bottom-box {
	margin-left: 44px;
	width: 390px;
	margin-top: 90px;
}

.bottom-bar-left-bottom-box-cube {
	width: 33.333%;
	height: auto;
	float: left;
}

.bottom-bar-left-bottom-box-cube-left {
	background-image: url('../images/app.png');
	height: 88px;
	width: 88px;
	margin-left: 15px;
}

.bottom-bar-left-bottom-box-cube-middle {
	background-image: url('../images/down-android-0.png');
	height: 88px;
	width: 88px;
	margin-left: 15px;
}

.bottom-bar-left-bottom-box-cube-right {
	background-image: url('../images/dow-bytebar.png');
	height: 88px;
	width: 88px;
	margin-left: 15px;
}

.bottom-bar-left-bottom-box-label {
	font-size: 20px;
	color: #ffffff;
	margin-top: 3px;
	margin-left: 3px;
}
/* .bottom-bar-left-bottom-box-cube-left:hover{
    background-image: url('../images/app.png');
}*/
.bottom-bar-left-bottom-box-cube-middle:hover {
	background-image: url('../images/down-android-1.png');
}

.bottom-bar-left-bottom-box-label:hover {
	color: #999999;
}

.bottom-bar-right-img {
	background-image: url("../images/down-bg.png");
	width: 370px;
	height: 376px;
}

.footer-bar {
	height: 56px;
	background-color: #526271;
	width: auto;
	position: relative;
	min-width: 1002px;
}

.loginButton {
	background-color: #7cbedd;
}

.loginButton:hover {
	background-color: #4a819b;
}
.username{
	background-image: url("../images/username.png");
	height: 24px;
	width: 24px;
}
.password{
	background-image: url("../images/password.png");
	height: 24px;
	width: 24px;
}
.login-area-content{
	-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border: 0;
}
label{
	color:#fff;
}
.validate-btn:hover {
	cursor: pointer;
}