.cloud-banner {
	position: relative;
	padding-top: 200px;
	background: url(../../../css/module/server/img/server.jpg) center no-repeat;
	min-width: 1220px;
	background-size: cover;
}

.header-info {
	display: block;
    height: 220px;
    color: #000;
    overflow: hidden;
    margin: 0 auto;
    width: 1204px;
    text-align: left;
}

.header-info h1 {
	font-size: 36px;
	margin: 0 0 35px
}

.cloud-column {
	height: 50px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0
}

.cloud-column li {
	width: 50%;
	float: left;
	height: 47px;
	line-height: 47px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	border-top: 3px solid #454f55;
	background: #454f55
}

.cloud-column li a {
	display: block;
	color: #fff
}

.cloud-column .active {
	border-top: 3px solid #059fff;
	background: #fff;
	color: #059fff
}

.cloud-column .active a {
	color: #059fff
}

.cloud-trait {
	background: #fafafa;
	padding: 80px 0;
	min-width: 1220px;
	overflow: hidden
}

.cloud-trait h1 {
	font-size: 30px;
	text-align: center
}

.cloud-trait ul {
	margin: 60px 0 0 -20px;
	overflow: hidden
}

.cloud-trait ul li {
	float: left;
	width: 160px;
	height: 120px;
	position: relative;
	padding: 40px 20px 0 110px;
	min-height: 120px;
	background: #fff;
	margin: 0 0 20px 20px
}

.cloud-trait ul i {
	display: block;
	width: 65px;
	height: 58px;
	position: absolute;
	left: 20px;
	top: 50px;
	background: url(../../images/cloud/icons.png) no-repeat
}

.cloud-trait ul h5 {
	font-size: 24px;
	margin: 0 0 8px
}

.cloud-trait ul p {
	line-height: 24px;
	color: #999
}

.cloud-trait ul .img1 {
	background-position: 0 -20px
}

.cloud-trait ul .img2 {
	background-position: -66px -20px
}

.cloud-trait ul .img3 {
	background-position: -127px -20px
}

.cloud-trait ul .img4 {
	background-position: -197px -20px
}

.cloud-trait ul .img5 {
	background-position: 0 -80px
}

.cloud-trait ul .img6 {
	background-position: -61px -80px
}

.cloud-trait ul .img7 {
	background-position: -128px -80px
}

.cloud-trait ul .img8 {
	background-position: -199px -80px
}

.foot-partner {
	background: #fff
}

.foot-partner .module-title {
	text-align: center
}

.module-title {
	font-size: 30px;
	color: #000;
	margin: 0 0 55px;
	text-align: center
}

.module-title p {
	font-size: 14px;
	margin: 13px 0 0;
	color: #666
}

.domain-question {
	background: #fafafa;
	padding: 80px 0;
	overflow: hidden
}

.domain-question h1 {
	font-size: 30px;
	text-align: center;
	min-width: 1220px
}

.domain-question ul {
	margin: 60px 0 0 -25px;
	overflow: hidden
}

.domain-question ul li {
	width: 330px;
	height: 135px;
	padding: 15px 30px 0;
	float: left;
	background: #fff;
	margin-left: 25px
}

.domain-question li p {
	height: 40px
}

.domain-question li a {
	display: block;
	line-height: 40px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.domain-question li a:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 3px;
	vertical-align: middle;
	background: #666;
	margin-right: 10px
}

.domain-question li p:hover a {
	color: #059fff
}

.domain-question li p:hover a:before {
	background: #059fff
}

.ui-slider {
	height: 10px;
	margin: 12px 0 0;
	background: #ebebeb;
	border-radius: 3px
}

.ui-slider .ui-slider-handle {
	position: absolute;
	top: 2px;
	z-index: 2;
	width: 18px;
	height: 35px;
	cursor: pointer
}

.ui-state-default {
	background: url(../../images/public/ico/slider.png) center no-repeat
}

.ui-state-hover {
	background: url(../../images/public/ico/slider.png) center no-repeat
}

.ui-state-active {
	background: url(../../images/public/ico/slider.png) center no-repeat
}

.ui-slider-range {
	height: 10px;
	border-radius: 3px 0 0 3px;
	background: #059fff
}

.harddisk {
	clear: both
}

.harddisk label {
	height: 35px
}

.harddisk .delete {
	display: inline-block;
	color: #059fff;
	line-height: 35px;
	padding-left: 10px;
	cursor: pointer
}

.harddisk .delete:hover {
	color: #ff8a00
}

.cloud-configuration {
	padding: 0 0 40px;
	min-width: 1220px;
	background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgb(55 99 170 / 11%), inset -8px -8px 20px 0 #fff;
    border-top: 2px solid #fff;
}

.cloud-config-body {
	padding: 20px 0 0
}

.cloud-config-body .group-tip {
	padding: 15px 0 0 85px;
	font-size: 12px;
	color: #666
}

.cloud-config-body .group-tip a {
	color: #ff8a00
}

.cloud-config-body .float-tip {
	display: none;
	border: 1px solid #ff8a00;
	color: #ff8a00;
	line-height: 18px;
	font-size: 12px;
	background: #fff;
	text-align: center;
	padding: 7px 10px;
	position: absolute;
	left: -100px;
	right: -100px;
	z-index: 11
}

.cloud-config-body .float-tip i {
	display: block;
	width: 10px;
	height: 7px;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: -6px;
	background: url(../../images/public/ico/tip.png) center bottom no-repeat
}

.cloud-config-body .num-input {
	float: left;
	line-height: 35px
}

.cloud-config-body .num-input p {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	height: 33px;
	text-align: center;
	border: 1px solid #ddd
}

.cloud-config-body .num-input span {
	float: left;
	width: 34px;
	height: 33px;
	cursor: pointer
}

.cloud-config-body .num-input input {
	float: left;
	height: 33px;
	width: 63px;
	text-align: center;
	background: #fff;
	border: 0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd
}

.cloud-config-body .num-input .disabled {
	cursor: not-allowed
}

.cloud-config-body .num-input .reduce {
	background: url(../../images/cloud/ico/minus.png) #f6f6f6 center no-repeat
}

.cloud-config-body .num-input .raise {
	background: url(../../images/cloud/ico/puls.png) #f6f6f6 center no-repeat
}

.cloud-config-list {
	position: relative;
	padding: 30px 0 0 60px;
	border: 1px solid #ddd;
	margin-top: 20px
}

.cloud-config-list:hover {
	border: 1px solid #059fff
}

.cloud-config-list:hover .cloud-config-name {
	background: #059fff;
	color: #fff
}

.cloud-config-name {
	width: 35px;
	background: #ebebeb;
	color: #999;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0
}

.cloud-config-name span {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -28px;
	line-height: 14px;
	display: block;
	width: 16px;
	text-align: center
}

.cloud-config-group {
	color: #333;
	margin: 0 0 25px
}

.cloud-config-group label {
	width: 85px;
	line-height: 35px;
	float: left;
	color: #666
}

.cloud-config-group .ul-block,.cloud-config-group .ul-jifang {
	padding-left: 85px
}

.cloud-config-group .ul-jifang li {
	width: 94px;
	height: 63px;
	position: relative;
	font-size: 12px;
	color: #999;
	float: left;
	text-align: center;
	border: 1px solid #ddd;
	margin-right: -1px;
	cursor: pointer
}

.cloud-config-group .ul-jifang li span {
	display: block;
	font-size: 14px;
	color: #333;
	height: 33px;
	line-height: 33px;
	margin: 0 0 7px;
	border-bottom: 1px solid #ddd;
	background: #f6f6f6
}

.cloud-config-group .ul-jifang .active {
	color: #059fff;
	border: 1px solid #1a92dd;
	z-index: 1
}

.cloud-config-group .ul-jifang .active span {
	color: #fff;
	background: #059fff;
	border-bottom: 1px solid #059fff
}

.cloud-config-group .ul-jifang .float-tip {
	bottom: 75px
}

.cloud-config-group .ul-jifang li:hover .float-tip {
	display: block
}

.cloud-config-group .ul-block li {
	width: 129px;
	height: 33px;
	float: left;
	line-height: 33px;
	text-align: center;
	background: #f6f6f6;
	border: 1px solid #ddd;
	margin-right: -1px;
	cursor: pointer
}

.cloud-config-group .ul-block .active {
	background: #059fff;
	border: 1px solid #1a92dd;
	color: #fff
}

.cloud-config-group .ul-block .gift {
	display: inline-block;
	margin-right: 5px;
	width: 17px;
	height: 14px;
	background: url(../../images/cloud/ico/gift.png) center no-repeat
}

.cloud-config-group .ul-time {
	padding-left: 85px
}

.cloud-config-group .ul-time li {
	width: 73px;
	height: 33px;
	float: left;
	line-height: 33px;
	text-align: center;
	background: #f6f6f6;
	border: 1px solid #ddd;
	margin-right: -1px;
	position: relative;
	cursor: pointer
}

.cloud-config-group .ul-time .active {
	background: #059fff;
	border: 1px solid #059fff;
	color: #fff
}

.cloud-config-group .ul-time .gift {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 5px;
	width: 17px;
	height: 17px;
	background: url(../../images/cloud/ico/gift.png) center no-repeat
}

.cloud-config-group .ul-time .float-tip {
	bottom: 42px;
	left: -15px;
	right: -15px;
	padding: 7px 5px
}

.cloud-config-group .ul-time li:hover .float-tip {
	display: block!important
}

.cloud-config-body .ssd {
	color: #666;
	overflow: hidden
}

.cloud-config-body .ssd em {
	color: #ff8a00;
	display: inline-block;
	margin-right: 10px
}

.cloud-config-body .ssd span {
	display: inline-block;
	margin-right: 10px;
	width: 128px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #059fff;
	background: #e6f7ff;
	text-align: center;
	color: #059fff
}

.data-disk span {
	cursor: pointer
}

.cloud-config-body .ssd .active {
	background: #059fff;
	border: 1px solid #059fff;
	color: #fff
}

.cloud-config-body .drag-list {
	position: relative;
	min-height: 60px;
	width: 540px;
	float: left;
	margin-right: 30px
}

.cloud-config-body .drag-list .drag-scale {
	position: relative;
	left: 0;
	right: 0
}

.cloud-config-body .drag-list .drag-scale li {
	height: 35px;
	line-height: 50px;
	font-size: 12px;
	position: absolute;
	top: 0
}

.cloud-config-body .drag-list .drag-scale li:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 10px;
	background: #ddd
}

.cloud-config-body .drag-list .drag-scale .end:before {
	left: auto;
	right: 0
}

.cloud-config-body .add-disk p {
	float: left;
	width: 35px;
	height: 35px;
	line-height: 32px;
	cursor: pointer;
	background: #059fff;
	color: #fff;
	text-align: center;
	font-weight: 100;
	font-size: 24px
}

.cloud-config-body .add-disk span {
	color: #ff8a00;
	margin: 0 15px 0 10px
}

.cloud-config-body .add-disk em {
	color: #ff8a00;
	margin: 0 5px
}

.cloud-config-body .select-list {
	height: 33px;
	padding: 0 15px;
	border: 1px solid #ddd;
	position: relative;
	float: left;
	width: 260px;
	cursor: pointer
}

.cloud-config-body .select-list:hover {
	border-color: #059fff
}

.cloud-config-body .select-list:hover ul {
	border-color: #059fff
}

.cloud-config-body .select-list cite {
	line-height: 33px;
	font-style: normal;
	display: block
}

.cloud-config-body .select-list cite i {
	float: left;
	width: 20px;
	height: 25px;
	margin: 6px 8px 0 0;
	background: url(../../images/public/system.png) no-repeat
}

.cloud-config-body .select-list cite:after {
	content: "";
	display: block;
	width: 7px;
	height: 33px;
	float: right;
	background: url(../../images/public/ico/down.png) center no-repeat;
	transition: transform .3s ease
}

.cloud-config-body .select-list .cart-up:after {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.cloud-config-body .select-list ul {
	display: none;
	border: 1px solid #ddd;
	border-top: none;
	background: #fff;
	position: absolute;
	left: -1px;
	top: 34px;
	right: -1px;
	z-index: 5;
	-webkit-animation-name: select;
	animation-name: select;
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.cloud-config-body #system_type_div {
	width: 210px
}

.cloud-config-body .select-list li {
	height: 35px;
	line-height: 35px
}

.cloud-config-body .select-list li i {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 25px;
	margin: 0 10px 0 15px;
	background: url(../../images/public/system.png) no-repeat
}

.cloud-config-body .select-list .system0 {
	background-position: -8px -14px
}

.cloud-config-body .select-list .system1 {
	background-position: -35px -13px
}

.cloud-config-body .select-list .system2 {
	background-position: -63px -13px
}

.cloud-config-body .select-list .system3 {
	background-position: -92px -13px
}

.cloud-config-body .select-list .system4 {
	background-position: -120px -13px
}

.cloud-config-body .select-list li:hover {
	background: #059fff;
	color: #fff
}

.cloud-config-body .select-list li:hover .system0 {
	background-position: -8px -49px
}

.cloud-config-body .select-list li:hover .system1 {
	background-position: -35px -49px
}

.cloud-config-body .select-list li:hover .system2 {
	background-position: -63px -49px
}

.cloud-config-body .select-list li:hover .system3 {
	background-position: -92px -49px
}

.cloud-config-body .select-list li:hover .system4 {
	background-position: -120px -49px
}

.cloud-config-body .select-system {
	margin-left: 20px
}

.cloud-config-body .select-system li {
	padding-left: 20px
}

@keyframes select {
	from {
		transform: translate3d(0,20px,0);
		opacity: .3
	}

	to {
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

.config-price .price-parameter ul {
	display: none;
	padding: 10px 300px 0 0;
	overflow: hidden
}

.config-price .price-parameter .wh {
	width: 165px!important
}

.config-price .price-parameter ul li {
	float: left;
	width: 300px;
	color: #999;
	font-size: 12px;
	line-height: 30px
}

.cloud-support {
	padding: 40px 0;
	min-width: 1220px;
	overflow: hidden
}

.support-body {
	float: right;
	width: 928px;
	padding: 10px 30px 60px 60px;
	border: 1px solid #059fff
}

.support-stype {
	float: left;
	width: 200px;
	border-top: 1px solid #ddd
}

.support-stype li {
	font-size: 16px;
	color: #333;
	height: 60px;
	text-align: center;
	position: relative;
	cursor: pointer
}

.support-stype li span {
	display: block;
	background: #f6f6f6;
	line-height: 58px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: -1px 0 0
}

.support-stype li span:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin-right: 15px;
	background: url(../../images/cloud/icons.png) no-repeat
}

.support-stype .stype1:before {
	background-position: 0 0
}

.support-stype .stype2:before {
	background-position: -18px 0
}

.support-stype .stype3:before {
	background-position: -39px 0
}

.support-stype .stype4:before {
	background-position: -58px 0
}

.support-stype .stype5:before {
	background-position: -78px 0
}

.support-stype .stype6:before {
	background-position: -95px 0
}

.support-stype .active span {
	position: absolute;
	left: 0;
	right: -1px;
	border: 1px solid #059fff;
	border-right: 1px solid #fff;
	background: #fff;
	color: #059fff
}

.support-stype .active .stype1:before {
	background-position: -112px 0
}

.support-stype .active .stype2:before {
	background-position: -131px 0
}

.support-stype .active .stype3:before {
	background-position: -151px 0
}

.support-stype .active .stype4:before {
	background-position: -170px 0
}

.support-stype .active .stype5:before {
	background-position: -190px 0
}

.support-stype .active .stype6:before {
	background-position: -208px 0
}

.support-info {
	display: none
}

.support-info h2 {
	font-size: 24px;
	margin: 50px 0 20px;
	padding-left: 15px;
	border-left: 5px solid #059fff;
	line-height: 100%
}

.support-info h4 {
	font-size: 16px;
	color: #666;
	line-height: 25px
}

.support-info p {
	color: #666;
	line-height: 35px
}

.support-detail1 .support-steps {
	margin: 30px 0 0;
	width: 770px;
	height: 62px;
	background: url(../../images/cloud/process1.png) left top no-repeat
}

.support-detail2 .support-steps {
	margin: 30px 0 0;
	width: 771px;
	height: 85px;
	background: url(../../images/cloud/process2.png) left top no-repeat
}

.support-detail3 .support-steps {
	margin: 30px 0 0;
	width: 771px;
	height: 62px;
	background: url(../../images/cloud/process3.png) left top no-repeat
}

.support-detail4 .support-steps {
	margin: 30px 0 0;
	width: 771px;
	height: 85px;
	background: url(../../images/cloud/process4.png) left top no-repeat
}

.support-detail5 .support-steps {
	margin: 30px 0 0;
	width: 771px;
	height: 85px;
	background: url(../../images/cloud/process5.png) left top no-repeat
}