.crec-pro-basicLayout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:100%}.crec-pro-basicLayout:not(".crec-pro-basicLayout-mobile") ::-webkit-scrollbar{width:6px;height:6px}.crec-pro-basicLayout:not(".crec-pro-basicLayout-mobile") ::-webkit-scrollbar-track{background:rgba(0,0,0,.06);border-radius:3px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.08)}.crec-pro-basicLayout:not(".crec-pro-basicLayout-mobile") ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:3px;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.2)}.crec-pro-basicLayout .crec-layout-header:not(.crec-pro-top-menu){background:#fff}.crec-pro-basicLayout .crec-layout-header.crec-pro-fixed-header{position:fixed;top:0}.crec-pro-basicLayout .crec-layout-sider-children{height:100%}.crec-pro-basicLayout .trigger{font-size:18px;line-height:64px;padding:0 24px;cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.crec-pro-basicLayout .trigger:hover{color:#1890ff}.crec-pro-basicLayout-content{position:relative;margin:24px;-webkit-transition:all .2s;transition:all .2s}.crec-pro-basicLayout-content .crec-pro-page-header-wrap{margin:-24px -24px 0}.crec-pro-basicLayout-content-disable-margin,.crec-pro-basicLayout-content-disable-margin>div>.crec-pro-page-header-wrap{margin:0}.crec-pro-basicLayout-content>.crec-layout{max-height:100%}.crec-pro-basicLayout .color-picker{margin:10px 0}.crec-pro-basicLayout .layout-min-height{min-height:calc(100vh - 64px)}.crec-pro-sider-menu-logo{position:relative;height:64px;padding-left:24px;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;line-height:64px;background:#001529}.crec-pro-sider-menu-logo h1,.crec-pro-sider-menu-logo img,.crec-pro-sider-menu-logo svg{display:inline-block}.crec-pro-sider-menu-logo img,.crec-pro-sider-menu-logo svg{height:32px;width:auto;vertical-align:middle}.crec-pro-sider-menu-logo h1{color:#fff;font-size:20px;margin:0 0 0 12px;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;font-weight:600;vertical-align:middle;display:inline-block}.crec-pro-sider-menu-logo-crec-blue{background:#1961ac}.crec-pro-sider-menu-logo-crec-blue .crec-menu-submenu-active{color:#fff}.crec-pro-sider-menu-sider{position:relative;z-index:10;min-height:100vh;-webkit-box-shadow:2px 0 6px rgba(0,21,41,.35);box-shadow:2px 0 6px rgba(0,21,41,.35)}.crec-pro-sider-menu-sider.fix-sider-bar{position:fixed;top:0;left:0;-webkit-box-shadow:2px 0 8px 0 rgba(29,35,41,.05);box-shadow:2px 0 8px 0 rgba(29,35,41,.05)}.crec-pro-sider-menu-sider.fix-sider-bar .crec-menu-root{height:calc(100vh - 64px);overflow-y:auto}.crec-pro-sider-menu-sider.fix-sider-bar .crec-menu-crec-blue .crec-menu-submenu-active{color:#fff}.crec-pro-sider-menu-sider.fix-sider-bar .crec-menu-inline{border-right:0}.crec-pro-sider-menu-sider.fix-sider-bar .crec-menu-inline .crec-menu-item,.crec-pro-sider-menu-sider.fix-sider-bar .crec-menu-inline .crec-menu-submenu-title{width:100%}.crec-pro-sider-menu-sider.mix .crec-menu-root{height:calc(100vh - 104px);overflow-y:auto;border-bottom:1px solid hsla(0,0%,100%,.10196078)}.crec-pro-sider-menu-sider.mix .menu-trigger{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px;color:#fff;font-size:1.2em;cursor:pointer}.crec-pro-sider-menu-sider.mix .menu-trigger .menu-trigger-inline{line-height:40px;overflow:hidden;white-space:nowrap;height:40px}.crec-pro-sider-menu-sider.mix .menu-trigger:active{opacity:.6;background-color:rgba(0,0,0,.10196078)}.crec-pro-sider-menu-sider.crec-layout-sider-crec-blue.mix{border-top:1px solid hsla(0,0%,100%,.10196078)}.crec-pro-sider-menu-sider.light{background-color:#fff;-webkit-box-shadow:2px 0 8px 0 rgba(29,35,41,.05);box-shadow:2px 0 8px 0 rgba(29,35,41,.05)}.crec-pro-sider-menu-sider.light .crec-pro-sider-menu-logo{background:#fff;-webkit-box-shadow:1px 1px 0 0 #e8e8e8;box-shadow:1px 1px 0 0 #e8e8e8}.crec-pro-sider-menu-sider.light .crec-pro-sider-menu-logo h1{color:#1961ac}.crec-pro-sider-menu-sider.light .crec-menu-light{border-right-color:transparent}.crec-pro-sider-menu-sider.light .menu-trigger{color:#1961ac;cursor:pointer}.crec-pro-sider-menu-sider.light .crec-menu-root{border-bottom:1px solid rgba(0,0,0,.10196078)}.crec-pro-sider-menu-icon{width:14px;vertical-align:baseline}.crec-pro-sider-menu .top-nav-menu li.crec-menu-item{height:64px;line-height:64px}.crec-pro-sider-menu .drawer .drawer-content{background:#1961ac}.crec-pro-sider-menu .crec-menu-inline-collapsed>.crec-menu-item-group>.crec-menu-item-group-list>.crec-menu-item .sider-menu-item-img+span,.crec-pro-sider-menu .crec-menu-inline-collapsed>.crec-menu-item .sider-menu-item-img+span,.crec-pro-sider-menu .crec-menu-inline-collapsed>.crec-menu-submenu>.crec-menu-submenu-title .sider-menu-item-img+span{display:inline-block;max-width:0;opacity:0}.crec-pro-sider-menu .crec-menu-item .sider-menu-item-img+span,.crec-pro-sider-menu .crec-menu-submenu-title .sider-menu-item-img+span{opacity:1;-webkit-transition:opacity .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1);transition:opacity .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1)}.crec-pro-sider-menu .crec-drawer-body{padding:0}.crec-pro-page-header-wrap-children-content{margin:24px 24px 0}.crec-pro-page-header-wrap-page-header-warp{background-color:#fff}.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-detail{display:-webkit-box;display:-ms-flexbox;display:flex}.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-row{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-title-content{margin-bottom:16px}.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-content,.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-title{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-extraContent,.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-main{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-main{width:100%}.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-logo,.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-title{margin-bottom:16px}.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-extraContent{min-width:242px;margin-left:88px;text-align:right}@media screen and (max-width:1200px){.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-extraContent{margin-left:44px}}@media screen and (max-width:992px){.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-extraContent{margin-left:20px}}@media screen and (max-width:768px){.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-row{display:block}.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-action,.crec-pro-page-header-wrap-main .crec-pro-page-header-wrap-extraContent{margin-left:0;text-align:left}}@media screen and (max-width:576px){.crec-pro-page-header-wrap-detail{display:block}.crec-pro-page-header-wrap-extraContent{margin-left:0}}.crec-pro-grid-content{width:100%;min-height:100%;-webkit-transition:.3s;transition:.3s}.crec-pro-grid-content.wide{max-width:1200px;margin:0 auto}.crec-pro-global-footer{margin:0 0 24px 0;padding:0 16px;text-align:center}.crec-pro-global-footer-links a{color:rgba(0,0,0,.45);-webkit-transition:all .3s;transition:all .3s}.crec-pro-global-footer-links a:not(:last-child){margin-right:40px}.crec-pro-global-footer-links a:hover{color:rgba(0,0,0,.65)}.crec-pro-global-footer-copyright{color:rgba(0,0,0,.45);font-size:14px}.crec-pro-top-nav-header{position:relative;width:100%;height:64px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-transition:background .3s,width .2s;transition:background .3s,width .2s}.crec-pro-top-nav-header .crec-menu-submenu.crec-menu-submenu-horizontal{height:100%;line-height:64px}.crec-pro-top-nav-header .crec-menu-submenu.crec-menu-submenu-horizontal .crec-menu-submenu-title{height:100%}.crec-pro-top-nav-header.dark{background-color:#001529;color:#fff}.crec-pro-top-nav-header.crec-blue{background-color:#1961ac;color:#fff}.crec-pro-top-nav-header.crec-blue .crec-menu-submenu-active{color:#fff}.crec-pro-top-nav-header.light{background-color:#fff}.crec-pro-top-nav-header.light h1{color:#002140}.crec-pro-top-nav-header-main{display:-webkit-box;display:-ms-flexbox;display:flex;height:64px;padding-left:24px}.crec-pro-top-nav-header-main.wide{max-width:1200px;margin:auto;padding-left:0}.crec-pro-top-nav-header-main .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.crec-pro-top-nav-header-main .right{width:324px}.crec-pro-top-nav-header-logo{position:relative;min-width:165px;height:64px;overflow:hidden;line-height:64px;-webkit-transition:all .3s;transition:all .3s}.crec-pro-top-nav-header-logo img,.crec-pro-top-nav-header-logo svg{display:inline-block;height:32px;width:auto;vertical-align:middle}.crec-pro-top-nav-header-logo h1{display:inline-block;margin:0 0 0 12px;color:#fff;font-weight:400;vertical-align:top}.crec-pro-top-nav-header-logo h1:before{width:1px;content:"|";text-align:center;padding-right:16px}.crec-pro-top-nav-header-menu .crec-menu.crec-menu-horizontal{height:64px;line-height:64px;border:none}.crec-pro-fixed-header{z-index:9;width:100%;-webkit-transition:width .2s;transition:width .2s}.drop-down.menu .crecicon{margin-right:8px}.drop-down.menu .crec-dropdown-menu-item{min-width:160px}.crec-pro-global-header{position:relative;height:64px;padding:0;background:#fff;-webkit-box-shadow:0 1px 4px rgba(0,21,41,.08);box-shadow:0 1px 4px rgba(0,21,41,.08)}.crec-pro-global-header-index-right{float:right;height:100%;margin-left:auto;overflow:hidden}.crec-pro-global-header-index-right .crec-pro-global-header-index-action{display:inline-block;height:100%;padding:0 12px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.crec-pro-global-header-index-right .crec-pro-global-header-index-action:hover{background:rgba(0,0,0,.025)}.crec-pro-global-header-logo{display:inline-block;height:64px;padding:0 0 0 24px;font-size:20px;line-height:64px;vertical-align:top;cursor:pointer}.crec-pro-global-header-logo img,.crec-pro-global-header-logo svg{display:inline-block;width:32px;height:32px;vertical-align:middle}.crec-pro-global-header-menu .crecicon{margin-right:8px}.crec-pro-global-header-menu .crec-dropdown-menu-item{min-width:160px}.crec-pro-global-header-trigger{height:64px;line-height:64px;vertical-align:top;padding:0 22px;display:inline-block;cursor:pointer;-webkit-transition:all .3s,padding 0s;transition:all .3s,padding 0s}.crec-pro-global-header-trigger .crecicon{font-size:20px;vertical-align:-.225em}.crec-pro-global-header-trigger:hover{background:rgba(0,0,0,.025)}.crec-pro-global-header-content{height:64px;line-height:64px;vertical-align:top;display:inline-block}.crec-pro-global-header .dark{height:64px}.crec-pro-global-header .dark .action,.crec-pro-global-header .dark .action>i{color:hsla(0,0%,100%,.85)}.crec-pro-global-header .dark .action.opened,.crec-pro-global-header .dark .action:hover{background:#1961ac}.crec-pro-global-header .dark .action .crec-badge{color:hsla(0,0%,100%,.85)}.crec-pro-global-header .crec-pro-global-header-index-action i{color:rgba(0,0,0,.65);vertical-align:middle}.crec-pro-global-header-mix-logo img,.crec-pro-global-header-mix-logo svg{height:32px;width:auto;vertical-align:middle}.crec-pro-global-header-mix-logo h1{color:#fff;margin:0 0 0 16px;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;font-weight:600;vertical-align:middle}.crec-pro-global-header-mix-logo h1:before{width:1px;content:"|";text-align:center;padding-right:16px}.crec-pro-global-header.mix h1,.crec-pro-global-header.mix img,.crec-pro-global-header.mix svg{display:inline-block}.crec-pro-global-header.mix.crec-pro-global-header-crec-blue{background-color:#1961ac;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1);color:#fff}.crec-pro-global-header.mix.crec-pro-global-header-crec-blue h1,.crec-pro-global-header.mix.crec-pro-global-header-crec-blue h2,.crec-pro-global-header.mix.crec-pro-global-header-crec-blue h3,.crec-pro-global-header.mix.crec-pro-global-header-crec-blue h4,.crec-pro-global-header.mix.crec-pro-global-header-crec-blue h5,.crec-pro-global-header.mix.crec-pro-global-header-crec-blue h6{color:#fff;margin-bottom:0}.crec-pro-global-header.mix.crec-pro-global-header-light{background-color:#fff;color:#1961ac}.crec-pro-global-header.mix.crec-pro-global-header-light h1,.crec-pro-global-header.mix.crec-pro-global-header-light h2,.crec-pro-global-header.mix.crec-pro-global-header-light h3,.crec-pro-global-header.mix.crec-pro-global-header-light h4,.crec-pro-global-header.mix.crec-pro-global-header-light h5,.crec-pro-global-header.mix.crec-pro-global-header-light h6{color:#1961ac;margin-bottom:0}.crec-pro-global-header>*{display:inline-block}.crec-pro-global-header>a span{display:ruby}.crec-pro-setting-drawer-content{position:relative;min-height:100%}.crec-pro-setting-drawer-content .crec-list-item span{-webkit-box-flex:1;-ms-flex:1;flex:1}.crec-pro-setting-drawer-block-checbox{display:-webkit-box;display:-ms-flexbox;display:flex}.crec-pro-setting-drawer-block-checbox-item{position:relative;margin-right:16px;border-radius:3px;cursor:pointer}.crec-pro-setting-drawer-block-checbox-item img{width:48px}.crec-pro-setting-drawer-block-checbox-selectIcon{position:absolute;top:0;right:0;width:100%;height:100%;padding-top:15px;padding-left:24px;color:#1961ac;font-weight:700;font-size:14px}.crec-pro-setting-drawer-block-checbox-selectIcon .action{color:#1961ac}.crec-pro-setting-drawer-color_block{display:inline-block;width:38px;height:22px;margin:4px;margin-right:12px;vertical-align:middle;border-radius:4px;cursor:pointer}.crec-pro-setting-drawer-title{margin-bottom:12px;color:rgba(0,0,0,.85);font-size:14px;line-height:22px}.crec-pro-setting-drawer-handle{position:absolute;top:240px;right:300px;z-index:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;font-size:16px;text-align:center;background:#1961ac;border-radius:4px 0 0 4px;cursor:pointer;pointer-events:auto}.crec-pro-setting-drawer-production-hint{margin-top:16px;font-size:12px}.crec-pro-setting-drawer-content .theme-color{margin-top:24px;overflow:hidden}.crec-pro-setting-drawer-content .theme-color .theme-color-title{margin-bottom:12px;font-size:14px;line-height:22px}.crec-pro-setting-drawer-content .theme-color .theme-color-block{float:left;width:20px;height:20px;margin-right:8px;color:#fff;font-weight:700;text-align:center;border-radius:2px;cursor:pointer}