@charset "UTF-8";
/* +----------------------------------------------------------------------
// | ProKvm [ 专业云计算软件开发商 ]
// +----------------------------------------------------------------------
// | Copyright (c) 2022~2024 https://cloud.ackpet.com All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( https://www.xmbillion.com/ )
// +----------------------------------------------------------------------
// | Theme Name:  蓝色企业模板
// +----------------------------------------------------------------------
// | Author: 多彩云 <20233652@qq.com>
// +----------------------------------------------------------------------
// | version:3.2.2
// +----------------------------------------------------------------------
*/


			body {
				font-family: Microsoft YaHei;
				font-weight: 400;
				background: transparent;
			}
			
			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;
			}
			.fboxRow {
       display: flex;
      }
			.mr-10 {
				margin-right: 10px;
			}
			
			.fwbold {
				font-weight: bold;
			}
			.pd20  {
				padding: 20px;
			}
			
			.section {
			    max-width: 1170px;
			    margin: 0 auto;
				width: 1200px;
			}
			.activity-row {
				width: 100%;
			}
			.relative {
				position: relative;
			}
			
			
			.moudle-banner-wrapper {
				box-sizing: border-box;
			}
			.yz-smallBanner {
				height: 442px;
			}
			
			.moudle-banner-wrapper .moudle-banner-inner  .banner__cover-right  {
				background: url(../../images/activityOverview/hc_activeAggregationPage_banner_img02.png) no-repeat;
				    width: 380px;
				    height: 350px;
				    position: absolute;
				    right: 5px;
				    top: 0px;
			}
			
			
			.moudle-banner-wrapper.activityOverview  {
				background: url(../../images/activityOverview/hc_activeAggregationPage_banner_img01.png) center no-repeat;
				background-size: cover;
				padding-top: 92px;
			}
			
			.moudle-banner-wrapper .moudle-banner-inner {
				display: flex;
				padding-top: 120px;
			}
			
			.moudle-banner-wrapper .moudle-banner-inner .banner-title {
				font-size: 42px;
				color: #FFFFFF;
				line-height: 1;
				margin-bottom: 27px;
			}
			.moudle-banner-wrapper .moudle-banner-inner .banner-desc {
				font-size: 18px;
				color: #FFFFFF;
				line-height: 1;
			}

			.module-seciton {
				padding: 60px 0px 40px 0px;
			}
			

			.productIntroduce-warpper {
				background: #FFFFFF;
				border: 1px solid #DBDBDB;
				
				margin-bottom: 20px;
			}
			
			.productIntroduce-warpper:hover {
				box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
			}
			
			.productIntroduce-warpper .productIntroduceImg {
				width: 400px;
				height: 190px;
			}
			.productIntroduce-warpper .productIntroducebackImg {
				width: 180px;
				position: absolute;
				right: 0px;
				top: 0px;
				transition: all .2s ease-in-out;
				opacity: 0;
				z-index: 0;
			}
			
			.productIntroduce-warpper:hover .productIntroducebackImg  {
				opacity: 1;
			}
			
			
			.productIntroduce-warpper .productIntroduce-content  {
				flex: 1;
				padding-left: 30px;
				z-index: 1;
			}

			.productIntroduce-warpper .productIntroduce-content .content-desc {
				font-size: 18px;
				color: #333333;
				line-height: 1.1;
				margin-bottom: 30px;
			}
			.productIntroduce-warpper:hover .productIntroduce-content .content-desc {
				color: var(--dcydhxz);
			}
			
			
			.productIntroduce-warpper .productIntroduce-content .content-text  {
				line-height: 1;
				color: #666666;
				margin-bottom: 20px;
			}
			.productIntroduce-warpper .productIntroduce-content .content-text .yz-icon {
				color: var(--dcydhxz);
				font-weight: bold;
			}
			.productIntroduce-warpper .productIntroduce-content .buy-button  {
				position: absolute;
				width: 200px;
				height: 40px;
				text-align: center;
				line-height: 40px;
				background: var(--dcyans);
				
				font-size: 16px;
				color: #fff;
				bottom: 0px;
				letter-spacing: 2px;
			}
			.productIntroduce-warpper .productIntroduce-content .buy-button:hover{
			    background: var(--dcyanxz);
			}
			
			.relative11:before {
				content: '';
				background: url(../images/double11_active_overviewselect_background.png) center no-repeat;
				width: 100%;
				background-size: cover;
				position: absolute;
				height: 100%;
				right: 0px;
				top: 0px;
				z-index: 0;
			}
			
			@media (max-width: 1080px) {
				.section {
					width: 100%;
				}
				/* banner */
				.moudle-banner-wrapper.activityOverview {
					background: url(../images/hc_activeAggregationPage_banner_img01_modile@2x.png) center no-repeat;
					background-size: cover;
					padding-top: 60px;
				}
				
				.yz-smallBanner {
					height: 300px;
				}
				.moudle-banner-wrapper .moudle-banner-inner .banner__cover-right {
					width: 148.4px;
					height: 166px;
					background-size: cover;
					right: 0px;
					top: 60px;
				}
				.moudle-banner-wrapper .moudle-banner-inner {
					padding-top: 72px;
					padding-left: 17px;
				}
				.moudle-banner-wrapper .moudle-banner-inner .banner-title {
					font-size: 21px;
					margin-bottom: 15px;
				}
				.moudle-banner-wrapper .moudle-banner-inner .banner-desc  {
					font-size: 13px;
				}
				
				.moudle-banner-inner .banner__cover-left    {
					z-index: 2;
				}
				
				/* banner end */
				
				/* 主体部分 */
				.module-seciton {
					padding: 30px 10px 20px;
				}
				
				.productIntroduce-warpper {
					padding: 15px;
					flex-direction: column;
					border: none;
					box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
				}
				.productIntroduce-warpper .productIntroduceImg  {
					width: auto;
					height: auto;
					margin-bottom: 20px;
				}
				.productIntroduce-warpper .productIntroduce-content  {
					padding-left: 0px;
				}
				.productIntroduce-warpper .productIntroduce-content .content-desc  {
					font-size: 14px;
					text-indent:0px;
					margin-left: 0px;
					margin-bottom: 15px;
					line-height: 20px;
				}
				.productIntroduce-warpper .productIntroduce-content .content-text  {
					font-size: 12px;
					margin-bottom: 9px;
				}
				.productIntroduce-warpper .productIntroduce-content .buy-button  {
					position:relative;
					margin: 20px auto;
				}
				
				.productIntroduce-warpper .productIntroducebackImg  {
					display: none;
				}
				
				
				/* 主体部分  end*/
			}