*｛ margin: 0;
padding: 0;

｝ html,
body {
	margin: 0;
	padding: 0;
}

.main {
	width: auto;
	height: auto;
	background: #FAFAFA;
	padding-top: 0px;
	overflow-x: hidden;
}

.active:not([voucher_flag]) {
	color: #666 !important;
	border: 1px solid #B2D4EF !important;
	background: #E0F2FF !important;
	box-shadow: unset !important;
}

.btn-default:hover {
	color: #666 !important;
	border: 1px solid #B2D4EF !important;
	background: #E0F2FF !important;
}

.group_box {
	/* margin: auto !important; */
	height: auto;
	padding-top: 12px;
	padding-bottom: 4px;
	width: 154px;
	text-align: center;
	/* border: 1px solid #B2D4EF; */
	border: 1px solid #CFCFCF;
	font-size: 12px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	color: #999;
	margin:5px 14px 5px 0;
	cursor: pointer;
	/* background: #F4FBFF; */
}
.group_box>div{
	display: inline-block;
	width: 100%;
	margin-bottom:8px
}

.control-group .controls-item .active {
	background-color: dodgerblue;
	color: white;
}

.controls-item {
	padding-left: -10px;
}

.jslider .jslider-bg .v {
	height: 30px;
	text-align: center;
	background: #84C1FF;
}

.line_style {
	border: none;
	background: none;
	display: table-cell;
	padding: 0px 0px;
	position: relative;
	width: 96px;
	display: inline-block;
	box-sizing: border-box;
}

.line_content {
	padding: 4px 0px;
	display: inline-block;
}

.line_content button {
	border: 1px solid darkgray;
	font-size: 14px;
	width: 9rem;
	height: 3.2rem;
	margin: 5px 25px 5px 0;
	text-transform: capitalize;
}

.i_prompt {
	background: #f60;
	border-radius: 2px;
	font-size: 14px;
	color: #fff;
	position: absolute;
	right: 0;
	top: -7px;
	padding: 2px;
	font-style: normal;
	line-height: 12px;
}

.dc {
	border: none;
	background: none;
	display: table-cell;
	position: relative;
	width: 96px;
	margin-top: -20px;
	display: inline-block;
	vertical-align: top;

	margin-top: -20px;
}

.dc_content {
	padding: 0px 0px;
	display: inline-block;
}

.dc_content button {
	border: 1px solid rgba(190, 190, 190, .5);
	font-size: 14px;
	width: 12.375rem;
	height: 40px;
	margin-right: 10px;
}

.smodels {
	border: none;
	background: none;
	display: table-cell;
	padding: 0px 0px;
	position: relative;
	width: 96px;
	margin-top: -20px;
	display: inline-block;
	vertical-align: top;
}

.smodels_content {
	padding: 0px 0px;
	display: inline-block;
}

.smodels_content button {
	margin: 5px 10px 5px 0;
	border: 1px solid darkgray;
	font-size: 14px;
	width: 8rem;
	height: 40px;
}

.dset {
	border: none;
	background: none;
	display: table-cell;
	position: relative;
	width: 96px;
	margin-top: -20px;
	display: inline-block;
	padding-left: 0px;
	vertical-align: top;
}

.dset_content {
	padding: 10px 0px;
	display: inline-block;
	width: auto;
}

.server_t {
	border: none;
	background: none;
	display: table-cell;
	padding: 2px 0px;
	position: relative;
	width: 96px;
	margin-top: -20px;
	display: inline-block;
	vertical-align: top;
}

.B_width {
	border: none;
	background: none;
	display: table-cell;
	padding: 0px 0px;
	position: relative;
	width: 96px;
	margin-top: -20px;
	display: inline-block;
	vertical-align: top;
}

.B_content {
	display: inline-block;
	/* padding-top: 20px; */
}

.B_content>div {
	margin-bottom: 0;
	width: auto;
}

.time_s {
	border: none;
	height: auto;
	padding-top: 0;
	padding-bottom: 5px;
	box-sizing: border-box;
}

.time_title {
	border: none;
	background: none;
	display: table-cell;
	padding: 0px 0px;
	position: relative;
	width: 96px;
	/* margin-top: -20px; */
	display: inline-block;
	vertical-align: top;
}

.time_content {
	flex-wrap: wrap;
	display: inline-block;
	/* padding-top: 20px; */
}

.title_h3 {
	height: 100%;
	width: 150px;
	float: left;
}

.title_h3 h3 {
	font-size: 16px !important;
}

.submit_b {
	background: #fc8013;
	color: white;
	font-size: 14px;
	width: 180px;
	height: 40px;
	/* margin-top: 5px; */
	display: block;
	border: none;
}

.submit_a {
	font-size: 14px;
	vertical-align: 2px;
}

.images-select-div {
	display: inline-block;
}

.m_font {
	color: #fc8301;
	font-size: 30px;
	font-weight: bold;
}

.foot_main {
	height: auto;
	width: 1170px;
	background: white;
	padding: 20px 50px;
	position: fixed;
	bottom: 0;
	z-index: 10;
	border: 1px solid #d7d7d7;
}

.dset_input {
	width: 40px;
	height: 20px;
}

.font_t {
	font-size: 14px;
	color: darkgray;
}

.jslider .jslider-scale span,
.jslider .jslider-bg .v span,
.jslider .jslider-bg .v,
.jslider .jslider-scale ins,
.jslider .jslider-bg .v ins,
.jslider .jslider-scale {
	height: 20px;

}

.jslider .jslider-scale ins,
.jslider .jslider-bg .v ins {
	text-align: center;
}

.jslider_plastic .jslider-pointer {
	height: 25px;
	border-bottom: 1px solid #ccc;
	top: -2px;
}

.jslider .jslider-scale ins {
	background-color: #f0f0f0;
}

.control-range {
	position: relative;
	width: 275px;
	display: inline-block;
	vertical-align: top;
	height: 10px;
	border: 1px solid #f60;
	border-radius: 5px;
	top: 5px;
	cursor: pointer;
}

.range-control-bar {
	position: absolute;
	top: -4px;
	width: 10px;
	height: 20px;
	background-color: #f60;
	border-radius: 30%;
}

.range-control-bar:hover {
	box-shadow: 0 0 5px #f60;
}

.range-describe li {
	color: #000;
	font-size: 14px;
	float: left;
	width: 33.333%;
	margin-top: 15px;
}

.range-value-wrap {
	display: inline;
	vertical-align: top;
	margin-top: 2px;
	margin-left: 12px;
}

.range-value-text {
	width: 3.375rem;
	height: 30px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #cccccc;
	margin-right: 5px;
	margin-top: -5px;
}

.form-control-disk-type {
	width: 108px;
}

.data-disk-delete {
	float: right;
	cursor: pointer;
	margin: 5px 0 0 10px;
	width: 18px;
	height: 18px;
	background: url(/fcloud/image/delete-icon.png) 0 0 no-repeat;
}

.data-disk-delete:hover {
	background-position: 0 -38px;
}

.data-disk-add {
	text-decoration: none;
	cursor: pointer;
	display: inline;
	height: auto;
	width: auto;
	white-space: nowrap;
	padding: 2px 6px 2px 23px;
	background: url(/images/nowcloud/Add_btn.jpg) no-repeat 3px 50%;
	text-decoration: none;
	margin-left: 2px;
	border: none;
	color: #E66209;
}

.data-disk-add:hover {
	text-decoration: none;
	color: #E66209;
}

.control-group .controls-item>li,
.control-group .controls-item .item {
	background: #fbfbfb;
	border: 1px solid #e2e2e2;
	float: left;
	margin-left: -2px;
	/* padding: 7px 23px; */
	box-sizing: border-box;
	cursor: pointer;
}

.controls-item li {
	margin-bottom: 5px;
}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

li {
	list-style: none;
}

ins {
	height: 50px !important;
	width: 100%;
}

.shidai_icon {
	width: 104px;
}

.cloudMeau li {
	width: 16.5% !important;
	float: left;
}

.bor-botton {
	border-bottom: 1px solid gainsboro;
}

/** pc端**/
@media (min-width: 750px) {
	.title_h3 {
		font-size: 16px
	}

	h5 {
		font-size: 16px;
	}

	.banner {
		min-width: 1200px;
		height: 400px;
		background-repeat: no-repeat;
		background-position: center top;

	}

	.cloudMeau li {
		width: 19.625rem !important;
		float: left;
	}

	.dd,
	.bb {
		margin-left: -4px;
	}

	.goumai {
		width: 1140px;
		height: auto;
		padding: 10px 20px;
		z-index: 98;
		border: 1px solid #d7d7d7;
		margin-top: -25px;
	}

	.er {
		margin-left: 40px;
	}

	.slider-div {
		width: 44rem;
		float: left;
		margin-right: 18px;
	}

	.col-md-4s {
		padding: 0px;
	}

	.le_title {
		right: 0;
		color: #333;
		opacity: 1;
		font-size: 14px;
		font-weight: bold;
		text-align: right;
		padding-right: 24px;
		margin-top: 20px;
    	margin-bottom: 10px;
	}

	.tit h4 {
		font-size: 30px;
		color: #000;
		line-height: 28px;
		padding-bottom: 10px;
		font-weight: normal;
		margin-top: 35px;
		margin-bottom: 35px;
		text-align: center;
	}

	.title_h {
		width: 100%;
		height: 18px;
		font-size: 16px !important;
		margin: 25px 0;
		line-height: 3.75rem;
	}

	.title_h b {
		display: block;
		width: 3px;
		height: 20px;
		background: #0099FF;
		float: left;
		margin-right: 20px;
		margin-top: -2px;
	}

	.foot_ul {
		list-style: none;
		font-size: 14px;
		color: darkgray;
		padding: 0px;
		float: left
	}

	.foot_ul_pc {
		margin-left: 50px;
	}

	.dangqian {
		display: flex;
		width: auto;
		align-items: center;
		margin-top: 20px;
	}

	.submit_b {
		margin-left: 20px;
	}

	.padd {
		margin-left: 30px;
	}

	.dc {
		margin-left: 34px;
	}

	.line_style {
		margin-left: 34px;
	}

	.control-group .controls-item>li {
		text-align: center;
		padding: 7px 25px;
		box-sizing: border-box;
		margin: 5px 3px;
	}

	.dset_content {
		margin-left: 22px;
	}

	.time_content {
		width: 85%;
	}

	.shubox {
		/* display: flex; */
		/* justify-content: center; */
	}

	.shujupan {
		margin-top: -17px;
	}

	.xinghao {
		margin-top: -2px;
	}

	.xitong {
		margin-top: 28px;
	}

	.xitongs {
		margin-top: 20px;
	}

	.shujutiao {
		margin-top: -20px;
	}

	.disk-add-line {
		margin-top: 22px;
	}

	.goumaishichang {
		margin-top: -5px;
	}

	.shujuzhongxin,
	.xinghaoxuanze {
		margin-top: -3px;
	}

	.xitongpan,
	.shujupans {
		margin-top: -10px;
	}

	.goumaishichangs {
		margin-top: -6px;
	}
}

/** 移动端 **/
@media (max-width: 750px) {
	h5 {
		font-size: 1.6rem;
	}

	.banner {
		width: 100%;
		overflow: hidden;
		height: 18.75rem;
		background-image: url(../image/17cloud-21.jpg);
		background-size: 250% 100%;
		background-repeat: no-repeat;
		background-position: 70% top;
	}

	.cloudMeau li {
		width: 50% !important;
		float: left;
	}

	.goumai {
		width: 100% !important;
		padding: 0px 1.125rem;
		padding-bottom: 1.25rem;
		z-index: 98;
		border: 1px solid #d7d7d7;
		margin-top: -1.5625rem;
	}

	.slider-div {
		width: 20rem;
		float: left;
	}

	.le_title {
		right: 0;
		color: #333;
		opacity: 1;
		font-size: 1.4rem;
		font-weight: bold;
	}

	.tit h4 {
		font-size: 2rem;
		color: #000;
		line-height: 1.25rem;
		padding-bottom: 0.625rem;
		font-weight: normal;
		margin-top: 1.5625rem;
		margin-bottom: 0.9375rem;
		text-align: center;
	}

	.title_h {
		width: 100%;
		height: 1.125rem;
		font-size: 1.125rem !important;
		margin: 1.25rem 0;
		line-height: 3.75rem;
	}

	.title_h b {
		display: block;
		width: 3px;
		height: 15px;
		background: #0099FF;
		float: left;
		margin-right: 20px;
	}

	.foot_ul {
		list-style: none;
		font-size: 0.875rem;
		color: darkgray;
		padding: 0px;
		float: left;
		margin-left: -20px;
	}

	.foot_ul_pc {
		margin-left: 0;
	}

	.dangqian {
		display: flex;
		width: auto;
		justify-content: left;
		align-items: center;
		margin-left: -4px;
		padding: 0 !important;
		width: 100%;
	}

	.submit_b {
		margin-left: 0.5rem;
		width: 40%;
	}

	.submit_a {
		width: 60%;
	}

	.title_h3 h3 {
		padding: 0 !important;
	}

	.dc {
		margin-left: 0.875rem;
	}

	.control-group .controls-item>li {
		width: 16%;
		text-align: center;
		padding: 0.4375rem 0;
		box-sizing: border-box;
		margin: 0.3125rem 0.0625rem;
	}

	.time_content {
		padding-top: 0;
	}

	.yidongbtn {
		width: 25%;
	}

	.yidong_selext {
		content: '';
		display: block !important;
	}

	.time_content {
		width: 100%;
	}

	/* .btn-default {width: 45% !important; background: red;} */

}

/* 高仿云 */
.dibuneed {
	background: #fff;
	margin-top: 42px;
	padding: 30px 0;
}

.dibuneed>p {
	font-size: 20px;
	color: #333;
	text-align: center;
}

.content_ul {
	max-width: 1200px;
	margin: 30px auto 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content_ul li {
	width: 280px;
	/* padding: 20px; */
	/* background: #F5F7F8; */
	border-radius: 10px;
	border: 1px solid #EDEDED;
	/* text-align: center; */
}
.content_ul li img {
margin-right: 5px;
}

.content_ul li div p:nth-child(1) {
	/* margin: 25px 0; */
	font-size: 16px;
	color: #000;
}

.content_ul li div p:nth-child(2) {
	text-align: left;
	font-size: 14px;
	color: #666;
	margin: 0;
}

.content_ul li>div:nth-child(1) {
	padding: 20px 20px 30px;
}
.content_ul li>div:nth-child(2) {
	padding: 10px;
	text-align: center;
	background: #F8F8F8;
}

/* .content_ul li a {
	margin-top: 20px;
	font-size: 14px;
	color: #000;
	display: inline-block;
} */

.content_ul li a:hover {
	color: #f60;
}

@media (max-width:900px) {
	.content_ul {
		justify-content: space-around;
	}

	.content_ul li {
		margin-bottom: 10px;
	}
}

@media (max-width:750px) {
	.dibuneed {
		margin-top: 16px;
		padding-bottom: 0;
	}

	.content_ul {
		justify-content: space-around;
		flex-direction: column;
	}

	.content_ul li {
		width: 100%;
		margin-bottom: 0px;
		display: flex;
		position: relative;
		background: #fff;
		text-align: left;
		padding: 16px 23px;
		border-bottom: 4px solid #fafafa;
	}

	.content_ul li:last-child {
		border-bottom: none;
	}

	.content_ul li img {
		align-self: flex-start;
		width: 46px;
	}

	.content_ul li div {
		margin-left: 20px;
		padding-bottom: 0;
		border-bottom: none;
	}

	.content_ul li div p:nth-child(1) {
		margin: 0 0 2px;
	}

	.content_ul li a {
		position: absolute;
		right: 35px;
		margin-top: 0;
		color: #f60;
	}
}