.e_richText-27 .js_container:hover .js_img img {

	transform: scale(1.05);
}

 .e_richText-27 .hx_tp {
	margin-top:.3rem;
	display: none;
}
.e_richText-27 {
	font_radio:2;
	display-radio:1;
	color:rgba(51,51,51,1);
	line-height:1.5;
	text-align:left;
}
.e_richText-27 h1 {
	padding-left:0rem;
	margin-bottom:.2rem;
	position:relative;
	margin-top:1rem;
	color:var(--main-color);
}

.e_richText-27 .sy_rq {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	gap: .1rem;
}
.e_richText-27 .sy_rq li {
	flex-basis:25%;
	background:#0238940d;
	padding:.15rem .2rem;
	border-bottom:2px solid var(--main-color);
	border-radius:.1rem;
	margin-right:.3rem;
}
.e_richText-27 .hx_container {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	width: 100%;
}
.e_richText-27 .hx_container .hx_img img {
	width:100% !important;
	height:100% !important;
	object-fit:contain;
	aspect-ratio:29 / 10;
	padding:4%;
	background-color: #fff;
}
.e_richText-27 .hx_container .hx_ys {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(96% / 3);
    margin-right: 2%;
    margin-bottom: 2%;
    border: 2px solid #f5f5f5;
    background: #0238940d;
}
.e_richText-27 .hx_container .hx_ys:nth-child(3n) {
	margin-right:0%;
}
.e_richText-27 .hx_container .hx_ys .hx_nr {
    padding: .15rem .2rem;
    padding-top: .25rem;
}
.e_richText-27 .hx_container .hx_ys .hx_nr .hx_ms {
	color:#565656;
	margin-bottom:.15rem;
	margin-top:.1rem;
}

.e_richText-27 .hx_container .hx_ys .hx_nr .hx_ms li {
    padding-left: .2rem;
    position: relative;
}



.e_richText-27 .hx_container .hx_ys .hx_nr .hx_ms li::before {

    content: "";
    width: .1rem;
    height: .1rem;
    background-color: #023894bf;
    position: absolute;
    left: 0;
    border-radius: 100px;
    top: 50%;
    transform: translateY(-50%);
}

.e_richText-27 .js_td {
	display:flex;
	flex-wrap:wrap;
	position:absolute;
	transform:translate(-50%,-50%);
	left:50%;
	top:70%;
	width:100%;
	padding:0 4%;
	padding-right:42%;
}
.e_richText-27 .js_td .td1 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(96% / 3);
    margin-right: 2%;
    margin-bottom: 1%;
    background: #ffffffc9;
    padding: .2rem .5rem;
    padding-bottom: .25rem;
    color: var(--main-color);
    width: 40%;
    transition: all ease .4s;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(27px);
}


.e_richText-27 .js_td .td1:hover {

	background-color: var(--main-color);
}


.e_richText-27 .js_td .td1:hover .td2, .e_richText-27 .js_td .td1:hover .t2 {

	color: #fff;
}

.e_richText-27 .js_td .td1:nth-child(3n) {
	margin-right:0;
}
.e_richText-27 .js_td .td1 .td2 {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:flex-end;
		transition: all ease .4s;

}
.e_richText-27 .js_td .td1  .t2 {

		transition: all ease .4s;

}
.e_richText-27 .js_ys {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	width: 100%;
}

.e_richText-27 .xbt {

	color: var(--main-color);
	line-height: 1.2;
	width: 100%;
}

.e_richText-27 .js_ys .ys {
	flex-grow:0;
	flex-shrink:0;
	flex-basis:calc(96% / 3);
	margin-right:2%;
	margin-bottom:2%;
	background:#0238940d;
	padding:0.1rem .15rem;
	/* padding-bottom:.25rem;*/
    color:var(--main-color);
	display:flex;
	border-radius:100px;
	border-right:4px solid #0238948a;
	align-items:center;
}
.e_richText-27 .js_ys .ys:nth-child(3n) {
	margin-right:0%;
}
.e_richText-27 .js_ys .ys .ys_1 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    max-width: 1rem;
    padding: .06rem;
    margin-right: .1rem;
    max-width: 1rem !important;
}
.e_richText-27 .js_container {
	position:relative;
	overflow: hidden;
}
.e_richText-27 .js_ms {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 35%;
    width: 100%;
    padding: 0 4%;
    padding-right: 48%;
    z-index: 1;
}
.e_richText-27 .js_ms h2 {
    margin-bottom: .2rem;
    color: #fff;
}
.e_richText-27 .js_ms .rq {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	color:#fff;
}
.e_richText-27 .js_ms .rq p {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(98% / 2);
    margin-right: 2%;
    padding-left: .4rem;
  background-image: url(https://omo-oss-image1.thefastimg.com//portal-saas/pg2024071110051294428/cms/image/5c87afe4-b5af-493e-908d-87adb55ce82b.webp);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .28rem;
	
}
.e_richText-27 .js_ms .rq p:nth-child(2n) {
	margin-right:0%;
}
.e_richText-27 .ji_cs {
	display:flex;
	flex-direction:column;
	text-align:center;
	margin-top: .2rem;
}
.e_richText-27 .ji_cs .ji_box {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	border-radius:100px;
}
.e_richText-27 .ji_cs .ji_box .ji1 {
	flex:0 0 20%;
	background-color:var(--main-color);
	color:#fff;
	border-radius:100px;
}


.e_richText-27 .ji_box > div {

	flex: 1;
	position: relative;
}

.e_richText-27 .ji_cs .ji_box:nth-child(odd) {
	background-color:#f5f5f5;
}
.e_richText-27 .ji_cs .ji_box:not(:last-child) {
	margin-bottom:.1rem;
}
.e_richText-27 .ji_cs .ji_box > div {
	padding:.1rem .3rem;
}
.e_richText-27 .ji_cs .ji_box .ji2 {
	position:relative;
}

.e_richText-27 .ji_cs .ji_box > div:last-child::after {

	display: none;
}

.e_richText-27 .ji_cs .ji_box > div::after {
	content:"";
	width:1px;
	height:65%;
	position:absolute;
	transform:translateY(-50%);
	top:50%;
	right:0%;
	background-color:#dcdcdc;
}
.e_richText-27 .zq {
	margin-top:.8rem;
}
.e_richText-27 .zq td:nth-child(1) {
	width:20%;
}
.e_richText-27 .zq td {
	width:40%;
	text-align:center;
}
.e_richText-27 .zq td img {
	height:3rem !important;
	object-fit:contain;
}
.e_richText-27 .zq1 td:nth-child(1) {
	width:20%;
}
.e_richText-27 .zq1 td {
	width:auto;
	text-align:center;
	padding:.1rem .3rem;
	border:1px solid #dcdcdc;
}
.e_richText-27 .zq1 {
	margin-top:.2rem;
	border-radius:30px;
}
.e_richText-27 .wsk_box {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	/* max-width:100%;*/;
}
.e_richText-27 .wsk_box .p_loopitem {
	flex-grow:0;
	flex-shrink:0;
	flex-basis:calc(100% / 1);
	margin-bottom:1.35vw;
}
.e_richText-27 .wsk_box .p_loopitem .e_container-25 {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	width:100%;
	background_radio:2;
	display-radio:flex;
	background-fill-value:background-image;
	
	align-items:center;
	background-color:#f2f2f2;
}
.e_richText-27 .wsk_box .p_loopitem .e_container-25 .cbox-25-0 {
    flex: 0 0 2.6rem;
    background: var(--main-color);
}

.e_richText-27 .wsk_box .p_loopitem .e_container-25 .cbox-25-0::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid var(--main-color);

}

.e_richText-27 .wsk_box .p_loopitem .e_container-25 .cbox-25-0 .e_text-26 {
	line-height:50px;
	font_radio:2;
	display-radio:1;
	color:rgba(255,255,255,1);
	text-align:center;
}
.e_richText-27 .wsk_box .p_loopitem .e_container-25 .cbox-25-1 {
	flex:1;
	padding-left:2.5em;
}
.e_richText-27 .wsk_box .p_loopitem .e_container-25 .cbox-25-1 .e_text-27 {
	line-height:normal;
	font_radio:2;
	display-radio:1;
}
.e_richText-27 .js_ms .rq.down {
	flex-direction:column;
}
.e_richText-27 .js_ms .rq.down p:not(:last-child) {
	margin-bottom:20px;
}
.e_richText-27 .js_ms .rq.down p {
	background-position:left top;
	background-size:27px;
}
.e_richText-27 .ji_cs.lg .ji3 {
	display:none;
}
.e_richText-27 .ji_cs.lg .ji2 {
	flex:1;
}
.e_richText-27 .ji_cs.lg .ji2::after {
	display:none;
}
.e_richText-27 .inner {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding:20px 0;
	padding-bottom:30px;
}
.e_richText-27 .inner .left {
	flex:0 0 45%;
	line-height:1.6;
}
.e_richText-27 .inner .right {
	flex:0 0 50%;
}
.e_richText-27 .img {
    max-width: 100%;
    text-align: center;
}
.e_richText-27 .inner .left .bt:before {
	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0px;
	width:0;
	height:0;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-left:10px solid var(--main-color);
}
.e_richText-27 .inner .left .bt {
	padding-left:18px;
	position:relative;
	color:var(--main-color);
	margin-top:1vw;
	margin-bottom:.1rem;
}
.e_richText-27 .dl {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:.45rem;
}
.e_richText-27 .dl .page-con {
	flex:0 0 24%;
}
.e_richText-27 .dl .page-con .bg_cover {
	display:flex;
}
.e_richText-27 .dl .page-con .bg_cover .u-ai-c {
	line-height:35px;
	font_radio:2;
	display-radio:1;
	background:#f1f1f1;
	color:#fff;
	padding:0px 20px;
	margin-top:20px;
	padding-left:0;
	width:100%;
}
.e_richText-27 .u-ai-c {
	background:#f1f1f1;
	overflow:hidden;
}
.e_richText-27 .u-ai-c .ellipsis-2 {
	height:100%;
	display:inline-block;
	background:var(--main-color);
	color:#fff;
	padding:0px 25px;
	position:relative;
	padding-right:30px;
	line-height:45px;
	margin-left:0;
	margin-right:auto;
}
.e_richText-27 .u-ai-c .ellipsis-2:after {
	content:"";
	background:#f1f1f1;
	width:14px;
	height:14px;
	position:absolute;
	transform:rotate(45deg);
	right:-7px;
	bottom:-7px;
}
.e_richText-27 .page-text {
	margin-top:10px;
	line-height:1.65;
}

.e_richText-27 .box .inner:nth-child(even) .left {
	order:2;
}
.e_richText-27 .inner .left .num_bottom {
	font-family:"Alibabapuhuiti-bold";
	font-size:1rem;
	font-style:italic;
	color:#02389480;
}
.e_richText-27 .inner:not(:last-child) {
	margin-bottom:.3rem;
}
.e_richText-27 .cp_sx .inner {
	padding:.8rem 0;
	padding-bottom:1rem;
}
.e_richText-27 .cp_sx .inner:last-child img {
	aspect-ratio:2 / 1;
	object-fit:contain;
}
.e_richText-27 .ji_cs .ji_box .ji6 {
	flex:1;
}
.e_richText-27 .inner.zd {
	margin-top:.65rem;
}
.e_richText-27 .inner.zd .left {
	flex:0 0 60%;
}
.e_richText-27 .inner.zd .right {
	flex:1;
	padding-left:5%;
}
.e_richText-27 .inner.zd .left .bt {
	margin-top:3vw;
}

.e_richText-27 .ant-timeline-item {
	position:relative;
	margin:0;
	padding:0 0 20px;
	list-style:none;
	color:#565656;
	padding-bottom:23px;
}
.e_richText-27 .ant-timeline-item .ant-timeline-item-tail {
	position:absolute;
	top:10px;
	left:7px;
	height:calc(100% - 10px);
	border-left:2px solid #e8e8e8;
}
.ant-timeline-item .ant-timeline-item-head {
	position:absolute;
	background-color:#fff;
	border:2px solid transparent;
	border-radius:100px;
	width:16px;
	height:16px;
}
.ant-timeline-item .ant-timeline-item-head-blue {
	color:#999;
	border-color:#999;
}
.ant-timeline-item .ant-timeline-item-content {
	margin-left:23px;
	position:relative;
	top:-6px;
	margin:0 0 0 18px;
	word-break:break-word;
}
.ant-timeline-item .ant-timeline-item-content span {
	padding-left:14px;
	line-height:29px;
}
.ant-timeline {
	margin-top:.3rem;
}
.color-section {
	margin-bottom:.15rem;
	border:1px solid #eee;
	border-radius:8px;
	overflow:hidden;
}
.color-header {
	padding:15px;
	color:white;
}
.color-description {
	padding:15px;
	background-color:#f9f9f9;
	line-height:1.5;
}
.lens-types {
	display:flex;
	flex-wrap:wrap;
	padding:15px;
}
.lens-type {
	flex:1;
	min-width:300px;
	margin:10px;
}
.type-title {
	margin-bottom:15px;
	border-bottom:1px solid #eee;
	padding-bottom:5px;
}
.color-samples {
	display:flex;
	flex-wrap:wrap;
	gap:15px;
}
.color-sample {
	text-align:center;
	width:100px;
}
.color-circle {
	width:80px;
	height:80px;
	border-radius:50%;
	margin:0 auto 10px;
}
.color-info {
	margin-bottom:5px;
}
.color-code {
	color:#666;
	margin-bottom:5px;
}
.note {
	font-size:12px;
	color:#999;
	margin-bottom:.3rem;
	font-style:italic;
}
/* 颜色定义*/
        .green .color-header {
	background-color:#136235;
		color: #fff;

}
.blue .color-header {
	background-color:#1557a1;
	color: #fff;
}
.purple .color-header {
	background-color:#5b2a83;
		color: #fff;

}
.pink .color-header {
	background-color:#cd266c;
		color: #fff;

}
.gray .color-header {
	background-color:#666867;
		color: #fff;

}
.brown .color-header {
	background-color:#724b22;
		color: #fff;

}
/* 镜片颜色样本*/
        .green-20 {
	background-color:rgba(76,175,80,0.2);
}
.green-40 {
	background-color:rgba(76,175,80,0.4);
}
.green-70 {
	background-color:rgba(76,175,80,0.7);
}
.blue-15 {
	background-color:rgba(33,150,243,0.15);
}
.blue-30 {
	background-color:rgba(33,150,243,0.3);
}
.blue-20 {
	background-color:rgba(33,150,243,0.2);
}
.purple-15 {
	background-color:rgba(156,39,176,0.15);
}
.purple-30 {
	background-color:rgba(156,39,176,0.3);
}
.purple-20 {
	background-color:rgba(156,39,176,0.2);
}
.pink-15 {
	background-color:rgba(233,30,99,0.15);
}
.pink-30 {
	background-color:rgba(233,30,99,0.3);
}
.pink-20 {
	background-color:rgba(233,30,99,0.2);
}
.gray-10 {
	background-color:rgba(96,125,139,0.1);
}
.gray-15 {
	background-color:rgba(96,125,139,0.15);
}
.gray-30 {
	background-color:rgba(96,125,139,0.3);
}
.gray-40 {
	background-color:rgba(96,125,139,0.4);
}
.gray-50 {
	background-color:rgba(96,125,139,0.5);
}
.gray-70 {
	background-color:rgba(96,125,139,0.7);
}
.brown-10 {
	background-color:rgba(121,85,72,0.1);
}
.brown-15 {
	background-color:rgba(121,85,72,0.15);
}
.brown-30 {
	background-color:rgba(121,85,72,0.3);
}
.brown-50 {
	background-color:rgba(121,85,72,0.5);
}
.brown-70 {
	background-color:rgba(121,85,72,0.7);
}
.subtitle {
	font-size:1.1rem;
	opacity:0.9;
	max-width:800px;
	margin:0 auto;
}
.comparison-section {
	display:flex;
	flex-wrap:wrap;
	gap:30px;
}
.lens-card {
	flex:1;
	min-width:300px;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 4px 12px rgba(0,0,0,0.08);
	transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.lens-card:hover {
	transform:translateY(-5px);
	box-shadow:0 8px 20px rgba(0,0,0,0.12);
}
.traditional {
	border-top:5px solid #94a3b8;
}
.ruishi {
	border-top:5px solid #3b82f6;
}
.card-header {
	padding:20px;
	text-align:center;
}
.traditional .card-header {
	background-color:#f1f5f9;
	color:#475569;
}
.ruishi .card-header {
	background-color:#eff6ff;
	color:#1e40af;
}
.lens-visual {
	height:auto;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	padding:20px;
}
.lens-circle {
	width:140px;
	height:140px;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:600;
	font-size:1.1rem;
	position:relative;
	overflow:hidden;
}
.traditional .lens-circle {
	background:linear-gradient(135deg,#cbd5e1 0%,#94a3b8 100%);
	color:#475569;
}
.ruishi .lens-circle {
	background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);
	color:white;
}
.features {
	display:flex;
	padding:15px 10px;
	flex-direction:row;
	flex-wrap:wrap;
}
.feature {
	text-align:center;
	padding:12px 15px;
	border-radius:6px;
	flex-basis:calc(96% / 3);
	margin-right:2%;
	margin-bottom:2%;
	font-size:.15rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.feature:nth-child(3n) {
	margin-right:0%;
}
.traditional .feature {
	background-color:#e2e8f0;
	color:#475569;
}
.ruishi .feature {
	background-color:#dbeafe;
	color:#1e40af;
}
.comparison-table {
	width:100%;
	border-collapse:collapse;
	margin-top:20px;
	box-shadow:0 2px 8px rgba(0,0,0,0.05);
	border-radius:8px;
	overflow:hidden;
}
.comparison-table th {
	background-color:var(--main-color);
	color:white;
	padding:16px;
	text-align:left;
	font-weight:500;
}
.comparison-table td {
	padding:14px 16px;
	border-bottom:1px solid #e2e8f0;
}
.comparison-table tr:nth-child(even) {
	background-color:#f8fafc;
}
.comparison-table tr:last-child td {
	border-bottom:none;
}
.advantage {
	font-weight:500;
}
.disadvantage {
	font-weight:500;
}
.conclusion {
	padding:30px;
	background-color:#f1f5f9;
	border-radius:0 0 12px 12px;
	margin-top:20px;
}
.conclusion h2 {
	color:#1e40af;
	margin-bottom:15px;
	font-size:1.5rem;
}
.conclusion-content {
	display:flex;
	gap:20px;
	flex-wrap:wrap;
}
.conclusion-box {
	flex:1;
	min-width:250px;
	padding:20px;
	border-radius:8px;
	background-color:white;
	box-shadow:0 2px 6px rgba(0,0,0,0.05);
}
.conclusion-box h3 {
	margin-bottom:10px;
	font-size:1.2rem;
}
.ruishi-conclusion {
	border-left:4px solid #3b82f6;
}
.traditional-conclusion {
	border-left:4px solid #94a3b8;
}



.image-grid {
    display: grid
;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: auto auto;
    gap: 20px;
    margin-bottom: 30px;
}

.image-item {
    text-align: center;
    padding: 15px;
    border-radius: 5px;
}


.image-item h3 {
    margin-bottom: 15px;
    font-size: .18rem;
    color: #fff;
    display: inline-block;
    background: var(--main-color);
    padding: 5px 20px;
    border-radius: 6px;
}


.image-container {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}


.advantages {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 5px;
    border-left: 4px solid var(--main-color);
}

.advantages h2 {
    color: #2c3e50;
    margin-bottom: 15px;
    font-size: .22rem;
}


.advantages p {
    line-height: 1.6;
    color: #555;
}




.e_richText-27 .inner .left .feature {

    text-align: left;
    position: relative;
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
    padding-left: 10px;
    justify-content: flex-start;
}


.e_richText-27 .inner .left .feature::before {

    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0%;
    top: .7em;
    background-color: var(--main-color);
}


table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
}


th {
    background-color: #f0f7ff;
}

th, td {
    border: 1px solid #ddd;
    padding: 12px 15px;
    text-align: center;
}


.summary {
    background-color: #f0f7ff;
    padding: 15px;
    border-radius: 5px;
    margin-top: 20px;
    font-weight: 600;
    color: #1e5799;
}

.design-features {
    display: flex
;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}


.feature-card {
    flex: 1;
    min-width: 250px;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
}


.feature-title {
    font-weight: 600;
    color: #1e5799;
    margin-bottom: 10px;
    font-size: 16px;
}


.feature-desc {
    font-size: 14px;
    color: #666;
}


.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.illustrations {
    display: flex
;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}


.illustration {
    flex: 1;
    min-width: 300px;
    text-align: center;
}


.illustration-caption {
    font-size: 14px;
    color: #666;
}


.zs_dz {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    margin-top: .3rem;
    width: 100%;
    max-width: 85%;
}



.zs_dz .zs_box {

	    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 30px)/2);
    margin-right: 30px;
	text-align: center;
    margin-bottom: 30px;
}


.zs_dz .zs_box:nth-child(2n) {

	margin-right: 0px;
}



.gth_txt {

	    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}



.gth_txt p {

	
	    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 40px)/3);
    margin-right: 20px;
    margin-top: 20px;
	padding-left: 15px;
	position: relative;
	color: var(--main-color);
}


.gth_txt p::before {

	width: 6px;
	height: 6px;
	content: "";
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 0%;
	background-color: var(--main-color);
}


.gth_txt p:nth-child(3n) {

	margin-right: 0%;
}



.e_richText-27 .js_ms.cur {

	top: 50%;
	padding: 0 8%;
}

.e_richText-27 .js_ys .ys
 {

	position: relative;
	overflow: hidden;
}


.e_richText-27 .js_ys .ys::after {

    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    right: -100%;
    transition: all ease .4s;
    background-color: var(--main-color);
    border-radius: 100px;
}



.e_richText-27 .js_ys .ys .ys_2 {
position: relative;
	transition: all ease .4s;
	z-index: 2;
}

.e_richText-27 .js_ys .ys .ys_1 img {
	transition: all ease .4s;


}

.e_richText-27 .js_ys .ys:hover .ys_2 {

	color: #fff;
}

.e_richText-27 .js_ys .ys .ys_1 {

	position: relative;
	z-index: 2;
}

.e_richText-27 .js_ys .ys:hover .ys_1 img {

	    filter: brightness(0) invert(100%);

}

.e_richText-27 .js_ys .ys:hover::after {

	right: 0%;
}





.e_richText-27 .prd_adv {

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}




.e_richText-27 .prd_adv .inner_1 {

	    flex-basis: calc((100% - 20px) / 2);
        margin-right: 20px;
        margin-bottom: 20px;
		border: 1px solid #d1d1d1;
		position: relative;
}



.e_richText-27 .prd_adv .inner_1:nth-child(2n) {

	margin-right: 0%;
}




.e_richText-27 .prd_adv .inner_1 .adv_tit {

    line-height: .5rem;
    font_radio: 2;
    display-radio: 1;
    background: var(--main-color);
    display: inline-block;
    color: #fff;
    padding: 0px 30px;
    clip-path: polygon(0 0, 0 100%, calc(100% - 15px) 100%, 100% calc(100% - 15px), 100% 0, 0 0);
    padding-right: 38px;
}




.e_richText-27 .prd_adv .inner_1  .tit_box {

    background: #f1f1f1;
}


.e_richText-27 .prd_adv .inner_1 .img_box {

	    padding: 30px;
    padding-bottom: 40px;
}






.e_richText-27 .prd_adv .inner_1 .img_box .img {

	max-width: 90%;
	margin-top: 20px;
	text-align: left;
}




.e_richText-27 .prd_adv .inner_1 .num_bottom {
    position: absolute;
    right: 4%;
    bottom: 0%;
    font-size: 1rem;
    opacity: .1;
    font-style: italic;
	z-index: 2;

}



.e_richText-27 .rq_box {

	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: row;
	flex-direction: column;
}


.e_richText-27 .rq_box .sy_rq {
    flex: 0 0 auto;
    margin-right: 0;
    margin-bottom: .2rem;
    color: var(--main-color);
	align-items: center;

}




.e_richText-27 .rq_box .sy_rq .e_image-3 {

    width: 30px;
    height: 30px;
    display: flex;
}


.e_richText-27 .rq_box .sy_rq .e_image-3 img {
width: 100% !important;
height: 100% !important;
}



.e_richText-27 .rq_box .sy_rq:not(:last-child) {

	margin-right: .2rem;
}




.zs_bj {

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /* flex-direction: column; */
    /* gap: .2rem; */
    justify-content: space-between;
}


.zs_bj li {
    background: #0238940d;
    padding: .25rem .3rem;
    color: #333;
    /* width: 60%; */
    box-shadow: 0px 3px 4px #0000001c;
    border-radius: .15rem;
    flex: 0 0 48%;

}



.e_richText-27 .inner .lt_55 {

	flex: 0 0 40%;
}



.e_richText-27 .inner .rt_45 {

	flex: 0 0 50%;
}




.e_richText-27 .js_ms.per100 {

	top: 45%;
	padding: 0 7%;
	padding-right: 20%;
}



.e_richText-27 .js_ms.per100 .rq p {
    flex-basis: 60%;
    background-position: left top;
    background-position-y: .05rem;
	
}



.e_richText-27 .ji_cs .ji_box.last .ji1 {

background-color: transparent;
color: #565656;
text-align: center;
flex: 0 0 100%;

}



.e_richText-27 .inner.fz {

	flex-direction: row-reverse;
}



.e_richText-27 .ji_cs .ji_box > div:first-child::after {

	display: none;
}



.e_richText-27 .inner.zd.mt_30 {

	margin-top: 0rem;
}



.e_richText-27 .hx_container .hx_ys:nth-child(n+4) {

	margin-bottom: 0%;
}