.common-page-header[data-v-0b90c4e5]{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .9375rem;background-color:#fff}.common-page-header .header-title[data-v-0b90c4e5]{flex:1;font-size:1.375rem}.common-page-header .header-title .title-text[data-v-0b90c4e5]{padding-top:.3125rem;padding-right:.3125rem}.common-page-header .header-title .title-desc[data-v-0b90c4e5]{font-size:.8125rem;color:#989898;text-align:left;padding-left:.9375rem}.common-page-header .title-icon[data-v-0b90c4e5]{padding-right:.3125rem}.common-page-header .header-right[data-v-0b90c4e5]{flex:auto 0 0;text-align:right}.common-page-header .header-right .compony-name[data-v-0b90c4e5]{font-size:1.5rem;font-weight:550;color:#f1f1f1}.component-detail-wrap[data-v-58d2812c]{width:100%;box-sizing:border-box;padding:.9375rem;display:flex;align-items:center;flex-direction:column;background-color:#fff;position:relative;border-radius:.3125rem;overflow:hidden}.component-detail-wrap .component-detail-header[data-v-58d2812c]{box-sizing:border-box;width:100%;font-size:1rem;color:#000;text-align:left;padding-bottom:.9375rem;font-weight:800}.component-detail-wrap .detail-close[data-v-58d2812c]{position:absolute;top:.75rem;right:.625rem;display:block;width:1.875rem;height:1.875rem;line-height:1.875rem;text-align:center;color:#989898;font-size:1.25rem;background-color:#fff;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 0 .625rem .0625rem #ccc}.component-detail-wrap .detail-close i[data-v-58d2812c]{transition:all .3s linear}.component-detail-wrap .detail-close:hover i[data-v-58d2812c]{transform:rotate(60deg);color:#f53b26}.component-detail-wrap .component-detail-desc[data-v-58d2812c]{width:100%;min-height:18.75rem}.base-page[data-v-0a22407a]{box-sizing:border-box;width:100%;height:100%;position:relative;padding-top:2.8125rem}.base-page-header[data-v-0a22407a]{position:absolute;top:0;left:0;right:0}.flex-wrap[data-v-0a22407a]{box-sizing:border-box;width:100%;height:100%;padding:.625rem;position:relative;transition:all .3s;transition-timing-function:ease-in-out;background:url(https://cn.bing.com/th?id=OHR.WesterheverLight_ZH-CN6827035695_1920x1080.jpg&rf=LaDigue_1920x1080.jpg) no-repeat 100% 100%}.flex-wrap[data-v-0a22407a]:after{content:"";position:absolute;top:-.625rem;left:-.625rem;right:-.625rem;bottom:-.625rem;filter:blur(.625rem);background:hsla(0,0%,100%,.9);z-index:0}.flex-wrap .flex-wrap-left[data-v-0a22407a]{box-sizing:border-box;width:100%;height:100%;position:relative;overflow-x:hidden;overflow-y:auto;z-index:1}.flex-wrap .flex-wrap-right[data-v-0a22407a]{box-sizing:border-box;width:37.5rem;height:100%;padding:.625rem;transition:all .3s;transition-timing-function:linear;position:absolute;top:0;right:0;visibility:hidden;z-index:1;transform:translateX(100%);overflow-x:hidden;overflow-y:auto}.flex-wrap.active[data-v-0a22407a]{padding-right:37.5rem;transition-timing-function:cubic-bezier(.25,.1,.3,1.5)}.flex-wrap.active .flex-wrap-right[data-v-0a22407a]{visibility:visible;transform:translateX(0);transition-timing-function:cubic-bezier(.25,.1,.3,1.5);transition-delay:.2s}