.header{background:#fff;border-bottom:1px solid #ececec;box-shadow:0 0 5px #d2d2d2;display:flex;height:80px;justify-items:center;opacity:1;position:fixed;top:0;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform,opacity;z-index:999}.header.header-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.header__left{align-items:center;display:flex;gap:24px}.header__left .custom-dropdown{display:inline-block;position:relative}.header__left .custom-dropdown .dropdown-trigger{align-items:center;border-radius:8px;display:inline-flex;font-weight:500;padding:10px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.header__left .custom-dropdown .dropdown-trigger:hover{background:#007aff14}.header__left .custom-dropdown .dropdown-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 20px #0000001a;left:0;min-width:600px;padding:16px;position:absolute;top:calc(100% + 12px);z-index:1000}.header__left .custom-dropdown .dropdown-content:before{background:transparent;content:"";height:12px;left:0;pointer-events:auto;position:absolute;right:0;top:-12px}.header__left .logo-icon{background-position:50% 50%!important;background-size:cover!important;display:flex;height:35px;overflow:hidden;width:35px}.header__left .logo-icon img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.header__left .logo{background-position:50% 50%!important;background-size:cover!important;color:#333;display:flex;font-size:24px;font-weight:700;height:55px;line-height:55px;overflow:hidden;text-decoration:none;transition:color .2s ease;width:150px}.header__left .logo:hover{color:#007aff}.header__height__placeholder{height:55px;margin:0;padding:0}.header .right-item{align-items:center;display:flex}.header .right-item .header-coop-link{color:#333;font-size:15px;margin-right:16px;text-decoration:none;white-space:nowrap}.header .right-item .header-coop-link:hover{color:#007aff}.header .right-item .search-item{align-items:center;border:2px solid #007aff;border-radius:4px;display:flex;margin-right:20px}.header .right-item .search-item .search-left{align-items:center;display:flex;margin:4px 0 4px 12px}.header .right-item .search-item .search-left .left-menu{width:120px}.header .right-item .search-item .search-left .left-menu .el-select__wrapper{border:none!important;box-shadow:none!important}.header .right-item .search-item .search-left .right-menu-list{display:flex;flex-direction:column}.header .right-item .search-item .search-left .right-menu-list>div{margin-bottom:8px}.header .right-item .search-item .search-left .right-menu-list>div a{background:transparent;border-radius:4px;color:#333;display:block;padding:8px 12px;text-decoration:none;transition:all .2s ease}.header .right-item .search-item .search-left .right-menu-list>div a:hover{background:#007aff;color:#fff}.header .right-item .search-item .search-left .search-dropdown{position:relative}.header .right-item .search-item .search-left .search-dropdown .search-dropdown-content{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:8px;max-height:300px;overflow-y:auto;padding:12px;position:absolute;top:100%;width:220px;z-index:1000}.header .right-item .search-item .search-left .search-dropdown .search-dropdown-content:before{background:transparent;content:"";height:8px;left:0;position:absolute;right:0;top:-8px}.header .right-item .search-item .search-left .right-menu{width:220px}.header .right-item .search-item .search-left .right-menu .el-input__wrapper,.header .right-item .search-item .search-left .right-menu .el-select__wrapper{border:none!important;box-shadow:none!important}.header .right-item .search-item .search-left .seart-btn-icon{height:15px;margin-right:5px;width:15px}.header .right-item .search-item .seart-btn{background-color:#007aff;color:#fff;cursor:pointer;height:40px;line-height:40px;text-align:center;width:60px}.header .right-item .login-btn{color:#007aff;font-size:16px;height:46px;margin-left:20px}.header .right-item .person-center{margin-left:20px}.header .right-item .vip-btn-wrapper{display:inline-block}.header .right-item .vip-grain-row{align-items:center;display:inline-flex;gap:14px}.header .right-item .header-grain-chip{align-items:center;background:linear-gradient(165deg,#f8fbff,#e8f2ff 48%,#dceaff);border:none;border-radius:999px;box-shadow:0 1px 2px #0f172a0f,0 4px 14px #007aff1f,inset 0 1px #ffffffd9;color:#0f172a;cursor:pointer;display:inline-flex;font-family:inherit;margin:0;min-height:38px;outline:1px solid rgba(0,122,255,.2);outline-offset:0;padding:6px 18px;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,outline-color .2s ease,background .2s ease;white-space:nowrap}.header .right-item .header-grain-chip__inner{align-items:baseline;display:inline-flex;gap:6px}.header .right-item .header-grain-chip__label{color:#334155;font-size:13px;font-weight:600;letter-spacing:.02em}.header .right-item .header-grain-chip__value{color:#dc2626;font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:1}.header .right-item .header-grain-chip:hover{background:linear-gradient(165deg,#fff,#eef6ff 45%,#d2e7ff);box-shadow:0 2px 4px #0f172a0f,0 8px 22px #007aff2e,inset 0 1px #fffffff2;outline-color:#007aff61;transform:translateY(-1px)}.header .right-item .header-grain-chip:hover .header-grain-chip__value{color:#b91c1c}.header .right-item .header-grain-chip:active{box-shadow:0 1px 2px #0f172a14,0 3px 10px #007aff24,inset 0 1px #fffc;transform:translateY(0)}.header .right-item .header-grain-chip:focus-visible{outline:2px solid #007aff;outline-offset:2px}.header .right-item .vip-btn{align-items:center;background:#007aff;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:36px;justify-items:center;padding:0 10px}.header .right-item .vip-btn img{height:20px;margin-right:6px;width:20px}.header .right-item .vip-content .top-img{width:200px}.header .right-item .vip-content .vip-txt{display:grid;grid-template-columns:50% 50%}.header .right-item .vip-content .vip-txt li{align-items:flex-start;display:flex;justify-items:center}.header .right-item .vip-content .vip-txt li .left-icon{height:15px;margin-right:6px;width:15px}.el-icon-arrow{height:14px;margin-right:14px;width:14px}.el-icon-arrow-up-text{color:#333;font-size:16px;font-weight:500;transition:all .3s ease}.el-icon-arrow-up-text:hover{color:#007aff}.el-icon-arrow-down-text{color:#007aff;font-size:16px;font-weight:600;transition:all .3s ease}.doc-tool-link{align-items:center;color:#333;display:inline-flex;font-size:16px;font-weight:500;letter-spacing:.3px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.doc-tool-link:hover{color:#007aff!important}.doc-tool-link:active,.doc-tool-link:focus,.doc-tool-link:visited{color:#333!important}.doc-tool-link.el-icon-arrow-down-text{color:#007aff;font-weight:600}.doc-tool-link.el-icon-arrow-down-text:hover{color:#007aff!important}.doc-tool-link.el-icon-arrow-up-text{color:#333}.doc-tool-link.el-icon-arrow-up-text:hover{color:#007aff!important}.pop-menu-wrapper{max-height:544px;overflow-y:auto;padding-right:4px}.pop-menu-wrapper::-webkit-scrollbar{width:6px}.pop-menu-wrapper::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.pop-menu-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.pop-menu-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.pop-menu-list{display:flex;flex-direction:column;padding:4px 0;position:relative}.pop-menu-list .mx{align-items:flex-start;display:flex;margin:0;padding:8px 0;transition:background-color .2s ease}.pop-menu-list .mx:hover{background:#007aff0a}.pop-menu-list .mx .menu-label{color:#333;font-size:14px;font-weight:500;min-width:80px;padding-left:0}.pop-menu-list .mx .menu-item{display:flex;flex-wrap:wrap;gap:8px;margin-left:16px;width:480px}.pop-menu-list .mx .menu-item .menu-name{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#333;display:inline-block;flex-shrink:0;font-size:14px;font-weight:400;margin-bottom:0;padding:6px 14px;text-decoration:none;transition:all .2s ease}.pop-menu-list .mx .menu-item .menu-name:hover{background:#007aff;border-color:#007aff;color:#fff}.pop-menu-list .mx .menu-item .menu-more{background:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;flex-shrink:0;font-size:14px;font-weight:500;margin-bottom:0;padding:6px 16px;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pop-menu-list .mx .menu-item .menu-more:hover{background:#0056b3}.pop-menu-list :deep(.el-divider){border-color:#e5e7eb;border-width:1px;margin:4px 0}.pop-menu-list :deep(.el-divider):after,.pop-menu-list :deep(.el-divider):before{border-color:#e5e7eb;border-width:1px}.vip-dialog{background-color:transparent!important;padding:0!important;width:min(1020px,92vw)}.vip-dialog :deep(.el-dialog){border-radius:12px;width:min(1020px,92vw)}.vip-dialog .el-dialog__header{display:none}.vip-dialog .el-dialog__body{padding:0}.vip-form{align-items:stretch;background:#fff;border-radius:14px;box-shadow:0 6px 16px #0f172a14;display:grid;grid-template-columns:minmax(320px,36%) minmax(0,64%);height:min(700px,84vh);max-height:84vh;overflow:hidden;position:relative;width:min(1020px,92vw)}.vip-form .concel{cursor:pointer;height:32px;position:absolute;right:10px;top:10px;transition:transform .2s ease,opacity .2s ease;width:32px;z-index:10}.vip-form .concel:hover{opacity:.8;transform:scale(1.1)}.vip-form .left-side{align-items:flex-start;background:#fff;border-bottom-left-radius:14px;border-right:1px solid #edf1f5;border-top-left-radius:14px;color:#1f2937;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:14px 14px 10px}.vip-form .left-side .content{color:#111827;font-size:16px;font-weight:700;letter-spacing:0;margin-bottom:4px;margin-top:2px}.vip-form .left-side .side-text{display:flex;flex:1;flex-direction:column;font-size:12px;gap:3px;height:100%;margin-top:8px;min-height:0;overflow-y:auto;padding-bottom:16px;padding-right:4px;width:100%}.vip-form .left-side .side-text span{align-items:center;background:transparent;border:none;border-radius:0;color:#1e293b;display:flex;height:auto;line-height:1.15;padding:6px 0}.vip-form .left-side .side-text .feature-text{display:block;overflow:visible;word-break:break-word}.vip-form .left-side .side-text .el-icon-check{color:#64748b;flex-shrink:0;height:13px;margin-right:6px;width:13px}.vip-form .left-side .side-text .more-btn{background:#f3f4f6;border-radius:4px;bottom:0;color:#334155;cursor:pointer;display:flex;font-weight:500;justify-content:center;margin-top:2px;min-height:auto;padding:4px 10px;position:sticky;text-decoration:none;transition:all .3s ease;z-index:2}.vip-form .left-side .side-text .more-btn:hover{background:#e5e7eb;color:#0f172a;transform:translateY(-2px)}.vip-form .form-item{background:#fff;display:flex;flex-direction:column;height:auto;overflow-y:auto;padding:12px 12px 10px}.vip-form .form-item .title{color:#111827;font-size:15px;font-weight:700;margin:0 0 6px;text-align:left}.vip-form .form-item .vip-list{align-content:flex-start;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:18px;max-height:none;overflow:visible;padding-right:4px}.vip-form .form-item .vip-list .active{background:#fff;border:2px solid #3b82f6;box-shadow:0 2px 8px #3b82f61f;transform:none}.vip-form .form-item .vip-list .vip-item-back{background:#fff;border:2px solid #e5e7eb;transition:all .3s ease}.vip-form .form-item .vip-list .vip-item-back:hover{border-color:#93c5fd;box-shadow:0 6px 14px #3b82f629;transform:none}.vip-form .form-item .vip-list .vip-item{border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-block;min-width:154px;overflow:hidden;position:relative;transition:all .3s ease;width:calc(33.333% - 8px)}.vip-form .form-item .vip-list .vip-item .vip-name{color:#1f2937;font-family:PingFangSC-Regular;font-size:13px;font-weight:600;margin:8px 14px 4px}.vip-form .form-item .vip-list .vip-item .price-item{align-items:flex-end;display:flex;margin-left:14px;margin-right:14px;margin-top:2px}.vip-form .form-item .vip-list .vip-item .price-item .left{color:#1d4ed8;font-size:20px;font-weight:600;line-height:1;margin-right:8px}.vip-form .form-item .vip-list .vip-item .price-item .right{color:#94a3b8;font-size:11px;margin-bottom:2px;margin-left:4px;text-decoration:line-through}.vip-form .form-item .vip-list .vip-item .grain-item{background:#f8fafc;border-radius:6px;color:#334155;font-size:11px;font-weight:600;margin:4px 12px 2px;padding:3px 6px}.vip-form .form-item .vip-list .vip-item .unit-price-item{color:#6b7280;font-size:11px;font-weight:500;margin:0 12px 4px}.vip-form .form-item .vip-list .vip-item .tips{background:#f8fafc;border-radius:0 0 6px 6px;bottom:0;box-sizing:border-box;color:#64748b;font-family:PingFangSC-Regular;font-size:11px;left:0;letter-spacing:0;line-height:1.45;margin-top:6px;min-height:24px;padding-bottom:4px;padding-left:12px;padding-top:4px;width:100%}.vip-form .form-item .vip-text{align-items:center;background:#f8fafc;border-radius:4px;color:#6b7280;display:flex;flex:0 0 auto;font-size:11px;margin-top:8px;padding:8px}.vip-form .form-item .vip-text .remark{line-height:1.5;margin-right:10px}.vip-form .form-item .pay-item{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;font-size:16px;margin-top:8px;padding-top:6px}.vip-form .form-item .pay-item .price-txt{color:#111827;font-size:14px;font-weight:500;margin-bottom:4px}.vip-form .form-item .pay-item .price-txt span{color:#dc2626;font-size:20px;font-weight:600}.vip-form .form-item .pay-item .grain-txt{color:#475569;font-size:12px;margin-bottom:6px}.vip-form .form-item .pay-item .grain-txt span{color:#2563eb;font-size:16px;font-weight:700}.vip-form .form-item .pay-item .code-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:8px;transition:all .3s ease}.vip-form .form-item .pay-item .code-item:hover{background:#eff6ff}.vip-form .form-item .pay-item .code-item .code-bottom{align-items:center;display:flex;justify-content:center;margin-top:8px}.vip-form .form-item .pay-item .code-item .code-bottom .icon{height:22px;margin-right:8px;width:22px}.vip-form .form-item .pay-item .code-item .code-bottom div{color:#374151;font-size:12px;font-weight:500}.vip-form .form-item .pay-item .agreement-link{margin-top:6px;text-align:center}.vip-form .form-item .pay-item .agreement-link .link-text{color:#2563eb;font-size:12px;text-decoration:none;transition:all .3s ease}.vip-form .form-item .pay-item .agreement-link .link-text:hover{color:#0d4a7a;text-decoration:underline}@media (max-width:1024px){.vip-form{grid-template-columns:1fr}.vip-form .left-side{min-height:0;padding-top:24px}.vip-form .left-side .content{margin-top:8px}.vip-form .left-side .side-text{max-height:220px}.vip-form .form-item .vip-list .vip-item{min-width:0;width:calc(50% - 8px)}}@media (max-width:640px){.vip-form .left-side .side-text{grid-template-columns:1fr}.vip-form .form-item{padding:18px 14px}.vip-form .form-item .vip-list .vip-item{width:100%}}