@charset "utf-8";
address, blockquote, body, button, cite, dd, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, ol, p, pre, select, sup, table, td, textdevision, th, tr, ul, var {
	margin: 0;
	padding: 0
}

html {
	min-height: 100%;
	border: none;
	height: 100%
}

address, cite, dfn, em, var {
	font-style: normal
}

img {
	border: none
}

li, ol, ul {
	list-style-type: none
}

button, input, select, textdevision {
	font: 12px/1.5em tohoma, arial, simsun, sans-serif;
	outline: 0
}

button, input, select {
	vertical-align: middle
}

button, submit {
	cursor: pointer
}

textdevision {
	resize: none
}

table {
	border-collapse: separate;
	table-layout: fixed;
	word-wrap: break-word
}

div {
	word-wrap: break-word
}

a:link, a:visited {
	text-decoration: none;
	outline: 0
}

a:active, a:hover {
	text-decoration: underline
}

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px
}

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

::-webkit-scrollbar-track {
	border: 1px solid #fff
}

::-webkit-scrollbar-track-piece {
	background: 0 0
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #e1e1e1;
	border: 1px solid #fff
}

::-webkit-scrollbar-thumb:window-inactive {
	background: #e1e1e1;
	border: 1px solid #fff
}

::-webkit-scrollbar-thumb:hover {
	background: #e1e1e1;
	border: 1px solid #fff
}

body, input {
	color: #666;
	font-size: 14px;
	font-family: "Microsoft YaHei", "Myriad Set Pro", "HanHei SC", "PingFang SC", STHeitiSC-Light, "Helvetica Neue", Helvetica, "WenQuanYi Micro Hei", Arial, sans-serif !important;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: 'liga', 'kern';
	margin: 0;
	word-wrap: break-word;
	height: 100%
}

body {
	min-width: 1024px
}

a:active, a:hover, a:link, a:visited {
	color: #666;
	text-decoration: none
}

.header {
	height: 60px
}

.header .content-size {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: inherit
}

.header .content-size .logo {
	width: 132px;
	margin-left: 16px;
	height: 60px;
	background: url(../images/logo.png) center no-repeat;
	float: left
}

.header .content-size .button-action-wrap {
	width: 150px;
	height: 60px;
	float: right;
	margin-right: 20px
}

.header .content-size .button-action-wrap .button {
	width: 70px;
	height: 30px;
	line-height: 30px;
	margin-left: 5px;
	margin-top: 15px;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	float: left;
	cursor: pointer
}

.header .content-size .button-action-wrap .button.login {
	background: #46c017
}

.header .content-size .button-action-wrap .button.register {
	background: #439fe0
}

.header .content-size .header-nav {
	height: 60px;
	float: right;
	text-align: center;
	margin-right: 20px
}

.header .content-size .header-nav .nav-item-wrap {
	width: 110px;
	height: 60px;
	float: left;
	position: relative
}

.header .content-size .header-nav .nav-item-wrap .nav-item-text {
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #333
}

.header .content-size .header-nav .nav-item-wrap ul.nav-item-list {
	width: 100%;
	list-style: none;
	position: absolute;
	top: 60px;
	z-index: 1;
	box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .2);
	display: none
}

.header .content-size .header-nav .nav-item-wrap ul.nav-item-list li {
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #00a0e9;
	color: #fff;
	font-size: 16px
}

.header .content-size .header-nav .nav-item-wrap ul.nav-item-list li:hover {
	background-color: #33b3ed
}

.header .content-size .header-nav .nav-item-wrap.active {
	box-sizing: border-box
}

.header .content-size .header-nav .nav-item-wrap.active .nav-item-text {
	color: #439fe0
}

.header .content-size .header-nav .nav-item-wrap:hover .nav-item-text {
	color: #fff;
	background-color: #00a0e9
}

.header .content-size .header-nav .nav-item-wrap:hover ul.nav-item-list {
	display: block
}

.footer {
	height: 202px;
	background: #f7f7f7
}

.footer .QR-code {
	height: 116px;
	padding-top: 16px
}

.footer .QR-code .QR-code-block {
	width: 180px;
	margin: 0 auto;
	overflow: hidden
}

.footer .QR-code .QR-code-block .QR-code-item {
	width: 86px
}

.footer .QR-code .QR-code-block .QR-code-item .describe {
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	text-align: center
}

.footer .QR-code .QR-code-block .QR-code-item .number {
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	text-align: center
}

.footer .QR-code .QR-code-block .QR-code-item .QR-code-icon {
	width: 80px;
	height: 80px
}

.footer .QR-code .QR-code-block .QR-code-item.left {
	float: left
}
.footer .QR-code .QR-code-block .QR-code-item.right {
	float: right
}

.footer .copyright {
	line-height: 40px;
	text-align: center;
	color: #ccc;
	font-size: 12px
}

.footer .copyright a {
	color: #ccc;
	font-size: 12px
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@keyframes num-init {
	from {
		background-position: 0 0
	}
	to {
		background-position: 0 -486px
	}
}

@keyframes num-init-even {
	from {
		background-position: 0 -486px
	}
	to {
		background-position: 0 0
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@keyframes mapFlash {
	from, to {
		opacity: 0
	}
	15% {
		opacity: .3
	}
	30% {
		opacity: .5
	}
	50%, 70% {
		opacity: 1
	}
}

.mapFlash {
	-webkit-animation-name: mapFlash;
	animation-name: mapFlash
}

@keyframes upArrowRotate {
	from {
		-webkit-transform-origin: 148px 160px;
		transform-origin: 148px 160px;
		-webkit-transform: rotate3d(0, 0, 1, 130deg);
		transform: rotate3d(0, 0, 1, 130deg)
	}
	to {
		-webkit-transform-origin: 148px 160px;
		transform-origin: 148px 160px;
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.upArrowRotate {
	-webkit-animation-name: upArrowRotate;
	animation-name: upArrowRotate
}

@keyframes downArrowRotate {
	from {
		-webkit-transform-origin: 148px -61px;
		transform-origin: 148px -61px;
		-webkit-transform: rotate3d(0, 0, 1, 120deg);
		transform: rotate3d(0, 0, 1, 120deg)
	}
	to {
		-webkit-transform-origin: 148px -61px;
		transform-origin: 148px -61px;
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.downArrowRotate {
	-webkit-animation-name: downArrowRotate;
	animation-name: downArrowRotate
}

@keyframes move-up-to-down {
	0%, 30% {
		opacity: 0;
		transform: translate(0, -5px)
	}
	60% {
		opacity: 1;
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: translate(0, 8px)
	}
}

@keyframes move-left-to-right {
	0%, 30% {
		opacity: 0;
		transform: translate(-5px, 0)
	}
	60% {
		opacity: 1;
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: translate(5px, 0)
	}
}

@keyframes animation-aliyun {
	0% {
		transform: translate(0, 0)
	}
	100% {
		transform: translate(0, 150px)
	}
}

@keyframes animation-ucloud {
	0% {
		transform: translate(0, 0)
	}
	100% {
		transform: translate(0, 220px)
	}
}

@keyframes animation-amazon {
	0% {
		transform: translate(0, 0)
	}
	100% {
		transform: translate(0, 102px)
	}
}

@keyframes animation-azure {
	0% {
		transform: translate(0, 0)
	}
	100% {
		transform: translate(0, 205px)
	}
}

@keyframes animation-qcloud {
	0% {
		transform: translate(0, 0)
	}
	100% {
		transform: translate(0, 96px)
	}
}

.button {
	text-align: center;
	color: #fff;
	background-color: #439fe0;
	border-radius: 3px;
	cursor: pointer
}

.content-size {
	width: 1050px;
	margin: 0 auto;
	overflow: hidden
}

.gray {
	background: #f7f7f7
}

.download {
	background: #fff
}

.download .private_container .summary {
	height: 460px;
	background: url(../images/summary-bg.jpg) no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative
}

.download .private_container .summary .summary-title {
	font-size: 48px;
	text-align: center;
	margin-top: 167px;
	color: #fff;
	letter-spacing: 2px
}

.download .private_container .summary .summary-titlebig {
	font-size: 30px;
	text-align: center;
	margin-top: 17px;
	/*color: #5699b8;*/
	color: #A66C34;
}

.download .private_container .summary .seven {
	/*color: #fff;*/
	width: 400px;
	height: 36px;
	text-align: center;
	letter-spacing: 5px;
	margin-top: 7px
}

.download .private_container .summary .button-top {
	width: 550px;
	height: 100px;
	margin: auto;
	overflow: hidden;
	margin-left: -75px
}

.download .private_container .summary .button-top .button {
	width: 250px;
	height: 45px;
	margin-top: 40px;
	text-align: center;
	background: #fff
}

.download .private_container .summary .button-top .button.touming {
	opacity: .4
}

.download .private_container .summary .key {
	font-size: 16px;
	color: #fff;
	margin-left: 27px
}

.download .private_container .summary .position {
	position: relative;
	margin-left: 300px;
	margin-top: -72px
}

.download .private_container .section.p1 {
	height: 150px
}

.download .private_container .section.p1 .title {
	font-size: 36px;
	line-height: 60px;
	text-align: center;
	margin-top: 40px
}

.download .private_container .section.p1 .content {
	margin-top: 26px;
	padding: 0 10px;
	font-size: 18px;
	line-height: 32px;
	text-align: center
}

.download .private_container .section.p12 .button-wrap {
	width: 780px;
	margin: 40px auto;
	display: flex;
}

.download .private_container .section.p12 .button-wrap .button {
	width: 380px;
	height: 420px;
	background-color: #fff;
	border: 1px solid #dfdfdf
}

.download .private_container .section.p12 .button-wrap .button.positiongreen {
	margin-top: -422px;
	margin-left: 400px
}

.download .private_container .section.p12 .button-wrap .button .vmware {
	/*width: 64px;*/
	/*height: 64px;*/
	/*background: url(../images/windows.svg) center no-repeat;*/
	width: 100%;
	margin-top: 35px
}

.vmware .windows-icon {
	display: inline-block;
	width: 64px;
	height: 64px;
	background: url(../images/windows.svg);
	margin: 0 auto;
}

.vmware .linux-icon {
	display: inline-block;
	width: 64px;
	height: 64px;
	background: url(../images/linux.svg);
	margin: 0 auto;
}

.download .private_container .section.p12 .button-wrap .button .win-download {
	width: 100%;
	padding: 30px;
}

.win-download .download-btn {
	display: inline-block;
	width: 100px;
	margin: 0 auto;
	padding: 10px;
	background: #3fbb6a;
	font-size: 14px;
	cursor: pointer;
	color: #fff;
}

.download .private_container .section.p12 .button-wrap .button .vmware-mirror {
	width: 380px;
	height: 68px;
	background: url(../images/vmware-mirror.svg) center no-repeat;
	margin-top: 35px
}

.download .private_container .section.p12 .button-wrap .button .titleleft {
	color: #3fbb6a;
	font-size: 24px;
	padding: 19px 0;
}

.download .private_container .section.p12 .button-wrap .button .titleright {
	color: #3fbb6a;
	font-size: 24px;
	padding-top: 35px
}

.download .private_container .section.p12 .button-wrap .button .left {
	width: 325px;
	min-height: 145.5px;
	margin: auto;
}

.download .private_container .section.p12 .button-wrap .button .right {
	width: 330px;
	margin: auto;
	padding-top: 45px
}

.download .private_container .section.p12 .button-wrap .button .font1 {
	font-size: 14px;
	text-align: left;
	color: #333
}

.font1 .list-item {
	padding: 5px;
}

.font1 .list-item .item-title {
	display: inline-block;
	width: 80px;
	text-align: left;
}

.download .private_container .section.p12 .button-wrap .button .font2 {
	font-size: 14px;
	text-align: left;
	color: #333;
	margin-left: 85px;
	margin-top: -93px
}

.download .private_container .section.p12 .button-wrap .button .md5 {
	font-size: 12px
}

/*.download .private_container .section.p12 .button-wrap .button .key1 {*/
	/*display: inline-block;*/
	/*width: 100px;*/
	/*height: 40px;*/
	/*line-height: 40px;*/
	/*background: #3fbb6a;*/
	/*text-align: center;*/
	/*font-size: 16px;*/
	/*color: #fff;*/
	/*margin-top: 48px*/
/*}*/

.download .private_container .section.p12 .button-wrap .button .key2 {
	width: 230px;
	height: 40px;
	margin: auto;
	line-height: 40px;
	background: #3fbb6a;
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin-top: 27px
}

.download .private_container .section.p12 .button-wrap .shuoming {
	color: #f39700;
	width: 835px;
	font-size: 14px;
	margin-top: 5px;
}

.download .private_container .section.p12 .button-wrap .clear {
	clear: both
}

.download .private_container .section.p12 .bottom {
	width: 780px;
	height: 280px;
	margin: auto
}

.download .private_container .section.p12 .boder {
	width: 780px;
	height: 230px;
	border: 1px solid #dfdfdf;
	margin-top: -230px
}

.download .private_container .section.p12 .title-upgrade {
	color: #0cbbb2;
	font-size: 24px;
	margin-left: 70px;
	margin-top: -50px
}

.download .private_container .section.p12 .twohref {
	float: right;
	margin-top: -25px;
	margin-right: 20px
}

.download .private_container .section.p12 .iconcolor {
	color: #439fe0
}

.download .private_container .section.p12 .icomjianju {
	margin-left: 25px
}

.download .private_container .section.p12 .font-upgrade {
	margin-left: 70px;
	margin-top: 20px;
	line-height: 30px
}

.download .private_container .section.p12 .line1 {
	margin-left: 26px
}

.download .private_container .section.p12 .line2 {
	margin-left: 40px
}

.download .private_container .section.p12 .key3 {
	width: 230px;
	height: 40px;
	margin: auto;
	line-height: 40px;
	background: #0cbbb2;
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin-top: 24px
}

.download .private_container .section.p12 .more {
	font-size: 16px;
	text-align: center;
	width: 225px;
	margin: auto
}

.download .private_container .section.p12 .moretext {
	float: right
}

.download .private_container .section.p12 .bottom-height {
	width: 780px;
	height: 60px
}

.download .private_container .section .prompt {
	padding-left: 20px;
	line-height: 24px
}

.download .private_container .p2 .huanjing {
	width: 1020px;
	height: 230px;
	margin: auto
}

.huanjing .env-require {
	float: left;
	line-height: 26px;
	height: 500px;
	width: 330px;
	padding-top: 20px;
}

.download .private_container .p2 .pre {
	margin-top: -150px
}

.download .private_container .p2 .title-blue {
	font-size: 24px;
	line-height: 39px;
	margin-left: 50px;
	color: #439fe0
}

.download .private_container .p2 .title-green {
	font-size: 24px;
	line-height: 39px;
	color: #3fbb6a
}

.download .private_container .p2 .linemargin {
	margin: 10px 0
}

.download .private_container .p2 .p2left {
	font-size: 14px;
	text-align: left;
	width: 330px;
	line-height: 26px
}

.download .private_container .p2 .p2up {
	font-size: 14px;
	text-align: left;
	margin-top: -113px;
	width: 330px;
	margin-left: 345px;
	line-height: 26px
}

.download .private_container .p2 .p2down {
	text-align: left;
	margin-top: -76px;
	margin-left: 345px;
	line-height: 26px
}

.p2lefft {
	line-height: 26px
}

.download .private_container .p2 .p2right {
	font-size: 14px;
	text-align: left;
	float: right;
	margin-top: -86px;
	width: 330px;
	line-height: 26px
}

.download .private_container .p2 .title {
	font-size: 16px;
	line-height: 34px
}

.download .private_container .p2 .dian {
	color: #46c017
}

.download .private_container .p3 .text {
	width: 1020px;
	text-align: left
}

.download .private_container .p3 .margin {
	margin: auto
}

.download .private_container .p3 .marginfirst {
	margin-top: -160px
}

.download .private_container .p3 .marginmiddle {
	margin-top: 30px
}

.download .private_container .p3 .marginlast {
	margin-bottom: 50px
}

.download .private_container .p3 .title {
	font-size: 18px;
	color: #3fbb6a;
	line-height: 60px
}

.download .private_container .p3 .p {
	font-size: 14px;
	color: #333;
	line-height: 28px
}

.download .private_container .p3 .indent {
	text-indent: 25px
}

.download .private_container .p3 .a {
	color: #439fe0;
	font-size: 24px
}

.download .private_container .p3 .blue {
	color: #439fe0
}

.download .private_container .p3 .qq-icon {
	float: left;
	margin: -27px 0 0 210px
}

.download .private_container .p3 .qq-span {
	line-height: 28px;
	margin: -27px 0 0 240px;
	position: absolute
}

.download .private_container .p4 {
	width: 1020px;
	height: 390px;
	margin: auto;
	margin-top: -150px
}

.download .private_container .p4 .img {
	margin-top: 50px;
	text-align: center
}

.download .private_container .p4 .text {
	font-size: 14px;
	margin-top: 40px;
	line-height: 30px
}

.download .private_container .p4 .text .span {
	color: #f19d42
}
.sidebar {
	/*top: 50%;*/
}
.sidebar .customer {
	width: 45px;
	height: 128px;
	border: 1px solid #dedede;
	border-radius: 3px;
	background-color: #fff;
	cursor: pointer;
	padding-top: 5px;
}
.sidebar .customer .text {
	color: #333;
	font-size: 17px;
	text-align: center;
	margin: 0 5px;
}
.sidebar .customer .icon {
	width: 100%;
	height: 23px;
	background: url("../images/customer.svg") center no-repeat;
	margin-bottom: 2px;
}

/* 客服弹窗 start */
.online-customer {
	height: 330px;
	position: absolute;
	top: -130px;
	left: -169px;
	background: #e5e2e2;
	border: 1px solid #cfcfcf;
	-webkit-box-shadow: 0 0 10px rgba(51,51,51,.3);
	-moz-box-shadow: 0 0 10px rgba(51,51,51,.3);
	box-shadow: 0 0 10px rgba(51,51,51,.3);
}

.online-customer:before {
	position: absolute;
	border: 10px solid transparent;
	content: ' ';
	right: -20px;
	top: 169px;
	width: 0;
	height: 0;
	border-left: 10px solid #e5e2e2;
}

.online-customer .customer-type {
	padding: 10px 5px;
}

.online-customer .customer-type .icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: bottom;
}

.customer-type .qq-customer {
	padding: 3px 10px;
	background: #fff;
	margin-top: 7px
}

.customer-type .qq-customer:hover {
	background: #ccc;
}

.qq-icon {
	background: url("../images/QQ.svg");
}

.customer-type .wechat-customer {
	width: 100px;
	margin: 10px auto;
}

.customer-type .qun-customer {
	padding: 3px 10px;
	margin-top: 7px
}

.qun-customer a{
	color: #00a0e9;
}
.qun-customer a:hover {
	color: #157eae;
}

.qun-icon {
	background: url("../images/qun.svg");
}


/* 客服弹窗 end */