/* +----------------------------------------------------------------------
// | 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.0.8
// +----------------------------------------------------------------------
*/
 
	#inside-r_line1 .tab-content .tab-pane .sy_inner {
		margin: 0 -1rem;
	}

	#inside-r_line1 .tab-content .tab-pane .sy_inner .col-xs-4 {
		padding: 0 1rem; 
    padding-top: 2rem;
    padding-bottom: 2rem;
	}

	#inside-r_line1 .tab-content .tab-pane .pro-box {
	background: #fff;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.1);
    border: 2px solid #fff;
		border-radius: 4px;
		    font-family: 'dcynews';
		padding: 2rem 2rem;
		transition: box-shadow 0.3s;
	}

	#inside-r_line1 .tab-content .tab-pane .pro-box:hover {
		box-shadow: 1px 1px 8px rgb(0 0 0 / 15%);
	}

	#inside-r_line1 .tab-content .tab-pane .pro-box .pro_tit {
		text-align: center;
		padding-bottom: 1rem;
		border-bottom: 1px #DBE1E8 solid;

	}

	#inside-r_line1 .tab-content .tab-pane .pro-box .pro_tit h4 {
		margin-top: 1rem;
		transition: color 0.3s;
		;
	}

	#inside-r_line1 .tab-content .tab-pane .pro-box:hover .pro_tit h4 {
		color: var(--dcydhxz);
	}

	#inside-r_line1 .tab-content .tab-pane .pro-box .pro_des {
		padding: 1rem 0;
		border-bottom: 1px #DBE1E8 solid;
	}

	#inside-r_line1 .tab-content .tab-pane .pro-box .pro_des>div {
		padding: 0.5rem 0;
		display: grid;
		grid-template-columns: 30% auto;
	}

	#inside-r_line1 .tab-content .tab-pane .pro-box .pro_des>div b {
		color: var(--title);
		margin-right: 2rem;
		letter-spacing: 2px;
	}

	#inside-r_line1 .tab-content .tab-pane .pro-box .pro_price {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 1.5rem;
	}

	#inside-r_line1 .tab-content .tab-pane .pro-box .pro_price span h2 {
		display: inline-block;
		margin: 0;
		color: var(--dcydhxz);
	}

	#inside-r_line2 .inside-title p {
		line-height: 1.8;
	}

	#inside-r_line2 .inside-l2_customization {
		display: flex;
	}

	#inside-r_line2 .inside-l2_customization li {
		margin: 0 1rem;
		text-align: center;
		opacity: 0.8;
		transition: opacity 0.3s;
		position: relative;
		flex: 1;
	}

	#inside-r_line2 .inside-l2_customization li:hover {
		opacity: 1;
	}

	#inside-r_line2 .inside-l2_customization li img {
		border-radius: 3px;
		box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
	}

	#inside-r_line2 .inside-l2_customization li h5 {
		margin: 1.5rem 0;
		transition: color 0.3s;
	}

	#inside-r_line2 .inside-l2_customization li:hover h5 {
		color: var(--dcydhxz);
		font-weight: bold;
	}

	#inside-r_line2 .inside-l2_customization li p {
		opacity: 0;
		transform: translateY(2rem);
		transition: opacity 0.3s, transform 0.3s;
		text-align: center;
	}

	#inside-r_line2 .inside-l2_customization li:hover p {
		opacity: 1;
		transform: translateY(0);
	}

	#inside-r_line2 .inside-l2_customization li:after {
		content: url(../images/tenancy-line2-icon6.png);
		right: -25%;
		transform: translateX(-50%);
		position: absolute;
		top: 2rem;
	}

	#inside-r_line2 .inside-l2_customization li:last-child:after {
		content: none;
	}

	#inside-r_line3 .inside-l3_advantage ul {
		display: flex;
		flex-wrap: wrap;
	}

	#inside-r_line3 .inside-l3_advantage ul li {
		flex: 0 1 50%;
		display: flex;
		align-items: flex-start;
		margin: 2rem 0;
	}

	#inside-r_line3 .inside-l3_advantage ul li img {
		object-fit: contain;
		width: 21px;
		margin-right: 1rem;
	}

	#inside-r_line3 .inside-l3_advantage ul li img+div {
		padding-right: 4rem;
	}

	#inside-r_line3 .inside-l3_advantage ul li img+div h5 {
		font-weight: bold;
	}


	@media (max-width: 768px) {
		#inside-r_line1 .tab-content .tab-pane .sy_inner .col-xs-4 {
			width: 100%;
		}

		#inside-r_line1 .tab-content .tab-pane .pro-box {
			padding: 1rem;
			margin-bottom: 1rem;
		}

		#inside-r_line1 .tab-content .tab-pane .col-xs-4:last-child .pro-box {
			margin-bottom: 0;
		}

		#inside-r_line1 .tab-content .tab-pane .pro-box .pro_tit {
			overflow: hidden;
		}

		#inside-r_line1 .tab-content .tab-pane .pro-box .pro_tit img,
		#inside-r_line1 .tab-content .tab-pane .pro-box .pro_tit h4,
		#inside-r_line1 .tab-content .tab-pane .pro-box .pro_tit p {
			float: left;
		}

		#inside-r_line1 .tab-content .tab-pane .pro-box .pro_tit img {
			margin-right: 1rem;
			width: 50px;
			margin-top: 0.7rem;
		}

		#inside-r_line1 .tab-content .tab-pane .pro-box .pro_tit h4 {
			margin-top: 0.8rem;
		}
		#inside-r_line1 .tab-content .tab-pane .pro-box .pro_des>div{
			grid-template-columns: 25% auto;
		}
		#inside-r_line1 .tab-content .tab-pane .pro-box .pro_price {
			padding-top: 1rem;
		}

		#inside-r_line2 .inside-l2_customization {
			flex-wrap: wrap;
		}

		#inside-r_line2 hr {
			margin: 1.5rem 0;
		}

		#inside-r_line2 .inside-l2_customization li {
			opacity: 1;
			padding-bottom: 2rem;
			margin: 0;
			flex: auto;
		}

		#inside-r_line2 .inside-l2_customization li:last-child {
			padding-bottom: 0;
		}

		#inside-r_line2 .inside-l2_customization li img {
			width: 50px;
			margin-bottom: 5px;
		}

		#inside-r_line2 .inside-l2_customization li h5 {
			margin: 1rem 0;
		}

		#inside-r_line2 .inside-l2_customization li p {
			opacity: 1;
			transform: translateY(0);
		}

		#inside-r_line2 .inside-l2_customization li:after {
			right: 3px;
			left: 0;
			bottom: 0;
			top: inherit;
			transform: rotateZ(90deg) scale(0.5);
		}

		#inside-r_line3 .inside-l3_advantage ul {
			margin-bottom: 0;
		}

		#inside-r_line3 .inside-l3_advantage ul li {
			flex: 0 1 100%;
			margin-bottom: 1rem;
			margin-top: 0;
		}

		#inside-r_line3 .inside-l3_advantage ul li:last-child {
			margin-bottom: 0;
		}

		#inside-r_line3 .inside-l3_advantage ul li img+div {
			padding-right: 0;
		}
	}