/*

	DESTOON Copyright (C)2008-2099 www.destoon.com

	This is NOT a freeware,Use is subject to license.txt

*/

.head-txt {margin-bottom:0;}



.im0 {padding:10px 0;}

.im0l {width:220px;float:left;height:532px;background:#FFFFFF;}

.im0l p {height:32px;line-height:32px;padding:0 10px 0 20px;font-size:14px;margin:0;background:#0679D4;color:#FFFFFF;}

.im0l ul {margin:10px 0;}

.im0l i {font-style:normal;font-weight:bold;float:right;color:#EEEEEE;font-family:simsun;}

.im0l strong {font-weight:normal;}

.im0l li {height:32px;line-height:32px;padding:0 10px 0 40px;font-size:14px;overflow:hidden;cursor:pointer;}

.im0l div {z-index:900;position:absolute;width:650px;height:510px;padding:10px 20px;overflow:hidden;border:#EEEEEE 1px solid;background:#FFFFFF;display:none;}

.im0l dl {margin:0;border-bottom:#EEEEEE 1px dotted;clear:both;}

.im0l dt {margin:0;padding:0;line-height:31px;font-size:14px;}

.im0l dd {margin:0;padding:0;line-height:32px;font-size:12px;}

.im0l em {font-style:normal;color:#EEEEEE;padding:0 10px;font-family:simsun;}

.im0l li:hover i {color:#FFFFFF;}

.im0l li:hover strong {color:#FFFFFF;}

.im0l li:hover div {display:block;}



.im0l .cate-0 {background:url('cate-0.png') no-repeat 10px center;}

.im0l .cate-0:hover {background:#0679D4 url('cate-0-on.png') no-repeat 10px center;}

.im0l .cate-0:hover div {margin:-42px 0 0 160px;}

.im0l .cate-1 {background:url('cate-1.png') no-repeat 10px center;}

.im0l .cate-1:hover {background:#0679D4 url('cate-1-on.png') no-repeat 10px center;}

.im0l .cate-1:hover div {margin:-74px 0 0 160px;}

.im0l .cate-2 {background:url('cate-2.png') no-repeat 10px center;}

.im0l .cate-2:hover {background:#0679D4 url('cate-2-on.png') no-repeat 10px center;}

.im0l .cate-2:hover div {margin:-106px 0 0 160px;}

.im0l .cate-3 {background:url('cate-3.png') no-repeat 10px center;}

.im0l .cate-3:hover {background:#0679D4 url('cate-3-on.png') no-repeat 10px center;}

.im0l .cate-3:hover div {margin:-138px 0 0 160px;}

.im0l .cate-4 {background:url('cate-4.png') no-repeat 10px center;}

.im0l .cate-4:hover {background:#0679D4 url('cate-4-on.png') no-repeat 10px center;}

.im0l .cate-4:hover div {margin:-170px 0 0 160px;}

.im0l .cate-5 {background:url('cate-5.png') no-repeat 10px center;}

.im0l .cate-5:hover {background:#0679D4 url('cate-5-on.png') no-repeat 10px center;}

.im0l .cate-5:hover div {margin:-202px 0 0 160px;}

.im0l .cate-6 {background:url('cate-6.png') no-repeat 10px center;}

.im0l .cate-6:hover {background:#0679D4 url('cate-6-on.png') no-repeat 10px center;}

.im0l .cate-6:hover div {margin:-234px 0 0 160px;}

.im0l .cate-7 {background:url('cate-7.png') no-repeat 10px center;}

.im0l .cate-7:hover {background:#0679D4 url('cate-7-on.png') no-repeat 10px center;}

.im0l .cate-7:hover div {margin:-266px 0 0 160px;}

.im0l .cate-8 {background:url('cate-8.png') no-repeat 10px center;}

.im0l .cate-8:hover {background:#0679D4 url('cate-8-on.png') no-repeat 10px center;}

.im0l .cate-8:hover div {margin:-298px 0 0 160px;}

.im0l .cate-9 {background:url('cate-9.png') no-repeat 10px center;}

.im0l .cate-9:hover {background:#0679D4 url('cate-9-on.png') no-repeat 10px center;}

.im0l .cate-9:hover div {margin:-330px 0 0 160px;}

.im0l .cate-10 {background:url('cate-10.png') no-repeat 10px center;}

.im0l .cate-10:hover {background:#0679D4 url('cate-10-on.png') no-repeat 10px center;}

.im0l .cate-10:hover div {margin:-362px 0 0 160px;}

.im0l .cate-11 {background:url('cate-11.png') no-repeat 10px center;}

.im0l .cate-11:hover {background:#0679D4 url('cate-11-on.png') no-repeat 10px center;}

.im0l .cate-11:hover div {margin:-394px 0 0 160px;}

.im0l .cate-12 {background:url('cate-12.png') no-repeat 10px center;}

.im0l .cate-12:hover {background:#0679D4 url('cate-12-on.png') no-repeat 10px center;}

.im0l .cate-12:hover div {margin:-426px 0 0 160px;}

.im0l .cate-13 {background:url('cate-13.png') no-repeat 10px center;}

.im0l .cate-13:hover {background:#0679D4 url('cate-13-on.png') no-repeat 10px center;}

.im0l .cate-13:hover div {margin:-458px 0 0 160px;}

.im0l .cate-14 {background:url('cate-14.png') no-repeat 10px center;}

.im0l .cate-14:hover {background:#0679D4 url('cate-14-on.png') no-repeat 10px center;}

.im0l .cate-14:hover div {margin:-490px 0 0 160px;}

.im0l .cate-15 {background:url('cate-15.png') no-repeat 10px center;}

.im0l .cate-15:hover {background:#0679D4 url('cate-15-on.png') no-repeat 10px center;}

.im0l .cate-15:hover div {margin:-522px 0 0 160px;}



.im0m {width:660px;float:left;margin:0 10px;height:532px;}

.im0a {width:650px;padding-left:10px;height:222px;margin-top:10px;background:#FFFFFF;overflow:hidden;}

.im0a div {width:120px;height:212px;margin:11px 10px 0 0;float:left;overflow:hidden;}

.im0a img {width:120px;height:200px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}

.im0a img:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}



.im0r {width:320px;float:left;height:532px;overflow:hidden;}

.im0u {height:300px;overflow:hidden;background:#FFFFFF;}



.im0t {height:222px;overflow:hidden;margin-top:10px;background:#FFFFFF;}

.im0t-list {height:160px;overflow:hidden;margin:10px 16px;}

.im0t-list li {height:28px;line-height:28px;overflow:hidden;}

.im0t-list li .f_r {padding-left:16px;color:#999999;}



.im0g {height:75px;overflow:hidden;padding:0 10px;}

.im0g div {width:75px;height:75px;float:left;text-align:center;padding:10px 0;}

.im0g div:hover {background:#EEEEEE;}

.im0g img {width:32px;height:32px;margin-bottom:6px;}

.im0g em {font-style:normal;background:#FF6600;border-radius:50%;color:#FFFFFF;font-size:12px;z-index:3;position:absolute;display:block;width:16px;height:16px;line-height:16px;overflow:hidden;text-align:center;margin:0 0 0 42px;}



.ian-h {}

.ian-h ul {border-bottom:#EEEEEE 1px solid;height:32px;padding-left:16px;}

.ian-h li {border:#FFFFFF 1px solid;border-bottom:#EEEEEE 1px solid;display:inline-block;height:31px;line-height:31px;margin-right:16px;padding:0 10px;float:left;}

.ian-h .on {border:#EEEEEE 1px solid;border-bottom:#FFFFFF 1px solid;}



.ian-b {height:66px;overflow:hidden;margin:10px 16px;}

.ian-b li {height:24px;line-height:24px;overflow:hidden;}

.ian-b li .f_r {padding-left:16px;color:#999999;}

.ian-b div {float:left;width:32px;height:32px;line-height:16px;padding:14px;text-align:center;border:#EEEEEE 2px solid;border-radius:50%;}

.ian-b div:hover {border:#FF6600 2px solid;}

.ian-b p {float:left;width:48px;height:16px;padding:24px 0;margin:2px 0 0 0;text-align:center;font-weight:bold;color:#EEEEEE;font-family:simsun;}



.im-b {overflow:hidden;border-bottom:#F6F6F6 1px solid;}

.im-l {width:220px;height:570px;float:left;background:#FFFFFF;overflow:hidden;padding:0 0 10px 0;}

.im-l p {margin:16px 20px 8px 20px;font-size:16px;}

.im-l li {width:90px;padding-left:20px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;}

.im-r {width:1000px;float:left;}



.im-b-img {height:560px;background:#F6F6F6;}

.im-r-img div {width:168px;height:248px;border:#FFFFFF 1px solid;margin:10px 0 0 10px;padding:10px;float:left;background:#FFFFFF;}

.im-r-img div img {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}

.im-r-img div:hover {border:#EEEEEE 1px solid;box-shadow:2px 2px 10px #EEEEEE;}

.im-r-img div:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.im-r-img i {display:block;height:40px;line-height:40px;font-size:12px;font-style:normal;color:#999999;}

.im-r-img b {display:block;height:40px;line-height:40px;color:#E4393C;font-size:14px;}

.im-r-img b s {font-size:12px;text-decoration:none;}

.im-r-img b em {float:right;font-size:12px;color:#999999;font-weight:normal;font-style:normal;padding-right:4px;}

.im-r-img b span {color:#999999;font-weight:normal;}

.im-r-img p {height:36px;line-height:18px;margin:0;overflow:hidden;font-size:12px;}



.in-b {overflow:hidden;padding:0 0 6px 0;}

.in-l {width:220px;float:left;}

.in-m {width:490px;float:left;margin:0 20px;}

.in-r {width:470px;float:left;}



.in-l div {background:#F6F6F6;padding:10px 16px;margin:10px 0 0 10px;}

.in-l div:hover {background:#EEEEEE;}

.in-l div p {height:48px;line-height:24px;overflow:hidden;font-size:16px;margin:0 0 10px 0;}



.in-m h2 {text-align:left;font-size:22px;margin:10px 12px;height:48px;line-height:48px;overflow:hidden;}



.in-img {}

.in-img div {width:144px;margin:10px 10px 0 0;padding:1px;float:left;}

.in-img div:hover {background:#EEEEEE;}

.in-img div p {height:36px;line-height:18px;overflow:hidden;font-size:12px;margin:10px;}



.ic-b {overflow:hidden;padding:0 0 10px 0;}

.ic-l {width:220px;float:left;}

.ic-m {width:490px;float:left;margin:0 20px;}

.ic-r {width:470px;float:left;}



.ic-brand {background:#F6F6F6;padding:10px;margin:10px 0 0 10px;}

.ic-brand i {font-style:normal;font-size:16px;padding:0 0 10px 10px;display:block;}

.ic-brand p {margin:10px 0 0 0;padding-top:10px;text-align:center;height:88px;}

.ic-brand p:hover {background:#FFFFFF;}

.ic-brand p b {display:block;height:32px;line-height:32px;overflow:hidden;font-size:14px;margin:0;font-weight:normal;}

.ic-brand #brands {height:432px;overflow:hidden;}



.ic-know-credit {background:url('ico_reward.gif') no-repeat right center;color:#999999;padding:0 16px;}



.ic-club {height:240px;overflow:hidden;margin-bottom:10px;}

.ic-club-b {padding-left:10px;overflow:hidden;}

.ic-club-b div {width:150px;height:150px;padding:20px 0;float:left;text-align:center;}

.ic-club-b div:hover {background:#F6F6F6;}

.ic-club-b div:hover img {border:#FF6600 2px solid;}

.ic-club-b img {width:86px;height:86px;border-radius:50%;padding:2px;border:#EEEEEE 2px solid;}

.ic-club-b p {height:32px;line-height:32px;overflow:hidden;font-size:14px;margin:0;}

.ic-club-b span {font-size:12px;color:#999999;}



.ilink {padding:16px;overflow:hidden;}

.ilink li {padding:0 16px 10px 0;float:left;}



.im0mall {width:990px;height:222px;overflow:hidden;position:absolute;z-index:1;background:#FFFFFF;margin-top:10px;}

.im0t-mall div {width:100px;height:160px;overflow:hidden;margin:16px 0 0 21px;float:left;}

.im0t-mall b {height:24px;line-height:24px;color:#E4393C;font-size:12px;}

.im0t-mall p {height:32px;line-height:16px;margin:0;overflow:hidden;font-size:12px;}
 /* 页面隔离样式 - 只作用于 .okrvv-page 容器内 */
        .okrvv-page * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

     

        .okrvv-page {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
            background-color: #f5f5f5;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px;
            min-height: auto;
            width: 100%;
            max-width: 100%;
        }

        /* 统一容器包装器 */
        .okrvv-page .okrvv-wrapper {
            width: 1450px;
            background: #ffffff;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            overflow: hidden;
             margin: 0 auto;
    position: relative;
    left: -18px; /* 向左偏移5px */
        }


        /* 第一个容器样式 */
        .okrvv-page .okrvv-container {
            width: 100%;
            height: 680px;
            background: #ffffff;
            position: relative;
            overflow: hidden;
            display: flex;
            border: 1px solid #e0e0e0;
            border-bottom:none;
            border-radius: 8px 8px 0 0;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        /* 左侧内容区域 */
        .okrvv-page .left-section {
            flex: 1;
            position: relative;
            padding: 80px 100px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        /* 浅蓝色背景装饰 */
        .okrvv-page .bg-blob {
            position: absolute;
            top: -100px;
            left: -150px;
            width: 800px;
            height: 800px;
            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
            border-radius: 50% 40% 60% 30%;
            opacity: 0.8;
            z-index: 0;
        }

        .okrvv-page .content-wrapper {
            position: relative;
            z-index: 1;
        }

        .okrvv-page .main-title {
            font-size: 56px;
            font-weight: 700;
            color: #212121;
            line-height: 1.3;
            margin-bottom: 30px;
        }

        .okrvv-page .main-title .okrvv-text {
            color: #1976d2;
        }

        .okrvv-page .sub-title {
            font-size: 24px;
            color: #424242;
            line-height: 1.6;
            margin-bottom: 50px;
        }

        .okrvv-page .stats-container {
            display: flex;
            gap: 60px;
            margin-bottom: 50px;
        }

        .okrvv-page .stat-item {
            display: flex;
            flex-direction: column;
        }

        .okrvv-page .stat-number {
            font-size: 48px;
            font-weight: 700;
            color: #212121;
            margin-bottom: 8px;
        }

        .okrvv-page .stat-label {
            font-size: 18px;
            color: #757575;
        }

        .okrvv-page .cta-button {
            display: inline-block;
            padding: 18px 50px;
            background: #1976d2;
            color: #ffffff;
            font-size: 20px;
            font-weight: 600;
            border-radius: 8px;
            text-decoration: none;
            transition: background 0.3s ease;
            position: relative;
            width: fit-content;
        }

        .okrvv-page .cta-button:hover {
            background: #1565c0;
        }

        .okrvv-page .free-note {
            position: absolute;
            left: 280px;
            top: 8px;
            font-size: 16px;
            color: #212121;
            font-style: italic;
        }

        .okrvv-page .free-note::before {
            content: "→";
            margin-right: 5px;
            font-size: 20px;
        }

        /* 右侧图标区域 */
        .okrvv-page .right-section {
            width: 580px;
            height: 630px;
            margin-right: 15px;
            margin-top: 25px;
            position: relative;
            background: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .okrvv-page .icons-network {
            position: relative;
            width: 100%;
            height: 100%;
        }

        /* 中心图标 */
        .okrvv-page .center-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 120px;
            height: 120px;
            background: #1976d2;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 8px 24px rgba(25, 118, 210, 0.3);
            z-index: 10;
        }

        .okrvv-page .center-icon svg {
            width: 60px;
            height: 60px;
            fill: #ffffff;
        }

        /* 环绕图标 */
        .okrvv-page .orbit-icon {
            position: absolute;
            width: 100px;
            height: 100px;
            background: #e3f2fd;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .okrvv-page .orbit-icon svg {
            width: 50px;
            height: 50px;
            fill: #1976d2;
        }

        /* 图标位置 - 圆形排列 */
        .okrvv-page .icon-1 { top: 10%; left: 50%; transform: translateX(-50%); }
        .okrvv-page .icon-2 { top: 25%; right: 10%; }
        .okrvv-page .icon-3 { bottom: 25%; right: 10%; }
        .okrvv-page .icon-4 { bottom: 10%; left: 50%; transform: translateX(-50%); }
        .okrvv-page .icon-5 { bottom: 25%; left: 10%; }
        .okrvv-page .icon-6 { top: 25%; left: 10%; }

        /* 连接线 */
        .okrvv-page .connection-line {
            position: absolute;
            border: 1px dashed #b0bec5;
            opacity: 0.3;
        }

        .okrvv-page .line-1 {
            top: 10%;
            left: 50%;
            width: 0;
            height: 30%;
            border-left: 1px dashed #b0bec5;
            transform: translateX(-50%);
        }

        .okrvv-page .line-2 {
            top: 25%;
            right: 10%;
            width: 30%;
            height: 0;
            border-top: 1px dashed #b0bec5;
        }

        .okrvv-page .line-3 {
            bottom: 25%;
            right: 10%;
            width: 0;
            height: 30%;
            border-left: 1px dashed #b0bec5;
        }

        .okrvv-page .line-4 {
            bottom: 10%;
            left: 50%;
            width: 0;
            height: 30%;
            border-left: 1px dashed #b0bec5;
            transform: translateX(-50%);
        }

        .okrvv-page .line-5 {
            bottom: 25%;
            left: 10%;
            width: 30%;
            height: 0;
            border-top: 1px dashed #b0bec5;
        }

        .okrvv-page .line-6 {
            top: 25%;
            left: 10%;
            width: 0;
            height: 30%;
            border-left: 1px dashed #b0bec5;
        }

        /* 第二个容器样式 */
        .okrvv-page .okrvv-container-2 {
            width: 100%;
            height: 680px;
            background: #ffffff;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            border-left: 1px solid #e0e0e0;
            border-right: 1px solid #e0e0e0;
            border-top:none;
        }

        /* 顶部标题区域 */
        .okrvv-page .top-title-section {
            text-align: center;
            padding: 60px 0 40px;
        }

        .okrvv-page .top-title-main {
            font-size: 48px;
            font-weight: 700;
            color: #212121;
            line-height: 1.4;
            margin-bottom: 10px;
        }

        .okrvv-page .top-title-sub {
            font-size: 32px;
            font-weight: 600;
            color: #1976d2;
        }

        /* 主要内容区域 */
        .okrvv-page .main-content-section {
            flex: 1;
            display: flex;
            padding: 0 60px 60px;
        }

        /* 左侧内容块 */
        .okrvv-page .left-content-blocks {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 40px;
            padding-right: 40px;
            min-width: 0;
        }

        .okrvv-page .content-block {
            display: flex;
            gap: 30px;
            align-items: flex-start;
        }

        .okrvv-page .content-icon {
            width: 80px;
            height: 80px;
            background: #1976d2;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .okrvv-page .content-icon svg {
            width: 45px;
            height: 45px;
            fill: #ffffff;
        }

        .okrvv-page .content-text-wrapper {
            flex: 1;
            min-width: 0;
            overflow-wrap: break-word;
        }

        .okrvv-page .content-heading {
            font-size: 24px;
            font-weight: 600;
            color: #212121;
            margin-bottom: 16px;
            line-height: 1.4;
        }

        .okrvv-page .content-description {
            font-size: 16px;
            color: #616161;
            line-height: 1.7;
            margin-bottom: 20px;
        }

        .okrvv-page .content-button {
            display: inline-block;
            padding: 14px 40px;
            font-size: 18px;
            font-weight: 600;
            border-radius: 6px;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .okrvv-page .content-button.primary {
            background: #1976d2;
            color: #ffffff;
        }

        .okrvv-page .content-button.primary:hover {
            background: #1565c0;
        }

        .okrvv-page .content-button.secondary {
            background: #ffffff;
            color: #212121;
            border: 2px solid #212121;
            white-space: nowrap;
            width: auto;
            max-width: 100%;
        }

        .okrvv-page .content-button.secondary:hover {
            background: #212121;
            color: #ffffff;
        }

        /* 右侧截图区域 */
        .okrvv-page .right-screenshot-section {
            width: 580px;
            height: 630px;
            margin-right: 15px;
            position: relative;
            background: #ffffff;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        }

        /* 浏览器窗口样式 */
        .okrvv-page .browser-window {
            width: 100%;
            height: 100%;
            background: #ffffff;
            display: flex;
            flex-direction: column;
        }

        .okrvv-page .browser-header {
            height: 50px;
            background: #f5f5f5;
            border-bottom: 1px solid #e0e0e0;
            display: flex;
            align-items: center;
            padding: 0 15px;
            gap: 10px;
        }

        .okrvv-page .browser-dots {
            display: flex;
            gap: 8px;
        }

        .okrvv-page .browser-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
        }

        .okrvv-page .browser-dot.red { background: #ff5f57; }
        .okrvv-page .browser-dot.yellow { background: #ffbd2e; }
        .okrvv-page .browser-dot.green { background: #28ca42; }

        .okrvv-page .browser-title {
            flex: 1;
            text-align: center;
            font-size: 14px;
            color: #424242;
            font-weight: 500;
        }

        .okrvv-page .browser-content {
            flex: 1;
            padding: 20px;
            overflow-y: auto;
            background: #ffffff;
        }

        .okrvv-page .browser-search {
            width: 100%;
            padding: 12px 20px;
            border: 2px solid #e0e0e0;
            border-radius: 6px;
            font-size: 16px;
            margin-bottom: 30px;
            color: #757575;
        }

        .okrvv-page .browser-search:focus {
            outline: none;
            border-color: #1976d2;
        }

        .okrvv-page .product-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .okrvv-page .product-item {
            background: #f9f9f9;
            border-radius: 8px;
            padding: 15px;
            border: 1px solid #e0e0e0;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        
        .okrvv-page .product-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        
        .okrvv-page .product-item a {
            text-decoration: none;
            color: inherit;
            display: block;
        }

        .okrvv-page .product-image {
            width: 100%;
            height: 120px;
            background: #e0e0e0;
            border-radius: 6px;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #9e9e9e;
            font-size: 12px;
            overflow: hidden;
        }
        
        .okrvv-page .product-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .okrvv-page .product-title {
            font-size: 14px;
            font-weight: 600;
            color: #212121;
            margin-bottom: 8px;
        }

        .okrvv-page .product-supplier {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            color: #616161;
        }

        .okrvv-page .product-check {
            width: 16px;
            height: 16px;
            background: #4caf50;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .okrvv-page .product-check::after {
            content: "✓";
            color: #ffffff;
            font-size: 10px;
        }

        /* 第三个容器样式 */
        .okrvv-page .okrvv-container-3 {
            width: 100%;
            height: 680px;
            background: #ffffff;
            position: relative;
            overflow: hidden;
            display: flex;
            border-left: 1px solid #e0e0e0;
            border-right: 1px solid #e0e0e0;
        }

        /* 左侧公司信息区域 */
        .okrvv-page .left-screenshots-section {
            width: 450px;
            height: 630px;
            margin-left: 15px;
            margin-top: 25px;
            position: relative;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-shrink: 0;
            padding: 20px 0;
        }

        .okrvv-page .company-list-wrapper {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding: 0 10px;
        }

        .okrvv-page .company-card {
            background: #ffffff;
            border: 1px solid #e0e0e0;
            border-radius: 12px;
            padding: 20px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
        }

        .okrvv-page .company-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
            border-color: #1976d2;
        }

        .okrvv-page .company-card-link {
            text-decoration: none;
            color: inherit;
            display: flex;
            gap: 20px;
            align-items: flex-start;
        }

        .okrvv-page .company-logo {
            width: 100px;
            height: 100px;
            flex-shrink: 0;
            border-radius: 8px;
            overflow: hidden;
            background: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #e0e0e0;
        }

        .okrvv-page .company-logo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .okrvv-page .company-logo-placeholder {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .okrvv-page .company-logo-placeholder svg {
            width: 50px;
            height: 50px;
        }

        .okrvv-page .company-info {
            flex: 1;
            min-width: 0;
        }

        .okrvv-page .company-name {
            font-size: 20px;
            font-weight: 700;
            color: #212121;
            margin: 0 0 10px 0;
            line-height: 1.3;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .okrvv-page .company-business {
            font-size: 14px;
            color: #616161;
            margin: 0 0 12px 0;
            line-height: 1.5;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .okrvv-page .company-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .okrvv-page .company-tag {
            display: inline-block;
            padding: 4px 12px;
            background: #e3f2fd;
            color: #1976d2;
            font-size: 12px;
            border-radius: 4px;
            font-weight: 500;
        }


        /* 右侧内容区域 */
        .okrvv-page .right-features-section {
            flex: 1;
            position: relative;
            padding: 60px 60px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .okrvv-page .features-title {
            font-size: 36px;
            font-weight: 700;
            color: #212121;
            line-height: 1.4;
            margin-bottom: 40px;
        }

        .okrvv-page .features-list {
            list-style: none;
            margin-bottom: 40px;
        }

        .okrvv-page .feature-item {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            margin-bottom: 24px;
            position: relative;
        }

        .okrvv-page .feature-icon {
            width: 20px;
            height: 20px;
            background: #1976d2;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-top: 3px;
        }

        .okrvv-page .feature-icon::after {
            content: "";
            width: 6px;
            height: 6px;
            background: #ffffff;
            border-radius: 50%;
        }

        .okrvv-page .feature-text {
            font-size: 16px;
            color: #424242;
            line-height: 1.7;
            flex: 1;
        }

        .okrvv-page .feature-cta-button {
            display: inline-block;
            padding: 16px 40px;
            background: #1976d2;
            color: #ffffff;
            font-size: 18px;
            font-weight: 600;
            border-radius: 8px;
            text-decoration: none;
            transition: background 0.3s ease;
            width: fit-content;
        }

        .okrvv-page .feature-cta-button:hover {
            background: #1565c0;
        }

        .okrvv-page .feature-cta-button::after {
            content: "→";
            margin-left: 8px;
        }

        /* 第四个容器样式 */
        .okrvv-page .okrvv-container-4 {
            width: 100%;
            height: 900px;
            background: #ffffff;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            border: 1px solid #e0e0e0;
            border-radius: 0 0 8px 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        /* 上半部分 - 浅蓝色背景 */
        .okrvv-page .top-blue-section {
            height: 450px;
            min-height: 450px;
            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
            display: flex;
            align-items: center;
            padding: 40px 60px;
        }

        .okrvv-page .top-blue-left {
            flex: 1;
            padding-right: 60px;
        }

        .okrvv-page .top-blue-title {
            font-size: 40px;
            font-weight: 700;
            color: #1565c0;
            line-height: 1.4;
        }

        .okrvv-page .top-blue-right {
            width: 580px;
            height: 370px;
            margin-right: 15px;
            position: relative;
        }

        .okrvv-page .product-collage {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .okrvv-page .product-image-frame {
            position: absolute;
            background: #ffffff;
            border-radius: 8px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
            overflow: hidden;
            text-decoration: none;
            color: inherit;
            transition: all 0.3s ease;
            display: block;
        }

        .okrvv-page .product-image-frame:hover {
            transform: scale(1.05);
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
            z-index: 10;
        }

        .okrvv-page .product-image-frame img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 产品图片位置 - 散落排列 */
        .okrvv-page .product-img-1 {
            width: 110px;
            height: 85px;
            top: 0;
            left: 0;
            z-index: 3;
            transform: rotate(-3deg);
        }

        .okrvv-page .product-img-2 {
            width: 100px;
            height: 75px;
            top: 12px;
            left: 95px;
            z-index: 2;
            transform: rotate(2deg);
        }

        .okrvv-page .product-img-3 {
            width: 85px;
            height: 70px;
            top: 50px;
            left: 0;
            z-index: 1;
            transform: rotate(-2deg);
        }

        .okrvv-page .product-img-4 {
            width: 95px;
            height: 75px;
            top: 62px;
            left: 90px;
            z-index: 2;
            transform: rotate(1deg);
        }

        .okrvv-page .product-img-5 {
            width: 105px;
            height: 80px;
            top: 75px;
            left: 180px;
            z-index: 3;
            transform: rotate(-1deg);
        }

        .okrvv-page .product-img-6 {
            width: 100px;
            height: 85px;
            top: 125px;
            left: 0;
            z-index: 2;
            transform: rotate(2deg);
        }

        .okrvv-page .product-img-7 {
            width: 110px;
            height: 90px;
            top: 135px;
            left: 100px;
            z-index: 3;
            transform: rotate(-2deg);
        }

        .okrvv-page .product-img-8 {
            width: 85px;
            height: 75px;
            top: 155px;
            left: 215px;
            z-index: 1;
            transform: rotate(1deg);
        }

        .okrvv-page .product-img-9 {
            width: 95px;
            height: 80px;
            top: 235px;
            left: 0;
            z-index: 2;
            transform: rotate(-1deg);
        }

        .okrvv-page .product-img-10 {
            width: 100px;
            height: 85px;
            top: 245px;
            left: 95px;
            z-index: 3;
            transform: rotate(2deg);
        }

        .okrvv-page .product-img-11 {
            width: 85px;
            height: 75px;
            top: 260px;
            left: 195px;
            z-index: 1;
            transform: rotate(-1deg);
        }

        /* 占位符样式 */
        .okrvv-page .product-placeholder {
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #9e9e9e;
            font-size: 12px;
            text-align: center;
            padding: 10px;
        }

        /* 下半部分 - 白色背景 */
        .okrvv-page .bottom-white-section {
            height: 450px;
            min-height: 450px;
            background: #ffffff;
            padding: 40px 60px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .okrvv-page .bottom-title {
            text-align: center;
            font-size: 36px;
            font-weight: 700;
            color: #1565c0;
            margin-bottom: 40px;
        }

        .okrvv-page .steps-container {
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            gap: 40px;
        }

        .okrvv-page .step-item {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .okrvv-page .step-icon {
            width: 80px;
            height: 80px;
            background: #1976d2;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            box-shadow: 0 8px 24px rgba(25, 118, 210, 0.3);
        }

        .okrvv-page .step-icon svg {
            width: 40px;
            height: 40px;
            fill: #ffffff;
        }

        .okrvv-page .step-number {
            font-size: 24px;
            font-weight: 700;
            color: #212121;
            margin-bottom: 12px;
        }

        .okrvv-page .step-description {
            font-size: 16px;
            color: #616161;
            line-height: 1.6;
            margin-bottom: 15px;
        }

        .okrvv-page .step-button {
            padding: 12px 32px;
            background: #1976d2;
            color: #ffffff;
            font-size: 16px;
            font-weight: 600;
            border-radius: 8px;
            text-decoration: none;
            transition: background 0.3s ease;
            display: inline-block;
        }

        .okrvv-page .step-button:hover {
            background: #1565c0;
        }

        .okrvv-page .step-button::after {
            content: " →";
        }