[data-v-24dea36d] .ant-card-bordered{border:none}[data-v-24dea36d] .ant-card-body{padding:0!important}@media screen and (min-width:768px){[data-view-desktop][data-v-24dea36d].ant-tabs-nav-wrap{display:flex;justify-content:center}[data-view-desktop][data-v-24dea36d] .ant-tabs .ant-tabs-large-bar .ant-tabs-tab{margin:0 2.34375rem}[data-view-desktop] .ant-card-extra[data-v-24dea36d],[data-view-desktop][data-v-24dea36d] .ant-card-head-title{padding:14px 0}[data-view-desktop][data-v-24dea36d] .ant-card-head-title{font-size:.5625rem}[data-view-desktop][data-v-24dea36d] .ant-card-extra{color:#666;font-size:.375rem}[data-view-desktop][data-v-24dea36d] .ant-tabs-nav .ant-tabs-tab{color:#666;font-size:.5625rem;font-weight:600}[data-view-desktop][data-v-24dea36d] .ant-tabs-nav .ant-tabs-tab:hover{color:#039}[data-view-desktop][data-v-24dea36d] .ant-tabs-nav .ant-tabs-tab-active{color:#039;font-size:.5625rem;font-weight:600}[data-view-desktop][data-v-24dea36d] .ant-tabs-ink-bar{background-color:#039;height:.15625rem;left:.9375rem;width:3.125rem!important}}@media screen and (max-width:767px){[data-view-mobile][data-v-24dea36d] .ant-tabs-nav .ant-tabs-tab{color:#666;font-weight:600;margin-right:.9375rem}[data-view-mobile][data-v-24dea36d] .ant-tabs-nav .ant-tabs-tab:hover{color:#039}[data-view-mobile][data-v-24dea36d] .ant-tabs-nav .ant-tabs-tab-active{color:#039;font-weight:600}[data-view-mobile][data-v-24dea36d] .ant-tabs-ink-bar{background-color:#039;height:.3125rem;left:1.09375rem;width:6.25rem!important}}@keyframes c-entrance-24dea36d{0%{opacity:0}to{opacity:1}}[data-v-24dea36d]{margin:0;padding:0}.c-mix[data-v-24dea36d]{background-color:#fff;height:100%;width:100vw}.mix-bot[data-v-24dea36d]{align-items:center;background-color:#039;border:.03125rem solid #039;border-radius:50%;bottom:.625rem;color:#fff;display:flex;flex-direction:column;font-size:.375rem;height:2.5rem;justify-content:center;position:fixed;right:.375rem;width:2.5rem;z-index:10}.mix-bot__img[data-v-24dea36d]{height:.3125rem;width:.5rem}.mix-bot__text[data-v-24dea36d]{font-size:.6875rem;font-weight:500;line-height:1.125rem;margin:0;padding:0}.mix-close[data-v-24dea36d]{bottom:1.75rem;height:1.8125rem;position:fixed;right:0;width:1.9375rem;z-index:50}@media screen and (min-width:768px){[data-view-desktop] .c-mix__box[data-v-24dea36d]{padding-bottom:1.5625rem;padding-top:.84375rem}[data-view-desktop] .c-mix__top[data-v-24dea36d]{align-items:center;display:flex;flex-direction:column;justify-content:center}[data-view-desktop] .c-mix__top__title[data-v-24dea36d]{color:#000;font-size:.9375rem;font-weight:600;letter-spacing:1px;line-height:1.3125rem}[data-view-desktop] .c-mix__top__desc[data-v-24dea36d]{color:#666;font-size:.4375rem;line-height:.6875rem;margin-top:.375rem}[data-view-desktop] .c-mix__effect[data-v-24dea36d]{align-items:center;display:flex;height:19rem;justify-content:center;margin-top:1.6875rem;position:relative;width:100%}[data-view-desktop] .c-mix__effect__left[data-v-24dea36d]{border-radius:.4375rem;box-shadow:0 .25rem .9375rem 0 hsla(0,0%,82%,.5);height:19rem;width:28.0625rem}[data-view-desktop] .c-mix__effect__left__brick[data-v-24dea36d]{display:flex;flex-direction:column;height:13.4375rem;padding:1.75rem .5rem .625rem;width:28.0625rem}[data-view-desktop] .c-mix__effect__left__brick .brick-box[data-v-24dea36d]{height:13.4375rem;width:100%}[data-view-desktop] .c-mix__effect__left__brick .brick-box__item[data-v-24dea36d]{height:13.4375rem;text-align:center;width:100%}[data-view-desktop] .c-mix__effect__left__brick .brick-box__item__selected[data-v-24dea36d]{display:flex;flex-wrap:wrap}[data-view-desktop] .c-mix__effect__left__brick .brick-box__item__selected .selected-brick[data-v-24dea36d]{box-sizing:border-box;cursor:pointer;flex-shrink:0;height:calc(12.5% - 5.25px);margin:0 .1875rem .1875rem 0;max-width:calc(12.5% - 5.25px);min-width:calc(12.5% - 5.25px);position:relative;width:calc(12.5% - 5.25px)}[data-view-desktop] .c-mix__effect__left__brick .brick-box__item__selected .selected-brick .brick-div[data-v-24dea36d]{border-radius:.4375rem;height:3.21875rem;width:3.21875rem}[data-view-desktop] .c-mix__effect__left__brick .brick-box__item__selected .selected-brick .selected-brick-active[data-v-24dea36d]{border:.125rem solid #00388b;border-radius:.4375rem}[data-view-desktop] .c-mix__effect__left__brick .brick-box__item__selected .selected-brick__tips[data-v-24dea36d]{background-color:#039;border-radius:0 0 .4375rem .4375rem;bottom:0;color:#fff;font-size:.34375rem;position:absolute;width:100%}[data-view-desktop] .c-mix__effect__left__brick .brick-box__item__selected .selected-brick__tips-wave[data-v-24dea36d]{height:.46875rem;left:50%;position:absolute;top:-.375rem;transform:translate(-50%);width:2.1875rem}[data-view-desktop] .c-mix__effect__left__brick .brick-box__item__selected .selected-brick__tips-name[data-v-24dea36d]{margin:.09375rem;text-align:center}[data-view-desktop] .c-mix__effect__left__brick .brick-box__item__selected .selected-brick[data-v-24dea36d]:nth-of-type(8n+0){margin-right:0}[data-view-desktop] .c-mix__effect__left__brick .brick-box__dots[data-v-24dea36d]{align-items:center;display:flex;justify-content:center;margin-top:.3125rem;width:100%}[data-view-desktop] .c-mix__effect__left__brick .brick-box__dots .dots-item[data-v-24dea36d]{background-color:#d7d7d7;border-radius:50%;color:#fff;cursor:pointer;height:.875rem;margin-right:.53125rem;text-align:center;width:.875rem}[data-view-desktop] .c-mix__effect__left__brick .brick-box__dots .dots-item-active[data-v-24dea36d]{background-color:#039}[data-view-desktop] .c-mix__effect__left__color[data-v-24dea36d]{flex-direction:column;padding:.375rem .5rem 1.96875rem;width:28.0625rem}[data-view-desktop] .c-mix__effect__left__color .left-btn[data-v-24dea36d],[data-view-desktop] .c-mix__effect__left__color[data-v-24dea36d]{align-items:center;display:flex;justify-content:center}[data-view-desktop] .c-mix__effect__left__color .left-btn__item[data-v-24dea36d]{align-items:center;background-color:rgba(0,0,0,.1);border-radius:.1875rem;cursor:pointer;display:flex;height:1rem;justify-content:center;width:3.28125rem}[data-view-desktop] .c-mix__effect__left__color .left-btn .left-btn-active[data-v-24dea36d]{background-color:#00388b;color:#fff}[data-view-desktop] .c-mix__effect__left__color .left-btn[data-v-24dea36d] :first-child{border-radius:.1875rem 0 0 .1875rem}[data-view-desktop] .c-mix__effect__left__color .left-btn[data-v-24dea36d] :nth-child(2){border-radius:0 .1875rem .1875rem 0}[data-view-desktop] .c-mix__effect__left__color .color-box[data-v-24dea36d],[data-view-desktop] .c-mix__effect__left__color .color-box__item[data-v-24dea36d]{height:14.0625rem;width:100%}[data-view-desktop] .c-mix__effect__left__color .color-box__item__selected[data-v-24dea36d]{display:flex;flex-wrap:wrap;justify-content:center;margin-top:.375rem}[data-view-desktop] .c-mix__effect__left__color .color-box__item__selected .selected-color[data-v-24dea36d]{align-items:center;background-color:#f8f8f8;border-radius:.4375rem;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:3.21875rem;justify-content:center;margin:0 .1875rem .1875rem 0;max-width:calc(25% - 4.5px);min-width:calc(25% - 4.5px);position:relative;width:calc(25% - 4.5px)}[data-view-desktop] .c-mix__effect__left__color .color-box__item__selected .selected-color .color-div[data-v-24dea36d]{align-items:center;border-radius:.4375rem;display:flex;flex-direction:column;height:3.21875rem;justify-content:center;width:6.625rem}[data-view-desktop] .c-mix__effect__left__color .color-box__item__selected .selected-color .color-div__img[data-v-24dea36d]{border-radius:.25rem;height:.5rem;width:5.9375rem}[data-view-desktop] .c-mix__effect__left__color .color-box__item__selected .selected-color .color-div__title[data-v-24dea36d]{color:#000;font-size:.375rem;line-height:.53125rem;margin-top:.3125rem}[data-view-desktop] .c-mix__effect__left__color .color-box__item__selected .selected-color .selected-color-active[data-v-24dea36d]{border:.125rem solid #00388b;border-radius:.4375rem}[data-view-desktop] .c-mix__effect__left__color .color-box__item__selected .selected-color__icon[data-v-24dea36d]{background-color:#039;border-radius:0 0 .4375rem .4375rem;bottom:0;color:#fff;font-size:.34375rem;position:absolute;width:100%}[data-view-desktop] .c-mix__effect__left__color .color-box__item__selected .selected-color__icon-wave[data-v-24dea36d]{bottom:0;height:.34375rem;left:50%;position:absolute;transform:translate(-50%);width:1.59375rem}[data-view-desktop] .c-mix__effect__left__color .color-box__item__selected .selected-color[data-v-24dea36d]:nth-of-type(4n+0){margin-right:0}[data-view-desktop] .c-mix__effect__left__color .color-box__dots[data-v-24dea36d]{align-items:center;display:flex;justify-content:center;margin-top:.3125rem;width:100%}[data-view-desktop] .c-mix__effect__left__color .color-box__dots .dots-item[data-v-24dea36d]{background-color:#d7d7d7;border-radius:50%;color:#fff;cursor:pointer;height:.875rem;margin-right:.53125rem;text-align:center;width:.875rem}[data-view-desktop] .c-mix__effect__left__color .color-box__dots .dots-item-active[data-v-24dea36d]{background-color:#039}[data-view-desktop] .c-mix__effect__left__color .color-box-carousel div[data-v-24dea36d]:last-child{margin-right:auto}[data-view-desktop] .c-mix__effect__right[data-v-24dea36d]{border-radius:.4375rem;box-shadow:0 .25rem .9375rem 0 hsla(0,0%,82%,.5);height:100%;margin-left:.65625rem;width:16.25rem}[data-view-desktop] .c-mix__effect__right__btn[data-v-24dea36d]{align-items:center;display:flex;justify-content:space-between;padding:.375rem 1.25rem;width:100%}[data-view-desktop] .c-mix__effect__right__btn .btn-item[data-v-24dea36d]{align-items:center;background-color:#e6e6e6;border-radius:.125rem;cursor:pointer;display:flex;font-size:.375rem;height:1rem;justify-content:center;width:4.21875rem}[data-view-desktop] .c-mix__effect__right__btn .btn-item-active[data-v-24dea36d]{background-color:#039;color:#fff}[data-view-desktop] .c-mix__effect__right .right-c[data-v-24dea36d]{height:13.71875rem;margin:0 1.25rem;position:relative;width:13.71875rem}[data-view-desktop] .c-mix__effect__right__color[data-v-24dea36d]{grid-gap:2px;background-size:4.75rem 4.75rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:13.71875rem;left:0;position:absolute;top:0;width:13.71875rem}[data-view-desktop] .c-mix__effect__right__color .right-color[data-v-24dea36d]{position:relative}[data-view-desktop] .c-mix__effect__right__color .right-color__img[data-v-24dea36d]{height:100%;width:100%}[data-view-desktop] .c-mix__effect__right .demo[data-v-24dea36d]{grid-gap:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:13.71875rem;left:0;position:absolute;top:0;width:13.71875rem}[data-view-desktop] .c-mix__effect__right .demo .demo-item[data-v-24dea36d]{height:100%;position:relative;width:100%}[data-view-desktop] .c-mix__effect__right .demo .demo-item .demo-item-row[data-v-24dea36d]{bottom:-6%;height:.5625rem;position:absolute;width:100%}[data-view-desktop] .c-mix__effect__right .demo .demo-item .demo-item-col[data-v-24dea36d]{height:.5625rem;position:absolute;right:-50%;top:44%;transform:rotate(90deg);width:100%}[data-view-desktop] .c-mix__effect__right__bottom[data-v-24dea36d]{color:#bc9683;font-size:.375rem;font-weight:500;margin-top:.46875rem;text-align:center}}@media screen and (max-width:767px){[data-view-mobile] .c-mix[data-v-24dea36d]{width:100vw}[data-view-mobile] .c-mix__box[data-v-24dea36d]{padding-bottom:3.4375rem}[data-view-mobile] .c-mix__top[data-v-24dea36d]{margin-bottom:1.125rem}[data-view-mobile] .c-mix__top__title[data-v-24dea36d]{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative}[data-view-mobile] .c-mix__top__title .title-icon[data-v-24dea36d]{height:1.25rem;left:-1.6875rem;position:absolute;top:1.875rem;transform:rotate(90deg);width:4.625rem;z-index:10}[data-view-mobile] .c-mix__top__title .title-tips[data-v-24dea36d]{color:#000;font-size:1.5rem;font-weight:600;letter-spacing:1px;line-height:42px;padding:22px 0;text-align:center;width:100vw}[data-view-mobile] .c-mix__top__desc[data-v-24dea36d]{color:#666;font-size:.75rem;line-height:1.25rem;margin:-.9375rem auto 0;text-align:center;width:20.3125rem}[data-view-mobile] .c-mix__selected[data-v-24dea36d]{border-radius:.875rem;box-shadow:0 .5rem 1.875rem 0 hsla(0,0%,82%,.5);height:19.0625rem;margin:0 .5rem}[data-view-mobile] .c-mix__selected__brick[data-v-24dea36d]{height:13.1875rem;padding:3.125rem .625rem 0;width:22.4375rem}[data-view-mobile] .c-mix__selected__brick .brick-box[data-v-24dea36d]{height:10.625rem;width:100%}[data-view-mobile] .c-mix__selected__brick .brick-box__item[data-v-24dea36d]{height:10.625rem;text-align:center;width:100%}[data-view-mobile] .c-mix__selected__brick .brick-box__item__selected[data-v-24dea36d]{display:flex;flex-wrap:wrap;justify-content:space-between}[data-view-mobile] .c-mix__selected__brick .brick-box__item__selected .selected-brick[data-v-24dea36d]{box-sizing:border-box;flex-shrink:0;height:calc(25% - 7.5px);margin:0 .3125rem .3125rem 0;max-width:calc(25% - 7.5px);min-width:calc(25% - 7.5px);position:relative;width:calc(25% - 7.5px);writing-mode:horizontal-tb}[data-view-mobile] .c-mix__selected__brick .brick-box__item__selected .selected-brick .brick-div[data-v-24dea36d]{border-radius:.875rem;height:4.8125rem;width:4.8125rem}[data-view-mobile] .c-mix__selected__brick .brick-box__item__selected .selected-brick .selected-brick-active[data-v-24dea36d]{border:.25rem solid #00388b;border-radius:.875rem}[data-view-mobile] .c-mix__selected__brick .brick-box__item__selected .selected-brick__tips[data-v-24dea36d]{background-color:#039;border-radius:0 0 .4375rem .4375rem;bottom:0;color:#fff;font-size:.34375rem;position:absolute;width:99%}[data-view-mobile] .c-mix__selected__brick .brick-box__item__selected .selected-brick__tips-wave[data-v-24dea36d]{height:.5625rem;left:50%;position:absolute;top:-.4375rem;transform:translate(-50%);width:2.34375rem}[data-view-mobile] .c-mix__selected__brick .brick-box__item__selected .selected-brick__tips-name[data-v-24dea36d]{font-size:.625rem;margin:.09375rem;text-align:center}[data-view-mobile] .c-mix__selected__brick .brick-box__item__selected .selected-brick[data-v-24dea36d]:nth-of-type(4n+0){margin-right:0}[data-view-mobile] .c-mix__selected__brick .brick-box__dots[data-v-24dea36d]{align-items:center;display:flex;justify-content:center;margin-top:.9375rem;width:100%}[data-view-mobile] .c-mix__selected__brick .brick-box__dots .dots-item[data-v-24dea36d]{background-color:#c5c5c5;border-radius:50%;height:.375rem;margin:0 .15625rem;width:.375rem}[data-view-mobile] .c-mix__selected__brick .brick-box__dots .dots-item-active[data-v-24dea36d]{background-color:#039}[data-view-mobile] .c-mix__selected__brick .brick-box-carousel div[data-v-24dea36d]:last-child{margin-right:auto}[data-view-mobile] .c-mix__selected__color[data-v-24dea36d]{display:flex;flex-wrap:wrap;height:10rem;justify-content:center;padding:.5625rem 1rem 2.25rem;width:22.4375rem}[data-view-mobile] .c-mix__selected__color .left-btn[data-v-24dea36d]{align-items:center;display:flex;justify-content:center}[data-view-mobile] .c-mix__selected__color .left-btn__item[data-v-24dea36d]{align-items:center;background-color:rgba(0,0,0,.1);border-radius:.1875rem;cursor:pointer;display:flex;height:2rem;justify-content:center;width:6.5625rem}[data-view-mobile] .c-mix__selected__color .left-btn .left-btn-active[data-v-24dea36d]{background-color:#00388b;color:#fff}[data-view-mobile] .c-mix__selected__color .left-btn[data-v-24dea36d] :first-child{border-radius:.375rem 0 0 .375rem}[data-view-mobile] .c-mix__selected__color .left-btn[data-v-24dea36d] :nth-child(2){border-radius:0 .375rem .375rem 0}[data-view-mobile] .c-mix__selected__color .color-box[data-v-24dea36d],[data-view-mobile] .c-mix__selected__color .color-box__item[data-v-24dea36d]{height:10.9375rem;width:100%}[data-view-mobile] .c-mix__selected__color .color-box__item__selected[data-v-24dea36d]{display:flex;flex-wrap:wrap;justify-content:center;margin-top:.5625rem}[data-view-mobile] .c-mix__selected__color .color-box__item__selected .selected-color[data-v-24dea36d]{align-items:center;background-color:#f8f8f8;border-radius:.875rem;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:4.8125rem;justify-content:center;margin:0 .4375rem .4375rem 0;max-width:calc(50% - 7px);min-width:calc(50% - 7px);position:relative;width:calc(50% - 7px)}[data-view-mobile] .c-mix__selected__color .color-box__item__selected .selected-color .color-div[data-v-24dea36d]{align-items:center;border-radius:.875rem;display:flex;flex-direction:column;height:4.8125rem;justify-content:center;width:10rem}[data-view-mobile] .c-mix__selected__color .color-box__item__selected .selected-color .color-div__img[data-v-24dea36d]{border-radius:.5rem;height:1rem;width:8.625rem}[data-view-mobile] .c-mix__selected__color .color-box__item__selected .selected-color .color-div__title[data-v-24dea36d]{color:#000;font-size:.75rem;line-height:.53125rem;margin-top:.625rem}[data-view-mobile] .c-mix__selected__color .color-box__item__selected .selected-color .selected-color-active[data-v-24dea36d]{border:.25rem solid #00388b;border-radius:.875rem}[data-view-mobile] .c-mix__selected__color .color-box__item__selected .selected-color__icon[data-v-24dea36d]{background-color:#039;border-radius:0 0 .4375rem .4375rem;bottom:0;color:#fff;font-size:.34375rem;position:absolute;width:100%}[data-view-mobile] .c-mix__selected__color .color-box__item__selected .selected-color__icon-wave[data-v-24dea36d]{bottom:0;height:.5625rem;left:50%;position:absolute;transform:translate(-50%);width:2.5625rem}[data-view-mobile] .c-mix__selected__color .color-box__item__selected .selected-color[data-v-24dea36d]:nth-of-type(2n+0){margin-right:0}[data-view-mobile] .c-mix__selected__color .color-box__dots[data-v-24dea36d]{align-items:center;display:flex;justify-content:center;margin-top:.9375rem;width:100%}[data-view-mobile] .c-mix__selected__color .color-box__dots .dots-item[data-v-24dea36d]{background-color:#c5c5c5;border-radius:50%;height:.375rem;margin:0 .15625rem;width:.375rem}[data-view-mobile] .c-mix__selected__color .color-box__dots .dots-item-active[data-v-24dea36d]{background-color:#039}[data-view-mobile] .c-mix__selected__color .color-box-carousel div[data-v-24dea36d]:last-child{margin-right:auto}[data-view-mobile] .c-mix__effect[data-v-24dea36d]{border-radius:.875rem;box-shadow:0 .5rem 1.875rem 0 hsla(0,0%,82%,.5);height:auto;margin:.625rem .5rem 0;padding:1.25rem 1rem .75rem}[data-view-mobile] .c-mix__effect__title .title-name[data-v-24dea36d]{color:#000;font-size:1rem;font-weight:600;line-height:1.375rem}[data-view-mobile] .c-mix__effect__title .title-desc[data-v-24dea36d]{color:#666;font-size:.75rem;line-height:1.0625rem;margin-top:.1875rem}[data-view-mobile] .c-mix__effect__btn[data-v-24dea36d]{display:flex;justify-content:space-between;margin-top:.75rem}[data-view-mobile] .c-mix__effect__btn .btn-item[data-v-24dea36d]{align-items:center;background-color:#e6e6e6;border-radius:.25rem;color:#666;display:flex;flex-direction:column;font-size:.75rem;height:2.875rem;justify-content:center;width:6.375rem}[data-view-mobile] .c-mix__effect__btn .btn-item-active[data-v-24dea36d]{background:#00388b;border-radius:8px;color:#fff}[data-view-mobile] .c-mix__effect .right-c[data-v-24dea36d]{height:20.4375rem;margin-top:.8125rem;position:relative;width:20.4375rem}[data-view-mobile] .c-mix__effect__content[data-v-24dea36d]{grid-gap:2px;background-size:7.28125rem 7.28125rem;display:grid;grid-template-columns:repeat(3,1fr);height:20.4375rem;left:0;position:absolute;top:0;width:20.4375rem}[data-view-mobile] .c-mix__effect__content .effect-color[data-v-24dea36d]{position:relative}[data-view-mobile] .c-mix__effect__content .effect-color__img[data-v-24dea36d]{height:100%;width:100%}[data-view-mobile] .c-mix__effect .demo[data-v-24dea36d]{grid-gap:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:20.4375rem;left:0;position:absolute;top:0;width:20.4375rem}[data-view-mobile] .c-mix__effect .demo .demo-item[data-v-24dea36d]{height:100%;position:relative;width:100%}[data-view-mobile] .c-mix__effect .demo .demo-item .demo-item-row[data-v-24dea36d]{bottom:-4%;height:.5625rem;position:absolute;width:100%}[data-view-mobile] .c-mix__effect .demo .demo-item .demo-item-col[data-v-24dea36d]{height:.5625rem;position:absolute;right:-50%;top:46%;transform:rotate(90deg);width:100%}[data-view-mobile] .c-mix__effect__bottom[data-v-24dea36d]{align-items:center;color:#bc9683;display:flex;font-size:.625rem;justify-content:center;margin:.625rem auto .75rem}}<!--ºÄʱ1789299311.9953Ãë-->