/* 通用  start*/

.navbar-brand {

	background: none !important;

}



[v-cloak] {

	display: none;

}



.moudle-wrapper-parent {

	min-height: calc(100vh - 92px);

}



body,

html {
	height: 100%;
	padding: 0;
	font-family: 'Microsoft YaHei';
}

body {
	min-width: 1200px;
	font-size: 14px;
}

img {

	image-rendering: -moz-crisp-edges;

	image-rendering: -o-crisp-edges;

	image-rendering: -webkit-optimize-contrast;

	image-rendering: crisp-edges;

	-ms-interpolation-mode: nearest-neighbor;

}



.el-dialog__wrapper {

	overflow-y: hidden;

}





/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {

	width: 12px;

	height: 12px;

	background-color: #F5F5F5;

}



.font-weight {

	font-weight: bold;

}



.font14 {

	font-size: 14px;

}



.font16 {

	font-size: 16px;

}



.font18 {

	font-size: 18px;

}



.mr-10 {

	margin-right: 10px;

}



.mr-20 {

	margin-right: 20px;

}



.mr-30 {

	margin-right: 30px;

}



.mt-10 {

	margin-top: 10px;

}



.mt-20 {

	margin-top: 20px;

}



.mt-30 {

	margin-top: 30px;

}



.ml-10 {

	margin-left: 10px;

}



.ml-20 {

	margin-left: 20px;

}



.ml-30 {

	margin-left: 30px;

}



.mb-10 {

	margin-bottom: 10px;

}



.mb-20 {

	margin-bottom: 20px;

}



.mb-30 {

	margin-bottom: 30px;

}



.relative {

	position: relative;

}



.cursorPointer {

	cursor: pointer;

}



p {

	margin: 0px;

	line-height: 1;

}

h1,
.h1,
h2,
.h2,
h3,
.h3 {

	margin: 0px;

}

/* flex布局 相关设置 start */
.fboxRow {
	display: flex;
	flex-direction: row;
}

.fboxCenter {
	display: flex;
	align-items: center;
	justify-content: center;
}






/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {

	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

	border-radius: 0px;

	background-color: #F5F5F5;

}



/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {

	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

	border-radius: 0px;

	background-color: #eaeaea;

}

.section {
	max-width: 1170px;
	margin: 0 auto;
}

.newUser-content-wrapper {
	padding-top: 810px;
	z-index: -1;
	position: relative;

}



.newUser-content-modilewrapper-top {

	display: none;

}



.newUser-content-modilewrapper {

	display: none;

}



.newUser-wrapper {

	background-position-x: center;

	/* 从570px 开始计算高度 */

	background-position-y: 570px;

}



.footer_social_links {

	margin-bottom: 0px !important;

	position: relative;

	top: -6px;

}



span {

	display: inline-block;

}



.nav-phone-wrapper {

	display: none;

}





.service-side {

	position: fixed;

	right: 10px;

	top: 65%;

	margin-top: -91px;

	z-index: 999;

	margin: auto 0;

	height: auto;

}



.noData {

	margin: auto;

	font-size: 18px;

	color: #FFFFFF;

}



.yzButton {

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

}



.modile-header {

	display: none;

}



/* 领券 */

.moudule-content-wrapper>.ticket-moudule {

	width: 100%;

	height: 180px;


}



.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top {

	padding-top: 18px;

	padding-left: 45px;

	padding-right: 22px;

	align-items: center;

	justify-content: space-between;

}



.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top .yzButton.getTicketButton {

	width: 150px;

	height: 40px;

	background: linear-gradient(90deg, #F6DDBE 0%, #FEFBF8 100%);

	box-shadow: 0px 4px 10px 0px rgba(12, 86, 150, 0.16);

	border-radius: 20px;

	font-size: 18px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #036BC5;

}



.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top .yzButton.getTicketButton:hover {

	font-weight: bold;

}







.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top .yzButton.getTicketButton.noclick {

	background: #C9C9C9;

	color: #999999;

}





.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top .ticketTop-content {

	align-items: center;



}



.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top .ticketTop-content .desc {

	position: relative;

	color: #CFE9FF;

	font-size: 16px;

	margin-left: 40px;

}



.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top .ticketTop-content .desc::after {

	content: '';

	position: absolute;

	left: -20px;

	top: 50%;

	transform: translate(0, -50%);

	width: 1px;

	height: 22px;

	background: #CFE9FF;

}



.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top .ticketTop-content .desc .rulerButton {

	color: #F6DEC1;

}



.moudule-content-wrapper>.ticket-moudule .ticket-wrapper {

	padding-left: 32px;

	padding-right: 37px;

}



.ticket-wrapper {

	margin-top: 16px;

}



.ticket-wrapper .ticket-col {

	width: 20%;

}



.ticket-wrapper .ticket-col .ticket-item {

	position: relative;

	height: 85px;

	background: #FEF9F5;

	padding: 6px;

	box-sizing: border-box;

}



.ticket-wrapper .ticket-col .ticket-item .ticket-flag {

	position: absolute;

	width: 42px;

	height: 44px;

	right: 0px;

	top: 0px;

	background-size: cover;

}





.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner {

	position: relative;

	border: 1px solid #FFB9A7;

	border-radius: 6px;

	height: 100%;

	padding-left: 24px;

	padding-top: 9px;

}



.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner>img {

	width: 46px;

	position: absolute;

	bottom: 0px;

	right: 0px;

}



.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner .item-price {

	color: #E3471F;

	font-family: Microsoft YaHei;

}



.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner .item-price .unit {

	font-size: 14px;

	font-weight: bold;

}



.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner .item-price .money {

	font-size: 32px;

	font-weight: bold;

	margin-left: 2px;

	margin-right: 6px;

}



.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner .item-price .num {

	font-size: 14px;

	font-weight: bold;

}



.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner .item-desc {

	color: #E3471F;

}



/* 领券 end*/

.moudule-wrapper .moudule-content-wrapper {

	padding-top: 80px;

	padding-bottom: 30px;

	position: relative;

}



.moudule-wrapper.ticket .moudule-content-wrapper {

	padding-top: 20px;

	padding-bottom: 0px;

}



.moudule-wrapper.yun .moudule-content-wrapper {

	padding-top: 51px;

}



.moudule-wrapper .moudule-content-wrapper h3.title {

	margin-top: 0px;

	font-size: 30px;

	color: #333333;

	margin-bottom: 19px;

	line-height: 1;

	padding-bottom: 0px;

	text-align: left;

}



.moudule-wrapper .moudule-content-wrapper .desc {

	font-size: 16px;

	color: #333333;

	line-height: 1;

	z-index: 10;
}

.moudule-wrapper .moudule-content-wrapper .desc .rulerButton {
	color: #7F3F00;
	margin-left: 15px;
	cursor: pointer;
}



.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper {

	margin-top: 38px;

	display: flex;

}



.moudule-wrapper.yun .moudule-content-wrapper .navSelect-wrapper {

	margin-top: 20px;

	display: flex;

}



.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper .navSelect-item {

	background-color: #FFFFFF;

	cursor: pointer;

	flex: 1;

	height: 48px;

	font-size: 18px;

	color: #333333;

	display: flex;

	align-items: center;

	justify-content: center;

	border-bottom: solid 2px #2799FC;

	position: relative;

}



.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper .navSelect-item.active {
	background: linear-gradient(90deg, #FF614D 0%, #FF4539 100%);
	color: #fff;
	font-weight: bold;
}

.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper .navSelect-item.navSelect-item.finished {
	background: #F2F2F2;
	color: #999999;
	cursor: default;
}



.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper .navSelect-item.active::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	width: 0;
	height: 0;
	margin: auto;
	border: 8px solid transparent;
	border-top-color: #FF5000;
	z-index: 10;
}





.yzButton.modile-extend {

	width: 140px;

	height: 40px;

	background: #FFFFFF;

	border: 1px solid #3699FF;

	font-size: 14px;

	font-weight: 400;

	color: #2799FC;

	margin: 0px;

	margin-top: 30px;

}



.yzButton.modile-extend:hover {

	color: #fff;

	background: #3699FF;

}





.luckDraw-mask-wrapper .content-inner-wrapper .freeTitle {

	font-size: 24px;

	color: #fff;

	line-height: 24px;

	font-weight: bold;

	text-align: center;

}



.sidebox.cd-top {

	display: none;

}



.sidebox.cd-top.show {

	display: flex !important;

	align-items: center;

	justify-content: center;

}



/* dialog  */

.el-dialog {

	margin: auto;

	margin-top: auto !important;

	position: relative;

	top: 50%;

	transform: translateY(-50%);

}



.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-GUIDE {

	margin-bottom: 42px !important;

}



.order-content {

	padding: 10px 0px 0px 0px;

}



.order-content .config-wrapper {

	overflow: auto;

	max-height: 600px;

	padding: 0px 20px;

}



.order-content .total {

	padding: 0px 40px;
	padding-bottom: 15px;
}

.order-content .el-checkbox {
	margin: 0px;
	display: flex;
	align-items: center;
}
.order-content .el-checkbox .el-checkbox__label a {
	color: #FF4539;
}

.detailed-wrapper .detailed-item {

	display: flex;

	line-height: 27px;

	/* justify-content: space-between; */

	font-size: 12px;



}



.detailed-wrapper .detailed-item .title {

	color: #999999;

	width: 36%;

}


.order-content .title h5 {

	border-color: #E5E5E5 !important;

	text-align: left;

	margin-bottom: 0px;

}







.yz-el-dialog .renewButton {

	/* padding: 11px  20px; */

	display: flex;

	align-items: center;

	justify-content: center;

	width: 76px;

	height: 36px;

	box-sizing: border-box;

	color: #333;

	position: relative;

}



.yz-el-dialog .renewButton.active {

	border: 1px solid #6462F3;

	color: #6462F3;



}



.yz-el-dialog .dialog-button-wrapper {

	position: absolute;

	bottom: 20px;

	right: 40px;

}



.yz-el-dialog .dialog-title {

	font-size: 18px;

	border-bottom: 1px solid #EEEEEE;

	padding: 14px 18px 13px 20px;

}



.yz-el-dialog .dialog-button-wrapper .yzButton.confirm {

	color: #FFFFFF;

}



.el-dialog__header {

	padding: 0px !important;

}



.yz-el-dialog .dialog-button-wrapper .yzButton {

	width: 90px;

	height: 36px;

	box-sizing: border-box;

	margin-right: 12px;

}



.dialog-content.ruler li {

	line-height: 25px;

}



.dialog-content.ruler ul {

	margin: 5px 0px;

}



.yz-el-dialog .el-input-number__decrease,

.yz-el-dialog .el-input-number__increase {
	width: 36px;
	height: 36px;
	line-height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0px;
}

.order-content .option-itemSelect .el-input-number .el-input__inner {
	height: 38px;
	border-radius: 0px;
}

.yz-el-dialog .el-input-number {
	    line-height: 36px;
		border-radius: 0px;
		width: 160px;
}

.yz-el-dialog  .timeSelect-wrapper .timeSelect-item {
	width: 60px;
	text-align: center;
	border-radius: 4px;
	font-size: 12px;
	margin-right: 6px;
}

.yz-el-dialog .timeSelect-wrapper .timeSelect-item.active .item-sale {
	border: none;
	background: #FF4437;
	color: #fff;
}

.yz-el-dialog .el-dialog__body {
	color: #333;
}

.yz-el-dialog  .timeSelect-wrapper .timeSelect-item .item-sale {
	display: none;
	height: 18px;
	line-height: 18px;
	border: 1px solid #DBDBDB;
	border-radius: 4px 4px 0px 0px;
	box-sizing: border-box;
}
.yz-el-dialog  .timeSelect-wrapper .timeSelect-item .item-time {
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #EEEEEE;
	border-radius: 4px;
	box-sizing: border-box;
	/* margin-top: -1px; */
}

.yz-el-dialog .timeSelect-wrapper .timeSelect-item.active .item-time {
	border: 1px solid #FF4437;
	color: #FF4437;
}



/* dialog  end*/

.el-table__body {

	width: 100% !important;

}



.el-select-dropdown__item.selected {

	color: #FF8E31 !important;

}



.order-content {

	padding: 0px;

	cursor: pointer;

}





.product-wrapper .el-icon-arrow-up:before {

	content: "\e78f" !important;

	color: #999;

}





.flag-wrapper .flag-li {

	margin-right: 6px;

	height: 18px;

	padding: 0px 7px;

	border-radius: 0px;

	box-sizing: border-box;

	font-size: 12px;

	line-height: 1;

}







/* 通用 end */



/* 导航  start */





.nav-wrapper {

	transition: all .4s ease-out;

	box-sizing: border-box;

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	margin-left: -688px;

	width: 160px;

	height: auto;

	padding-top: 26px;

	z-index: 999;

	display: flex;

	flex-direction: column;

	align-items: center;

}



.uno-sidenav-trigger {
	width: 50px;
	height: 230px;
	display: none;
	position: fixed;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img2/hc_2022newYear_aside_deployment.png) no-repeat center;
	background-size: contain;
	cursor: pointer;
	z-index: 10;
}


.nav-wrapper .returnTop {

	height: 45px;

	background: #333333;

	width: 141px;

	display: flex;

	justify-content: center;

	align-items: center;

	color: #fff;

	border-radius: 0px 0px 4px 4px;

	cursor: pointer;

}

.nav-wrapper ul {
	position: relative;
	top: 0px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0px;
	z-index: 10;
	border-radius: 0px;
}

.nav-wrapper ul li.classify {
	display: flex;
	width: 100%;
	height: 57px;
	position: relative;
	justify-content: flex-end;
	align-items: center;
	font-size: 18px;
	color: #333333;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 30px;
	letter-spacing: 0px;
	text-align: right;
	cursor: pointer;
}



.nav-wrapper ul li.detailType {
	height: auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	border: none;
	padding-right: 30px;
	font-size: 18px;
	color: #333;
	margin-bottom: 30px;
	overflow: hidden;
	line-height: 1.1;
	cursor: pointer;

}

.nav-wrapper ul li.detailType:first-child {
	margin-top: 20px;
}

.nav-wrapper ul li.detailType:last-child{
	margin-bottom: 20px;
}



.nav-wrapper ul li.detailType:hover {

	color: #2799FC;

}



.nav-wrapper ul li.detailType.active {
	position: relative;
	display: flex;
	text-align: center;
	align-items: center;
	font-size: 14px;
	border: none;
	width: 100%;
	left: 0px;
	font-weight: normal;
	color: #FF4539;
	font-size: 18px;
}







.nav-wrapper ul li.detailType.active::after {

	content: '';

	position: absolute;

	left: 0px;

	bottom: -4px;

	width: 0;

	height: 0;

	border-left: 5px solid transparent;

	border-top: 4px solid #00043D;

	z-index: 10;

}



.nav-wrapper ul li.detailType.active::before {

	content: '';

	position: absolute;

	right: 0px;

	bottom: -4px;

	width: 0;

	height: 0;

	border-right: 5px solid transparent;

	border-top: 4px solid #00043D;

	z-index: 10;



}





.nav-logo-content img {

	width: 154px;

	height: 18px;

	position: absolute;

	bottom: 0px;

}









.nav-wrapper .nav-logo {

	display: none;

	position: absolute;

	top: -46px;

	left: 50%;

	transform: translate(-50%, 0px);

	width: 100%;

}



.nav-wrapper .nav-logo.active {

	display: flex;

	padding-bottom: 15px;

}





.nav-wrapper .nav-logo .nav-logo-content .text {

	line-height: 25px;

	font-size: 16px;

	color: #FFFFFF;

	text-align: center;

}



/* 导航  end */



.newYearImg-child1 {

	width: 771px;

	height: 447px;

	background-color: pink;

	z-index: 999;

	position: absolute;

	right: 52px;

	top: 100px;

	-webkit-animation: upDom 0.5s linear 2 0s;

	animation: upDom 2s linear 2 0s;

	background-size: contain;

}



.newYearImg-child2 {

	width: 544px;

	height: 373px;

	background-color: pink;

	z-index: 999;

	position: absolute;

	right: 194px;

	top: 100px;

	-webkit-animation: upDom 0.5s linear 2 0.5s;

	animation: upDom 2s linear 2 0.5s;

	background-size: contain;

}



/* banner */





/* 页面正文分栏 */

.banner-bottom-wrapper {

	align-items: flex-end;

	justify-content: center;

	max-width: 1920px;

	height: 70px;

	background: #2799FC;

}



.banner-bottom-wrapper .banner-bottom-wrapper-inner {

	position: relative;

	width: calc(1170px - 80px);

	height: 50px;

	background: #F7F7F9;

	box-sizing: border-box;

	display: flex;

	align-items: center;

	justify-content: center;

	margin: 0;

}



.banner-bottom-wrapper .banner-bottom-wrapper-inner::before {

	content: '';

	position: absolute;

	right: -40px;

	bottom: 0px;

	width: 0;

	height: 0;

	border-right: 40px solid transparent;

	border-bottom: 50px solid #F7F7F9;

	z-index: 10;

}



.banner-bottom-wrapper .banner-bottom-wrapper-inner::after {

	content: '';

	position: absolute;

	left: -40px;

	bottom: 0px;

	width: 0;

	height: 0;

	border-left: 40px solid transparent;

	border-bottom: 50px solid #F7F7F9;

	z-index: 10;

}



.banner-bottom-wrapper .banner-bottom-wrapper-inner>p {

	text-align: center;

	font-size: 18px;

	color: #333333;

	line-height: 1;

}



.banner-bottom-wrapper .banner-bottom-wrapper-inner>p .key {

	font-weight: bold;

	color: #2799FC;

	font-size: 20px;

}



/* 页面正文分栏 end */





.newUser-wrapper .banner-phoneTab-wrapper {

	display: none;

}



.newUser-wrapper .header-banner {
	position: absolute;
	background: url(../img2/hc_2022newYear_banner.png) center no-repeat;
	background-size: cover;
	height: 810px;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 0;
}



.newUser-wrapper .header-banner .header-banner-inner {

	position: relative;

	height: 100%;

}


.newUser-wrapper .header-banner .header-banner-inner .banner-inner-text {
	margin: 0  auto;
	background: url(../img2/hc_2022newYear_title.png) no-repeat center;
	background-size: cover;
	width: 795px;
	height: 214px;
}

@keyframes fadeInBottom{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,80px,0);
		-ms-transform: translate3d(0,80px,0);
		transform: translate3d(0,80px,0)
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-ms-keyframes name{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,80px,0);
		-ms-transform: translate3d(0,80px,0);
		transform: translate3d(0,80px,0)
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}


@-webkit-keyframes name{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,80px,0);
		-ms-transform: translate3d(0,80px,0);
		transform: translate3d(0,80px,0)
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-moz-keyframes name{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,80px,0);
		-ms-transform: translate3d(0,80px,0);
		transform: translate3d(0,80px,0)
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}



.newUser-wrapper .header-banner .header-banner-inner .banner-inner-backGround {

	position: absolute;

	right: -120px;

	bottom: -47px;

	width: 865px;

	height: 386px;

	background-size: cover;



}









/* banner end*/









/* 云服务器专区 */



.moudule-wrapper .product-wrapper {

	padding: 20px;

	border: 1px solid #C1E0FF;

	border-top: none;

	background: #fff;

}



.product-wrapper .product-item-wrapper {

	border: 1px solid transparent;

	box-sizing: border-box;

}



.product-wrapper .product-item-wrapper:hover {

	box-shadow: 0px 0px 9px 1px rgba(65, 105, 255, 0.1);

}





.product-wrapper.yun .el-col:first-child .product-item-wrapper {

	border: 1px solid #1B80DB;

}





.product-wrapper .product-item-wrapper .item-title-wrapper {

	position: relative;

	padding: 19px 20px 23px 20px;

	height: 110px;

}



.product-wrapper .product-item-wrapper .cpu-select-wrapper {

	display: none;

}





.product-wrapper .product-item-wrapper.active .item-title-wrapper {

	background-size: cover;

}



.item-info-wrapper .item-select-wrapper {

	width: calc(100% + 40px);

	position: relative;

	right: 20px;

	padding: 0 20px;

	height: 50px;

	background: #FFFFFF;

	box-shadow: 0px 0px 6px 1px rgba(12, 86, 150, 0.1);

	display: flex;

	align-items: center;

}



.product-wrapper .product-item-wrapper .item-info-wrapper .item-select-wrapper .item-info {

	padding-top: 0px;



}







.product-wrapper .product-item-wrapper .item-title-wrapper .sale-wrapper {

	position: absolute;

	right: 0px;

	top: -1px;

	width: 68px;

	height: 68px;

	display: none;

}



.product-wrapper .product-item-wrapper .item-title-wrapper .sale-wrapper.active {

	display: block;

}





.product-wrapper .product-item-wrapper .item-title-wrapper .item-title {

	font-size: 20px;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #333333;

	line-height: 1;

	display: flex;

}



.product-wrapper .product-item-wrapper .item-title-wrapper .item-desc {

	font-size: 14px;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #666666;

	line-height: 20px;

}



.product-wrapper .product-item-wrapper .item-info-wrapper {

	box-sizing: border-box;

	padding: 2px 20px 0px 20px;

	margin-bottom: 18px;

	position: relative;

}



.product-wrapper .product-item-wrapper .item-info-wrapper .item-info-innerwrapper {

	padding-bottom: 30px;

	border-bottom: 1px solid #E5E5E5;

}



.product-item-wrapper .flag-wrapper {

	padding: 0px 20px;

}



.flag-wrapper .flag-li {

	margin-right: 6px;

	height: 18px;

	padding: 0px 6px;

	border-radius: 2px;

	box-sizing: border-box;

	font-size: 12px;

	line-height: 1;

}



.flag-wrapper .flag-li.deepRed {
	background: #FF4539;
	color: #fff;
}



.flag-wrapper .flag-li.lightRed {
	background: #FFF;
	border: 1px solid #FF4539;
	color: #FF4539;
}







.product-wrapper .product-item-wrapper .item-info-wrapper .fangyuVal {

	position: absolute;

	bottom: -19px;

	left: 20px;

	font-size: 12px;

	color: #FF8E31;

}



.product-wrapper .product-item-wrapper .item-info-wrapper .item-info {

	/* align-items: center; */

	padding-top: 20px;

}





.product-wrapper .product-item-wrapper .item-info-wrapper .item-info.timeSelect-wrapper {

	flex-direction: column;

}





.product-wrapper .product-item-wrapper .item-info-wrapper .item-info .item-info-key {

	display: flex;

	align-items: center;

	line-height: 1;

	min-width: 127px;

	color: #666666;

}



.product-wrapper .product-item-wrapper .item-info-wrapper .item-info .item-info-val {

	box-sizing: border-box;

	line-height: 1;

}



.product-wrapper .product-item-wrapper .item-price-wrapper {

	padding: 0px 20px 20px 20px;

}



.product-wrapper .el-input__inner {

	border: 1px solid #DBDBDB;

	height: 30px;

	line-height: 30px;

	box-sizing: border-box;

	border-radius: 0px;

}



.product-wrapper .el-select {}



.product-wrapper .el-input__icon {

	line-height: 30px;

}



.product-wrapper .item-info .sizecount {

	width: 151px;

	display: flex;

	justify-content: flex-end;

	padding-right: 40px;

	color: #FF6868;

}



.product-item-wrapper .item-price-wrapper {}



.product-item-wrapper .item-price-wrapper .newprice-wrapper {

	display: flex;

	flex-direction: column;



}



.product-item-wrapper .item-price-wrapper .newprice-wrapper .newprice {

	font-size: 30px;

	vertical-align: baseline;

	color: #E3471F;

	line-height: 30px;

	font-weight: bold;

}



.product-item-wrapper .item-price-wrapper .newprice-wrapper .newprice .newpriceUnit {

	font-size: 14px;

	vertical-align: baseline;

	font-weight: normal;

}



.product-item-wrapper .item-price-wrapper .newprice-wrapper .timePrice {

	margin-top: 3px;

}



.product-item-wrapper .item-price-wrapper .newprice-wrapper .timePrice .flag {

	width: 20px;

	height: 20px;

	background: #FF5151;

	border-radius: 4px;

	color: #fff;

	margin-right: 7px;

}



.product-item-wrapper .item-price-wrapper .newprice-wrapper .timePrice .price {

	color: #666666;

}



.product-item-wrapper .item-price-wrapper .oldPrice {

	font-size: 14px;

	color: #999999;

	margin-top: 12px;

	text-decoration: line-through;

	margin-left: 30px;

}



.product-item-wrapper .item-button-wrapper {
	position: relative;
	height: 40px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	background: linear-gradient(90deg, #FF614D 0%, #FF4539 100%);
}



.product-item-wrapper.usaYunProduct .item-button-wrapper {

	cursor: default;

	background: #C9C9C9;

	color: #999999;

}





.product-item-wrapper:not(.usaYunProduct):hover .item-button-wrapper {

	font-weight: bold;

}





.product-wrapper .el-col:nth-child(n + 4) {

	margin-top: 20px;

}



.product-wrapper .el-row {

	display: flex;

	flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

}



.product-item-wrapper .item-select-wrapper .el-select .el-input__inner {

	padding-left: 0px;

}



.timeSelect-wrapper .timeButton-wrapper {

	margin-top: 20px;

}



.timeButton-wrapper .timeButton-item {

	flex: 1;

	position: relative;

	height: 32px;

	background: #FFFFFF;

	border: 1px solid #E5E5E5;

	border-right: 1px solid transparent;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: 14px;

	font-family: Microsoft YaHei;

	color: #333333;

	cursor: pointer;

}



.serverProduct-item-wrapper .timeButton-wrapper .timeButton-item {

	width: 60px;

	flex: none;

}



.serverProduct-item-wrapper .timeButton-wrapper .timeButton-item:last-child {

	border-right: 1px solid #E5E5E5;

}





.timeButton-wrapper .timeButton-item.active {

	border: 1px solid #E3471F !important;

	color: #E3471F;

}



.timeButton-wrapper .timeButton-item .flag {

	position: absolute;

	top: -13px;

	right: 0px;

	width: 46px;

	height: 16px;

	display: flex;

	justify-content: center;

	align-items: center;

	color: #FFFFFF;

	font-size: 12px;

	background: #E3471F;

	border-radius: 8px 8px 8px 0px;

}



.timeSelect-wrapper .timeButton-wrapper .timeButton-item:first-child {

	border-radius: 3px 0px 0px 3px;

}



.timeSelect-wrapper .timeButton-wrapper .timeButton-item:last-child {

	border-right: 1px solid #E5E5E5;

	border-radius: 0px 3px 3px 0px;

}



.timeSelect-wrapper .timeButton-wrapper .timeButton-item.single {

	flex: 0 0 107px;

	border-radius: 4px;

}







/* 云服务器专区 end */









/* 独立服务器  高仿服务器样式 */





.serverProduct-wrapper.pc-wrapper {

	display: block;

}



.serverProduct-wrapper.modile-wrapper {

	display: none;

}



.serverProduct-wrapper .serverProduct-item-wrapper {
	position: relative;
	width: 100%;
	height: 127px;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #dbdbdb;
	background: linear-gradient(90deg, #FFFFFF 0%, #EEEEEE 100%);
}



.serverProduct-wrapper .serverProduct-item-wrapper:last-child {

	margin-bottom: 0px;

}



.serverProduct-wrapper .serverProduct-item-wrapper .item-title-wrapper {

	position: relative;

	display: flex;

	flex-direction: column;

	width: 200px;

	height: 100%;

	background: #A7D6FF;

	color: #432100;

	box-sizing: border-box;

	padding-left: 20px;

	flex: 0 0 200px;

	display: flex;

	flex-direction: column;

	justify-content: center;

}



.generalServer-wrapper .serverProduct-wrapper .serverProduct-item-wrapper.active .item-title-wrapper,

.serverProduct-wrapper .serverProduct-item-wrapper.active .item-title-wrapper {

	background: #E3F2FF;

}



.serverProduct-wrapper .serverProduct-item-wrapper .item-title-wrapper .title-flag {

	position: absolute;

	top: 0px;

	left: 0px;



	color: #fff;

	display: flex;

	align-items: center;

	justify-content: center;

	padding-right: 22px;

	width: 90px;

	height: 26px;

	background: #65AFF0;

	border: 1px solid #92CCFF;

	border-radius: 0px 0px 25px 0px;

	box-sizing: border-box;



}



.serverProduct-wrapper .serverProduct-item-wrapper .item-title-wrapper .title-flag.Hongkong {

	background: #92CCFF;

}



.serverProduct-wrapper .serverProduct-item-wrapper .item-title-wrapper .title-flag.usa {

	background: #1E88E5;

}





.serverProduct-item-wrapper.active .item-title-wrapper .title-flag {

	border: none;

	background-color: #FF8E31 !important;

}





.serverProduct-wrapper .serverProduct-item-wrapper .item-title-wrapper .title {

	font-size: 20px;

	font-weight: bold;

	line-height: 1;

	padding-bottom: 0px;

	text-align: left;

}



.serverProduct-wrapper .serverProduct-item-wrapper .item-title-wrapper .val {

	margin-top: 14px;

	line-height: 1;

}



.serverProduct-wrapper .serverProduct-item-wrapper .item-content-wrapper {

	height: 100%;

	box-sizing: border-box;

	flex: 1;

	display: flex;

	background-color: #fff;

}



.serverProduct-wrapper .serverProduct-item-wrapper.active .item-content-wrapper {

	background-color: #E3F2FF;

}



.serverProduct-wrapper .serverProduct-item-wrapper .item-content-wrapper .content-config-wrapper {

	flex: 1;

	box-sizing: border-box;

	height: 100%;

	position: relative;

	display: flex;

	justify-content: space-around;

	align-items: center;

}



.serverProduct-wrapper .serverProduct-item-wrapper .fangyuInfo {

	color: #FF8E31;

	margin-left: 10px;

	font-size: 12px;

}



.serverProduct-wrapper .serverProduct-item-wrapper .item-content-wrapper .content-price-wrapper {

	position: relative;

	width: 285px;

	box-sizing: border-box;

	height: 100%;

	flex: 0 0 285px;

	padding: 10px 19px;

}



.serverProduct-wrapper .serverProduct-item-wrapper .item-content-wrapper .content-price-wrapper .content-price-inner {

	padding-left: 20px;

}



.serverProduct-wrapper .moreProduct-wrapper {

	width: 100%;

	height: 90px;

	background: #FFFFFF;

	border: 1px solid #C1E0FF;

	border-top: none;

}





.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .price-flag {

	position: absolute;

	top: -8px;

	right: 5px;

}



.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .price-wrapper {

	position: relative;



}



.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .price-wrapper .price {

	font-size: 32px;

	line-height: normal;

	color: #E3471F;

	font-weight: bold;

	vertical-align: baseline;

	line-height: 1;

}



.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .price-wrapper .price .unit {

	font-weight: normal;

	font-size: 14px;

	vertical-align: baseline;

}



.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .price-wrapper .priceunit {

	color: #333;

	font-weight: normal;

	font-size: 14px;

	vertical-align: baseline;

}



.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .price-wrapper .oldprice {

	color: #999999;

	text-decoration: line-through;

	line-height: 1;

	margin-top: 6px;

}



.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .oldprice-wrapper {

	display: flex;

	align-items: flex-end;

	padding-bottom: 1px;

}



.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .timePrice {

	margin-top: 3px;

	align-items: center;

}



.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .timePrice .flag {

	width: 20px;

	height: 20px;

	background: #FF5151;

	border-radius: 4px;

	color: #fff;

	margin-right: 7px;

}



.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .timePrice .price {
	color: #666666;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
}



.serverProduct-wrapper .content-button-wrapper {
	position: absolute;
	width: 116px;
	height: 40px;
	background: linear-gradient(90deg, #FF614D 0%, #FF4539 100%);
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	top: 41px;
	right: 24px;
	bottom: 7px;
	font-weight: 400;
	cursor: pointer;
	box-sizing: border-box;
}

.serverProduct-wrapper .content-config-wrapper {

	display: flex;

}



.serverProduct-wrapper .content-config-wrapper .config-item-wrapper {

	display: flex;

	position: relative;

	flex-direction: column;

	box-sizing: border-box;

}



.serverProduct-wrapper .content-config-wrapper .config-item-wrapper.hardDrive {

	width: 165px;

}



.serverProduct-wrapper .content-config-wrapper .config-item-wrapper.bindwith {

	width: 106px;

}



.serverProduct-wrapper .content-config-wrapper .config-item-wrapper.defense {

	width: 45px;

}



.serverProduct-wrapper .content-config-wrapper .config-item-wrapper.memory {

	width: 35px;

}







.serverProduct-wrapper .content-config-wrapper .config-item-wrapper .title {

	margin-bottom: 29px;

	font-size: 14px;

	color: #666666;

	white-space: nowrap;

	text-align: left;

	padding-bottom: 0px;

}



.serverProduct-wrapper .content-config-wrapper .config-item-wrapper .title .defend {

	color: #E3471F;

}







.serverProduct-wrapper .content-config-wrapper .config-item-wrapper .val {

	color: #333333;

	white-space: nowrap;

	font-size: 18px;

}



.serverProduct-wrapper .content-config-wrapper .config-item-wrapper .linear {

	position: absolute;

	right: 0px;

	top: 0;

	bottom: 0;

	margin: auto 0px;

	width: 1px;

	height: 30px;

	background: #E5E5E5;



}



.serverProduct-wrapper .config-item-wrapper .timeButton-wrapper .yzButton {

	width: 50px;

	height: 28px;

	background: #FFFFFF;

	border: 1px solid #E5E5E5;

	box-sizing: border-box;

	color: #002341;

	margin-right: 10px;

	position: relative;



}



.serverProduct-wrapper .config-item-wrapper .timeButton-wrapper .yzButton .priceFlag {

	display: flex;

	position: absolute;

	width: 48px;

	height: 17px;

	background-color: #FF8E31;

	top: -23px;

	left: 0;

	right: 0;

	margin: 0 auto;

	color: #fff;

	border-radius: 9px;

	font-size: 12px;



}



.serverProduct-wrapper .config-item-wrapper .timeButton-wrapper .yzButton:hover .priceFlag {

	display: flex;

}



.serverProduct-wrapper .config-item-wrapper .timeButton-wrapper .yzButton .priceFlag::before {

	content: '';

	position: absolute;

	right: 20px;

	bottom: -4px;

	width: 0;

	height: 0;

	border-right: 4px solid transparent;

	border-left: 4px solid transparent;

	border-top: 4px solid #FF8E31;

	z-index: 10;



}



.serverProduct-wrapper .config-item-wrapper .timeButton-wrapper .yzButton:hover {



	/* border: 1px solid #FF8E31; */

	color: #FF8E31;

}



.serverProduct-wrapper .config-item-wrapper .timeButton-wrapper .yzButton.active {

	border: 1px solid #FF8E31;

	color: #FF8E31;

	font-weight: bold;

}



/* 独立服务器  高仿服务器样式 end*/



/*  专属定制  */

.customization-wrapper {

	position: relative;

	height: 80px;

	align-items: center;

	background-size: cover;

	/* margin-top: 20px; */

	padding: 0 35px;

}



.customization-wrapper .textFlag {

	width: 154px;

	height: 36px;

	background-size: cover;

}



.marketing-wrapper .marketing-Inner .textFlag {

	width: 154px;

	height: 36px;

	background-size: contain;

}





.customization-wrapper .linear,

.marketing-wrapper .marketing-Inner .linear {

	width: 2px;

	height: 40px;

	background: #FFFFFF;

	margin: 0 30px;

}



.customization-wrapper .text,

.marketing-wrapper .marketing-Inner .text {

	font-size: 18px;

	font-weight: 400;

	color: #FEFEFE;

}



.customization-wrapper .yzButton.connectUs,

.marketing-wrapper .marketing-Inner .yzButton.connectUs {

	position: absolute;

	right: 20px;

	top: 50%;

	transform: translate(0, -50%);

	width: 150px;

	height: 40px;

	background: linear-gradient(90deg, #F6DDBE 0%, #FEFBF8 100%);

	box-shadow: 0px 4px 10px 0px rgba(12, 86, 150, 0.16);

	border-radius: 20px;

	font-size: 18px;

	font-weight: 400;

	color: #036BC5;

}



.customization-wrapper .yzButton.connectUs:hover,

.marketing-wrapper .marketing-Inner .yzButton.connectUs:hover {

	font-weight: bold;

}





/*  专属定制  end*/





/* 推介联盟 */

.marketing-wrapper {

	width: 100%;

	background-size: cover;

	height: 181px;

	margin-top: 50px;

}



.marketing-wrapper .marketing-Inner {

	width: 1095px;

	margin: 0 auto;

}



.marketing-wrapper .marketing-Inner .marketing-Inner-top {

	height: 80px;

	margin-bottom: 10px;

	display: flex;

	align-items: center;

	position: relative;

}



.marketing-wrapper .marketing-Inner-bottom-modile {

	display: none;

}





.marketing-wrapper .marketing-Inner .marketing-Inner-bottom {

	width: 100%;

	height: 63px;

	background-size: cover;

}



/* 推介联盟  end*/





/* 规则弹框 start */

.dialog-content .yzButton.confirm {
	width: 90px;
	height: 36px;
	background: #2799FC;
	border-radius: 4px;
	color: #FFFFFF;
}

.dialog-content {
	padding-left: 40px;
	padding-top: 24px;
}

.dialog-content.ruler>ul {
	padding-right: 30px;
	max-height: 400px;
	line-height: 20px;
	overflow-y: auto;
}

.yz-el-dialog .el-checkbox__input.is-checked .el-checkbox__inner, .yz-el-dialog .el-checkbox__input.is-indeterminate .el-checkbox__inner {
	background-color: #FF4539;
	border-color: #FF4539;
}



.yz-el-dialog .el-checkbox__inner:hover,.yz-el-dialog .el-checkbox__input.is-focus .el-checkbox__inner,.yz-el-dialog .el-checkbox__input.hover .el-checkbox__inner{
	border-color: #FF4539;
}

.el-input-number__decrease:hover, .el-input-number__increase:hover {
    color: #FF4539;
}

.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
	border-color: #FF4539;
}





/* 规则弹框 end */





/* 订单详细 dialog  start */





.order-content .current>.title,

.order-content .option>.title {

	padding-bottom: 10px;
	border-bottom: 1px solid #EEEEEE;
}



.order-content .total .format .price-wrapper {

	font-size: 0px;

	vertical-align: baseline;

}



.el-dialog__wrapper .order-content .Selective.format {
	padding: 20px 0;
	border-bottom: 1px solid #E5E5E5;
	width: calc(100% - 40px);
	margin: auto;
}

.el-dialog__wrapper .order-content .Selective.format:last-child {
	border-bottom: none;
}

.el-dialog__wrapper .price-wrapper-parent {
	border-top: 1px solid #E5E5E5;
	padding-top: 15px;
}

.detailed-wrapper .detailed-item .title {
	width: 100%;
	height: 36px;
	display: flex;
	align-items: center;
	background: #F6F6F6;
	color: #666666;
	margin-right: 10px;
	font-size: 12px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-bottom: 1px solid #eee;
}

.detailed-wrapper .detailed-item .val {
	padding-left: 20px;
	height: 53px;
	display: flex;
	align-items: center;
}





.order-content .option-itemSelect  {
	display: flex;
	margin-bottom: 15px;
}

.order-content .option-itemSelect:last-child {
	margin-bottom: 0px;
}

.order-content .option-itemSelect  > h6 {
	width: 80px;
	font-size: 14px;
	white-space: nowrap;
	margin: 0;
	display: flex;
	align-items: center;
}

.order-content .option-itemSelect  .el-input__inner {
	height: 36px;
	line-height: 36px;
}

.el-select .el-input__icon {
	line-height: 36px;
}

.content-config-wrapper .config-item-wrapper .el-select .el-input__icon {
	line-height: 30px;
}


.order-content .total .format .price-wrapper .unit {

	color: #FF8E16;

	font-size: 14px;

	font-weight: bold;

	vertical-align: baseline;

}



.order-content .total .format .price-wrapper .number {

	color: #FF8E16;

	font-size: 30px;

	font-weight: bold;

	vertical-align: baseline;

}



.order-content .total .format .price-wrapper .salePrice-wrapper {

	color: #FF3000;

	font-size: 14px;

}

.el-dialog__wrapper .detailed-wrapper {

	margin-top: 16px;

}



.el-dialog__wrapper .detailed-wrapper .detailed-item {

	height: auto;

	border: 1px solid #EEEEEE;

	display: flex;
	
	flex-direction: column;

	justify-content: center;

	margin-bottom: 10px;
	margin-right: -1px;

}





.option .option-itemSelect .option-item-desc {

	color: #c1c1c1;

	margin-top: 10px;

	margin-bottom: 10px;

}


.mask-wrapper {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .5);

	z-index: 998;

}



.mask-wrapper .rule-dialog {

	z-index: 999;

	width: 1000px;

	background-color: #FFA28B;

	border-radius: 20px;

	padding: 15px;

	padding-bottom: 10px;

	background-image: linear-gradient(0deg, #FFAC98 0%, #FF8163 100%);

	border: 1px solid #FFAC98;



}



.mask-wrapper .rule-dialog .rule-dialog-inner {

	border-radius: 20px;

	height: 500px;

	padding: 15px;

	background-color: #FFFFFF;

	position: relative;

}



.rule-dialog .content-title {

	font-size: 24px;

	font-weight: bold;

	color: #FFA28B;

	text-align: center;

	margin-bottom: 15px;

}



.mask-wrapper .rule-dialog .close-icon {

	width: 32px;

	height: 32px;

	background-size: cover;

	position: absolute;

	right: 50px;

	top: 16px;

	cursor: pointer;

}



.mask-wrapper .rule-dialog .confirm-button {

	position: absolute;

	margin: 0 auto;

	width: 100px;

	height: 30px;

	background: #F0C896;

	cursor: pointer;

	left: 50%;

	margin-left: -50px;

	bottom: 13px;

	font-size: 14px;

}





.mask-wrapper .rule-dialog a {

	color: #FFA28B;

}



.mask-wrapper .rule-dialog ul {

	margin-bottom: 20px;



}



.mask-wrapper .rule-dialog ul li {

	margin-bottom: 15px;



}



.mask-wrapper .rule-dialog ul li>p {

	padding-left: 10px;

	margin-top: 10px;

}



.mask-wrapper .rule-dialog .rule-dialog-content-detail {

	padding-left: 25px;

}



.mask-wrapper .rule-dialog ul :last-child {

	margin-bottom: 0px;

}



.mask-wrapper .rule-dialog .rule-dialog-content {

	height: 370px;

	overflow-y: auto;

	padding: 0 20px;

}



.option-itemSelect .cheap {

	font-size: 12px;

	color: #FF3000;

}



/*  dialog  end*/













































































































.hotProduct-wrapper {

	max-width: 1170px;

	margin: 110px auto 0;

	position: relative;

}



.hotProduct-header {

	width: 1143px;

	height: 143px;

	margin: 0 auto;

	padding: 20px 205px 22px;

}



.hotProduct-header {

	color: #FFFFFF;

	text-align: center;

}



.hotProduct-header h2 {

	font-size: 32px;

}



.hotProduct-header .hotProduct-header-desc {

	font-size: 16px;

}



.hotProduct-header .hotProduct-header-desc>span.title-desc-button {

	cursor: pointer;

	color: #F4D232;

	margin-left: 10px;

}







.hotProduct-item-wrapper {

	box-sizing: border-box;



	border: 4px solid #FDD99D;

	height: auto;

}



.hotProduct-item-wrapper .item-up {

	min-height: 291px;

	padding-top: 15px;

	padding-left: 10px;

	background-color: #FFFFFF;

	padding-bottom: 15px;

}



.hotProduct-item-wrapper .item-up h4 {

	font-size: 16px;



	font-weight: bold;

	color: #333333;

	margin-bottom: 20px;

}



.hotProduct-item-wrapper .item-up .item-tr {

	margin-top: 15px;

}



.hotProduct-item-wrapper .item-up .item-tr.speacial {

	margin-top: 15px !important;

}



.hotProduct-item-wrapper .item-up .item-linear {

	width: calc(100% + 10px);

	height: 1px;

	background-color: #e5e5e5;

	position: relative;

	top: 4px;

	left: -10px;

}



.hotProduct-item-wrapper .item-up .item-tr :first-child {

	margin-top: 0px;

}



.hotProduct-item-wrapper .item-up .item-tr>span {

	width: 50%;

	display: flex;

	align-items: center;

}



.hotProduct-wrapper .discount-content {

	background-image: linear-gradient(0deg, #FFAC98 0%, #FF8163 100%);



	border: 1px solid #FFAC98;

}



.hotProduct-wrapper .discount-content .discount-content-inner {



	padding: 15px;

	background-image: linear-gradient(0deg, #FF715A 0%, #FF9E86 100%);

	min-height: 490px;

}



.hotProduct-wrapper .discount-content .discount-content-inner.noData {

	display: flex;

}



.hotProduct-item-wrapper .item-up .item-tr .item-tr-key {

	color: #666666;

	width: 50%;

}



.hotProduct-item-wrapper .item-up .item-tr .item-tr-key.ddos {

	color: #FF403F;

	font-size: 12px;

	width: 100%;

}





.hotProduct-item-wrapper .item-up .item-tr .item-tr-val {

	color: #333333;

}



.hotProduct-item-wrapper .item-up .item-tr .item-tr-val span {

	font-size: 12px;

	color: #FF5959;

	white-space: nowrap;

	margin-left: 10px;

}



.hotProduct-item-wrapper .item-up .select-wrapper {

	width: calc(100% + 10px);

	left: -10px;

	position: relative;

	height: 30px;

	/* box-shadow: 0px 2px 5px 0px rgba(116, 88, 0, 0.13); */

}



.hotProduct-item-wrapper .item-up .item-tr.select-wrapper .item-tr-key {

	padding-left: 10px;

}



.hotProduct-item-wrapper .item-down {

	background-color: #FDD99D;

}



.hotProduct-item-wrapper .item-down-content {

	padding: 10px;

	padding-left: 0px;

}



.hotProduct-item-wrapper .item-down-content .falg-wrapper .falg-item {

	margin-left: 10px;

	padding: 4px 7px;

	border: 1px solid #FF6142;

	border-radius: 10px;

	color: #FC482A;

	font-size: 12px;

}



.hotProduct-item-wrapper .item-down-content .falg-wrapper .falg-item.sale {

	background-color: #F96140;

	color: #FDD99D;

}



.hotProduct-item-wrapper .item-down-content .price-wrapper {

	justify-content: space-between;

	align-items: center;

	padding-left: 10px;

}



.hotProduct-item-wrapper .item-down-content .price-wrapper>span {



	font-size: 12px;

	font-weight: bold;

	text-decoration: line-through;

	color: #CA9147;

}



.hotProduct-item-wrapper .item-down-content .price-wrapper .price-wrapper-price {

	color: #313131;

}



.hotProduct-item-wrapper .item-down-content .price-wrapper .price-wrapper-price .price-unit {

	color: #FC482A;

	font-size: 18px;

}



.hotProduct-item-wrapper .item-down-content .price-wrapper .price-wrapper-price .price-num {

	color: #FC482A;

	font-size: 26px;

	font-weight: bold;

}



.hotProduct-item-wrapper .item-down-content .desc-wrapper {

	padding-left: 10px;

}



.hotProduct-item-wrapper .item-down-content .desc-wrapper .flag {

	width: 20px;

	height: 20px;

	background-image: linear-gradient(-90deg, #FF6E02 0%, #FF9B2A 100%);

	border-radius: 4px;



	font-size: 12px;

	font-weight: 400;

	color: #FFFFFF;

}



.hotProduct-item-wrapper .item-down-content .desc-wrapper>span {

	font-size: 12px;

	font-weight: bold;

	color: #CA9147;

	margin-left: 10px;

}



.hotProduct-item-wrapper .item-down-time {

	height: 53px;

	background: #FFC15B;

	position: relative;

	font-size: 14px;

	font-weight: bold;

	color: #333333;

	align-items: center;

	padding-left: 10px;

}



.hotProduct-item-wrapper .item-down-time .time-wrapper {

	margin-left: 9px;

}



.hotProduct-item-wrapper .item-down-time .time-wrapper .time-item {

	width: 24px;

	height: 40px;

	background: #FFFFFF;

	opacity: 0.6;

	border-radius: 12px;

	font-size: 14px;

	font-weight: 400;

	color: #333333;

}



.hotProduct-item-wrapper .item-down-time .time-wrapper>span {

	margin-left: 3px;

	margin-right: 4px;

}



.hotProduct-item-wrapper .item-down-time .buy-button {

	position: absolute;

	right: 0;

	bottom: 0;

	width: 81px;

	height: 53px;



	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	cursor: pointer;

	transition: all .5s ease;

}



.hotProduct-item-wrapper .item-down-time .buy-button.noactive {

	background-image: linear-gradient(0deg, #919191 0%, #C6C6C6 100%);

}



.hotProduct-item-wrapper .item-down-time .buy-button:not(.noactive):hover {

	font-size: 16px;

}







/* 新用户必抢爆款 end*/



/* 服务器售卖 */

.serverSell-wrapper {

	padding-top: 110px;

	max-width: 1170px;

	margin: 0 auto;

	position: relative;

}



.serverSell-wrapper-modeileNav {

	display: none;

}



.serverSell-wrapper-nav {

	padding: 0 257px;

	justify-content: space-between;

	align-items: flex-end;

	z-index: 10;

	position: relative;

}



.serverSell-wrapper-nav li {

	position: relative;

	cursor: pointer;

}



.serverSell-wrapper-nav .nav-item {

	background: #FFAE99;

	border-radius: 10px 10px 0px 0px;

	position: relative;

	padding: 13px 13px 0;

	position: relative;

	z-index: 10;

}



.serverSell-wrapper-nav .nav-item .nav-text {

	width: 105px;

	height: 50px;

	background: #F96140;

	border-radius: 10px 10px 0px 0px;

	text-align: center;

	padding-top: 14px;

	font-size: 18px;

	font-weight: 400;

	color: #FFFFFF;

	/* transition: width .1s linear; */

}



.serverSell-wrapper-nav li.active .nav-item .nav-text {

	width: 224px;

	height: 66px;

	background-image: linear-gradient(0deg, #FF9C2A 0%, #F35A38 100%);

	padding: 0px;

	display: flex;

	justify-content: center;

	align-items: center;



	font-size: 32px;

	font-weight: bold;

}



.serverSell-wrapper-nav li i {

	position: absolute;

	bottom: -4px;

	left: -8px;

	width: calc(100% + 16px);

	height: 9px;

	background: #DF3C21;

	box-shadow: 0px 4px 3px 0px rgba(213, 51, 24, 0.14);

	border-radius: 5px;

}



.serverSell-wrapper .serverSell-bg {

	position: relative;

	height: 54px;

	max-width: 1141px;

	margin: 0 auto;

	bottom: 45px;

	z-index: 9;

}



.discount-content.serverSell {



	position: relative;

	bottom: 46px;

	border: 1px solid #FFAC98;

	background-image: linear-gradient(0deg, #FFAC98 0%, #FF8163 100%);

}



.discount-content.serverSell .discount-content-inner {

	padding: 20px;

	background-image: linear-gradient(0deg, #FF715A 0%, #FF9E86 100%);

	min-height: 490px;

}



.discount-content.serverSell .discount-content-inner.noData {

	display: flex;



}



.serverSell .discount-content-inner .discount-content-desc {

	text-align: center;

	padding: 15px 0px;

	color: #866011;

	font-size: 16px;

	font-weight: bold;

}



.serverSell .discount-content-inner .discount-content-desc>div {

	color: #cc3717;

}





.discount-content.serverSell .discount-content-inner .discount-more {

	width: 110px;

	height: 40px;

	margin: 0 auto;

	/* border: 1px solid #FDD99D; */

	color: #ff735c;

	background: #ffd5ce;

	border-radius: 6px;

	cursor: pointer;

}







.serverSell .discount-content-inner .inner-nav li {

	width: 242px;

	height: 66px;

	background: #FF3B20;



	font-size: 18px;

	font-weight: bold;

	color: #FFFFFF;

	position: relative;

	cursor: pointer;

}



.serverSell .discount-content-inner .inner-nav li.active {

	font-size: 20px;

}



.serverSell .discount-content-inner .inner-nav li .icon {

	position: absolute;

	width: 13px;

	height: 48px;

	top: -32px;

	left: 50%;

	margin-left: -6px;


}



.serverSell .discount-content-inner .inner-nav li.active i {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;


}



.serverSell .serverSell-item-wrapper {

	position: relative;

	margin-left: 10px;

	margin-bottom: 20px;

}



.serverSell .serverSell-item-wrapper.active {

	margin-bottom: 40px;

}





.serverSell .serverSell-item-wrapper>.linear {

	position: absolute;

	width: 100%;

	bottom: -20px;

	left: -9px;

	background-color: #ff9b87;

	height: 1px;

}



.serverSell .serverSell-item-wrapper:last-child {

	margin-bottom: 0px;

}



.serverSell .serverSell-item-wrapper .serverSell-item-flag {

	width: 226px;

	height: 150px;

	text-align: center;

	padding: 30px 45px 0 22px;

	position: relative;

	z-index: 10;

	text-align: left;

}



.serverSell-item-flag h4 {



	font-size: 18px;

	font-weight: bold;

	color: #632C01;

}



.serverSell-item-flag h4.general {

	line-height: 30px;

}





.serverSell-item-flag .flag-desc {



	font-size: 16px;

	font-family: Source Han Sans CN;

	font-weight: 400;

	color: #632C01;

	line-height: 22px;

}



.serverSell-item-flag>i {

	position: absolute;

	top: 0px;

	left: -2px;

	width: 59px;

	height: 23px;

	background: #FB4E33;

	box-shadow: 0px 5px 5px 0px rgba(182, 129, 11, 0.24);

	border-radius: 12px 12px 12px 0px;

	font-size: 12px;

	color: #FFFFFF;

}



.serverSell-item-content {

	background: #FFE7D2;

	position: relative;

	left: -20px;

	z-index: 9;

	flex: 1;

	height: 118px;



}



.serverSell-item-content .ddosDesc {

	color: #FC482A;

	font-weight: bold;

	font-size: 14px;

	position: absolute;

	top: 5px;

	left: 65px;

}



.serverSell-item-content .content-info {

	padding-left: 30px;

	position: relative;

	width: 100%;

	padding-right: 5px;

}





.serverSell-item-content .content-info-item {

	display: flex;

	flex-direction: column;

	/* justify-content: space-around; */

	align-items: center;

	flex: 1;

}



.serverSell-item-content .content-info-item .item-key {

	color: #632C01;

	font-size: 16px;

	margin-bottom: 10px;

	white-space: nowrap;

}



.serverSell-item-content .content-info-item .item-key>span {

	font-size: 14px;

}



.serverSell-item-content .content-info-item .item-val {

	color: #632C01;

	font-size: 16px;

	font-weight: bold;

	white-space: nowrap;

}



.serverSell-item-price {

	box-sizing: border-box;

	width: 217px;

	height: 130px;

	background: #F96140;

	padding: 10px;

	position: relative;

	right: 20px;

	cursor: pointer;

}



.serverSell-item-price:hover {

	background: #FDD99D;

}





.serverSell-item-price.yellow {

	background: #FDD99D;

}



.serverSell-item-price .buyServer-button {

	position: relative;

	left: -10px;

	bottom: -16px;

	width: calc(100% + 20px);

	height: 30px;

	background-image: linear-gradient(0deg, #919191 0%, #C6C6C6 100%);

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	transition: all .5s ease;



}



.serverSell-item-price .buyServer-button.active:hover {

	font-size: 16px;

}





.serverSell-item-price .buyServer-button.active {

	cursor: pointer;



	background-image: linear-gradient(0deg, #A32BEC 0%, #EB2FC5 100%);

}



.serverSell-item-price>i.sale {

	padding: 2px 7px 2px;



	font-size: 12px;

	font-weight: 400;

	border-radius: 10px;



}







.serverSell-item-price.red>i.sale {

	color: #FC482A;



	background: #FDD99D;



}



.serverSell-item-price.red>i.newUser {

	/* margin-left: 10px; */

	padding: 2px 7px 2px;

	border: 1px solid #FDD99D;

	border-radius: 10px;

	color: #FDD99D;

	font-size: 12px;

}



.serverSell-item-price:hover>i.newUser {

	margin-left: 10px;

	padding: 2px 7px 2px;

	border-radius: 10px;

	border: 1px solid #FF6142;

	color: #FC482A;

	font-size: 12px;

}



.serverSell-item-price.yellow>i.newUser {

	margin-left: 10px;

	padding: 2px 7px 2px;

	border-radius: 10px;

	border: 1px solid #FF6142;

	color: #FC482A;

	font-size: 12px;

}





.serverSell-item-price>i.saleGeneal {

	color: #FDD99D;

	font-size: 12px;

	width: 50px;

	height: 20px;

	background: linear-gradient(0deg, #FF6E02 0%, #FE9B2A 100%);

	border-radius: 10px;

	display: inline;

	padding: 2px 3px;

}



.serverSell-item-price:hover>i.sale {

	color: #FDD99D;



	background: #F96140;



}



.serverSell-item-price.yellow>i.sale {

	color: #FDD99D;



	background: #F96140;



}



.serverSell-item-price>i.salePrice {

	padding: 0px 8px;

	display: inline-block;



	font-size: 12px;

	font-weight: 400;





	border-radius: 10px;

}



.serverSell-item-price.red>i.salePrice {

	background: #F96140;

	border: 1px solid #FDD99D;

	color: #FDD99D;

}



.serverSell-item-price.yellow>i.salePrice {



	background: #FDD99D;

	color: #F96140;

	border: 1px solid #F96140;

}



.serverSell-item-price:hover>i.salePrice {



	background: #FDD99D;

	color: #F96140;

	border: 1px solid #F96140;

}



.serverSell-item-price .price-info {

	justify-content: space-between;

	margin-bottom: 8px;

}



.serverSell-item-price .price-info .nowPrice {

	display: flex;

	align-items: flex-end;

}



.serverSell-item-price .price-info .oldPrice {

	display: flex;

	align-items: flex-end;

	font-weight: bold;

	text-decoration: line-through;

	color: #FFAB7D;

}



.serverSell-item-price .price-info .nowPrice .nowPrice-unit {

	color: #FDD99D;

	font-size: 14px;

}



.serverSell-item-price .price-info .nowPrice .nowPrice-price {

	color: #fff;

	font-size: 22px;

	position: relative;

	top: 2px;

	font-weight: bold;

}



.serverSell-item-price:hover .price-info .nowPrice .nowPrice-price {

	color: #FC482A;

	font-weight: bold;

}



.serverSell-item-price.yellow .price-info .nowPrice .nowPrice-price {

	color: #FC482A;

	font-weight: bold;

}



.serverSell-item-price:hover .price-info .nowPrice .nowPrice-unit {

	color: #FC482A;

}



.serverSell-item-price.yellow .price-info .nowPrice .nowPrice-unit {

	color: #FC482A;

}



/* 服务器售卖 end*/



/* 优势 */

.advantage-wrapper {

	max-width: 1170px;

	margin: 0 auto;

	margin-top: 50px;

	position: relative;

}



.advantage-wrapper .hotProduct-header {


}



.advantage-wrapper .discount-content {



	background-image: linear-gradient(0deg, #FFBE7E 0%, #F79A41 100%);



	border: 1px solid #FFBE7E;

}



.advantage-wrapper .discount-content .discount-content-inner {



	background-image: linear-gradient(0deg, #FF694A, #FE932D);

	padding: 20px;

}



.advantage-wrapper .el-col {

	padding-left: 11px !important;

	padding-right: 11px !important;

}



.advantage-item-wrapper {

	height: 434px;

	background: #FFFFFF;

}



.advantage-item-wrapper .item-up {

	height: 216px;

	width: 100%;

}



.advantage-item-wrapper .item-up.first {


}



.advantage-item-wrapper .item-up.second {

}



.advantage-item-wrapper .item-up.third {


}



.advantage-item-wrapper .item-down {

	padding-top: 23px;

}



.advantage-item-wrapper .item-down h3 {

	text-align: center;

	font-size: 27px;

	font-weight: bold;

	color: #333333;

}



.advantage-item-wrapper .item-down>span {



	font-size: 16px;

	color: #333333;

	line-height: 28px;

	padding: 0 30px;

}



/* 优势  end*/



/* dialog  start */

.option .option-itemSelect .option-item-desc {

	color: #c1c1c1;

	margin-top: 10px;

	margin-bottom: 10px;

}



.sumbit-button {

	width: 100%;

	height: 42px;

	background: #2D9DF1;

	text-align: center;

	color: #fff;

	font-size: 15px;

	border: none;

	cursor: pointer;

	margin-top: 24px;

	margin-bottom: 12px;

}



.mask-wrapper {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .5);

	z-index: 998;

}



.mask-wrapper .rule-dialog {

	z-index: 999;

	width: 1000px;

	background-color: #FFA28B;

	border-radius: 20px;

	padding: 15px;

	padding-bottom: 10px;

	background-image: linear-gradient(0deg, #FFAC98 0%, #FF8163 100%);

	border: 1px solid #FFAC98;



}



.mask-wrapper .rule-dialog .rule-dialog-inner {

	border-radius: 20px;

	height: 500px;

	padding: 15px;

	background-color: #FFFFFF;

	position: relative;

}



.rule-dialog .content-title {

	font-size: 24px;

	font-weight: bold;

	color: #FFA28B;

	text-align: center;

	margin-bottom: 15px;

}



.mask-wrapper .rule-dialog .close-icon {

	width: 32px;

	height: 32px;

	background-size: cover;

	position: absolute;

	right: 50px;

	top: 16px;

	cursor: pointer;

}



.mask-wrapper .rule-dialog .confirm-button {

	position: absolute;

	margin: 0 auto;

	width: 100px;

	height: 30px;

	background: #F0C896;

	cursor: pointer;

	left: 50%;

	margin-left: -50px;

	bottom: 13px;

	font-size: 14px;

}





.mask-wrapper .rule-dialog a {

	color: #FFA28B;

}



.mask-wrapper .rule-dialog ul {

	margin-bottom: 20px;



}



.mask-wrapper .rule-dialog ul li {

	margin-bottom: 15px;



}



.mask-wrapper .rule-dialog ul li>p {

	padding-left: 10px;

	margin-top: 10px;

}



.mask-wrapper .rule-dialog .rule-dialog-content-detail {

	padding-left: 25px;

}



.mask-wrapper .rule-dialog ul :last-child {

	margin-bottom: 0px;

}



.mask-wrapper .rule-dialog .rule-dialog-content {

	height: 370px;

	overflow-y: auto;

	padding: 0 20px;

}



/*  dialog  end*/





/* select 修改框 end*/

.el-dialog__body {

	padding: 0 !important;

}



.hotProduct-item-wrapper .el-input__inner {

	border: none !important;

	height: 30px !important;

	line-height: 30px !important;



}



.hotProduct-item-wrapper .el-select .el-input.is-focus .el-input__inner {

	border: none !important;

}







.hotProduct-item-wrapper.el-input__suffix-inner {

	height: 30px !important;

}



.hotProduct-item-wrapper .el-select .el-input .el-select__caret {

	line-height: 30px !important;

}



.hotProduct-item-wrapper .el-select .el-input__inner {

	padding-right: 0px !important;

}



.hotProduct-item-wrapper .el-select-dropdown__item.hover,

.el-select-dropdown__item:hover {

	background-color: rgba(255,69,57,.2) !important;

}



.serverSell-wrapper .el-input {

	width: 120px !important;

}



.serverSell-wrapper .el-input__inner {



	border: 1px solid #949494 !important;



	font-size: 16px !important;

	font-weight: bold !important;

	color: #632C01 !important;

}



.el-select-dropdown__item.selected {

	color: #FF4539 !important;

}



.serverSell-wrapper .el-input__inner {

	height: 30px !important;

	line-height: 30px !important;

	text-align: center !important;

}











.serverSell-wrapper .el-input__suffix-inner {

	height: 30px !important;

}



.serverSell-wrapper .el-select .el-input .el-select__caret {

	line-height: 30px !important;

}



.el-dialog .el-select,.el-dialog .el-cascader  {
	width: 320px;
}

.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
	color: #FF4539;
}





/* element ul 样式修改  end */





/* nav */

.a-button {

	cursor: pointer;

}



.navbar_style_ {

	background: rgb(32, 33, 36) !important;

	opacity: 0.95;

}



.min_nav_ {

	display: none
}



.user>span {

	display: inline;

}



.nav_prodcut {

	position: absolute;

	width: 100%;

	left: 0;

	/* top: 66px; */

	/* background-color: #202124; */

	/* opacity: 0.95; */

	padding-bottom: 20px;

}



/* .hot {

	margin-left: 5px;

	margin-top: 10px;

	width: 28px;

	height: 11px;

	text-indent: -999em;

	display: block;

	float: right;

} */



.p-l-0 {

	padding-left: 0 !important;

}



.nav_prodcut dl {

	float: left;

	margin-right: 20px;

	display: inline-block;

}



.nav_prodcut dl dt {

	color: #333;

	font-size: 14px;

	line-height: 30px;

	padding-bottom: 10px;

	margin-top: 20px;

	font-weight: normal;



}



.nav_prodcut dl dd a,

.nav_prodcut dl dd {

	line-height: 30px;

	color: rgba(0, 0, 0, 0.7);

}



header .navbar-default.scrolled {

	background-color: #fff !important;

}



header .navbar-default ul.navbar-nav li a {

	border-bottom: unset !important;

}



header .navbar-default.scrolled {

	background: #fff !important;

}



header .navbar-default.navbar_style_ {

	background: #fff !important;

}



.navbar>.container .navbar-brand {

	margin-left: 0 !important;

}



header .navbar-default ul.navbar-nav li a {

	color: #333 !important;

}



.division p {

	color: #fff;

	margin-top: 10px;

	text-align: center;

}



.division p span {

	color: #fff600;

	font-weight: bold;

}



.more {

	margin-top: 10px !important;

}



@media (max-width: 650px) {

	.division p {

		font-size: 13px;

	}

}



.ddos-left {

	width: 12.4%;

	padding: 15px 0 15px 1.2%
}



.ddos-value {

	width: 30%;

}



.ddos-value li {

	padding-left: 4%;

}



.ddos-in {

	width: 13%
}



.type {

	width: 90%;

}



.ddos-right {

	width: 22%
}



.button-Price {

	margin-left: 0
}



.ddos-button {

	width: 11%;

}



@media (max-width: 1200px) {

	.ddos-value {

		width: 30.2%
	}



	.ddos-value li {

		padding-left: 3%;

		font-size: 13px;

	}



	.ddos-button {

		width: 9%
	}

}



.privilege-content-item-lastLi {

	margin-top: 20px !important;

}



header .navbar-default.scrolled {

	box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1) !important;

}



/*nav end  */



/* footer */

.footer {

	position: absolute;

	width: 100%;

}



/* footer end */







@media (max-width: 1600px) {

	.nav-wrapper {
		left: 0%;
		margin-left: 0px;
		transform: translate(-160px, -50%);

	}
	
	.nav-wrapper.show { 
		margin-left: 0px;
	    transform: translate(0px, -50%);
	}
	
	.nav-wrapper.show.active::after {
	    background: rgba(255,230,207,1);
	}



	.uno-sidenav-trigger {

		display: block;

	}
	


}





@media (max-width: 1366px) {

/* 	.newUser-wrapper .header-banner {

		height: 400px;

	}



	.newUser-content-wrapper {

		padding-top: 400px;

	}



	.newUser-wrapper .header-banner .header-banner-inner .banner-inner-backGround {

		width: 800px;

		height: 344px;

		right: -20px;

	}



	.newUser-wrapper .header-banner-inner.section {

		padding: 0 20px;

	}



	.newUser-wrapper .header-banner .header-banner-inner .banner-inner-text {

		margin-top: 180px;

		width: 400px;

		background-size: contain;

	} */



}


@media(min-width: 501px) {
	.el-dialog__wrapper .detailed-wrapper .el-row {
		display: flex;
	}
	
	
	.newUser-wrapper .header-banner .header-banner-inner .banner-inner-text {
		animation-name: fadeInBottom;
		-webkit-animation-name: fadeInBottom;
		animation-timing-function: ease-out;
		animation-duration:0.5s;
	}
	
	.header-banner .header-banner-inner .banner-inner-wrapper {
		animation-name: fadeInBottom;
		-webkit-animation-name: fadeInBottom;
		animation-timing-function: ease-out;
		animation-duration:0.5s;
		animation-delay: 0.2s;
		animation-fill-mode: forwards;
		opacity: 0;
	}
}


/* 手机端 */

@media (max-width: 500px) {
	body {
	    min-width: 320px;
	}
	
	
	.discolorheader.page-header {

		display: none;

	}



	.modile-header {

		display: block;

	}



	.newUser-wrapper {

		background: #F7F7F9;

		padding-bottom: 0px;

	}



	/* 页面导航 */

	.uno-sidenav-trigger {

		display: none;

	}



	/* 页面导航 end*/

	/* banner */

	.newUser-wrapper .header-banner {

		height: 276px;

		box-sizing: border-box;

	}



	.newUser-wrapper .header-banner-inner.section {

		padding: 0 16px;

	}



	.newUser-wrapper .header-banner .header-banner-inner .banner-inner-text {

		margin-top: 120px;

		width: 221px;

		height: 76px;

		background-size: contain;

	}



	.newUser-wrapper .header-banner .header-banner-inner .banner-inner-backGround {

		width: 100%;

		height: 276px;

		right: 0px;

		background-size: contain;

		background-position-x: 65px;

		background-position-y: 100px;

	}



	/* banner  end*/



	/* T3 介绍 */

	.newUser-content-wrapper {

		/* 解决手机端滑动问题 */

		width: calc(100vw - 2px);

		padding-top: 276px;

		display: none;

	}



	.newUser-content-modilewrapper-top {

		display: block;

		padding-top: 276px;

	}



	.newUser-content-modilewrapper {

		display: block;

		width: 100%;

		height: 76px;

		position: relative;

		background-size: contain;



	}









	.newUser-content-wrapper .banner-bottom-wrapper.fboxRow {

		display: none;

	}



	/* T3 介绍  end */



	/* 产品样式 */

	.moudule-wrapper {

		padding: 47px 9px 12px 9px;

	}



	.moudule-wrapper .product-wrapper {

		background: none;

	}



	.moudule-wrapper.ticket .moudule-content-wrapper {

		padding-top: 0px;

	}



	.moudule-wrapper.ticket {

		padding-top: 12px;

	}



	.moudule-wrapper .moudule-content-wrapper {

		padding-top: 0px;

		padding-bottom: 10px;

	}



	.moudule-wrapper.yun .moudule-content-wrapper {

		padding-top: 0px;

	}



	.moudule-wrapper .moudule-content-wrapper h3.title {

		line-height: 1;

		margin-bottom: 10px;

		font-size: 20px;

	}



	.moudule-wrapper .moudule-content-wrapper .desc {

		font-size: 14px;

		line-height: 20px;

	}



	.moudule-wrapper .product-wrapper {

		padding: 0px;

		border: none;

	}



	.moudule-content-wrapper>.ticket-moudule {

		position: relative;

		background-size: cover;

		min-height: 243px;

	}



	.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top {

		flex-direction: column;

		justify-content: initial;

		padding-top: 6px;

		padding-left: 6px;

		padding-right: 6px;

		align-items: initial;

	}



	.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top .yzButton.getTicketButton {

		position: absolute;

		bottom: 7px;

		left: 50%;

		transform: translate(-50%, 0);

	}



	.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top .ticketTop-content {

		flex-direction: column;

		align-items: initial;

	}



	.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top .ticketTop-content>img {

		width: 111px;

	}



	.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top .ticketTop-content .desc::after {

		display: none;

	}



	.moudule-content-wrapper>.ticket-moudule .ticket-wrapper {

		padding-left: 6px;

		padding-right: 6px;

	}



	.ticket-wrapper .el-row {

		margin-left: -3.5px !important;

		margin-right: -3.5px !important;

	}



	.ticket-wrapper .ticket-col {

		width: 33.3%;

		padding-left: 3.5px !important;

		padding-right: 3.5px !important;

	}



	.ticket-wrapper .ticket-col .ticket-item .ticket-flag {

		width: 32px;

		height: 31px;

		background-size: contain;

	}



	.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner {

		padding-left: 7px;

		padding-top: 5px;

	}



	.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner .item-price .unit {

		font-size: 12px;

	}



	.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner .item-price .money {

		font-size: 16px;

		margin-left: 0px;

		margin-right: 2px;

	}



	.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner .item-price .num {

		font-size: 12px;

	}



	.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner .item-price {

		line-height: 1;

	}



	.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner .item-desc {

		font-size: 12px;

		transform: scale(0.8);

		line-height: 20px;

		position: relative;

		left: -9px;

		white-space: nowrap;

	}









	.ticket-wrapper .ticket-col:nth-child(n + 4) {

		margin-top: 6px;

	}





	.ticket-wrapper .ticket-col .ticket-item {

		height: 46px;

		padding: 2px;

	}









	.moudule-content-wrapper>.ticket-moudule .ticketMoudule-top .ticketTop-content .desc {

		margin-left: 0px;

		margin-top: 12px;

		font-size: 14px;

	}





	.moudule-wrapper .moudule-content-wrapper .desc .rulerButton {

		margin-left: 2px;

	}



	.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper .navSelect-item {

		border-bottom: none;

		box-shadow: 0px 0px 6px 0px rgba(0, 8, 39, 0.1);

		font-size: 14px;

		height: 40px;

	}



	.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper .navSelect-item.active::after {

		display: none;

	}



	.product-wrapper .product-item-wrapper {

		border: none;

		border-right: 1px solid #A7D6FF;

		border-left: 1px solid #A7D6FF;

		margin-bottom: 15px;

		background: #fff;

	}



	.product-wrapper.yun .el-col:first-child .product-item-wrapper {

		border: none;

		border-right: 1px solid #A7D6FF;

		border-left: 1px solid #A7D6FF;

	}



	.product-wrapper .product-item-wrapper .item-title-wrapper {

		padding-left: 16px;

		padding-top: 16px;

		height: 72px;

	}



	.product-wrapper .product-item-wrapper .item-title-wrapper .item-desc {

		font-size: 12px;

	}



	.product-wrapper .product-item-wrapper .cpu-select-wrapper {

		display: flex;

		border-bottom: 1px solid #A7D6FF;

	}



	.product-wrapper .product-item-wrapper .cpu-select-wrapper .el-row {

		width: calc(100% + 2px);

		margin-left: -1px !important;

		margin-right: -1px !important;

	}





	.product-wrapper .product-item-wrapper .cpu-select-wrapper .cpu-select {

		display: flex;

		align-items: center;

		font-size: 16px;

		padding-left: 17px;

		background: #A7D6FF;

		height: 50px;

		border: 1px solid transparent;

		cursor: pointer;

	}







	.product-wrapper .product-item-wrapper .cpu-select-wrapper .active .cpu-select {

		border: 1px solid #A7D6FF;

		background: #fff;

		color: #F53E14;

		border-bottom: none;

		position: relative;

	}



	.product-wrapper .product-item-wrapper .cpu-select-wrapper .el-col:first-child.active .cpu-select {

		border-left: none;

	}



	.product-wrapper .product-item-wrapper .cpu-select-wrapper .el-col:last-child.active .cpu-select {

		border-right: none;

	}





	.product-wrapper .product-item-wrapper .cpu-select-wrapper .active .cpu-select::after {

		content: ' ';

		width: 100%;

		height: 2px;

		position: absolute;

		bottom: -1px;

		left: 0;

		background-color: #fff;

		z-index: 10;

	}



	.yzButton.modile-extend {

		margin-top: 5px;

	}





	/* 产品样式 end*/





	/* 物理服务器  高防服务器 */

	.serverProduct-wrapper.pc-wrapper {

		display: none;

	}



	.serverProduct-wrapper.modile-wrapper {

		display: block;

	}



	.serverProduct-wrapper .content-config-wrapper {

		display: flex;

		flex-wrap: wrap;

		padding: 20px;

		position: relative;

		margin-bottom: 20px;

	}



	.serverProduct-wrapper .content-config-wrapper::after {

		content: '';

		width: calc(100% - 40px);

		height: 1px;

		left: 20px;

		background-color: #E5E5E5;

		position: absolute;

		bottom: 0px;



	}



	.serverProduct-wrapper .content-config-wrapper .config-item-wrapper {

		margin-bottom: 18px;

	}



	.serverProduct-wrapper .content-config-wrapper .config-item-wrapper:nth-child(2n) {

		width: 55%;

	}



	.serverProduct-wrapper .content-config-wrapper .config-item-wrapper:nth-child(2n - 1) {

		width: 45%;

	}



	.serverProduct-wrapper .content-config-wrapper .config-item-wrapper .title {

		color: #666666;

		margin-bottom: 10px;

	}



	.serverProduct-wrapper .content-config-wrapper .timeSelect-wrapper {

		width: 100%;

		display: flex;

		flex-direction: column;

	}



	.serverProduct-wrapper .moreProduct-wrapper {

		height: auto;

		background: none;

		border: none;

	}



	/* 物理服务器  高防服务器 end*/





	/* 需求定制 */

	.customization-wrapper {

		margin-top: 0px;

		margin-left: 10px;

		margin-right: 10px;

		padding: 20px 15px 18px 15px;

		height: 147px;

		display: flex;

		flex-direction: column;

		align-items: flex-start;



	}



	.customization-wrapper .textFlag {

		width: 100px;

		height: 23px;

	}



	.customization-wrapper .linear,

	.marketing-wrapper .marketing-Inner .linear {

		display: none;

	}



	.customization-wrapper .text,

	.marketing-wrapper .marketing-Inner .text {

		font-size: 13px;

		margin-top: 9px;

		line-height: 20px;

	}



	.customization-wrapper .yzButton.connectUs {

		height: 36px;

		background: linear-gradient(90deg, #F6DDBE 0%, #FEFBF8 100%);

		box-shadow: 0px 4px 10px 0px rgba(12, 86, 150, 0.16);

		display: flex;

		align-items: center;

		justify-content: center;

		font-size: 14px;

		font-weight: bold;

		left: 20px;

		bottom: 0px;

		top: unset;

		width: calc(100% - 40px);

		border-radius: 0px;

	}



	.marketing-wrapper .marketing-Inner .yzButton.connectUs {

		width: 150px;

		height: 36px;

		background: linear-gradient(90deg, #F6DDBE 0%, #FEFBF8 100%);

		box-shadow: 0px 4px 10px 0px rgba(12, 86, 150, 0.16);

		border-radius: 18px;

		font-size: 14px;

		font-weight: bold;

		position: absolute;

		bottom: -18px;

		top: unset;

		left: 50%;

		transform: translate(-50%, 0);

	}



	/* 需求定制 end*/



	/* 推广 */

	.marketing-wrapper {

		margin-top: 0px;

		height: 374px;

		background-size: cover;

	}



	.marketing-wrapper .marketing-Inner-bottom {

		display: none;

	}


	.marketing-wrapper .marketing-Inner .marketing-Inner-top {

		padding-left: 26px;

		padding-right: 21px;

		padding-top: 20px;

		height: auto;

		display: flex;

		flex-direction: column;

		align-items: flex-start;

		margin-bottom: 14px;

	}



	.marketing-wrapper .marketing-Inner-top .yzButton {

		display: none !important;

	}



	.marketing-wrapper .marketing-Inner {

		width: auto;

	}



	.marketing-wrapper .marketing-Inner .textFlag {

		width: 100px;

		height: 23px;

	}



	.marketing-wrapper .marketing-Inner .modile-item {

		padding: 0 20px;

	}



	.marketing-wrapper .marketing-Inner .modile-item .modile-item-inner {

		height: 63px;

		box-sizing: border-box;

		border-bottom: 1px solid #1363E6;

		display: flex;

		align-items: center;

		color: #fff;

	}



	.marketing-wrapper .modile-item:last-child .modile-item-inner {

		border-bottom: none;

		vertical-align: baseline;

	}



	.marketing-wrapper .marketing-Inner .modile-item .modile-item-inner .step {

		vertical-align: baseline;

		font-size: 16px;

	}



	.marketing-wrapper .marketing-Inner .modile-item .modile-item-inner .step .num {

		font-size: 24px;

		font-style: italic;

	}



	.marketing-wrapper .marketing-Inner .modile-item .modile-item-inner .text {

		font-size: 14px;

		margin-left: 20px;

	}



	/* 推广 end */





	/* 手机端锚点栏 */

	.navModile-wrapper {

		position: fixed;

		top: 60px;

		width: 100%;

		height: 40px;

		box-shadow: 0px 0px 6px 1px rgba(12, 86, 150, 0.1);

		z-index: 999;

		background: #FFFFFF;

	}



	.navModile-wrapper .navModile-item {

		flex: 1;

		font-size: 13px;

	}



	.navModile-wrapper .navModile-item.active {

		background: #2799FC;

		font-size: 13px;

		font-weight: bold;

		color: #fff;

	}



	/* 手机端锚点栏 end*/



	/* 新增  end*/















	html {

		/* overflow-x: hidden; */

	}











	.newUser-content-wrapper .nav-phone-wrapper {

		display: flex;

		position: fixed;

		top: 60px;

		width: 100%;

		left: 0%;

		z-index: 999;

		box-shadow: 0px 4px 20px 2px rgba(40, 112, 220, 0.08);

		background-color: #fff;



	}



	.newUser-content-wrapper .nav-phone-wrapper>li {

		flex: 1;

		height: 50px;

		box-sizing: border-box;

		background-color: #FFFFFF;

	}



	.newUser-content-wrapper .nav-phone-wrapper>li.active {

		background-color: #F74D19;

		color: #fff;

		font-weight: bold;

	}





	/* 锚点 */

	.nav-wrapper {

		display: none;

	}



	/* 锚点  end */



	/* banner */

	.newYearBanner {}



	.newYearBanner .newYearImg {

		width: 321px;

		height: 348px;

		background-size: cover;

		top: 40px;



	}



	.header-banner .header-banner-contentWrapper .introduceYearImg-wrapper .introduceYearImg {

		width: 258px;

		height: 154px;

		background-size: contain;

		left: 0px;

	}





	/* banner end*/

	.product-wrapper.yun {
		transition: all 0.5s linear;
		overflow: hidden;
	}


	.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper {
		margin-top: 14px;
		margin-bottom: 15px;
	}



	.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper {
		width: 100%;
	}

	.product-wrapper .product-item-wrapper .item-info-wrapper .item-info .item-info-val {
		width: 220px;
	}

	.product-wrapper .item-info .sizecount {
		width: 220px;
		display: flex;
		justify-content: flex-end;
		padding-right: 45px;
		color: #FF6868;
	}
	
	.product-wrapper .el-col:nth-child(n + 5) {
		margin-bottom: 10px;
	}

	.product-wrapper .el-col:nth-child(n + 5) {
		margin-top: 0px;
	}


	/* 物理  高防服务器 */

	.serverProduct-wrapper.phone-wrapper .serverProduct-item-wrapper {

		display: flex;

		flex-direction: column;

		align-items: center;

	}



	.serverProduct-wrapper.phone-wrapper .serverProduct-item-wrapper .item-title-wrapper {

		position: relative;

		width: 100%;

		height: 90px;

		flex: 0 0 90px;

		background: #1B7DD3;

		padding: 0;

		line-height: 40px;

		display: flex;

		flex-direction: row;

		align-items: flex-start;

		padding-left: 20px;

		padding-top: 20px;

	}



	.serverProduct-wrapper.phone-wrapper .serverProduct-item-wrapper .item-title-wrapper .title {

		font-size: 16px;

		font-weight: bold;

		line-height: 16px;

		margin-right: 8px;

		margin-bottom: 3px;

	}



	.serverProduct-wrapper.phone-wrapper .serverProduct-item-wrapper .item-title-wrapper .title-wrapper {

		display: flex;

		flex-direction: column;

	}



	.serverProduct-wrapper.phone-wrapper .serverProduct-item-wrapper .item-title-wrapper .val {

		font-size: 16px;

		margin-top: 0px;

		padding-top: 2px;

	}



	.serverProduct-wrapper.phone-wrapper .serverProduct-item-wrapper .item-title-wrapper .price-flag {

		position: absolute;

		top: -8px;

		right: 1px;

	}



	.serverProduct-wrapper .serverProduct-item-wrapper .item-title-wrapper::before {

		display: none;

	}



	.serverProduct-wrapper .serverProduct-item-wrapper .item-content-wrapper {

		width: 100%;

		display: flex;

		flex-direction: column;

		height: auto;

	}



	.serverProduct-wrapper .serverProduct-item-wrapper .item-content-wrapper .content-price-wrapper {

		width: 100%;

	}



	.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .price-wrapper {

		justify-content: flex-start;

		padding-left: 10px;

		padding-right: 10px;

	}



	.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .price-wrapper .price-wrapper-content {

		display: flex;

		justify-content: flex-start;



	}



	.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .price-wrapper .price-wrapper-content .price {

		width: 41%;

	}



	.serverProduct-wrapper .content-button-wrapper {



		border: none;

		color: #fff;

		background: linear-gradient(90deg, #FE9F46 1%, #F5320B 50%, #FE9F46 100%);

		font-weight: bold;

	}



	.serverProduct-wrapper.phone-wrapper .content-config-wrapper {

		display: flex;

		flex-wrap: wrap;

	}



	.serverProduct-wrapper.phone-wrapper .content-config-wrapper .config-item-wrapper {

		position: relative;

		display: flex;

		flex-direction: column;

		padding: 0px;

		padding-top: 15px;

		padding-bottom: 3px;

	}



	.serverProduct-wrapper.phone-wrapper .content-config-wrapper .config-item-wrapper.w40::before {

		content: '';

		position: absolute;

		width: 1px;

		height: 30px;

		background-color: #E5E5E5;

		right: 0px;

		top: 29px;

	}



	.serverProduct-wrapper.phone-wrapper .content-config-wrapper .config-item-wrapper.w40 {

		width: 45%;



		box-sizing: border-box;

	}



	.serverProduct-wrapper.phone-wrapper .content-config-wrapper .config-item-wrapper.w60 {

		width: 55%;

		padding-left: 16px;

		box-sizing: border-box;

	}



	.serverProduct-wrapper.phone-wrapper .content-config-wrapper .config-item-wrapper.w30 {

		width: 28%;

		padding-left: 16px;

	}



	.serverProduct-wrapper.phone-wrapper .content-config-wrapper .config-item-wrapper.w30::before {

		content: '';

		position: absolute;

		width: 1px;

		height: 30px;

		background-color: #E5E5E5;

		right: 0px;

		top: 29px;

	}



	.serverProduct-wrapper .serverProduct-item-wrapper .item-content-wrapper .content-config-wrapper {

		width: 100%;

		height: auto;

		display: flex;

		justify-content: flex-start;

		box-sizing: border-box;

		padding-left: 10px;

		padding-right: 10px;



	}



	.newUser-wrapper .banner-phoneTab-wrapper {

		display: block;

		margin-bottom: 20px;

	}



	.newUser-wrapper .banner-phoneTab-wrapper .tab-wrapper .tab-item {

		flex: 1;

		height: 40px;

		font-size: 14px;

		display: flex;

		align-items: center;

		justify-content: center;

		background-color: #fff;

		cursor: pointer;

	}



	.banner-phoneTab-wrapper .tab-wrapper {

		position: relative;

		top: 1px;

	}



	.banner-phoneTab-wrapper .content-wrapper .item-wrapper {

		position: relative;

		background-color: #FF8E31;

		width: 100%;

		height: 137px;

		background: linear-gradient(0deg, #F5340D 0%, #FF8E31 100%);

		border-radius: 0px 0px 10px 10px;

		box-sizing: border-box;

		padding: 15px 10px;

	}



	.banner-phoneTab-wrapper .content-wrapper .item-wrapper .item-title-wrapper {

		justify-content: space-between;

		align-items: center;

		color: #fff;

		padding-bottom: 10px;

		border-bottom: 1px dashed #FFFFFF;

		padding-left: 10px;

		padding-right: 10px;

		box-sizing: border-box;

	}



	.banner-phoneTab-wrapper .content-wrapper .item-wrapper .item-title-wrapper .title {

		font-weight: bold;

		font-size: 18px;

	}



	.banner-phoneTab-wrapper .content-wrapper .item-wrapper .item-title-wrapper .buttonText {

		font-size: 12px;

	}



	.banner-phoneTab-wrapper .content-wrapper .item-wrapper p.desc {

		color: #fff;

		line-height: 20px;

		padding-left: 10px;

	}



	.banner-phoneTab-wrapper .item-wrapper .yzButton {

		width: 160px;

		height: 35px;

		position: absolute;

		bottom: 15px;

		left: 10px;

		width: 100px;

		height: 30px;

		background: #FFFFFF;

		border-radius: 15px;

		color: #FF8E31;

		font-weight: bold;

	}



	.banner-phoneTab-wrapper .item-wrapper .item-img {

		position: absolute;

		right: 0px;

		bottom: 0px;

		width: 96px;

		height: 89px;

		display: inline-block;

	}



	.dialog-content {

		padding-left: 20px;

	}







	.newUser-wrapper .banner-phoneTab-wrapper .tab-wrapper .tab-item.active {

		color: #fff;

		font-weight: bold;

		background-color: #FF8E31;

	}



	.serverProduct-wrapper.phone-wrapper .content-price-wrapper .content-button-wrapper {

		position: relative;

	}



	.serverProduct-wrapper.phone-wrapper .content-price-wrapper .price-wrapper {

		margin-bottom: 10px;

	}



	.serverProduct-wrapper .serverProduct-item-wrapper .item-title-wrapper .title-flag {

		position: absolute;

		width: 58px;

		height: 20px;

		background: #FF8E31;

		display: flex;

		align-items: center;

		justify-content: center;

		left: 20px;

		top: 62px;

		/* bottom: 45px !important; */

		border-radius: 0px;

		padding-right: 0px;

		bottom: 9px;

	}







	.order-content .config-wrapper {

		padding: 0 10px;

		max-height: 270px;

	}



	.orderDetailDialogTitle {

		padding-left: 10px !important;

	}



	.order-content .total {
		padding: 0 10px;
		padding-bottom: 15px;
	}



	.order-content .el-checkbox {

		margin-left: 10px;

	}



	.WPA3-SELECT-PANEL {

		width: 90% !important;

	}



	.Last {

		width: 100%;

		position: relative;

		right: 0px;

		padding: 24px 0;

		background: #003181;

	}



	.luckDraw-wrapper {

		width: 100%;

		display: flex;

		flex-direction: column;

		align-items: center;

	}



	.luckDraw-wrapper .luckDraw-content-wrapper {

		width: 330px;

		height: 330px;

		background-size: contain;

		margin-bottom: 8px;

	}



	.luckDraw-mask-wrapper .content-inner-wrapper {

		position: relative;

		box-sizing: border-box;

		padding: 42px 15px 23px 12px;

		width: 100%;

		height: 100%;

	}



	.luckDraw-mask-wrapper .content-innerContent-wrapper {

		position: relative;

		width: 100%;

		height: calc(100% - 20px);

	}



	.luckDraw-mask-wrapper .content-inner-wrapper .content-item-wrapper .content-item {

		width: 91%;

		height: 82px;

		background-size: contain;

		padding-top: 25px;



	}



	.luckDraw-mask-wrapper .content-inner-wrapper .content-item-wrapper .content-item .price {

		font-size: 16px;

		line-height: 16px;

	}



	.luckDraw-mask-wrapper .content-inner-wrapper .content-item-wrapper .content-item .price .unit {

		font-size: 8px;

	}



	.luckDraw-mask-wrapper .content-inner-wrapper .content-item-wrapper .content-item .desc {

		margin-top: 17px;

		font-size: 12px;

	}



	.luckDraw-mask-wrapper .content-inner-wrapper .title-wrapper .title {

		font-size: 12px;

		padding-right: 8px;

	}



	.luckDraw-mask-wrapper .content-inner-wrapper .freeTitle {

		font-size: 16px;

		color: #fff;

		line-height: 16px;

	}



	.content-item-free {

		padding-top: 20px;

	}



	.luckDraw-mask-wrapper .content-inner-wrapper .content-item-wrapper .content-item .desc {

		text-align: center;

	}



	.content-item-free .desc {

		margin-top: 0px !important;

	}



	.luck-button-wrapper {

		top: 82px;

		left: 101px;





	}



	header .navbar-default.scrolled {

		background-color: #fff !important;

	}



	.luck-button-wrapper .luck-button {

		width: 80px;

		height: 80px;

	}



	.luckDraw-wrapper .close-wrapper .icon {

		font-size: 24px;

	}



	.service-side {

		top: 65%;

	}



	.generalServer-wrapper .serverProduct-wrapper .serverProduct-item-wrapper.active .item-title-wrapper {

		background-size: cover;

	}



	.gaofangServer-wrapper .serverProduct-wrapper .serverProduct-item-wrapper.active .item-title-wrapper {

		background-size: cover;

	}



	.ticket-wrapper .ticket-col .ticket-item .ticket-item-inner>img {

		display: none;

	}
	
	
	/* 配置详情 */
	.el-dialog .el-select, .el-dialog .el-cascader {
		width: auto;
	}
	
	.detailed-wrapper .detailed-item .title {
		height: 25px;
		padding-left: 10px;
	}
	
	.detailed-wrapper .detailed-item .val {
		height: 25px;
		padding-left: 10px;
	}
	
	.el-cascader__dropdown {
		max-width: calc(100% - 10px);
		left: 0px !important;
		right: 0px !important;
		margin: 5px auto;
	}
	.yz-el-dialog .timeSelect-wrapper {
		flex: 1;
		flex-wrap: wrap;
	}
	.yz-el-dialog .timeSelect-wrapper .timeSelect-item {
		width: calc(33.3% - 6px);
	}
	
	.yz-el-dialog .timeSelect-wrapper .timeSelect-item:nth-child(n + 4) {
		margin-top: 10px;
	}
	
	.applyClaimDialog .el-dialog {
		width: calc(100% - 20px) !important;
	}

}







/* 手机端 end */