.content[data-v-39efe230]{padding:0 5rem;margin:0 auto}.content .layout-package[data-v-39efe230]{margin-top:.65rem}.content .layout-package .layout-package-chinatitle[data-v-39efe230],.content .layout-package .layout-package-title[data-v-39efe230]{color:#000}.content .layout-package .layout-package-description[data-v-39efe230]{position:relative}.content .layout-package .layout-package-description .text[data-v-39efe230]{margin-top:1.6rem;width:53rem;color:#000;line-height:1.6rem}.content .layout-package .layout-package-description .handbook_downnload[data-v-39efe230]{position:absolute;top:30px;right:50px}.content .layout-package .layout-package-description .brief_introduction_btn[data-v-39efe230]{width:13rem;height:3rem;background:#1c69d4;color:#fff;border-radius:0}.content .image_area[data-v-39efe230]{width:100%;padding-bottom:5rem}.content .image_area .image_item[data-v-39efe230]{margin-top:1.5rem}.content .image_area img[data-v-39efe230]{width:48rem;height:auto}#layout .layout-examples .layout-package-sub:first-of-type .layout-package-sub-title[data-v-38f8a2a6]{color:#000;line-height:1.2rem;margin-top:4rem!important}#layout .tabs-wrap[data-v-38f8a2a6]{margin:2rem 0 2rem 5rem}#layout .tabs-wrap .ant-radio-button-wrapper[data-v-38f8a2a6]{background:#f3f5f7;color:#a9aaab;border-color:#a9aaab;text-align:center;width:7.5rem}#layout .tabs-wrap .ant-radio-button-wrapper img[data-v-38f8a2a6]{height:1.1rem;vertical-align:-.125rem}#layout .tabs-wrap .ant-radio-button-wrapper-checked[data-v-38f8a2a6]{border-color:#1c69d4;background:#1c69d4;color:#fff}#layout .menu-header[data-v-38f8a2a6]{margin-top:-2rem;padding:0}#layout .menu-header .ant-tabs-bar[data-v-38f8a2a6]{border-bottom:0}#layout .menu-header .ant-tabs-bar .ant-tabs-nav-scroll[data-v-38f8a2a6]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:5rem;padding:0 0 0 4rem;margin:0}#layout .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab[data-v-38f8a2a6]{margin:0;padding:0 1rem;font-size:1rem}#layout .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab[data-v-38f8a2a6]:not(:first-child):before{position:absolute;top:-1px;left:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding:1px 0;background-color:#d9d9d9;transition:background-color .3s;content:""}#layout .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab.ant-tabs-tab-disabled[data-v-38f8a2a6]{color:#bebebe}#layout .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab.ant-tabs-tab-active[data-v-38f8a2a6]{color:#1c69d4}#layout .menu-header .ant-tabs-bar .ant-tabs-ink-bar[data-v-38f8a2a6]{display:none!important}#ux-principle div.main-content[data-v-a1773a5e]{background:#fff;padding:0 4rem 0 5rem}#ux-principle div.main-content div.ant-row.header-content[data-v-a1773a5e]{margin-bottom:2rem}#ux-principle div.main-content div.ant-row.header-content div.ant-row-flex.img-continer[data-v-a1773a5e]{width:80%}#ux-principle div.main-content div.ant-row-flex.header-content[data-v-a1773a5e]{margin-bottom:4rem}#ux-principle div.main-content h2[data-v-a1773a5e],#ux-principle div.main-content h3[data-v-a1773a5e],#ux-principle div.main-content p[data-v-a1773a5e]{font-weight:bolder;color:#000}#ux-principle div.main-content div.content[data-v-a1773a5e]{line-height:1.8}#ux-principle div.main-content div.spacing[data-v-a1773a5e]{margin-bottom:1rem}#ux-principle div.main-content div.ant-col.tip-image[data-v-a1773a5e]{height:13rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#ux-principle div.main-content div.tips[data-v-a1773a5e]{text-align:center;color:#000}#ux-principle div.main-content img[data-v-a1773a5e]{width:80%}.content[data-v-300ac78b]{padding:0 5rem;margin:0 auto}.content .layout-package[data-v-300ac78b]{margin-top:.65rem}.content .layout-package .layout-package-chinatitle[data-v-300ac78b],.content .layout-package .layout-package-title[data-v-300ac78b]{color:#000}.content .layout-package .layout-package-description[data-v-300ac78b]{margin-top:1.6rem;width:55.7rem;color:#000;line-height:1.6rem}.content .layout-package .layout-package-sub-title[data-v-300ac78b]{color:#000;line-height:1.2rem;margin-top:4rem}.content .layout-package .layout-package-sub-chinatitle[data-v-300ac78b]{color:#000;line-height:1.2rem;margin-top:6.3rem}.content .layout-package .layout-package-sub-description[data-v-300ac78b]{margin-bottom:1.65rem;width:56.4rem;color:#000;line-height:1.6rem}.content .layout-package .layout-imgs[data-v-300ac78b]{display:-webkit-flex;display:-ms-flexbox;display:flex}.content .layout-package .layout-imgs .layout-package-sub-image[data-v-300ac78b]{margin-left:2rem}.content .layout-package .imgs[data-v-300ac78b]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.content .layout-package .imgs img[data-v-300ac78b]{width:30rem;height:auto}.content .layout-examples[data-v-300ac78b]{margin-top:5.65rem;margin-bottom:9.4rem}.content .layout-examples .imgs img[data-v-300ac78b]{width:100%;height:auto}.content .layout-examples .imgs .layout-package-sub-image[data-v-300ac78b]{margin-right:2rem}.content .layout-examples .layout-package-chinatitle[data-v-300ac78b],.content .layout-examples .layout-package-title[data-v-300ac78b]{color:#000}.content .layout-examples .layout-package-description[data-v-300ac78b]{margin-top:1.6rem;width:55.7rem;color:#000;line-height:1.6rem}.content .layout-examples .layout-package-sub-title[data-v-300ac78b]{color:#000;line-height:1.2rem;margin-top:6rem}.content .layout-examples .layout-package-sub-chinatitle[data-v-300ac78b]{color:#000;line-height:1.2rem;margin-top:6.3rem}.content .layout-examples .layout-package-sub-description[data-v-300ac78b]{width:33.35rem;height:1.6rem;color:#000;line-height:1.6rem;margin-bottom:1.6rem}.content .layout-examples .imgs[data-v-300ac78b]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.content[data-v-557ee35a]{padding:0 5rem;margin:0 auto}.content .layout-package[data-v-557ee35a]{margin-top:.65rem}.content .layout-package .layout-package-chinatitle[data-v-557ee35a],.content .layout-package .layout-package-title[data-v-557ee35a]{color:#000}.content .layout-package .layout-package-description[data-v-557ee35a]{margin-top:1.6rem;width:55.7rem;color:#000;line-height:1.6rem}.content .layout-package .layout-package-sub-chinatitle[data-v-557ee35a],.content .layout-package .layout-package-sub-title[data-v-557ee35a]{color:#000;line-height:1.2rem;margin-top:4rem}.content .layout-package .layout-package-sub-chinadescription[data-v-557ee35a],.content .layout-package .layout-package-sub-description[data-v-557ee35a]{margin-top:1.6rem;margin-bottom:1.65rem;width:56.4rem;color:#000;line-height:1.6rem}.content .layout-package .imgs[data-v-557ee35a]{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex}.content .layout-package .imgs div[data-v-557ee35a]{float:left;margin-right:2rem}.content .layout-package .imgs .imgs:nth-of-type(2) img[data-v-557ee35a]{width:32rem;height:auto}.content .layout-examples[data-v-557ee35a]{margin-top:5.65rem;margin-bottom:9.4rem}.content .layout-examples .imgs img[data-v-557ee35a]{width:30rem;height:auto}.content .layout-examples .layout-package-chinatitle[data-v-557ee35a],.content .layout-examples .layout-package-title[data-v-557ee35a]{color:#000}.content .layout-examples .layout-package-description[data-v-557ee35a]{margin-top:1.6rem;width:55.7rem;color:#000;line-height:1.6rem}.content .layout-examples .layout-package-sub-chinatitle[data-v-557ee35a],.content .layout-examples .layout-package-sub-title[data-v-557ee35a]{color:#000;line-height:1.2rem;margin-top:6rem}.content .layout-examples .layout-package-sub-description[data-v-557ee35a]{margin-top:1.6rem;width:33.35rem;color:#000;margin-bottom:1.6rem;line-height:1.6rem}.content .layout-examples .layout-imgs[data-v-557ee35a]{display:-webkit-flex;display:-ms-flexbox;display:flex}.content .layout-examples .layout-imgs .layout-package-sub-image[data-v-557ee35a]{margin-left:2rem}.content .layout-examples .layout-imgs .layout-package-sub-image .layout-pic-name[data-v-557ee35a]{text-align:center}.content .layout-examples .imgs[data-v-557ee35a]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#layout .layout-examples .layout-package-sub:first-of-type .layout-package-sub-title[data-v-19ac320d]{color:#000;line-height:1.2rem;margin-top:4rem!important}#layout .tabs-wrap[data-v-19ac320d]{margin:2rem 0 2rem 5rem}#layout .tabs-wrap .ant-radio-button-wrapper[data-v-19ac320d]{background:#f3f5f7;color:#a9aaab;border-color:#a9aaab;text-align:center;width:7.5rem}#layout .tabs-wrap .ant-radio-button-wrapper img[data-v-19ac320d]{height:1.1rem;vertical-align:-.125rem}#layout .tabs-wrap .ant-radio-button-wrapper-checked[data-v-19ac320d]{border-color:#1c69d4;background:#1c69d4;color:#fff}#layout .menu-header[data-v-19ac320d]{margin-top:-2rem;padding:0}#layout .menu-header .ant-tabs-bar[data-v-19ac320d]{border-bottom:0}#layout .menu-header .ant-tabs-bar .ant-tabs-nav-scroll[data-v-19ac320d]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:5rem;padding:0 0 0 4rem;margin:0}#layout .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab[data-v-19ac320d]{margin:0;padding:0 1rem;font-size:1rem}#layout .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab[data-v-19ac320d]:not(:first-child):before{position:absolute;top:-1px;left:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding:1px 0;background-color:#d9d9d9;transition:background-color .3s;content:""}#layout .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab.ant-tabs-tab-disabled[data-v-19ac320d]{color:#bebebe}#layout .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab.ant-tabs-tab-active[data-v-19ac320d]{color:#1c69d4}#layout .menu-header .ant-tabs-bar .ant-tabs-ink-bar[data-v-19ac320d]{display:none!important}#ux-principle div.main-content[data-v-2ceb5471]{background:#fff;padding:0 4rem 0 5rem}#ux-principle div.main-content div.ant-row.header-content[data-v-2ceb5471]{margin-bottom:2rem}#ux-principle div.main-content h2[data-v-2ceb5471],#ux-principle div.main-content h3[data-v-2ceb5471],#ux-principle div.main-content p[data-v-2ceb5471]{font-weight:bolder;color:#000}#ux-principle div.main-content div.content[data-v-2ceb5471]{line-height:1.8rem}#ux-principle div.main-content img[data-v-2ceb5471]{width:100%}#ux-principle .principle_link[data-v-2ceb5471]{color:#1c69d4;display:inline-block;border-bottom:2px solid #1c69d4}.menu-item ul[data-v-637f4080]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;list-style-type:none;height:5rem;width:100%;margin:0 auto;text-align:start;padding-left:0}.menu-item ul .menu-title[data-v-637f4080]{border-right:1px solid #979797;height:2.85rem;line-height:2.85rem;padding-right:1.85rem;display:block;color:#8e8e8e;margin-right:2.55rem}.menu-item ul .menu-disabled[data-v-637f4080]{color:#000;width:10rem}.menu-item ul .menu-forbidden[data-v-637f4080]{width:15.05rem;text-align:center}.menu-item ul .menu-forbidden a[data-v-637f4080]{color:#8e8e8e!important}.menu-item ul .menu-forbidden a[data-v-637f4080]:hover{cursor:default}.change[data-v-637f4080]{display:block;height:5rem;line-height:5rem;border-bottom:.3rem solid #1c69d4;width:7.45rem;color:#1c69d4}.menu-current-icon{width:10rem}.menu-current-icon,.menu-current-icon a{display:block;height:5rem;line-height:5rem}.menu-current-icon a{color:#999a9c}.menu-current-icon a:hover{color:#000}.col{color:#1c69d4}.menu-disabled a{color:#000}.back-icon{-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-right:1rem}#motion .fonts-principle[data-v-2412c451]{width:100%}#motion .fonts-principle div.content[data-v-2412c451]{background:#fff;padding:0 4rem 0 5rem}#motion .fonts-principle div.content .ux-text h1[data-v-2412c451]{color:#000;line-height:38px;margin-top:53px}#motion .fonts-principle div.content .ux-text p[data-v-2412c451]{font-weight:300;color:#000;line-height:1.6rem}#motion .fonts-principle div.content .ux-text .ux-item .icon-chinatitle[data-v-2412c451],#motion .fonts-principle div.content .ux-text .ux-item .icon-title[data-v-2412c451]{color:#000}#motion .fonts-principle div.content .ux-text .ux-item .icon-content[data-v-2412c451]{color:#000;line-height:1.8rem;margin-top:1.6rem;width:49.8rem}#motion .fonts-principle div.content .ux-text .ux-item .color-edit[data-v-2412c451]{margin-top:2rem}#motion .fonts-principle div.content .ux-text .ux-item .color-edit img[data-v-2412c451]{width:80%}#motion .fonts-principle div.content .ux-motion-package[data-v-2412c451]:nth-child(5){margin-bottom:15rem}#motion .fonts-principle div.content .ux-motion-package .ux-motion-chinatitle[data-v-2412c451],#motion .fonts-principle div.content .ux-motion-package .ux-motion-title[data-v-2412c451]{color:#000;margin-top:7.5rem;line-height:1.2rem}#motion .fonts-principle div.content .ux-motion-package .ux-motion-description[data-v-2412c451]{width:56.2rem;color:#000;line-height:1.8rem;margin-top:1.6rem;margin-bottom:1.6rem}#motion .fonts-principle div.content .ux-motion-package .ux-motion-content[data-v-2412c451]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:90%}#motion .fonts-principle div.content .ux-motion-package .ux-motion-content .ux-content-img img[data-v-2412c451]{width:20rem;height:auto}#motion .fonts-principle div.content .ux-motion-package .ux-motion-content .ux-motion-content-item[data-v-2412c451]{width:20rem}#motion .fonts-principle div.content .ux-motion-package .ux-motion-content .ux-motion-content-item .ux-content-title[data-v-2412c451]{margin-bottom:1rem;margin-top:1.6rem;color:#000}#motion .fonts-principle div.content .ux-motion-package .ux-motion-content .ux-motion-content-item .ux-content-detail[data-v-2412c451]{color:#000}.menu-header[data-v-2412c451]{width:80%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto}#uiux-guideline .layout-examples .layout-package-sub:first-of-type .layout-package-sub-title{color:#000;line-height:1.2rem;margin-top:4rem!important}#uiux-guideline .menu-header{padding:0 0 0 13rem}#uiux-guideline .menu-header .ant-tabs-bar{border-bottom:0}#uiux-guideline .menu-header .ant-tabs-bar .ant-tabs-nav-scroll{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:5rem;padding:0 0 0 4rem;margin:0}#uiux-guideline .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab{margin:0;padding:0 1rem;font-size:1rem}#uiux-guideline .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab:not(:first-child):before{position:absolute;top:-1px;left:-1px;display:block;box-sizing:content-box;width:.1rem;height:100%;padding:1px 0;background-color:#d9d9d9;transition:background-color .3s;content:""}#uiux-guideline .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab.ant-tabs-tab-disabled{color:#bebebe}#uiux-guideline .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab.ant-tabs-tab-active{color:#1c69d4}#uiux-guideline .menu-header .ant-tabs-bar .ant-tabs-ink-bar{display:none!important}