.header-banner__wrapper {
    height: 640px;
}

.product-wrapper .product-item-wrapper .item-title-wrapper {
    height: auto;
    /* background: linear-gradient(0deg, #F9F6FF 0%, #E3D5FF 100%); */
    padding: 23px 2px 23px 24px;
}

.product-wrapper .product-item-wrapper .item-title-wrapper .item-title {
    font-size: 18px;
    color: #211B40;
    margin-bottom: 6px !important;
    margin-left: -8px;
    font-weight: 400;
    color: #211B40;
    line-height: 14px;
}

.product-wrapper .product-item-wrapper .item-title-wrapper .item-desc {
    font-size: 12px;
    font-weight: 400;
    color: #211B40;
    line-height: 14px;
}

.product-wrapper .product-item-wrapper .item-info-wrapper .item-info-innerwrapper {
    border-bottom: none;
    padding-bottom: 20px;
}

.product-wrapper .product-item-wrapper .item-info-wrapper {
    padding: 0px 23px 0px 23px;
    margin-bottom: 0px;
    background: linear-gradient(0deg, #FFFFFF 0%, #F8F5FF 100%);
    box-shadow: 0px 3px 6px 0px rgba(131,107,255,0.16);
}


.timeSelect-wrapper .timeButton-wrapper .timeButton-item:first-child,.timeSelect-wrapper .timeButton-wrapper .timeButton-item:last-child {
    border-radius: 0px;
}

.timeButton-wrapper .timeButton-item {
    border-radius: 0px;
    margin-right: -1px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid;
    border-image: linear-gradient(0deg, #FF351E, #FF732E) 10 10;
    transition: background-colr 0.2s ease-in-out;
}

.timeButton-wrapper .timeButton-item:hover {
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
}


.timeButton-wrapper .timeButton-item.active {
    border: none;
    background: linear-gradient(90deg, #FF351E 0%, #FF732E 100%);
    color: #FFFFFF;
}


.product-item-wrapper .item-price-wrapper .oldPrice {
    font-size: 12px;
    color: #999999;
    margin-top: 0px;
    text-decoration: line-through;
    margin-left: 40px;
    white-space: nowrap;
}

.product-wrapper .product-item-wrapper .item-price-wrapper {
    padding: 0px 23px 9px 23px;
    align-items: center;
}

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

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

.tpm-btn__extend {
    padding-top: 30px;
    padding-bottom: 16px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
    z-index: 10;
    position: relative;
}

.tpm-btn__extend:hover .el-icon.el-icon-arrow-right {
    transform: translateX(4px);
}

.tpm-btn__extend .el-icon {
    transition: transform .4s,-webkit-transform .4s;
}

.navBg-item-desc-num {
    color: #ffd67a;
}

.active .navBg-item-desc-num {
   color:  #FFE382; 
}

.moudule-wrapper.yun-wrapper .product-wrapper-parent .navSelect-item.active .navSelect-item-flag {
    background: url(../images/act220618/nav_element07_01.png) center no-repeat;
    background-size: cover;
}

.product-wrapper .product-item-wrapper .item-title-wrapper .item-title-flag {
    width: 74px;
    height: 66px;
    background: url(../images/2023midyear/20230410_lable01.png) center no-repeat;
    background-size: cover;
    position: absolute;
    right: -4px;
    top: -4px;
}

.moudule-wrapper.jpyun .product-wrapper .product-item-wrapper .item-title-wrapper .item-title-flag {
    background: url(../images/2023midyear/20230410_lable02.png) center no-repeat;
    background-size: cover;
}

.banner-inner-img {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1920px;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    background: url(../images/2023midyear/20230410_banner.png) center no-repeat;
    background-size: cover;
}

.banner-inner-img-descText {
    z-index: 100;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 14px;
    position: absolute;
	left: 0px;
    bottom: 286px;
}





	/* 公共 */

	body {
		min-width: 1300px;
		font-family: '微软雅黑';
	}

	.footer a:hover,
	a:focus {
		color: inherit;
	}

	.yz-el-dialog ::-webkit-scrollbar {
		width: 5px;
	}

	.yz-el-dialog .el-dialog__body .dialog-content {
		padding: 16px 0px 70px 20px;
		box-sizing: border-box;
	}

	.yz-el-dialog .option-itemSelect.domain .el-input--suffix {
		width: 80px;
		color: #FF453E;
	}

	.yz-el-dialog .dialog-button-wrapper .yzButton.confirm {
		background: linear-gradient(90deg, #FF351E 0%, #FF732E 100%);
		width: 120px;
		position: relative;
	}

	.yz-el-dialog .dialog-button-wrapper .yzButton.confirm:hover::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(225,223,185,.2);
	}
	

	.el-dialog__wrapper .detailed-wrapper .detailed-item {
		border: 1px solid #EEEEEE !important;
	}
	.yz-el-dialog .footerdialog-wrapper {
		padding: 20px 36px;
        justify-content: space-between;
        box-shadow: rgba(2, 5, 8, 0.04) 0px 2px 8px, rgba(2, 5, 8, 0.08) 0px 6px 20px;
	}
	.yz-el-dialog .footerdialog-wrapper .price-wrapper .price-unit {
		color: #F0192A;
		margin-right: 5px;
		font-weight: bold;
	}
	.yz-el-dialog .footerdialog-wrapper .price-wrapper .price {
		color: #F0192A;
		font-size: 30px;
		font-weight: bold;
	}
	.yz-el-dialog .footerdialog-wrapper .price-wrapper .sale-price {
		color: #FF453E;
	}

	.yz-el-dialog .detailed-item .val {
		color: #333333;
		font-size: 14px !important;
	}
	.yz-el-dialog .option-itemSelect>h6 {
		width: 100px;
		margin-right: 15px;
		color: #666666;
		font-size: 14px;
		font-weight: bold;
	}
	.mb-20 {
		margin-bottom: 20px;
	}
	.yz-el-dialog .option-itemSelect .timeButton {
		width: 76px;
		height: 36px;
		background: #FFFFFF;
		border: 1px solid #DCDFE6;
		border-radius: 4px;
		margin-right: 10px;
	}
	.yz-el-dialog .option-itemSelect .timeButton.active {
		background: rgb(245 164 164 / 0.2);
		border: 1px solid #FF453E;
		color: #FF453E;
	}

	.el-select .el-input.is-focus .el-input__inner {
		border-color: #836AFF;
	}

	.el-select .el-input__inner:focus {
		border-color: #836AFF;
	}

	.yz-el-dialog .option-itemSelect {
		align-items: center;
	}
	.yz-el-dialog .detailed-item {
		height: 40px !important;
		display: flex !important;
		border: none !important;
		background: none;
		justify-content: flex-start;
		align-items: center !important;
	}
	.yz-el-dialog .dialog-content-infowrapper {
		padding-bottom: 20px;
	}

	.newUser-wrapper .el-radio__label {
		display: none !important;
	}
	.newUser-wrapper .el-radio {
		margin-right: 0px;
	}
	.newUser-wrapper .radio-text {
		margin-left: 10px;
	}
	.newUser-wrapper .register-button {
		color: #FF453E;
		cursor: pointer;
		display: inline-block;
		width: 100px;
	}

	.shortcut-side .Session-Icon {
		background-color:  #836AFF !important;
	}

	.newUser-wrapper {
		overflow-x: hidden;
	}
	.footer-wrapper .section{
		margin: 0 auto !important;
	}

	.footer-wrapper .footer .footer-right p {
		margin-bottom: 20px !important;
	}

	.section {
		max-width: 1180px;
	}

	.font-weight {
		font-weight: bold;
	}

	.font14 {
		font-size: 14px;
	}

	.font16 {
		font-size: 16px;
	}

	.font18 {
		font-size: 18px;
	}

	.mr-10 {
		margin-right: 10px;
	}

	.moudule-content-wrapper {
		position: relative;
	}

	.product-wrapper .el-row {
		margin-left: -8px !important;
		margin-right: -8px !important;
	}

	.flag-wrapper .flag-li {
		height: 18px;
		padding: 0px 7px;
		border-radius: 0px;
		box-sizing: border-box;
		font-size: 12px;
		line-height: 1;
	}

	.el-popper .el-select-dropdown__item.selected {
		color: #836AFF !important;
	}
	.el-popper .el-select-dropdown__item.hover {
		color: #fff !important;
	}
	.el-popper .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
		background: #B2A3FF !important;
	}

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

	.el-dialog__footer .dialog-footer {
		display: none;
	}
	.el-input.is-active .el-input__inner, .el-input__inner:focus,.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: #FF463E 1px solid;
	}
	.el-input-number__decrease:hover, .el-input-number__increase:hover {
		color: #FF463E;
	}

	/* 公共 end*/


	/* 基础样式 */
	.order-content {
        padding: 0px;
	}

	.product-wrapper .el-input__inner {
		border: 1px solid #DBDBDB !important;
		height: 23px !important;
		line-height: 23px !important;
		box-sizing: border-box !important;
		border-radius: 0px;
		padding-left: 8px;
	}

	.product-wrapper .el-input__icon {
		line-height: 23px !important;
	}

	.product-wrapper .el-icon-arrow-up:before {
		content: "\e78f" !important;
		color: #999;
	}

	/* 基础样式 end */


	/* 头部banner */

	/* .newUser-wrapper {
		background: #F0EDFF;
	} */

	.newUser-wrapper .header-banner {
		z-index: 10;
		height: 640px;
		background: none;
		background-size: cover;
		overflow: hidden;
	}


	.newUser-wrapper .header-banner .header-banner-inner .banner-inner-backGround {
		position: absolute;
		left: 0px;
		right: 0px;
		margin: 0 auto;
		bottom: 0px;
		width: 100%;
		height: auto;
		background: rgba(255, 255, 255, 0.2);
		-webkit-backdrop-filter: saturate(134%) blur(10px);
		backdrop-filter: saturate(134%) blur(10px);
		border-top: 1px solid rgba(255, 255, 255, 0.5);
		z-index: 10;
	}

	.newUser-wrapper .header-banner .header-banner-inner .banner-inner-backGround-bottomBg {
		position: absolute;
		bottom: 140px;
		top: inherit;
		left: 0px;
		right: inherit;
		width: 100%;
		height: 90px;
		margin: 0 auto;
		background: url(../images/act2022new/ht_yearEnd_nav04.png) center no-repeat;
		background-size: cover;
	}


	.newUser-wrapper .header-banner .header-banner-inner .banner-inner-backGround .navBg-item {
		color: #fff;
		flex: 1;
		height: 90px;
		padding: 0px;
		padding: 0 20px;
		position: relative;
		z-index: 0;
		line-height: 1;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		justify-content: center;
		/* background: rgba(255,255,255,0.92); */
	}

	
	.newUser-wrapper .header-banner .header-banner-inner .banner-inner-backGround .navBg-item.active {
		background: linear-gradient(0deg, #FF4122 0%, #FF6C2E 100%);
		color: #fff;
	}
	
	

	.newUser-wrapper .header-banner .header-banner-inner .banner-inner-backGround .navBg-item .navBg-item-desc {
		margin-top: 15px;
		white-space: nowrap;
	}
	
	.newUser-wrapper .header-banner .header-banner-inner .banner-inner-video {
		position: absolute;
		left: 50%;
		top: 0;
		width: 1920px;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 1;
	} 


	/* 头部banner end*/

	/* 内容区 */
	.newUser-content-wrapper {
		padding-top: 640px;
	}

	.moudule-wrapper {
		padding-top: 70px;
	}

	.moudule-wrapper .moudule-content-wrapper {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.moudule-content-wrapper .moudule-content-titleWrapper {
        width: 575px;
        height: 98px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
        background: url(../images/nav-header.png) no-repeat center;
		background-size: cover;
        position: relative;
        z-index: 1;
	}

	.moudule-content-wrapper .product-wrapper-parent {
		padding: 20px 16px 0px 16px;
	}

	.moudule-wrapper .moudule-content-wrapper h3.title {
		text-align: center;
		font-size: 32px;
		color: #FFFFFF;
		margin-top: 15px;
		margin-bottom: 9px;
	}

	.moudule-wrapper .moudule-content-wrapper h3.title .title-spot {
		display: inline-block;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		margin: 0 5px;
		background: #FFFFFF;
		position: relative;
		top: -4px;
	}


	.moudule-wrapper .moudule-content-wrapper .desc {
		color: #fff;
		text-align: center;
	}

	.moudule-wrapper .moudule-content-wrapper .desc .rulerButton {
		color: #fff;
		margin-left: 5px;
		cursor: pointer;
		text-decoration: underline;
	}

	.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper {
		margin-top: 0px;
		background: #fff;
	}

	.moudule-wrapper .product-wrapper {
		padding: 16px 0px 0px 0px;
		background: none;
		border: none;
	}

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

	.product-wrapper .product-item-wrapper {
		border: none;
		/* background: #fff; */
	}

	.product-wrapper .product-item-wrapper .item-info-wrapper .item-info.timeSelect-wrapper {
		flex-direction: row;
	}

	.timeSelect-wrapper .timeButton-wrapper {
		flex: 1;
		margin-top: 0px;
	}

	.product-wrapper .product-item-wrapper .item-info-wrapper .item-info .item-info-key {
		min-width: 76px;
	}


	.product-wrapper .product-item-wrapper .item-info-wrapper .item-info {
		padding-top: 22px;
		font-size: 14px;
	}

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

	.flag-wrapper .flag-li.deepRed {
		background: linear-gradient(90deg, #FF6B2D 0%, #FF331E 100%);;
		color: #fff;
	}

	.product-item-wrapper .item-price-wrapper .newprice-wrapper .newprice {
		color: #FF453E;
		font-size: 24px;
		white-space: nowrap;
	}

	.product-item-wrapper .item-price-wrapper .newprice-wrapper .newprice .newprice-unit {
		font-size: 14px;
	}

	.product-item-wrapper .item-button-wrapper:hover:after,.serverProduct-wrapper .content-button-wrapper:hover:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(225,223,185,.2);
	}


	.product-item-wrapper .flag-wrapper {
		padding: 0 23px;
		margin-bottom: 5px;
		margin-top: 20px;
	}

	.moudule-content-wrapper .product-wrapper-parent {
		position: relative;
		z-index: 1;
	}

	/* 物理服务器 */
	.moudule-wrapper .product-wrapper .product-item-wrapper {
		border: 2px solid transparent;
		/* background: transparent; */
	}

	/* .moudule-wrapper .product-wrapper .product-item-wrapper .item-info-wrapper-parent {
		background: #fff;
	} */

	.moudule-wrapper.generalServer-wrapper .product-wrapper-parent .navSelect-item .navSelect-item-flag ,.moudule-wrapper.yun-wrapper .product-wrapper-parent .navSelect-item .navSelect-item-flag{
		display: inline-block;
		width: 46px;
		height: 18px;
		background: url(../images/act220618/nav_element07.png) center no-repeat;
		background-size: cover;
		margin: auto 0;
		margin-left: 7px;
	}

	.moudule-wrapper.generalServer-wrapper .product-wrapper-parent .navSelect-item .navSelect-item-flag.flag__hot {
		background: url(../images/2023midyear/20230410_lable0201_label.png) center no-repeat;
		background-size: cover;
	}

	.moudule-wrapper.generalServer-wrapper .product-wrapper-parent .navSelect-item.active .navSelect-item-flag.flag__hot {
		background: url(../images/2023midyear/20230410_lable04.png) center no-repeat;
		background-size: cover;
	}


	.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper .navSelect-item {
		position: relative;
		background-color: #FFFFFF;
		cursor: pointer;
		flex: 1;
		height: 50px;
		font-size: 18px;
		color: #333333;
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: none;
		position: relative;
	}

	.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper .navSelect-item.active::after {
		display: none;
	}

	.navSelect-item__bg {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, #FF3A20 0%, #FF6E2E 100%);
        background-size: calc(100% - 10px) 100%;
        background-position: 0;
        background-repeat: no-repeat;
	}

    
	.navSelect-item.active .navSelect-item__bg {
		display: block;
        overflow: hidden;
	}

    .navSelect-item.active:last-child .navSelect-item__bg {
        background-position: 100%;
    }


    .navSelect-item.active .navSelect-item__bg::after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 110px;
        background: #FF6E2E;
        right: 0;
        top: 0;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    .navSelect-item.active:last-child .navSelect-item__bg::after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 100px;
        background: #FF3A20;
        left: 0;
        top: 0;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }



	.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper .navSelect-item.active {
		color: #fff;
		background: none;
	}


	.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper .navSelect-item>span {
		z-index: 20;
		display: flex;
		align-items: center;
	}

	.moudule-wrapper .moudule-content-wrapper .navSelect-wrapper .navSelect-item.active > span {
		font-weight: bold;
	}

	.moudule-wrapper.generalServer-wrapper .product-wrapper .product-item-wrapper .item-info-wrapper .item-info:first-child {
		padding-top: 16px;
	}

	.generalServer-wrapper .moudule-content-wrapper .product-wrapper-parent {
		padding-top: 20px;
		box-sizing: border-box;
	}



	/* 物理服务器 end */


	/* 云服务器 */
	.moudule-wrapper.yun-wrapper {
		background: url(../images/2023midyear/20230410_background02.png) no-repeat center;
		background-size: cover;
	}

	.serverProduct-wrapper .serverProduct-item-wrapper {
		position: relative;
		width: 100%;
		height: 112px;
		background: #FFFFFF;
		border: none;
		margin-bottom: 22px;
		overflow: inherit;
	}

	.serverProduct-wrapper .serverProduct-item-wrapper:hover::after {
		content: "";
		position: absolute;
		left: -1px;
		top: -1px;
		bottom: 0px;
		right: -1px;
		box-shadow: 0 4px 8px 0 #c7bff1;
		z-index: 10;
		pointer-events: none;
	}


	.serverProduct-wrapper .serverProduct-item-wrapper .item-title-wrapper {
		position: relative;
		width: 243px;
		height: 100%;
		color: #211B40;
		box-sizing: border-box;
		padding: 25px 30px 0px 13px;
		flex: 0 0 243px;
		display: flex;
		justify-content: inherit;
		background: linear-gradient(90deg, #F9F6FF 0%, #E3D5FF 100%);
		box-shadow: 0px 0px 8px 0px rgba(131,107,255,0.16);
		overflow: inherit;
	}

	.serverProduct-wrapper .serverProduct-item-wrapper .item-title-wrapper .title {
		font-size: 18px;
		font-weight: normal;
		line-height: 1;
		padding-bottom: 0px;
		text-align: left;
	}

	.serverProduct-wrapper .serverProduct-item-wrapper .item-title-wrapper .val {
		margin-top: 5px;
		font-size: 12px;
		line-height: 18px;
		padding-left: 10px;
	}

	.serverProduct-wrapper .serverProduct-item-wrapper .item-title-wrapper .item-title-flag {
		position: absolute;
		display: inline-block;
		width: 74px;
		height: 66px;
		top: -4px;
		right: -4px;
		background: url(../images/2023midyear/20230410_lable03.png) center no-repeat;
		background-size: cover;
	}


	.moudule-wrapper .serverProduct-wrapper {
		padding-top: 17px;
	}

	.serverProduct-wrapper .serverProduct-item-wrapper .item-content-wrapper .content-price-wrapper {
		position: relative;
		width: 356px;
		box-sizing: border-box;
		height: 100%;
		flex: 0 0 356px;
		padding: 0px;
	}


	.serverProduct-wrapper .content-price-item {
		position: relative;
		height: 100%;
		width: 50%;
		/* overflow: hidden; */
		transition: width 0.5s ease-out;
		-ms-transition: width 0.5s ease-out;
		box-sizing: border-box;
		border: 2px solid transparent;
	}


	.serverProduct-wrapper .content-price-wrapper.month .content-price-item:first-child,
	.serverProduct-wrapper .content-price-wrapper.year .content-price-item:last-child {
		width: calc(50% + 20px);
		border: 2px solid;
		border-image: linear-gradient(0deg, #FF3B39, #FF7857) 10 10;
		border-bottom: none;
	}

	.serverProduct-wrapper .content-price-wrapper.month .content-price-item:first-child .content-button-wrapper-inner,
	.serverProduct-wrapper .content-price-wrapper.year .content-price-item:last-child .content-button-wrapper-inner {
		display: none;
	}



	.serverProduct-wrapper .content-price-wrapper.month .content-price-item:first-child .content-button-wrapper,
	.serverProduct-wrapper .content-price-wrapper.year .content-price-item:last-child .content-button-wrapper {
		border-image: linear-gradient(0deg, #FF3B39, #FF7857) 10 10;
		background: linear-gradient(0deg, #FF3B39 0%, #FF7857 75%);
		color: #fff;
	}


	.serverProduct-wrapper .content-price-wrapper.month .content-price-item:last-child,
	.serverProduct-wrapper .content-price-wrapper.year .content-price-item:first-child {
		width: calc(50% - 20px);
	}


	.serverProduct-wrapper .content-price-wrapper.year .content-price-item:first-child .content-price-inner::after {
		content: '';
		position: absolute;
		left: -2px;
		height: 72px;
		top: -2px;
		width: 1px;
		background: #FF3B39;
	}



	.serverProduct-wrapper .content-price-item:first-child {
		float: left;
	}

	.serverProduct-wrapper .content-price-item:last-child {
		float: right;
	}

	.serverProduct-wrapper .content-button-wrapper {
		position: absolute;
		width: 100%;
		background: #fff;
		color: #FF453E;
		bottom: 0px;
		left: 0px;
		font-size: 14px;
		font-weight: 400;
	}

	.serverProduct-wrapper .content-button-wrapper.noclick {
		cursor: default;
		color: #999;
	}


	.serverProduct-wrapper .content-button-wrapper .content-button-wrapper-inner {
		position: absolute;
		width: calc(100% + 4px);
		left: -2px;
		height: calc(100% - 2px);
		bottom: -2px;
		border: 1px solid;
		border-image: linear-gradient(0deg, #FF3B39, #FF7857) 10 10;
	}

	.serverProduct-wrapper .serverProduct-item-wrapper .item-content-wrapper .content-price-wrapper .content-price-inner {
		padding-left: 16px;
		padding-top: 20px;
		position: relative;
	}

	.content-price-wrapper .content-price-inner .flag-wrapper {
		position: absolute;
		top: -10px;
		left: -2px;
	}

	.content-price-wrapper.month .content-price-item:last-child .content-price-inner .flag-wrapper {
		left: -2px;
	}

	.content-price-wrapper.year .content-price-item:first-child .content-price-inner .flag-wrapper {
		left: -1px;
	}

	.content-price-wrapper.month .content-price-item:last-child .content-button-wrapper-inner {
		border-left: none;
	}

	.content-price-wrapper.year .content-price-item:first-child .content-button-wrapper-inner {
		border-right: none;
	}

	.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .price-wrapper .price {
		font-size: 24px;
		font-weight: normal;
		color: #FF453E;
	}

	.serverProduct-wrapper .item-content-wrapper .content-price-wrapper .price-wrapper .oldprice-wrapper {
		font-size: 14px;
	}


	.serverProduct-wrapper .content-config-wrapper .config-item-wrapper .val {
		color: #333333;
		white-space: nowrap;
		font-size: 14px;
	}

	.serverProduct-wrapper .content-config-wrapper .config-item-wrapper.bindwith {
		width: 56px;
	}


	/* 云服务器 end */

	/* 虚拟主机 */
	.moudule-wrapper.gaofangServer-wrapper {
		padding-top: 120px;
	}

	.moudule-wrapper.gaofangServer-wrapper .product-wrapper-parent {
		width: 100%;
		height: auto;
		background: none;
		box-sizing: border-box;
	}

	.moudule-wrapper.gaofangServer-wrapper .product-wrapper .product-item-wrapper {
		display: flex;
	}

	.moudule-wrapper.gaofangServer-wrapper .product-wrapper .product-item-wrapper:hover .item-title-wrapper {
		background: linear-gradient(0deg, #8e82cb 0%, #3214c5 100%);
	}

	.moudule-wrapper.gaofangServer-wrapper .product-wrapper .product-item-wrapper .item-title-wrapper .item-title-content {
		background: linear-gradient(0deg, #B2A3FF 0%, #836AFF 100%);
		height: 100px;
		box-sizing: border-box;
		position: absolute;
		width: 100%;
		left: 0px;
		top: 0px;
		padding: 20px;
	}

	.moudule-wrapper.gaofangServer-wrapper .product-wrapper .product-item-wrapper .item-title-wrapper {
		width: 290px;
		box-sizing: border-box;
	}

	.moudule-wrapper.gaofangServer-wrapper .product-wrapper .product-item-wrapper .item-title-wrapper .item-desc {
		line-height: 18px;
	}

	.moudule-wrapper.gaofangServer-wrapper .product-wrapper .product-item-wrapper .item-envirment {
		margin-top: 100px;
		margin-bottom: 23px !important;
		line-height: 1;
		font-size: 12px;
		color: #FFDFB9;
	}

	.envirmentDesc-wrapper li {
		margin-bottom: 16px;
		display: flex;
		align-items: center;
		color: #FFFFFF;
	}


	.envirmentDesc-wrapper .envirmentDesc-flag {
		width: 14px;
		height: 14px;
		display: inline-block;
		background: url(../2022newyear/img/ht_yearEnd_element18.png) center no-repeat;;
		background-size: cover;
	}


	.moudule-wrapper.gaofangServer-wrapper .item-info-wrapper-parent {
		flex: 1;
	}

	.virtualProduct-wrapper>.el-row>.el-col {
		padding-bottom: 16px;
	}
	/* 虚拟主机 end */


	/* 推广返利 */
	.marketing-wrapper.section {
		background: url(../images/act2022new/ht_22newYear_element23.png) center no-repeat;
		background-size: cover;
		position: relative;
		line-height: 1;
		padding-top: 52px;
		padding-left: 615px;
		margin-bottom: 80px;
		box-sizing: border-box;
		margin-bottom: 59px;
        margin-top: 20px;
	}

	.marketing-wrapper .marketing-text {
		color: #FFE9AF;
		font-size: 16px;
	}

	.marketing-wrapper .marketing-text .rulerButton {
		cursor: pointer;
		text-decoration: underline;
		margin-left: 6px;
	}



	.marketing-wrapper .yzButton.connectUs {
		position: absolute;
		right: 32px;
		top: 32px;
		width: 160px;
		height: 40px;
		background: linear-gradient(90deg, #FFE9B0 0%, #F4BC7B 100%);
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #D32A1B;
	}

	.marketing-wrapper .yzButton.connectUs > span {
		z-index: 10;
		position: relative;
	}

	.marketing-wrapper .yzButton.connectUs:hover::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.1);
	}




	/* 推广返利 end */



	/* 背景小图片 end */

	/* 导航 */
	.nav-wrapper {
		display: none !important;
	}

	/* 导航 end */


	/* 内容区  end*/
	
	
	.video-hide{
		  position: absolute;
		  top: -10000px !important;
		  left: -10000px !important;
		}


	/*  2023 618 活动新增 */

	.banner-inner-img {
		background: none;
		z-index: 2;
	}

	/*  2023 618 活动新增  end */


    /* 2023 日常活动 新增 */
    .tpm-btn {
        display: inline-block;
        box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
        color: #fff;
        min-width: 136px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        -webkit-font-smoothing: auto;
        transition: box-shadow .3s ease-in-out;
        padding: 0 24px;
        white-space: nowrap;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        background: linear-gradient(90deg, #FF351E 0%, #FF732E 100%);
        box-sizing: border-box;
    }

    .tpm-btn:hover {
        box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 30%);
        background: linear-gradient(90deg, #ff250c 0%, #f46f2d 100%);
    }

	.tpm-btn.isLodding {
		background: rgb(255 53 30 / 70%);
	}

    .w100 {
        width: 100%;
    }

    .uno-rule-panel {
        font-size: 14px;
        line-height: 22px;
    }
    
    .uno-rule-box-tit, .uno-rule-panel-tit-text {
        color: #191919;
    }
    
    .uno-rule-box-tit {
        font-size: 16px;
        line-height: 24px;
    }
    
    .uno-rule-box-con {
        padding-top: 8px;
    }
    
    .uno-rule-text {
        font-size: 14px;
        line-height: 26px;
        color: #495770;
        word-break: break-all;
    }
    
    .uno-rule-box+.uno-rule-box {
        margin-top: 16px;
    }

    .dialog-content .uno-rule-panel {
        padding-right: 30px;
        max-height: 400px;
        line-height: 20px;
        overflow-y: auto;
    }

    .yz-el-dialog .dialog-title {
        display: inline-block;
        vertical-align: top;
        font-weight: 700;
        font-size: 18px;
        line-height: 26px;
        color: #252b3a;
        border-bottom: none;
    }
    .el-dialog__headerbtn .el-dialog__close {
        color: #8a8e99 !important;
        font-size: 16px;
        font-weight: 700;
    }

    .yz-el-dialog .dialog-button-wrapper {
        right: 0;
        left: 0;
        display: flex;
        justify-content: center;
    }


    .moudule-content-wrapper::after {
        content: '';
        position: absolute;
        width: 100%;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        border: 2px solid rgba(100,98,243,1);
        border-radius: 16px;
    }


    .el-dialog {
        margin:auto !important;
        margin-top: 15vh !important;
        top: 0;
        transform: none;
    }

    .el-dialog__footer {
        display: none;
    }

    .yz-el-dialog .dialog-content-infowrapper.currentConfig {
        border-bottom: 1px solid #eeeeee;
    }

	.moudule-wrapper .moudule-content-wrapper .desc {
		font-size: 14px;
	}