| 1 | {"version":3,"sources":["demo.css","../node_modules/tinper-bee-core/scss/minxin-variables.scss","../src/Tabs.scss","TabsDemo.scss","demolist/Demo1.scss","demolist/Demo4.scss","demolist/Demo6.scss"],"names":[],"mappings":"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","file":"demo.css","sourcesContent":["@charset \"UTF-8\";\n/* FormGroup */\n/* Navlayout */\n.u-tabs {\n box-sizing: border-box;\n position: relative;\n max-width: 1920px; }\n .u-tabs .u-tabs-bar,\n .u-tabs .u-tabs-nav-container {\n font-size: 14px;\n line-height: 1.5;\n box-sizing: border-box;\n overflow: hidden;\n position: relative;\n white-space: nowrap;\n outline: none;\n zoom: 1; }\n .u-tabs .u-tabs-extra-content {\n line-height: 38px; }\n .u-tabs .u-tabs-ink-bar {\n z-index: 1;\n position: absolute;\n box-sizing: border-box;\n margin-top: -3px;\n background-color: rgb(245, 60, 50);\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0; }\n .u-tabs .u-tabs-tab-prev,\n .u-tabs .u-tabs-tab-next {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n z-index: 1;\n line-height: 36px;\n cursor: pointer;\n border: none;\n background-color: transparent;\n position: absolute;\n opacity: 0; }\n .u-tabs .u-tabs-tab-prev-icon,\n .u-tabs .u-tabs-tab-next-icon {\n position: relative;\n display: inline-block;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n line-height: inherit;\n vertical-align: sub;\n text-align: center;\n text-transform: none;\n font-smoothing: antialiased;\n text-stroke-width: 0;\n font-family: sans-serif; }\n .u-tabs .u-tabs-tab-prev-icon:before,\n .u-tabs .u-tabs-tab-next-icon:before {\n display: block; }\n .u-tabs .u-tabs-tab-btn-disabled {\n cursor: default;\n color: #ccc; }\n .u-tabs-top .u-tabs-tab-arrow-show,\n .u-tabs-left .u-tabs-tab-arrow-show,\n .u-tabs-bottom .u-tabs-tab-arrow-show,\n .u-tabs-right .u-tabs-tab-arrow-show {\n opacity: 1; }\n .u-tabs .u-tabs-nav-wrap {\n overflow: hidden; }\n .u-tabs .u-tabs-nav {\n box-sizing: border-box;\n padding-left: 0;\n position: relative;\n margin: 0;\n float: left;\n list-style: none;\n display: inline-block;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0; }\n .u-tabs .u-tabs-nav:before,\n .u-tabs .u-tabs-nav:after {\n display: table;\n content: \" \"; }\n .u-tabs .u-tabs-nav:after {\n clear: both; }\n .u-tabs .u-tabs-tab {\n box-sizing: border-box;\n position: relative;\n display: block;\n -webkit-transition: color 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n transition: color 0.3s cubic-bezier(0.35, 0, 0.25, 1);\n padding: 8px 20px;\n font-weight: 500;\n cursor: pointer; }\n .u-tabs .u-tabs-tab:hover {\n color: rgb(245, 60, 50); }\n .u-tabs .u-tabs-tab-active,\n .u-tabs .u-tabs-tab-active:hover {\n color: rgb(245, 60, 50);\n cursor: default;\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n z-index: 0; }\n .u-tabs .u-tabs-tab-disabled {\n cursor: default;\n color: #ccc; }\n .u-tabs .u-tabs-tab-disabled:hover {\n color: #ccc; }\n .u-tabs .u-tabs-content {\n zoom: 1;\n font-size: 14px; }\n .u-tabs .u-tabs-content .u-tabs-tabpane {\n overflow: auto;\n min-width: 1px; }\n .u-tabs .u-tabs-content-animated {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n will-change: transform; }\n .u-tabs .u-tabs-content-animated .u-tabs-tabpane {\n -ms-flex-negative: 0;\n flex-shrink: 0; }\n .u-tabs .no-flexbox .u-tabs-content {\n -webkit-transform: none;\n transform: none;\n overflow: auto; }\n .u-tabs .no-csstransitions .u-tabs-tabpane-inactive,\n .u-tabs .no-flexbox .u-tabs-tabpane-inactive,\n .u-tabs .u-tabs-content-no-animated .u-tabs-tabpane-inactive {\n display: none; }\n\n.u-tabs-left {\n overflow-y: hidden; }\n .u-tabs-left .u-tabs-bar {\n float: left;\n height: 100%;\n margin-right: 16px;\n border-right: 1px solid #e9e9e9; }\n .u-tabs-left .u-tabs-top .u-tabs-bar {\n height: 54px; }\n .u-tabs-left .u-tabs-nav-container {\n height: calc(100% - 38px); }\n .u-tabs-left .u-tabs-nav-container-scrolling {\n padding-top: 32px;\n padding-bottom: 32px; }\n .u-tabs-left .u-tabs-nav-wrap {\n height: 100%; }\n .u-tabs-left .u-tabs-content-animated {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n .u-tabs-left .u-tabs-left .u-tabs-content-animated .u-tabs-tabpane {\n height: 100%; }\n .u-tabs-left .u-tabs-nav-scroll {\n height: 99999px; }\n .u-tabs-left .u-tabs-nav-swipe {\n position: relative;\n top: 0; }\n .u-tabs-left .u-tabs-nav-swipe .u-tabs-nav {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n height: 100%; }\n .u-tabs-left .u-tabs-nav-swipe .u-tabs-nav .u-tabs-tab {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n .u-tabs-left .u-tabs-tab-prev,\n .u-tabs-left .u-tabs-tab-next {\n margin-top: -2px;\n height: 32px;\n line-height: 32px;\n width: 100%;\n display: block;\n text-align: center; }\n .u-tabs-left .u-tabs-tab-next {\n bottom: 0; }\n .u-tabs-left .u-tabs-tab-next-icon {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }\n .u-tabs-left .u-tabs-tab-next-icon:before {\n content: \">\"; }\n .u-tabs-left .u-tabs-tab-prev {\n top: 2px; }\n .u-tabs-left .u-tabs-tab-prev-icon {\n -webkit-transform: rotate(270deg);\n transform: rotate(270deg);\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }\n .u-tabs-left .u-tabs-tab-prev-icon:before {\n content: \">\"; }\n .u-tabs-left .u-tabs-ink-bar {\n width: 2px;\n right: 0;\n height: auto; }\n .u-tabs-left .u-tabs-tab {\n padding: 16px 24px; }\n\n.u-tabs-right {\n overflow-y: hidden; }\n .u-tabs-right .u-tabs-bar {\n float: right;\n height: 100%;\n margin-left: 16px;\n border-left: 1px solid #e9e9e9; }\n .u-tabs-right .u-tabs-nav-container {\n height: calc(100% - 38px); }\n .u-tabs-right .u-tabs-nav-container-scrolling {\n padding-top: 32px;\n padding-bottom: 32px; }\n .u-tabs-right .u-tabs-nav-wrap {\n height: 100%; }\n .u-tabs-right .u-tabs-nav-scroll {\n height: 99999px; }\n .u-tabs-right .u-tabs-nav-swipe {\n position: relative; }\n .u-tabs-right .u-tabs-nav-swipe .u-tabs-nav {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n height: 100%; }\n .u-tabs-right .u-tabs-nav-swipe .u-tabs-nav .u-tabs-tab {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n .u-tabs-right .u-tabs-tab-prev,\n .u-tabs-right .u-tabs-tab-next {\n margin-top: -2px;\n height: 32px;\n width: 100%;\n display: block;\n text-align: center;\n line-height: 32px; }\n .u-tabs-right .u-tabs-tab-next {\n bottom: 0; }\n .u-tabs-right .u-tabs-tab-next-icon {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }\n .u-tabs-right .u-tabs-tab-next-icon:before {\n content: \">\"; }\n .u-tabs-right .u-tabs-tab-prev {\n top: 2px; }\n .u-tabs-right .u-tabs-tab-prev-icon {\n -webkit-transform: rotate(270deg);\n transform: rotate(270deg);\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }\n .u-tabs-right .u-tabs-tab-prev-icon:before {\n content: \">\"; }\n .u-tabs-right .u-tabs-content-animated {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n .u-tabs-right .u-tabs-content-animated .u-tabs-tabpane {\n height: 100%; }\n .u-tabs-right .u-tabs-ink-bar {\n width: 2px;\n left: 0; }\n .u-tabs-right .u-tabs-tab {\n padding: 16px 24px; }\n\n.u-tabs-bottom {\n overflow-x: hidden; }\n .u-tabs-bottom .u-tabs-content {\n width: 100%; }\n .u-tabs-bottom .u-tabs-bar {\n border-top: 1px solid #e9e9e9;\n margin-top: 16px; }\n .u-tabs-bottom .u-tabs-nav-container-scrolling {\n padding-left: 32px;\n padding-right: 32px; }\n .u-tabs-bottom .u-tabs-nav-scroll {\n width: 99999px; }\n .u-tabs-bottom .u-tabs-nav-swipe {\n position: relative;\n left: 0; }\n .u-tabs-bottom .u-tabs-nav-swipe .u-tabs-nav {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n width: 100%; }\n .u-tabs-bottom .u-tabs-nav-swipe .u-tabs-nav .u-tabs-tab {\n margin-right: 0;\n padding: 8px 0;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n .u-tabs-bottom .u-tabs-nav-wrap {\n width: 100%; }\n .u-tabs-bottom .u-tabs-content-animated {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row; }\n .u-tabs-bottom .u-tabs-content-animated .u-tabs-tabpane {\n width: 100%; }\n .u-tabs-bottom .u-tabs-tab-next {\n right: 2px; }\n .u-tabs-bottom .u-tabs-tab-next-icon:before {\n content: \">\"; }\n .u-tabs-bottom .u-tabs-tab-prev {\n left: 0; }\n .u-tabs-bottom .u-tabs-tab-prev-icon:before {\n content: \"<\"; }\n .u-tabs-bottom .u-tabs-tab-prev,\n .u-tabs-bottom .u-tabs-tab-next {\n margin-right: -2px;\n width: 32px;\n height: 100%;\n top: 0;\n text-align: center; }\n .u-tabs-bottom .u-tabs-ink-bar {\n height: 2px;\n top: 3px;\n left: 0; }\n .u-tabs-bottom .u-tabs-tab {\n float: left;\n height: 100%;\n margin-right: 30px; }\n .u-tabs-bottom .u-tabs-tabpane-inactive {\n height: 0;\n overflow: visible; }\n\n.u-tabs-top {\n overflow-x: hidden; }\n .u-tabs-top .u-tabs-content {\n width: 100%;\n font-size: 14px; }\n .u-tabs-top .u-tabs-bar {\n border-bottom: 1px solid #e9e9e9;\n margin-bottom: 16px; }\n .u-tabs-top .u-tabs-nav-container-scrolling {\n padding-left: 32px;\n padding-right: 32px; }\n .u-tabs-top .u-tabs-nav-scroll {\n width: 99999px; }\n .u-tabs-top .u-tabs-nav-swipe {\n position: relative;\n left: 0; }\n .u-tabs-top .u-tabs-nav-swipe .u-tabs-nav {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n width: 100%; }\n .u-tabs-top .u-tabs-nav-swipe .u-tabs-nav .u-tabs-tab {\n margin-right: 0;\n padding: 8px 0;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n .u-tabs-top .u-tabs-nav-wrap {\n width: 100%; }\n .u-tabs-top .u-tabs-content-animated {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row; }\n .u-tabs-top .u-tabs-content-animated .u-tabs-tabpane {\n width: 100%; }\n .u-tabs-top .u-tabs-tab-next {\n right: 2px; }\n .u-tabs-top .u-tabs-tab-next-icon:before {\n content: \">\"; }\n .u-tabs-top .u-tabs-tab-prev {\n left: 0; }\n .u-tabs-top .u-tabs-tab-prev-icon:before {\n content: \"<\"; }\n .u-tabs-top .u-tabs-tab-prev,\n .u-tabs-top .u-tabs-tab-next {\n margin-right: -2px;\n width: 32px;\n height: 100%;\n top: 0;\n text-align: center; }\n .u-tabs-top .u-tabs-ink-bar {\n height: 2px;\n bottom: 0;\n left: 0;\n width: auto; }\n .u-tabs-top .u-tabs-tab {\n float: left;\n height: 100%;\n margin-right: 30px; }\n .u-tabs-top .u-tabs-tabpane-inactive {\n height: 0;\n overflow: visible; }\n\n/*基础tab1*/\n/*基础table01*/\n.u-tabs-primary .u-tabs-ink-bar {\n background-color: transparent;\n height: 0; }\n\n.u-tabs-primary .u-tabs-bar, .u-tabs-primary .u-tabs-nav-container {\n background: #f5f5f5; }\n\n.u-tabs-primary .u-tabs-nav {\n margin-left: 5px; }\n .u-tabs-primary .u-tabs-nav .u-tabs-tab {\n min-width: 90px;\n margin: 5px 0 5px 5px;\n background-color: #fff;\n border-radius: 0 0 0 0;\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n color: #666;\n padding: 5px 20px;\n text-align: center; }\n .u-tabs-primary .u-tabs-nav .u-tabs-tab:hover {\n color: rgb(245, 60, 50); }\n .u-tabs-primary .u-tabs-nav .u-tabs-tab-active {\n background: rgb(245, 60, 50);\n color: #fff; }\n .u-tabs-primary .u-tabs-nav .u-tabs-tab-active:hover {\n color: #fff; }\n\n/*基础table02*/\n.u-tabs-upborder .u-tabs-ink-bar {\n height: 0; }\n\n.u-tabs-upborder .u-tabs-bar, .u-tabs-upborder .u-tabs-nav-container {\n background: #f5f5f5; }\n\n.u-tabs-upborder .u-tabs-bar {\n border: none; }\n\n.u-tabs-upborder .u-tabs-nav .u-tabs-tab:first-child {\n margin-left: 5px; }\n\n.u-tabs-upborder .u-tabs-nav .u-tabs-tab {\n min-width: 90px;\n text-align: center;\n margin-right: 0;\n padding: 14px 16px 9px 16px;\n line-height: 1;\n border-bottom: 1px solid #e9e9e9; }\n .u-tabs-upborder .u-tabs-nav .u-tabs-tab::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n border-left: none;\n z-index: -1; }\n .u-tabs-upborder .u-tabs-nav .u-tabs-tab::after {\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n background-color: rgb(245, 60, 50);\n content: '';\n border-bottom: 35px #fff solid;\n border-left: none; }\n .u-tabs-upborder .u-tabs-nav .u-tabs-tab-active {\n color: rgb(245, 60, 50);\n border-left: 1px solid #e9e9e9;\n border-right: 1px solid #e9e9e9;\n border-bottom: 1px solid #fff; }\n\n/*基础tab03*/\n.u-tabs-downborder .u-tabs-ink-bar {\n background-color: transparent; }\n\n.u-tabs-downborder .u-tabs-nav {\n background: #fff; }\n .u-tabs-downborder .u-tabs-nav .u-tabs-tab {\n min-width: 90px;\n text-align: center;\n z-index: 1;\n margin-right: 5px;\n padding: 9px 16px;\n line-height: 1;\n color: #666;\n transition: color 0.3s; }\n .u-tabs-downborder .u-tabs-nav .u-tabs-tab:hover {\n color: rgb(245, 60, 50); }\n .u-tabs-downborder .u-tabs-nav .u-tabs-tab::after {\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n background: #d2d8d6;\n content: ''; }\n .u-tabs-downborder .u-tabs-nav .u-tabs-tab:hover::after, .u-tabs-downborder .u-tabs-nav .u-tabs-tab:focus::after, .u-tabs-downborder .u-tabs-nav .u-tabs-tab.u-tabs-tab-active::after {\n background: rgb(245, 60, 50); }\n .u-tabs-downborder .u-tabs-nav .u-tabs-tab.u-tabs-tab-active::after {\n border-top-left-radius: 5px;\n border-top-right-radius: 5px; }\n .u-tabs-downborder .u-tabs-nav .u-tabs-tab-active {\n color: #fff; }\n .u-tabs-downborder .u-tabs-nav .u-tabs-tab-active:hover {\n color: #fff; }\n\n.u-tabs-downborder .u-content-list {\n border: none; }\n\n/*基础tab04*/\n.u-tabs-trapezoid .u-tabs-ink-bar {\n background-color: transparent;\n height: 0; }\n\n.u-tabs-trapezoid .u-tabs-bar, .u-tabs-trapezoid .u-tabs-nav-container {\n background: #f5f5f5; }\n\n.u-tabs-trapezoid .u-tabs-nav .u-tabs-tab:first-child {\n margin-left: 5px; }\n\n.u-tabs-trapezoid .u-tabs-nav .u-tabs-tab {\n min-width: 90px;\n padding: 9px 20px;\n z-index: 1;\n color: #fff;\n margin-right: 0;\n line-height: 1;\n margin-top: 5px; }\n .u-tabs-trapezoid .u-tabs-nav .u-tabs-tab::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n border-bottom: 32px rgb(245, 60, 50) solid;\n border-right: transparent 15px solid;\n border-left: none;\n z-index: -1; }\n .u-tabs-trapezoid .u-tabs-nav .u-tabs-tab::after {\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n background-color: #f5f5f5;\n content: '';\n border-bottom: 32px #fff solid;\n border-right: #f5f5f5 15px solid;\n border-left: none; }\n .u-tabs-trapezoid .u-tabs-nav .u-tabs-tab-active {\n color: rgb(245, 60, 50);\n margin-top: 5px; }\n\n/*基础tab2*/\n.u-tabs-fill .u-tabs-ink-bar {\n background-color: transparent; }\n\n.u-tabs-fill .u-tabs-nav {\n background: #fff; }\n .u-tabs-fill .u-tabs-nav .u-tabs-tab {\n margin-right: 5px;\n color: #666;\n transition: color 0.3s; }\n .u-tabs-fill .u-tabs-nav .u-tabs-tab:hover {\n color: rgb(245, 60, 50); }\n .u-tabs-fill .u-tabs-nav .u-tabs-tab::after {\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n background: #d2d8d6;\n content: ''; }\n .u-tabs-fill .u-tabs-nav .u-tabs-tab:hover::after, .u-tabs-fill .u-tabs-nav .u-tabs-tab:focus::after, .u-tabs-fill .u-tabs-nav .u-tabs-tab.u-tabs-tab-active::after {\n background: rgb(245, 60, 50); }\n .u-tabs-fill .u-tabs-nav .u-tabs-tab.u-tabs-tab-active::after {\n border-top-left-radius: 5px;\n border-top-right-radius: 5px; }\n .u-tabs-fill .u-tabs-nav .u-tabs-tab-active {\n color: #fff; }\n .u-tabs-fill .u-tabs-nav .u-tabs-tab-active:hover {\n color: #fff; }\n\n.u-tabs-fill .u-content-list {\n border: none; }\n\n/*可编辑card*/\n.u-tabs-editable-card .u-tabs-bar {\n line-height: 38px; }\n\n.u-tabs-editable-card .u-tabs-nav {\n background: #fff; }\n .u-tabs-editable-card .u-tabs-nav .u-tabs-ink-bar {\n height: 0; }\n .u-tabs-editable-card .u-tabs-nav .u-tabs-tab {\n margin-right: 5px;\n color: #666;\n transition: color 0.3s;\n background: #f5f5f5;\n border: 1px solid #e9e9e9;\n border-bottom-color: #f5f5f5;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px; }\n .u-tabs-editable-card .u-tabs-nav .u-tabs-tab .u-tabs-close-x {\n font-size: 12px; }\n .u-tabs-editable-card .u-tabs-nav .u-tabs-tab:hover {\n color: rgb(245, 60, 50); }\n .u-tabs-editable-card .u-tabs-nav .u-tabs-tab::after {\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n background: #d2d8d6;\n content: ''; }\n .u-tabs-editable-card .u-tabs-nav .u-tabs-tab:hover::after, .u-tabs-editable-card .u-tabs-nav .u-tabs-tab:focus::after, .u-tabs-editable-card .u-tabs-nav .u-tabs-tab.u-tabs-tab-active::after {\n background: #fff; }\n .u-tabs-editable-card .u-tabs-nav .u-tabs-tab-active {\n color: rgb(245, 60, 50);\n border-color: #e9e9e9;\n border-bottom: 1px solid #fff; }\n\n.u-tabs-editable-card .u-content-list {\n border: none; }\n\n/*基础tab3*/\n.u-tabs-turn .u-tabs-ink-bar {\n background-color: transparent;\n height: 0; }\n\n.u-tabs-turn .u-tabs-bar, .u-tabs-turn .u-tabs-nav-container {\n background: #f5f5f5; }\n\n.u-tabs-turn .u-tabs-nav .u-tabs-tab:first-child {\n margin-left: 5px; }\n\n.u-tabs-turn .u-tabs-nav .u-tabs-tab {\n margin-bottom: -1px;\n z-index: 1;\n color: #fff;\n margin-right: 0;\n line-height: 1;\n margin-top: 5px; }\n .u-tabs-turn .u-tabs-nav .u-tabs-tab::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n border-bottom: 32px rgb(245, 60, 50) solid;\n border-right: transparent 15px solid;\n border-left: none;\n z-index: -1; }\n .u-tabs-turn .u-tabs-nav .u-tabs-tab::after {\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n background-color: #f5f5f5;\n content: '';\n border-bottom: 32px #fff solid;\n border-right: #f5f5f5 15px solid;\n border-left: none; }\n .u-tabs-turn .u-tabs-nav .u-tabs-tab-active {\n color: rgb(245, 60, 50);\n margin-top: 5px; }\n\n.u-tabs-moveleft .u-content-list {\n border: 5px solid #f5f5f5;\n border-top: none;\n height: 120px;\n padding: 16px;\n background: #fff;\n position: relative; }\n .u-tabs-moveleft .u-content-list .u-content {\n display: inline-block;\n transform: translateX(-100%);\n opacity: 0;\n position: absolute;\n transition: all .3s ease-in-out; }\n .u-tabs-moveleft .u-content-list .u-content-active {\n transform: translateX(0);\n transition-delay: .3s;\n opacity: 1; }\n\n/*基础tab4 */\n.u-tabs-fade .u-tabs-ink-bar {\n background-color: transparent;\n height: 0; }\n\n.u-tabs-fade .u-tabs-bar, .u-tabs-fade .u-tabs-nav-container {\n background: #f5f5f5; }\n\n.u-tabs-fade .u-tabs-nav {\n margin-left: 5px; }\n .u-tabs-fade .u-tabs-nav .u-tabs-tab {\n margin-right: 0;\n margin-top: 5px;\n border-radius: 0 0 0 0;\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n color: #666;\n padding: 5px 20px;\n text-align: center;\n float: left;\n display: inline-block;\n box-sizing: border-box;\n position: relative;\n cursor: pointer;\n text-decoration: none; }\n .u-tabs-fade .u-tabs-nav .u-tabs-tab:hover {\n color: rgb(245, 60, 50); }\n .u-tabs-fade .u-tabs-nav .u-tabs-tab-active {\n background: #fff;\n color: #666; }\n .u-tabs-fade .u-tabs-nav .u-tabs-tab-active:hover {\n color: rgb(245, 60, 50); }\n\n/*基础tab5 */\n.u-tabs-fadeup .u-tabs-ink-bar {\n background-color: transparent;\n height: 0; }\n\n.u-tabs-fadeup .u-tabs-bar, .u-tabs-fadeup .u-tabs-nav-container {\n background: #f5f5f5; }\n\n.u-tabs-fadeup .u-tabs-nav {\n margin-bottom: -1px; }\n .u-tabs-fadeup .u-tabs-nav .u-tabs-tab {\n margin-top: 5px;\n border-radius: 0 0 0 0;\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n color: #666;\n padding: 0 16px;\n text-align: center;\n float: left;\n display: inline-block;\n box-sizing: border-box;\n position: relative;\n cursor: pointer;\n text-decoration: none; }\n .u-tabs-fadeup .u-tabs-nav .u-tabs-tab:hover {\n color: rgb(245, 60, 50); }\n .u-tabs-fadeup .u-tabs-nav .u-tabs-tab::after {\n position: absolute;\n top: -5px;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n content: ''; }\n .u-tabs-fadeup .u-tabs-nav .u-tabs-tab:hover::after, .u-tabs-fadeup .u-tabs-nav .u-tabs-tab:focus::after, .u-tabs-fadeup .u-tabs-nav .u-tabs-tab.u-tabs-tab-active::after {\n background: rgb(245, 60, 50); }\n .u-tabs-fadeup .u-tabs-nav .u-tabs-tab-active {\n color: #fff; }\n .u-tabs-fadeup .u-tabs-nav .u-tabs-tab-active {\n background: #fff;\n color: #666; }\n .u-tabs-fadeup .u-tabs-nav .u-tabs-tab-active:hover {\n color: #666; }\n\n/*基础tab6*/\n.u-tabs-slide .u-tabs-nav {\n background: #f5f5f5; }\n .u-tabs-slide .u-tabs-nav .u-tabs-tab {\n padding: 0 16px; }\n .u-tabs-slide .u-tabs-nav .u-tabs-tab-child {\n position: absolute;\n bottom: 0;\n left: 0;\n height: 4px;\n background: rgb(245, 60, 50);\n content: ''; }\n\n.u-search-tabs-item {\n cursor: pointer; }\n .u-search-tabs-item.active {\n color: rgb(245, 60, 50); }\n\n.u-search-tabs-split {\n margin: 0 15px;\n color: #555;\n font-size: 12px; }\n\nul, li {\n list-style: none; }\n\n.demo1-tabs {\n margin-bottom: 40px; }\n\n.demo4 {\n width: 600px;\n margin: 20px; }\n .demo4 .demo4-tabs.u-tabs-left, .demo4 .demo4-tabs.u-tabs-right {\n height: 300px; }\n .demo4 .u-select {\n width: 100px; }\n\n.Demo6-tabs .add-button {\n margin: 3px; }\n","\n\n// $performance_font: 'Helvetica', 'Arial', sans-serif !default;\n\n@import \"minxin-colors\";\n\n\n\n@function strip-units($number) {\n @return $number / ($number * 0 + 1);\n}\n$unit: 10px !default;\n// IMAGES\n$image_path: '/images' !default;\n\n\n\n//默认颜色\n$trim-color-classes: false !default;\n\n@import \"minxin-themeColors\";\n\n//对比色\n$color-primary-contrast: $color-dark-contrast !default;\n$color-accent-contrast: $color-dark-contrast !default;\n//字体颜色\n$color-text: $palette-grey-900 !default;\n\n//不明所以 $primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\n\n// -- Fonts 字体大小权重预定义\n$preferred-font: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif !default;\n$font-size: 1.6 * $unit !default;\n$font-size-tiny: 1.2 * $unit !default;\n$font-size-small: 1.4 * $unit !default;\n$font-size-normal: $font-size !default;\n$font-size-big: 1.8 * $unit !default;\n$font-size-base: 12px !default;\n$font-weight-thin: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semi-bold: 500 !default;\n$font-weight-bold: 700 !default;\n$font-color:unquote(\"rgb(#{$palette-u-gray-800})\") !default;\n// 白色背景下的文字颜色\n$font-color-base: #212121 !default;\n\n$font-weight-override: false;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n$font-weight-base: $font-weight-normal;\n\n\n\n\n$gray-base: unquote(\"rgb(#{$palette-grey-900})\") !default;\n$gray-darkest: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$gray-darker: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$gray-dark: unquote(\"rgb(#{$palette-grey-600})\") !default;\n$gray: unquote(\"rgb(#{$palette-grey-500})\") !default;\n$gray-light: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$gray-lighter: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$gray-lightest:unquote(\"rgb(#{$palette-grey-200})\") !default;\n$inverse: unquote(\"rgb(#{$color-white})\") !default;\n// $border-color-base: $gray-lighter;\n$border-color-base: unquote(\"rgb(#{$border-color})\") !default;\n$line-height-base: 1.57142857;\n\n// 边框圆角\n$border-radius-base: $border-radius;\n\n// 阴影\n\n$shadow-key-umbra-opacity: 0.2 !default;\n$shadow-key-penumbra-opacity: 0.14 !default;\n$shadow-ambient-shadow-opacity: 0.12 !default;\n\n$shadow-base: 0 1px 5px $gray-lighter;\n\n\n\n//-- Indexes\n$z-index-highest: 300;\n$z-index-higher: 200;\n$z-index-high: 100;\n$z-index-normal: 1;\n$z-index-low: -100;\n$z-index-lower: -200;\n\n$zindex-modal: 1700;\n$zindex-modal-background: 1600;\n$zIndex-notification: 1560;\n$zIndex-message: 1550;\n$zIndex-popconfirm: 1540;\n$zIndex-popover: 1540;\n$zIndex-tooltip: 1530;\n$zIndex-alert: 1510;\n$zindex-navbar-fixed: 1500;\n$zindex-menubar: 1400;\n$zindex-overlay: 1300;\n$zindex-dropdown: 1200;\n$zindex-navbar: 1200;\n$zindex-header: 1100;\n$zindex-footer: 1000;\n$zindex-backtop:2000;\n\n// 文本字体\n\n//todo\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n$target-elements-directly: true !default;\n\n\n$global-selected-color: unquote(\"rgb(#{$palette-blue-100})\") !default;\n\n\n// 控件\n$cursor-disabled: not-allowed;\n\n\n$title-color: $gray-darkest;\n//todo\n$subtitle-color: $gray-darker;\n$text-color: $gray-dark;\n\n$prompt-color: $gray;\n//全局不同状态颜色\n//todo\n$active-color-base: unquote(\"rgb(#{$palette-blue-800})\") !default;\n$normal-color-base: unquote(\"rgb(#{$palette-blue-600})\") !default;\n$hover-color-base: unquote(\"rgb(#{$palette-blue-400})\") !default;\n\n$bg-color-base: $gray-lightest;\n\n//disable颜色\n$disabled-color-base: #909090;\n$disabled-border-color: $gray-lighter;\n$disabled-bg-color: $gray-lightest;\n\n// 全局链接颜色\n$link-color: $normal-color-base;\n$link-hover-color: $hover-color-base;\n$link-active-color: $active-color-base;\n\n// 品牌色\n$brand-default: $gray-lighter;\n$brand-default-hover: $gray-lightest;\n$brand-default-active: $gray-light;\n// $brand-default: unquote(\"rgb(#{$color-primary})\");\n// $brand-default-hover: unquote(\"rgb(#{$color-primary-light})\");\n// $brand-default-active: unquote(\"rgb(#{$color-primary-dark})\");\n\n$brand-primary : unquote(\"rgb(#{$primary-color})\") !default;\n$brand-primary-hover: unquote(\"rgb(#{$primary-color-light})\") !default;\n$brand-primary-active: unquote(\"rgb(#{$primary-color-dark})\") !default;\n\n$brand-secondary : unquote(\"rgb(#{$secondary-color})\") !default;\n$brand-secondary-hover: unquote(\"rgb(#{$secondary-color-light})\") !default;\n$brand-secondary-active: unquote(\"rgb(#{$secondary-color-dark})\") !default;\n\n$brand-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$brand-success-hover: unquote(\"rgb(#{$palette-green-300})\") !default;\n$brand-success-active: unquote(\"rgb(#{$palette-green-700})\") !default;\n\n$brand-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$brand-info-hover: unquote(\"rgb(#{$palette-cyan-300})\") !default;\n$brand-info-active: unquote(\"rgb(#{$palette-cyan-700})\") !default;\n\n$brand-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$brand-warning-hover: unquote(\"rgb(#{$palette-orange-300})\") !default;\n$brand-warning-active: unquote(\"rgb(#{$palette-orange-700})\") !default;\n\n\n$brand-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$brand-news-hover: unquote(\"rgb(#{$palette-blue-300})\") !default;\n$brand-news-active: unquote(\"rgb(#{$palette-blue-700})\") !default;\n\n$brand-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$brand-danger-hover: unquote(\"rgb(#{$palette-red-300})\") !default;\n$brand-danger-active: unquote(\"rgb(#{$palette-red-700})\") !default;\n\n$brand-dark: $gray-darker;\n$brand-dark-hover: $gray-dark;\n$brand-dark-active: $gray-darkest;\n\n$brand-light : unquote(\"rgb(#{$color-dark-contrast})\") !default;\n$brand-light-hover: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$brand-light-active: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n$brand-light-primary : unquote(\"rgb(#{$palette-blue-50})\") !default;\n$brand-light-success: unquote(\"rgb(#{$palette-green-50})\") !default;\n$brand-light-info: unquote(\"rgb(#{$palette-cyan-50})\") !default;\n$brand-light-warning: unquote(\"rgb(#{$palette-orange-50})\") !default;\n$brand-light-news: unquote(\"rgb(#{$palette-blue-50})\") !default;\n$brand-light-danger: unquote(\"rgb(#{$palette-red-50})\") !default;\n\n//不同背景下对应的文字颜色\n\n$color-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$color-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$color-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$color-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$color-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$color-light: $gray-darker !default;\n\n//redius\n\n$default-border-radius: $border-radius;\n\n// hover时的背景色，包括select、dropdown、table、datepicker、tree、menu等组件\n$hover-bg-color-base: unquote(\"rgb(#{$item-hover-bg-color-base})\") !default;\n// // selected背景色，包括：select、menu等\n$selected-bg-color-base: unquote(\"rgb(#{$item-selected-bg-color-base})\") !default;\n\n// UButton\n\n// Button 基础背景色.\n// 默认按钮(<Button></Button>)\n$button-default-color: unquote(\"rgb(#{$default-color})\");\n$button-default-color-IE8: unquote(\"rgb(#{$default-color})\");\n\n// 边框按钮(shape:'border')\n$button-border-bg-color: unquote(\"rgb(#{$color-dark-contrast})\");\n\n// Button 不同状态下的背景色 ：hover、active、focus状态.\n$button-hover-color: unquote(\"rgb(#{$default-color-light})\");\n$button-active-color: unquote(\"rgb(#{$default-color-dark})\");\n$button-focus-color: unquote(\"rgb(#{$default-color-light})\");\n\n// Button 配置不同colors属性时的背景色.\n$button-primary-color: $brand-primary;\n$button-primary-active-color: $brand-primary-active;\n$button-primary-hover-color: $brand-primary-hover;\n$button-secondary-color: $brand-secondary;\n$button-secondary-active-color: $brand-secondary-active;\n$button-secondary-hover-color: $brand-secondary-hover;\n$button-success-color: $brand-success;\n$button-success-active-color: $brand-success-active;\n$button-success-hover-color: $brand-success-hover;\n$button-info-color: $brand-info;\n$button-info-active-color: $brand-info-active;\n$button-info-hover-color: $brand-info-hover;\n$button-warning-color: $brand-warning;\n$button-warning-active-color: $brand-warning-active;\n$button-warning-hover-color: $brand-warning-hover;\n$button-danger-color: $brand-danger;\n$button-danger-active-color: $brand-danger-active;\n$button-danger-hover-color: $brand-danger-hover;\n$button-dark-color: $brand-dark;\n$button-dark-active-color: $brand-dark-active;\n$button-dark-hover-color: $brand-dark-hover;\n$button-light-color: $brand-light;\n$button-light-active-color: $brand-light-active;\n$button-light-hover-color: $brand-light-hover;\n\n// Button 文字颜色.\n// 主按钮(colors:'primary')\n$button-primary-text-color: $color-primary-contrast !default;\n$button-text-color: $button-primary-text-color;\n// 次按钮(colors:'secondary')\n$button-second-text-color: unquote(\"rgb(#{$button-secondary-text-color})\") !default;\n// 默认按钮(<Button></Button>)\n$button-default-text-color: unquote(\"rgb(#{$palette-grey-900})\") !default;\n// 边框按钮(shape:'border')\n// $button-border-text-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n// Button 边框样式及颜色.\n$button-border-style: unquote(\"solid\") !default;\n$button-border-color: $border-color-base;\n$button-default-border-color: $button-default-color !default;\n\n// Button 不同状态下的边框颜色 ：hover、active、focus状态.\n$button-hover-border-color: $brand-default-hover;\n$button-active-border-color: $brand-default-active;\n$button-focus-border-color: $brand-default-active;\n\n// FAB colors and sizes.\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent-light})\") !default;\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n\n// Icon button colors and sizes.\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$button-icon-focus-color: $button-focus-color !default;\n\n// Button 最小宽度、高度、内边距、外边距、行高、边框粗细、圆角.\n$button-min-width: 72/10 * $unit !default;\n$button-height: 36/10 * $unit !default;\n$button-padding: 4/10* $unit 13/10 * $unit !default;\n$button-padding-IE8: 4px 13px !default;\n$button-top-padding: 1310 * $unit !default;\n$button-left-padding: 6/10* $unit !default;\n$button-line-height:1.57142857;\n$button-margin: 4/10 * $unit !default;\n$button-border-radius: 3/10 * $unit !default;\n$button-border-width: 1/10 * $unit !default;\n\n$button-fab-size: 38/10 * $unit !default;\n$button-fab-size-mini: 30/10 * $unit !default;\n$button-fab-font-size: 14/10 * $unit !default;\n\n$button-icon-size: 32/10 * $unit !default;\n$button-icon-size-mini: 13/10 * $unit !default;\n\n$button-raised-font-size: 14/10 * $unit !default;\n\n// Button 大按钮\n$button-padding-y-lg:8px;\n$button-padding-x-lg:15px;\n$font-size-lg:1.4 * $unit;\n\n\n// Button 特大型按钮\n$button-padding-y-xg:10.5px;\n$button-padding-x-xg:18px;\n$font-size-xg:1.6 * $unit;\n\n\n// Button 小型按钮\n$button-padding-y-sm:3px;\n$button-padding-x-sm:5px;\n$font-size-sm:1.2 * $unit;\n\n\n\n// UText\n\n\n$form-control-border-radius: $border-radius-base;\n$form-control-default-font-size: 14px;\n$form-control-lg-font-size: 14px;\n$form-control-sm-font-size: 12px;\n$form-control-default-height: 32px;\n$form-control-lg-height: 40px;\n$form-control-sm-height: 26px;\n$form-control-color: #424242;\n$form-control-bg-color: #fff;\n$form-control-border-color: $border-color-base;\n$form-control-disable-bg-color: #F7F9FB;\n$form-control-disable-color: $disabled-color-base;\n$form-control-disable-border-color: #DFE1E6;\n\n$input-text-background-color: transparent !default;\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$input-text-bottom-border-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$input-text-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\n$input-text-disabled-color: $input-text-bottom-border-color !default;\n$input-text-disabled-text-color: $input-text-label-color !default;\n$input-text-error-color: unquote(\"rgb(222, 50, 38)\") !default;\n$input-text-must-color:unquote(\"rgb(#{$palette-red-A700})\") !default;\n\n\n$input-text-font-size: 14px !default;\n$input-text-width: 100% !default;\n$input-text-padding: 4px !default;\n$input-text-vertical-spacing: 20px !default;\n\n$input-text-button-size: 32px !default;\n$input-text-floating-label-fontsize: 12px !default;\n$input-text-expandable-icon-top: 16px !default;\n$input-text-height:36px !default;\n$input-text-normal-width:360px !default;\n$input-text-short-width:180px !default;\n$input-text-normal-border-color:unquote(\"rgb(#{$palette-u-gray-400})\") !default;\n$input-text-color:unquote(\"rgb(#{$palette-u-gray-A200})\") !default;\n$input-text-focus-border-color:unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$input-lable-color:unquote(\"rgb(#{$palette-u-gray-900})\") !default;\n\n\n/* FormGroup */\n\n$error-input-border:$brand-danger;\n$warning-input-border:$brand-warning;\n$success-input-border:$brand-success;\n$success-addon-bg: $brand-light-success;\n$warning-addon-bg: $brand-light-warning;\n$error-addon-bg: $brand-light-danger;\n$form-group-margin-top: 15px;\n$form-group-margin-bottom: 15px;\n\n/* Navlayout */\n\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-100})\") !default;\n\n// Drawer\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$layout-drawer-navigation-color: #757575 !default;\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$layout-drawer-navigation-link-active-color: $layout-text-color !default;\n\n// Header\n$layout-header-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n$layout-nav-link-font-size: 13px !default;\n\n$layout-drawer-narrow: 240px !default;\n$layout-drawer-wide: 456px !default;\n$layout-drawer-width: $layout-drawer-narrow !default;\n\n$layout-header-icon-size: 32px !default;\n$layout-screen-size-threshold: 1024px !default;\n$layout-header-icon-margin: 24px !default;\n$layout-drawer-button-mobile-size: 44px !default;\n$layout-drawer-button-desktop-size: 34px !default;\n$layout-drawer-button-desktop-margin-top: 5px !default;\n$layout-drawer-button-mobile-margin-top: 10px !default;\n\n$layout-header-mobile-row-height: 56px !default;\n$layout-mobile-header-height: $layout-header-mobile-row-height;\n$layout-header-desktop-row-height: 44px !default;\n$layout-desktop-header-height: $layout-header-desktop-row-height;\n\n$layout-header-desktop-baseline: 80px !default;\n$layout-header-mobile-baseline: 72px !default;\n$layout-header-mobile-indent: 16px !default;\n$layout-header-desktop-indent: 40px !default;\n\n$layout-tab-font-size: 14px !default;\n$layout-tab-bar-height: 48px !default;\n$layout-tab-mobile-padding: 12px !default;\n$layout-tab-desktop-padding: 24px !default;\n$layout-tab-highlight-thickness: 2px !default;\n\n// gridlayout\n\n// Extra small screen / phone\n//$screen-xs: 480px;\n\n$screen-xs-min: 480px;\n// Deprecated `@screen-phone` as of v3.0.1\n//@screen-phone: @screen-xs-min;\n\n// Small screen / tablet\n// Deprecated `@screen-sm` as of v3.0.1\n//@screen-sm: 768px;\n$screen-sm-min: 768px;\n// Deprecated `@screen-tablet` as of v3.0.1\n//@screen-tablet: @screen-sm-min;\n\n// Medium screen / desktop\n// Deprecated `@screen-md` as of v3.0.1\n//@screen-md: 992px;\n$screen-md-min: 992px;\n// Deprecated `@screen-desktop` as of v3.0.1\n//@screen-desktop: @screen-md-min;\n\n// Large screen / wide desktop\n// Deprecated `@screen-lg` as of v3.0.1\n//@screen-lg: 1200px;\n$screen-lg-min: 1200px;\n// Deprecated `@screen-lg-desktop` as of v3.0.1\n//@screen-lg-desktop: @screen-lg-min;\n$screen-xs-max: ($screen-sm-min - 1 );\n\n$screen-sm-max: ($screen-sm-min - 1 );\n\n$screen-md-max: ($screen-lg-min - 1 );\n\n\n\n\n// Number of columns in the grid.\n$grid-columns: 12;\n// Padding between columns. Gets divided in half for the left and right.\n$grid-gutter-width: 30px;\n// Navbar collapse\n// Point at which the navbar becomes uncollapsed.\n$grid-float-breakpoint: 768px;\n// Point at which the navbar begins collapsing.\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);\n\n\n// Small screen / tablet\n$container-tablet: (720px + $grid-gutter-width);\n// For `@screen-sm-min` and up.\n$container-sm: $container-tablet;\n\n// Medium screen / desktop\n$container-desktop: (940px + $grid-gutter-width);\n// For `@screen-md-min` and up.\n$container-md: $container-desktop;\n\n// Large screen / wide desktop\n$container-large-desktop: (1140px + $grid-gutter-width);\n// For `@screen-lg-min` and up.\n$container-lg: $container-large-desktop;\n\n\n\n// menu\n\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\n$menu-expand-duration: 0.3s !default;\n$menu-fade-duration: 0.2s !default;\n\n// Default Item Colors\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$default-item-text-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$default-item-outline-color: unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-u-blue-100})\") !default;\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Disabled Button Colors\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n// Tile\n$tile-width: 100%;\n\n$tile-default-border-color: #e9e9e9;\n$tile-default-hover-shadow-color: rgba(0, 0, 0, 0.2);\n\n$tile-primary-border-color: $button-primary-color;\n$tile-primary-hover-shadow-color: $button-primary-hover-color;\n\n$tile-danger-border-color: $button-danger-color;\n$tile-danger-hover-shadow-color: $button-danger-hover-color;\n\n$tile-warning-border-color: $button-warning-color;\n$tile-warning-hover-shadow-color: $button-warning-hover-color;\n\n$tile-success-border-color: $button-success-color;\n$tile-success-hover-shadow-color: $button-success-hover-color;\n\n$tile-info-border-color: $button-info-color;\n$tile-info-hover-shadow-color: $button-info-hover-color;\n\n// Alert\n$alert-news-bg: $brand-light-news;\n$alert-success-bg: $brand-light-success;\n$alert-info-bg: $brand-light-info;\n$alert-warning-bg: $brand-light-warning;\n$alert-danger-bg: $brand-light-danger;\n\n\n$alert-dark-news-bg: $brand-news;\n$alert-dark-success-bg: $brand-success;\n$alert-dark-info-bg: $brand-info;\n$alert-dark-warning-bg: $brand-warning;\n$alert-dark-danger-bg: $brand-danger;\n\n$alert-news-color: $color-news;\n$alert-success-color: $color-success;\n$alert-info-color: $color-info;\n$alert-warning-color: $color-warning;\n$alert-danger-color: $color-danger;\n\n$timeline-primary-color: $brand-primary;\n$timeline-news-color: $color-news;\n$timeline-success-color: $color-success;\n$timeline-info-color: $color-info;\n$timeline-warning-color: $color-warning;\n$timeline-danger-color: $color-danger;\n\n$alert-padding:10px;\n$alert-font-size:12px;\n$alert-border-radius: $border-radius;\n$alert-text-padding-left: 15px;\n$alert-text-padding-right: 15px;\n$alert-close-font-size: 21px;\n$alert-close-opacity: .2;\n$alert-close-font-weight: 700;\n\n//Checkbox\n\n$checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\n$checkbox-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-focus-color: unquote(\"rgba(#{$palette-u-blue-500}, 0.26)\") !default;\n$checkbox-image-path: $image_path;\n\n$checkbox-label-font-size: 13px !default;\n$checkbox-label-height: 24px !default;\n$checkbox-button-size: 16px !default;\n$checkbox-inner-margin: 2px !default;\n$checkbox-padding: 8px !default;\n$checkbox-top-offset:\n ($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\n\n$checkbox-primary-bg: $brand-primary;\n$checkbox-success-bg: $brand-success;\n$checkbox-info-bg: $brand-info;\n$checkbox-warning-bg: $brand-warning;\n$checkbox-danger-bg: $brand-danger;\n$checkbox-dark-bg: $brand-dark;\n\n$progress-primary-bg: $brand-primary;\n$progress-success-bg: $brand-success;\n$progress-info-bg: $brand-info;\n$progress-warning-bg: $brand-warning;\n$progress-danger-bg: $brand-danger;\n$progress-dark-bg: $brand-dark;\n\n$primary-color-opacity:unquote(\"rgba(#{$primary-color}, 0.7)\") !default;\n$color-success-opacity:unquote(\"rgba(#{$palette-green-500}, 0.7)\") !default;\n$color-info-opacity:unquote(\"rgba(#{$palette-cyan-500}, 0.7)\") !default;\n$color-warning-opacity:unquote(\"rgba(#{$palette-orange-500}, 0.7)\") !default;\n$color-danger-opacity:unquote(\"rgba(#{$palette-red-500}, 0.7)\") !default;\n$color-dark-opacity:unquote(\"rgba(#{$palette-grey-700}, 0.7)\") !default;\n\n\n$progress-sm-height: 10px;\n$progress-xs-height: 5px;\n$progress-xs-width: 170px;\n$progress-default-height: 20px;\n$progress-sm-lable-font-size: 10px;\n$progress-sm-lable-line-height: 10px;\n$progress-xs-lable-line-height: 8px;\n$progress-xs-lable-margin-left: 140px;\n$progress-xs-lable-font-size: 10px;\n$progress-xs-lable-color: #000;\n\n// Radio\n\n$radio-color: unquote(\"rgb(#{$primary-color})\") !default;\n$radio-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-disabled-color: $disabled-color-base !default;\n\n$radio-label-font-size: 13px !default;\n$radio-label-height: 32px !default;\n$radio-button-size: 16px !default;\n$radio-inner-margin: $radio-button-size / 4;\n$radio-padding: 8px !default;\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\n$radio-ripple-size: 42px !default;\n\n$radio-primary-bg: $brand-primary;\n$radio-success-bg: $brand-success;\n$radio-info-bg: $brand-info;\n$radio-warning-bg: $brand-warning;\n$radio-danger-bg: $brand-danger;\n$radio-dark-bg: $brand-dark;\n\n$radio-disabled-bg: #f7f7f7;\n$radio-diabled-border-color: #d9d9d9;\n\n$radio-border-color: #d9d9d9;\n$radio-bg-color: #fff;\n$radio-color:$font-color-base;\n\n$radio-checked-bg-color: #fff;\n$radio-checked-color: $brand-primary;\n$radio-checked-border-color: $radio-checked-color;\n\n$radio-icon-height: 18px;\n$radio-icon-width: 18px;\n$radio-icon-checked-height: 8px;\n$radio-icon-checked-width: 8px;\n\n$radio-button-lg-height:42px;\n$radio-button-lg-line-height:26px;\n\n$radio-button-sm-height:22px;\n$radio-button-sm-line-height:20px;\n\n$radio-button-height: 28px;\n$radio-button-line-height: 26px;\n\n\n\n\n\n//loading\n\n$loading-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\n$loading-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\n$loading-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\n$loading-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\n\n$loading-single-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n$loading-size: 28px !default;\n$loading-stroke-width: 3px !default;\n\n// Amount of circle the arc takes up.\n$loading-arc-size: 270deg !default;\n// Time it takes to expand and contract arc.\n$loading-arc-time: 1333ms !default;\n// How much the start location of the arc should rotate each time.\n$loading-arc-start-rot: 216deg !default;\n\n$loading-duration: 360 * $loading-arc-time / (\n strip-units($loading-arc-start-rot + (360deg - $loading-arc-size)));\n\n// datetimepicker\n$timepicker-border-gap-color:#ccc;\n$timepicker-font-size:14px;\n\n$date-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n// message\n$snackbar-color: unquote(\"rgb(#{$color-white})\") !default;\n$snackbar-background-color: unquote(\"rgb(#{$primary-color})\") !default;\n$snackbar-color-cancel: unquote(\"rgb(#{$palette-red-500})\") !default;\n$snackbar-color-accept: unquote(\"rgb(#{$palette-green-500})\") !default;\n$snackbar-color-warning: unquote(\"rgb(#{$palette-lime-200})\") !default;\n\n// DATA TABLE\n\n$data-table-font-size: 13px !default;\n$data-table-header-font-size: 12px !default;\n$data-table-header-sort-icon-size: 16px !default;\n\n$data-table-header-color: rgba(#000, 0.54) !default;\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\n$data-table-divider-color: rgba(#000, 0.12) !default;\n$data-table-divider-color-IE8: rgb(0,0,0) !default;\n\n//$data-table-hover-color: #eeeeee !default;\n$data-table-hover-color: #E9F7FC !default;\n$data-table-selection-color: #C4EAF6 !default;\n\n$data-table-dividers: 1px solid $data-table-divider-color !default;\n$data-table-dividers-IE8: 1px solid $data-table-divider-color-IE8 !default;\n\n$data-table-row-height: 48px !default;\n$data-table-last-row-height: 56px !default;\n$data-table-header-height: 56px !default;\n\n$data-table-column-spacing: 36px !default;\n$data-table-column-padding: $data-table-column-spacing / 2;\n\n$data-table-card-header-height: 64px !default;\n$data-table-card-title-top: 20px !default;\n$data-table-card-padding: 24px !default;\n$data-table-button-padding-right: 16px !default;\n$data-table-cell-top: $data-table-card-padding / 2;\n\n// $line-height-computed: round(($font-size-small * $line-height-base));\n$line-height-computed: round((14px * $line-height-base));\n$table-bg: transparent;\n$table-cell-padding: 8px;\n$table-border-color: $border-color-base;\n$table-bg-hover: $bg-color-base;\n$table-bg-active: $table-bg-hover;\n$table-bg-accent: unquote(\"rgba(#{$palette-grey-200},.3)\") !default;\n\n\n\n\n// tooltip\n$tooltip-max-width: 200px;\n$tooltip-color: #fff;\n$tooltip-bg: #42526E;\n$tooltip-inverse-border-color: #d9d9d9;\n$tooltip-inverse-color: rgb(51,51,51);\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-opacity: 1;\n\n\n// 进度条\n$bar-height: 4px !default;\n$progress-main-color: unquote(\"rgb(#{$primary-color})\") !default;\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\n$progress-image-path: $image_path;\n$progress-buffer-bar-border:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n\n\n$tab-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n\n\n//CARD\n\n$card-width: 330px !default;\n$card-height: 200px !default;\n$card-font-size: 13px !default;\n$card-title-font-size: 24px !default;\n$card-subtitle-font-size: 10px !default;\n$card-horizontal-padding: 16px !default;\n$card-vertical-padding: 16px !default;\n\n$card-title-perspective-origin-x: 165px !default;\n$card-title-perspective-origin-y: 56px !default;\n\n$card-title-transform-origin-x: 165px !default;\n$card-title-transform-origin-y: 56px !default;\n\n$card-title-text-transform-origin-x: 149px !default;\n$card-title-text-transform-origin-y: 48px !default;\n\n$card-supporting-text-font-size: 1.4 * $unit !default;\n$card-supporting-text-line-height: 18px !default;\n\n$card-actions-font-size: 13px !default;\n\n$card-title-text-font-weight: 300 !default;\n$card-z-index: 1 !default;\n\n// Cover image\n$card-cover-image-height: 186px !default;\n$card-background-image-url: '' !default;\n\n\n\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$card-border-color: rgba(0,0,0,0.1) !default;\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n\n\n$input-border:unquote(\"rgb(#{$palette-u-gray-500})\");\n$input-border-focus:unquote(\"rgb(#{$primary-color})\");\n$input-border-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-bg-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-color:unquote(\"rgb(#{$palette-u-gray-A100})\");\n$form-input-height:36px;\n$form-input-height-sm:28px;\n$form-input-padding-left:12px;\n$form-label-color:unquote(\"rgb(#{$palette-u-gray-900})\");\n$form-control-feedback-color:unquote(\"rgb(#{$palette-u-gray-700})\");\n$form-validate-error-color:unquote(\"rgb(#{$palette-u-red-600})\");\n\n\n// BADGE\n$badge-font-size: 12px !default;\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\n$badge-size : 22px !default;\n$badge-padding: 2px !default;\n$badge-overlap: 12px !default;\n\n$badge-primary-color:#FFFFFF;\n$badge-primary-bg:$brand-primary;\n\n$badge-success-color:#FFFFFF;\n$badge-success-bg: $brand-success;\n\n$badge-info-color:#FFFFFF;\n$badge-info-bg:$brand-info;\n\n$badge-warning-color:#FFFFFF;\n$badge-warning-bg:$brand-warning;\n\n$badge-danger-color:#FFFFFF;\n$badge-danger-bg:$brand-danger;\n\n$badge-dark-color:#FFFFFF;\n$badge-dark-bg:$brand-dark;\n\n$badge-font-size: 12px;\n$badge-font-dataicon-size: 10px;\n$badge-default-dataicon-fontcolor: #757575;\n$badge-default-dataicon-bgcolor: #fff;\n$badge-default-dataicon-bordercolor: $border-color-base;\n\n// labels\n$tag-padding: .25em .6em .25em;\n$tag-border-radius: 0.3em;\n$tag-bg: #eeeeee;\n$tag-round-border-radius: 1em;\n$tag-default-color: #757575;\n$tag-default-bg:#e0e0e0;\n$tag-lg-font-size: 16px;\n$tag-sm-font-size: 10px;\n$tag-sm-padding: .1em .5em .1em;\n$tag-default-hover-bg: $brand-default-hover;\n$tag-primary-hover-bg: $brand-primary-hover;\n$tag-success-hover-bg: $brand-success-hover;\n$tag-info-hover-bg: $brand-info-hover;\n$tag-warning-hover-bg: $brand-warning-hover;\n$tag-danger-hover-bg: $brand-danger-hover;\n$tag-dark-hover-bg: $brand-dark-hover;\n$tag-default-bg: $brand-default;\n$tag-primary-bg: $brand-primary;\n$tag-success-bg: $brand-success;\n$tag-info-bg: $brand-info;\n$tag-warning-bg: $brand-warning;\n$tag-danger-bg: $brand-danger;\n$tag-dark-bg: $brand-dark;\n$tag-default-hover-color:unquote(\"rgb(#{$palette-u-gray-500})\");\n\n\n// pagination\n$pagination-gap-hover-border:#7A869A;\n\n$pagination-link-padding: 7px 13px;\n$pagination-lg-font-size: 16px;\n$pagination-lg-padding-vertical: 9.5px;\n$pagination-lg-padding-horizontal: 15.5px;\n\n$pagination-small-font-size: 12px;\n$pagination-small-padding-vertical: 4px;\n$pagination-small-padding-horizontal: 9.5px;\n\n$pag-color: #666666;\n$pag-bg-color: #fff;\n$pag-border-color:#d7d7d7;\n$pag-hover-color: #666;\n$pag-hover-bg-color:$hover-bg-color-base;\n$pag-hover-border-color:#d7d7d7;\n$pag-active-color: #fff;\n$pag-active-bg-color:#7A869A;\n$pag-active-border-color:#7A869A;\n$pag-disabled-color: #777;\n$pag-disabled-bg-color:#fff;\n$pag-disabled-border-color:#ddd;\n\n$border-radius-base: $border-radius;\n$border-radius-large: 4px;\n$border-radius-small: 2px;\n\n$line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome\n$line-height-small: 1.5;\n// widget\n\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n//tooltips\n\n$tooltip-default-bg: $brand-default;\n$tooltip-primary-bg: $brand-primary;\n$tooltip-success-bg: $brand-success;\n$tooltip-info-bg: $brand-info;\n$tooltip-warning-bg: $brand-warning;\n$tooltip-danger-bg: $brand-danger;\n$tooltip-dark-bg: $brand-dark;\n\n//menu Button\n\n$menu-default-bg: $brand-default;\n$menu-primary-bg: $brand-primary;\n$menu-success-bg: $brand-success;\n$menu-info-bg: $brand-info;\n$menu-warning-bg: $brand-warning;\n$menu-danger-bg: $brand-danger;\n$menu-dark-bg: $brand-dark;\n$menu-default-bg-hover: $brand-default-hover;\n$menu-primary-bg-hover: $brand-primary-hover;\n$menu-success-bg-hover: $brand-success-hover;\n$menu-info-bg-hover: $brand-info-hover;\n$menu-warning-bg-hover: $brand-warning-hover;\n$menu-danger-bg-hover: $brand-danger-hover;\n$menu-dark-bg-hover: $brand-dark-hover;\n\n\n// breadcrumbs\n\n$breadcrumb-padding-vertical: 8px;\n$breadcrumb-padding-horizontal: 10px;\n$breadcrumb-separator: \"/\\00a0\";\n$breadcrumb-bg: transparent;\n$breadcrumb-margin-bottom: 10px;\n\n$breadcrumb-color: $brand-primary;\n$breadcrumb-active-color: $text-color;\n\n$breadcrumb-icon-margin-right: 10px;\n$breadcrumb-arrow-separator: \"\\00bb\\00a0\";\n\n$breadcrumb-bg-color: #f5f5f5;\n$breadcrumb-active-color: #777;\n$breadcrumb-separate-color: #ccc;\n\n// list-group\n$list-group-media-heading-font-size : $font-size-small;//14px\n$list-group-link-disabled-color : $disabled-color-base;\n\n$list-group-link-disabled-bg : $gray-lightest;\n\n$list-group-active-color : $brand-primary;\n$list-group-link-active-color : unquote(\"rgb(#{$color-white})\") !default;\n$list-group-link-active-bg : $brand-primary;\n\n\n$list-group-item-icon-margin-right : 10px;\n\n$list-group-bg-inherit-item-border : rgba(0, 0, 0, 0.075);\n$list-group-bg-inherit-item-hover-bg : rgba(0, 0, 0, 0.075);\n\n\n$list-group-border-radius: $border-radius-base;\n\n\n\n$list-group-link-color: $text-color;\n$list-group-link-hover-color: $text-color;\n$list-group-link-heading-color: $title-color;\n\n$list-group-hover-bg: $bg-color-base;\n\n$list-group-disabled-bg: transparent;\n\n$list-group-disabled-color: $disabled-color-base;\n\n\n$list-group-disabled-text-color: $list-group-disabled-color;\n$list-group-active-bg: transparent;\n$list-group-active-border: $list-group-active-bg;\n// $list-group-active-text-color: lighten($list-group-active-color, 40%);\n$list-group-active-text-color: $list-group-active-color;\n\n$list-group-bg: #fff;\n$list-group-border: transparent;\n// $list-group-bordered-border : $border-color-base;\n// $list-group-bordered-active-color : $component-active-color;\n// $list-group-bordered-active-bg : $component-active-bg;\n// $list-group-bordered-active-border : $list-group-bordered-active-bg;\n\n// $list-group-gap-item-margin-bottom : 2px;\n\n//step\n$steps-margin-bottom: $line-height-computed;\n$step-padding-horizontal:20px;\n$step-padding-vertical: 12px;\n\n$step-vertical-padding-horizontal: 20px;\n$step-vertical-padding-vertical:18px;\n\n$step-color: $gray;\n$step-bg: $bg-color-base;\n$step-number-bg: $gray-lighter;\n$step-number-color: $inverse;\n\n$step-current-color: $inverse;\n$step-current-bg: $brand-primary;\n\n$step-done-color: $inverse;\n$step-done-bg:$brand-success;\n\n$step-error-color: $inverse;\n$step-error-bg: $brand-danger;\n\n$step-disabled-color:$gray-light;\n\n$step-font-size: inherit;\n$step-title-font-size: 20px;\n$step-icon-font-size:27px;\n$step-number-font-size:24px;\n$step-number-size: 40px;\n\n$step-lg-padding-horizontal:20px;\n$step-lg-padding-vertical:20px;\n$step-lg-font-size: 16px;\n$step-lg-title-font-size:22px;\n$step-lg-icon-font-size: 32px;\n$step-lg-number-font-size:28px;\n$step-lg-number-size:46px;\n\n$step-sm-font-size: 12px;\n$step-sm-title-font-size: 18px;\n$step-sm-icon-font-size: 24px;\n$step-sm-number-font-size: 24px;\n$step-sm-number-size: 30px;\n\n$step-xs-font-size: 10px;\n$step-xs-title-font-size: 16px;\n$step-xs-icon-font-size: 22px;\n$step-xs-number-font-size: 20px;\n$step-xs-number-size: 24px;\n\n// blog nav\n$blognav-active-color:unquote(\"rgb(#{$primary-color})\");\n// widget\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n\n// couter 数据统计\n\n$counter-number-color: $gray-darkest;\n$counter-number-font-size: 20px;\n$counter-icon-font-size: $counter-number-font-size;\n\n$counter-lg-number-font-size: 40px;\n$counter-md-number-font-size: 30px;\n$counter-sm-number-font-size: 14px;\n\n$counter-lg-icon-font-size: $counter-lg-number-font-size;\n$counter-md-icon-font-size: $counter-md-number-font-size;\n$counter-sm-icon-font-size: $counter-sm-number-font-size;\n\n$counter-inverse-color: $inverse;\n\n\n// navbar\n\n\n$menu-active-color: #108ee9;\n$menu-border-active-color: #108ee9;\n$menu-selected-bg-color: #eaf8fe;\n$menu-group-titil-color: #999;\n$menu-group-title-padding-left: 32px;\n$menu-color: #666;\n$menu-border-color: #d9d9d9;\n\n$navbar-default-bg-color: #f8f8f8;\n$navbar-default-border-color: #e7e7e7;\n$navbar-default-color: #777;\n$navbar-default-hover-color: #333;\n$navbar-inverse-hover-color: #fff;\n$navbar-inverse-color: #9d9d9d;\n$navbar-inverse-bg-color: #222;\n$navbar-inverse-border-color: #080808;\n$navbar-border-radius: 4px;\n\n$navbar-side-container-border-color: #d9d9d9;\n$navbar-side-container-width: 242px;\n$navbar-side-container-border-shadow: #d9d9d9;\n\n// Basics of a navbar\n$navbar-height: 50px;\n$navbar-margin-bottom: $line-height-computed;\n$navbar-border-radius: $border-radius-base;\n$navbar-padding-horizontal: floor(($grid-gutter-width / 2));\n$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2);\n$navbar-collapse-max-height: 340px;\n\n$navbar-avatar-margin-horizontal: (($navbar-height - 32px) / 2);\n\n$navbar-brand-padding-horizontal: 20px;\n$navbar-brand-logo-height: 32px;\n\n$navbar-default-color: $text-color;\n$navbar-default-bg: $inverse;\n$navbar-default-border: $border-color-base;\n\n// Navbar links\n$navbar-default-link-color: $text-color;\n$navbar-default-link-hover-color: $gray-darker;\n$navbar-default-link-hover-bg: rgba(238,238,238, 30%);\n$navbar-default-link-active-color: $navbar-default-link-hover-color;\n$navbar-default-link-active-bg: rgba(238,238,238, 60%);\n$navbar-default-link-disabled-color: $disabled-color-base;\n$navbar-default-link-disabled-bg: transparent;\n\n// Navbar brand label\n$navbar-default-brand-color: $title-color;\n$navbar-default-brand-hover-color: $navbar-default-brand-color;\n$navbar-default-brand-hover-bg: none;\n\n// Navbar toggle\n$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;\n$navbar-default-toggle-icon-bar-bg: $navbar-default-color;\n$navbar-default-toggle-border-color: transparent;\n\n\n// Inverted navbar\n// Reset inverted navbar basics\n$navbar-inverse-bg: $brand-primary;\n$navbar-inverse-border: rgba(0, 0, 0, .1);\n\n// Inverted navbar links\n$navbar-inverse-link-color: $inverse;\n$navbar-inverse-link-hover-color: $inverse;\n$navbar-inverse-link-hover-bg: rgba(0, 0, 0, .1);\n$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;\n$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-link-disabled-color: $inverse;\n$navbar-inverse-link-disabled-bg: transparent;\n\n// Inverted navbar brand label\n$navbar-inverse-brand-color: $navbar-inverse-link-color;\n$navbar-inverse-brand-hover-color: $inverse;\n$navbar-inverse-brand-hover-bg: none;\n\n// Inverted navbar toggle\n$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-toggle-icon-bar-bg: $inverse;\n$navbar-inverse-toggle-border-color: transparent;\n\n//hamburger\n$hamburger-size: 17px;\n\n\n//panel\n$panel-header-padding : 10px 15px;\n$panel-footer-padding : 10px 15px;\n$panel-body-padding : 15px 15px;\n$panel-header-bg-color : #f5f5f5;\n$panel-footer-bg-color : #f5f5f5;\n$panel-bg-color : #fff;\n$panel-default-color : #757575;\n$panel-inner-border-color: #ddd;\n\n\n//modal\n$modal-header-padding : 15px;\n$modal-body-padding : 15px;\n$modal-footer-padding : 15px;\n$modal-content-bg-color: #fff;\n$modal-backdrop-bg: #000;\n$modal-backdrop-opacity: .6;\n$modal-header-border-color: transparent;\n$modal-footer-border-color: transparent;\n$modal-xlg: 976px;\n$modal-lg: 800px;\n$modal-sm: 400px;\n$modal-default: 600px;\n$modal-border-radius: $border-radius-base;\n\n//notification\n\n$zIndex-notification: $zIndex-notification;\n$notification-top: 30px;\n$notification-bottom: 30px;\n$notification-right: 30px;\n$notification-width: 300px;\n$notification-text-margin-right: 15px;\n$notice-padding: 15px;\n$notice-background: $gray-darkest;\n$notice-bottom: 15px;\n\n//message\n\n$message-font-size: 12px;\n\n$message-right: 30px;\n$message-width: 300px;\n$message-text-margin-right: 15px;\n$message-padding: 0;\n$message-content-padding: 15px;\n$message-background: $gray-darkest;\n\n//popconfirm\n\n$popconfirm-max-width: 300px;\n\n$popconfirm-dark-bg: $gray-darkest;\n$popconfirm-fallback-dark-border-color: $gray-darkest;\n$popconfirm-margin: 10px;\n$popconfirm-title-bg: #fff;\n$popconfirm-border-color:$border-color-base;\n$popconfirm-arrow-width: 10px;\n$popconfirm-arrow-color: $border-color-base;\n$popconfirm-arrow-outer-width: 0;\n$popconfirm-arrow-outer-color: $border-color-base;\n$popconfirm-border-right-color: $border-color-base;\n$popconfirm-fallback-border-color: #fff;\n\n//select\n\n$select-bg-color: #fff;\n$select-border-color: $border-color-base;\n$select-border-radius: $border-radius-base;\n$select-color: $font-color-base;\n$select-font-size: 12px;\n$select-dropdown-color: #666;\n$select-dropdown-bg-color: #fff;\n$select-dropdown-hover-bg: $hover-bg-color-base;\n$select-dropdown-selected-bg: $selected-bg-color-base;\n$select-dropdown-selected-color: rgb(134, 119, 119);\n$select-dropwdown-item-padding: 7px 16px;\n$select-disabled-color: $disabled-color-base;\n$select-disabled-bg: #f7f7f7;\n$select-disabled-border-color: #d9d9d9;\n//dropdown\n\n$dropdown-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-100})\");\n$dropdown-item-divier-bg-color: $gray-lighter;\n$dropdown-border-color: $border-color-base;\n$dropdown-border-radius:3px;\n$dropdown-shadow: 0 1px 5px $dropdown-border-color;\n$dropdown-margin: 5px 0 0 0;\n$dropdown-menu-item-padding: 0px 16px 0 16px;\n$dropdown-menu-font-size: 12px;\n$dropdown-menu-item-height: 42px;\n$dropdown-menu-item-light-height: 42px;\n$dropdown-menu-title-font-size: 12px;\n$dropdown-menu-title-color: $disabled-color-base;\n$dropdown-menu-title-padding:8px 16px;\n$dropdown-menu-title-line-height: 1.5;\n\n//upload\n\n$upload-list-color: #108ee9;\n$upload-list-bg : #fff;\n$upload-list-hover-bg: #e7f4fd;\n$upload-list-error-color: #f50;\n$upload-thumbnail-height: 48px;\n$upload-thumbnail-width: 48px;\n$upload-thumbnail-img-height: 48px;\n$upload-thumbnail-img-width: 48px;\n\n//loading\n\n$loading-loadprimary: rgb(63, 81, 181);\n$loading-loadsuccess: #4caf50;\n$loading-loadwarn: rgb(255, 152, 0);\n$loading-lineanimating: (\n 1:line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08),\n 2:line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08),\n 3:line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08),\n 4:line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08),\n 5:line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08)\n);\n$loading-linebackcolor: (\n 1: #F44336,\n 2: #7ED321,\n 3: #0084FF,\n 4: #FF9800,\n 5: #D0021B\n);\n$loading-back-width: 120px;\n$loading-back-height:110px;\n$loading-desc-font-size: 16px;\n$loading-desc-color: #cecece;\n$loading-rotate-bor:#c2c3c5;\n\n//两种加载的尺寸 width height\n$loading-rotate-sm-size: 25px;\n$loading-rotate-size:40px;\n$loading-rotate-lg-size:60px;\n\n$loading-line-sm-width: 4px;\n$loading-line-sm-height:35px;\n$loading-line-width:6px;\n$loading-line-height:50px;\n$loading-line-lg-width:8px;\n$loading-line-lg-height:90px ;\n\n//居中位置top left\n$loading-center-top:50%;\n$loading-center-left:50%;\n\n$loading-rotate-center-sm: -15px ;\n$loading-rotate-center:-22px;\n$loading-rotate-center-lg:-35px ;\n\n$loading-line-center-sm-top: -22px;\n$loading-line-center-sm-left:-20px;\n$loading-line-center-top:-30px;\n$loading-line-center-left:-25px;\n$loading-line-center-lg-top:-50px;\n$loading-line-center-lg-left:-30px;\n\n\n//switch\n\n\n//color\n$switch-border-color: $gray-lighter;\n$switch-back-color: $gray-lighter;\n$switch-checked-borColor: $brand-primary;\n$switch-checked-backColor: $brand-primary;\n\n// border-radius of different state switch\n$switch-border-radius: 20px;\n$switch-border-radius-after: 18px;\n\n// width height line-height of the three switches\n$switch-width: (default:44px, small:32px, large:60px);\n$switch-height: (default:22px, small:16px, large:30px);\n$switch-lineHeight: (default:20px, small:12px, large:12px);\n\n// style of u-switch-inner\n$switch-inner-fontSize: (default:12px, small:10px, large:18px);\n$switch-inner-left: (default:22px, small:16px, large:30px);\n$switch-inner-largeTop: 8px;\n\n// style of u-switch:active:after\n$switch-active-width: (default:24px, small:16px, large:32px);\n\n// style of u-switch:after\n$switch-after-widthHeight: 18px;\n$switch-after-widthHeight-sm: 14px;\n$switch-after-widthHeight-lg: 26px;\n$switch-after-top: 1px;\n$switch-after-top-sm: 0;\n$switch-after-top-lg: 1px;\n$switch-after-left: 0;\n$switch-after-left-sm: 0;\n$switch-after-left-lg: 0;\n\n// style of u-switch.is-checked\n$switch-checked-innerLeft: (default:8px, small:4px, large:8px);\n$switch-checked-afterLeft: (default:24px, small:16px, large:32px);\n$switch-checked-activeLeft: (default:16px, small:10px, large:26px);\n\n$switch-primary-bg: $brand-primary;\n$switch-dark-bg: $brand-dark;\n$switch-success-bg: $brand-success;\n$switch-warning-bg: $brand-warning;\n$switch-danger-bg: $brand-danger;\n$switch-info-bg: $brand-info;\n\n//tabs\n\n$tabs-basic-back: #f5f5f5;\n$tabs-cls-color: #666;\n$tabs-cls-width: 900px;\n$tabs-simple-conHeight: 120px;\n$tabs-simple-conPad: 16px;\n$tabs-simple-conWidth: 100%;\n\n$tabs-fontSize: (simple:14px, fill:14px, turn:14px, slide:14px, fade:14px, fadeup:14px);\n$tabs-lineHeight: (simple:2.3, fill:2.3, turn:2.3, slide:2.3, fade:2.3, fadeup:2.3);\n$tabs-marginBottom: -1px;\n\n$tabs-simple-tab: (padding:0 16px, margin:5px 0 5px 5px, radius:0 0 0 0, back:#fff);\n$tabs-simple-tabBorder: 1px solid #fff;\n$tabs-simple-activeBorder: 1px solid $brand-primary;\n$tabs-simple-activeColor: #fff;\n$tabs-simple-activeBorBottom: 1px solid $brand-primary;\n$tabs-simple-activeTopRadius: 5px;\n$tabs-simple-fontWeight: bold;\n\n$tabs-fill-tab: (padding: 0 16px, color:#666, back:#fff, afterBack:#d2d8d6, activeBack:$brand-primary);\n$tabs-fill-tab-maright: 5px;\n$tabs-fill-after-top: 0;\n$tabs-fill-after-left: 0;\n$tabs-fill-after-width: 100%;\n$tabs-fill-after-height: 100%;\n$tabs-fill-fontWeight: bold;\n\n$tabs-turn-tab: (padding: 0 16px, color:#fff, back:#f5f5f5, afterBack:$brand-primary, activeBack:$brand-primary);\n$tabs-turn-after-top: 0;\n$tabs-turn-after-left: 0;\n$tabs-turn-after-width: 100%;\n$tabs-turn-after-height: 100%;\n$tabs-turn-beforeBot: 32px;\n$tabs-turn-beforeRight: 15px;\n$tabs-turn-fontWeight: bold;\n$tabs-moveleft-conHeight: 120px;\n$tabs-moveleft-conPad: 16px;\n\n$tabs-slide-tabs: (width:25%, padding: 0 16px, back:#f5f5f5);\n$tabs-slide-child-bottom: 0;\n$tabs-slide-child-left: 0;\n$tabs-slide-child-height: 4px;\n$tabs-slide-child-back: $brand-primary;\n$tabs-slide-fontWeight: bold;\n\n$tabs-fade-tab: (marLeft:5px, marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fade-conPad: 16px;\n$tabs-fade-conBor: 5px;\n\n$tabs-fadeup-tab: (marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fadeup-top: -5px;\n$tabs-fadeup-left: 0;\n$tabs-fadeup-width: 100%;\n$tabs-fadeup-height: 100%;\n$tabs-fadeup-color: #666;\n$tabs-fadeup-conHeight: 120px;\n$tabs-fadeup-conPad: 16px;\n\n\n//rate\n$rate-star-default-color:$gray-lightest;\n$rate-star-active-color:$brand-primary;\n$rate-star-marginRight:8px;\n//backtop\n$back-top-padding:5px;\n$backtop-background:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$backtop-color:unquote(\"rgb(#{$color-white})\") !default;\n$backtop-right:10px;\n$backtop-bottom:10px;\n$backtop-dom-right:40px;\n\n\n//dnd\n$dnd-list-background:unquote(\"rgb(#{$palette-grey-400})\")!default;\n$dnd-list-padding:8px;\n$dnd-list-dragging-background:unquote(\"rgb(#{$palette-light-blue-A200})\")!default;\n$dnd-item-color:unquote(\"rgb(#{$color-black})\")!default;\n$dnd-item-padding:16px;\n$dnd-item-margin:4px;\n$dnd-item-background:unquote(\"rgb(#{$palette-grey-500})\")!default;\n$dnd-item-dragging-background:unquote(\"rgb(#{$palette-blue-300})\")!default;\n\n// bee-tree\n$tree-checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\n$tree-node-bg-color: $hover-bg-color-base !default;\n\n// bee-table\n$table-head-background-color: unquote(\"rgb(#{$table-header-background-color})\") !default;\n$table-head-text-color: unquote(\"rgb(#{$table-header-text-color})\") !default;\n\n// bee-transfer\n$transfer-border-gap-color:#d9d9d9;\n\n// bee-transfer\n$cascader-border-gap-color:#ccc;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n\r\n$tabs-border-color: rgb(233,233,233);\r\n.u-tabs {\r\n box-sizing: border-box;\r\n position: relative;\r\n max-width: 1920px;\r\n .u-tabs-bar,\r\n .u-tabs-nav-container {\r\n font-size: 14px;\r\n line-height: 1.5;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n position: relative;\r\n white-space: nowrap;\r\n outline: none;\r\n zoom: 1;\r\n }\r\n .u-tabs-extra-content {\r\n line-height: 38px;\r\n }\r\n\r\n .u-tabs-ink-bar {\r\n z-index: 1;\r\n position: absolute;\r\n box-sizing: border-box;\r\n margin-top: -3px;\r\n background-color: $brand-primary;\r\n -webkit-transform-origin: 0 0;\r\n transform-origin: 0 0;\r\n }\r\n\r\n // .u-tabs-ink-bar-animated {\r\n // -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);\r\n // transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);\r\n // transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);\r\n // transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);\r\n // }\r\n\r\n .u-tabs-tab-prev,\r\n .u-tabs-tab-next {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n z-index: 1;\r\n line-height: 36px;\r\n cursor: pointer;\r\n border: none;\r\n background-color: transparent;\r\n position: absolute;\r\n opacity: 0;\r\n }\r\n\r\n .u-tabs-tab-prev-icon,\r\n .u-tabs-tab-next-icon {\r\n position: relative;\r\n display: inline-block;\r\n font-style: normal;\r\n font-weight: normal;\r\n font-variant: normal;\r\n line-height: inherit;\r\n vertical-align: sub;\r\n text-align: center;\r\n text-transform: none;\r\n font-smoothing: antialiased;\r\n text-stroke-width: 0;\r\n font-family: sans-serif;\r\n }\r\n\r\n .u-tabs-tab-prev-icon:before,\r\n .u-tabs-tab-next-icon:before {\r\n display: block;\r\n }\r\n\r\n .u-tabs-tab-btn-disabled {\r\n cursor: default;\r\n color: #ccc;\r\n }\r\n &-top &-tab-arrow-show,\r\n &-left &-tab-arrow-show,\r\n &-bottom &-tab-arrow-show,\r\n &-right &-tab-arrow-show {\r\n opacity: 1;\r\n }\r\n\r\n .u-tabs-nav-wrap {\r\n overflow: hidden;\r\n }\r\n\r\n .u-tabs-nav {\r\n box-sizing: border-box;\r\n padding-left: 0;\r\n position: relative;\r\n margin: 0;\r\n float: left;\r\n list-style: none;\r\n display: inline-block;\r\n -webkit-transform-origin: 0 0;\r\n transform-origin: 0 0;\r\n }\r\n\r\n .u-tabs-nav-animated {\r\n // -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);\r\n // transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);\r\n // transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);\r\n // transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);\r\n }\r\n\r\n .u-tabs-nav:before,\r\n .u-tabs-nav:after {\r\n display: table;\r\n content: \" \";\r\n }\r\n\r\n .u-tabs-nav:after {\r\n clear: both;\r\n }\r\n\r\n .u-tabs-tab {\r\n box-sizing: border-box;\r\n position: relative;\r\n display: block;\r\n -webkit-transition: color 0.3s cubic-bezier(0.35, 0, 0.25, 1);\r\n transition: color 0.3s cubic-bezier(0.35, 0, 0.25, 1);\r\n padding: 8px 20px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n }\r\n\r\n .u-tabs-tab:hover {\r\n color: $brand-primary;\r\n }\r\n\r\n .u-tabs-tab-active,\r\n .u-tabs-tab-active:hover {\r\n color: $brand-primary;\r\n cursor: default;\r\n -webkit-transform: translateZ(0);\r\n transform: translateZ(0);\r\n z-index: 0;\r\n }\r\n\r\n .u-tabs-tab-disabled {\r\n cursor: default;\r\n color: #ccc;\r\n }\r\n\r\n .u-tabs-tab-disabled:hover {\r\n color: #ccc;\r\n }\r\n\r\n .u-tabs-content {\r\n zoom: 1;\r\n font-size: 14px;\r\n }\r\n\r\n .u-tabs-content .u-tabs-tabpane {\r\n overflow: auto;\r\n min-width: 1px;\r\n }\r\n\r\n .u-tabs-content-animated {\r\n // -webkit-transition: margin-left 0.3s cubic-bezier(0.35, 0, 0.25, 1), margin-top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);\r\n // transition: margin-left 0.3s cubic-bezier(0.35, 0, 0.25, 1), margin-top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);\r\n // transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), margin-left 0.3s cubic-bezier(0.35, 0, 0.25, 1), margin-top 0.3s cubic-bezier(0.35, 0, 0.25, 1);\r\n // transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), margin-left 0.3s cubic-bezier(0.35, 0, 0.25, 1), margin-top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n will-change: transform;\r\n }\r\n\r\n .u-tabs-content-animated .u-tabs-tabpane {\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n }\r\n\r\n .no-flexbox .u-tabs-content {\r\n -webkit-transform: none;\r\n transform: none ;\r\n overflow: auto;\r\n }\r\n\r\n .no-csstransitions .u-tabs-tabpane-inactive,\r\n .no-flexbox .u-tabs-tabpane-inactive,\r\n .u-tabs-content-no-animated .u-tabs-tabpane-inactive {\r\n display: none;\r\n }\r\n}\r\n\r\n\r\n\r\n.u-tabs-left {\r\n // border-right: 2px solid $tabs-border-color;\r\n overflow-y: hidden;\r\n .u-tabs-bar {\r\n float: left;\r\n height: 100%;\r\n margin-right: 16px;\r\n border-right: 1px solid $tabs-border-color;\r\n }\r\n .u-tabs-top .u-tabs-bar {\r\n height: 54px;\r\n }\r\n \r\n .u-tabs-nav-container {\r\n height: calc(100% - 38px);\r\n }\r\n \r\n .u-tabs-nav-container-scrolling {\r\n padding-top: 32px;\r\n padding-bottom: 32px;\r\n }\r\n \r\n .u-tabs-nav-wrap {\r\n height: 100%;\r\n }\r\n \r\n .u-tabs-content-animated {\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n }\r\n \r\n .u-tabs-left .u-tabs-content-animated .u-tabs-tabpane {\r\n height: 100%;\r\n }\r\n \r\n .u-tabs-nav-scroll {\r\n height: 99999px;\r\n }\r\n \r\n .u-tabs-nav-swipe {\r\n position: relative;\r\n top: 0;\r\n }\r\n \r\n .u-tabs-nav-swipe .u-tabs-nav {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1;\r\n flex: 1;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n \r\n .u-tabs-nav-swipe .u-tabs-nav .u-tabs-tab {\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n }\r\n \r\n .u-tabs-tab-prev,\r\n .u-tabs-tab-next {\r\n margin-top: -2px;\r\n height: 32px;\r\n line-height: 32px;\r\n width: 100%;\r\n display: block;\r\n text-align: center;\r\n }\r\n \r\n .u-tabs-tab-next {\r\n bottom: 0;\r\n }\r\n \r\n .u-tabs-tab-next-icon {\r\n -webkit-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);\r\n }\r\n \r\n .u-tabs-tab-next-icon:before {\r\n content: \">\";\r\n }\r\n \r\n .u-tabs-tab-prev {\r\n top: 2px;\r\n }\r\n \r\n .u-tabs-tab-prev-icon {\r\n -webkit-transform: rotate(270deg);\r\n transform: rotate(270deg);\r\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);\r\n }\r\n \r\n .u-tabs-tab-prev-icon:before {\r\n content: \">\";\r\n }\r\n \r\n .u-tabs-ink-bar {\r\n width: 2px;\r\n right: 0;\r\n height: auto;\r\n }\r\n \r\n .u-tabs-tab {\r\n padding: 16px 24px;\r\n }\r\n}\r\n\r\n\r\n\r\n.u-tabs-right {\r\n // border-left: 2px solid $tabs-border-color;\r\n overflow-y: hidden;\r\n .u-tabs-bar {\r\n float: right;\r\n height: 100%;\r\n margin-left: 16px;\r\n border-left: 1px solid $tabs-border-color;\r\n }\r\n \r\n .u-tabs-nav-container {\r\n height: calc(100% - 38px);\r\n }\r\n \r\n .u-tabs-nav-container-scrolling {\r\n padding-top: 32px;\r\n padding-bottom: 32px;\r\n }\r\n \r\n .u-tabs-nav-wrap {\r\n height: 100%;\r\n }\r\n \r\n .u-tabs-nav-scroll {\r\n height: 99999px;\r\n }\r\n \r\n .u-tabs-nav-swipe {\r\n position: relative;\r\n }\r\n \r\n .u-tabs-nav-swipe .u-tabs-nav {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1;\r\n flex: 1;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n \r\n .u-tabs-nav-swipe .u-tabs-nav .u-tabs-tab {\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n }\r\n \r\n .u-tabs-tab-prev,\r\n .u-tabs-tab-next {\r\n margin-top: -2px;\r\n height: 32px;\r\n width: 100%;\r\n display: block;\r\n text-align: center;\r\n line-height: 32px;\r\n }\r\n \r\n .u-tabs-tab-next {\r\n bottom: 0;\r\n }\r\n \r\n .u-tabs-tab-next-icon {\r\n -webkit-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);\r\n }\r\n \r\n .u-tabs-tab-next-icon:before {\r\n content: \">\";\r\n }\r\n \r\n .u-tabs-tab-prev {\r\n top: 2px;\r\n }\r\n \r\n .u-tabs-tab-prev-icon {\r\n -webkit-transform: rotate(270deg);\r\n transform: rotate(270deg);\r\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);\r\n }\r\n \r\n .u-tabs-tab-prev-icon:before {\r\n content: \">\";\r\n }\r\n \r\n .u-tabs-content-animated {\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n }\r\n \r\n .u-tabs-content-animated .u-tabs-tabpane {\r\n height: 100%;\r\n }\r\n \r\n .u-tabs-ink-bar {\r\n width: 2px;\r\n left: 0;\r\n }\r\n \r\n .u-tabs-tab {\r\n padding: 16px 24px;\r\n }\r\n}\r\n\r\n\r\n\r\n.u-tabs-bottom {\r\n // border-top: 2px solid $tabs-border-color;\r\n overflow-x: hidden;\r\n .u-tabs-content {\r\n width: 100%;\r\n }\r\n \r\n .u-tabs-bar {\r\n border-top: 1px solid $tabs-border-color;\r\n margin-top: 16px;\r\n }\r\n \r\n .u-tabs-nav-container-scrolling {\r\n padding-left: 32px;\r\n padding-right: 32px;\r\n }\r\n \r\n .u-tabs-nav-scroll {\r\n width: 99999px;\r\n }\r\n \r\n .u-tabs-nav-swipe {\r\n position: relative;\r\n left: 0;\r\n }\r\n \r\n .u-tabs-nav-swipe .u-tabs-nav {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1;\r\n flex: 1;\r\n width: 100%;\r\n }\r\n \r\n .u-tabs-nav-swipe .u-tabs-nav .u-tabs-tab {\r\n margin-right: 0;\r\n padding: 8px 0;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n }\r\n \r\n .u-tabs-nav-wrap {\r\n width: 100%;\r\n }\r\n \r\n .u-tabs-content-animated {\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n }\r\n \r\n .u-tabs-content-animated .u-tabs-tabpane {\r\n width: 100%;\r\n }\r\n \r\n .u-tabs-tab-next {\r\n right: 2px;\r\n }\r\n \r\n .u-tabs-tab-next-icon:before {\r\n content: \">\";\r\n }\r\n \r\n .u-tabs-tab-prev {\r\n left: 0;\r\n }\r\n \r\n .u-tabs-tab-prev-icon:before {\r\n content: \"<\";\r\n }\r\n \r\n .u-tabs-tab-prev,\r\n .u-tabs-tab-next {\r\n margin-right: -2px;\r\n width: 32px;\r\n height: 100%;\r\n top: 0;\r\n text-align: center;\r\n }\r\n \r\n .u-tabs-ink-bar {\r\n height: 2px;\r\n top: 3px;\r\n left: 0;\r\n }\r\n \r\n .u-tabs-tab {\r\n float: left;\r\n height: 100%;\r\n margin-right: 30px;\r\n }\r\n \r\n .u-tabs-tabpane-inactive {\r\n height: 0;\r\n overflow: visible;\r\n }\r\n}\r\n\r\n\r\n\r\n.u-tabs-top {\r\n // border-bottom: 2px solid $tabs-border-color;\r\n overflow-x: hidden;\r\n .u-tabs-content {\r\n width: 100%;\r\n font-size: 14px;\r\n }\r\n \r\n .u-tabs-bar {\r\n border-bottom: 1px solid $tabs-border-color;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .u-tabs-nav-container-scrolling {\r\n padding-left: 32px;\r\n padding-right: 32px;\r\n }\r\n \r\n .u-tabs-nav-scroll {\r\n width: 99999px;\r\n }\r\n \r\n .u-tabs-nav-swipe {\r\n position: relative;\r\n left: 0;\r\n }\r\n \r\n .u-tabs-nav-swipe .u-tabs-nav {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1;\r\n flex: 1;\r\n width: 100%;\r\n }\r\n \r\n .u-tabs-nav-swipe .u-tabs-nav .u-tabs-tab {\r\n margin-right: 0;\r\n padding: 8px 0;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n }\r\n \r\n .u-tabs-nav-wrap {\r\n width: 100%;\r\n }\r\n \r\n .u-tabs-content-animated {\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n }\r\n \r\n .u-tabs-content-animated .u-tabs-tabpane {\r\n width: 100%;\r\n }\r\n \r\n .u-tabs-tab-next {\r\n right: 2px;\r\n }\r\n \r\n .u-tabs-tab-next-icon:before {\r\n content: \">\";\r\n }\r\n \r\n .u-tabs-tab-prev {\r\n left: 0;\r\n }\r\n \r\n .u-tabs-tab-prev-icon:before {\r\n content: \"<\";\r\n }\r\n \r\n .u-tabs-tab-prev,\r\n .u-tabs-tab-next {\r\n margin-right: -2px;\r\n width: 32px;\r\n height: 100%;\r\n top: 0;\r\n text-align: center;\r\n }\r\n \r\n .u-tabs-ink-bar {\r\n height: 2px;\r\n bottom: 0;\r\n left: 0;\r\n width: auto;\r\n }\r\n \r\n .u-tabs-tab {\r\n float: left;\r\n height: 100%;\r\n margin-right: 30px;\r\n }\r\n \r\n .u-tabs-tabpane-inactive {\r\n height: 0;\r\n overflow: visible;\r\n }\r\n}\r\n\r\n\r\n\r\n// /*公共属性*/\r\n// .u-tabs {\r\n// box-sizing: border-box;\r\n// position: relative;\r\n// overflow: hidden;\r\n// zoom: 1;\r\n// color: $tabs-cls-color;\r\n// width: 100%;\r\n// .simple-tabs-content {\r\n// .u-content-list {\r\n// height: $tabs-simple-conHeight;\r\n// background: #fff;\r\n// padding: $tabs-simple-conPad;\r\n// .u-content {\r\n// width: $tabs-simple-conWidth;\r\n// display: inline-block;\r\n// float: left;\r\n// display: none;\r\n// &-active {\r\n// display: block;\r\n// }\r\n// }\r\n// }\r\n// }\r\n//\r\n/*基础tab1*/\r\n// .u-tabs-simple {\r\n// .u-tabs-nav {\r\n// margin-bottom: $tabs-marginBottom;\r\n// z-index: 1;\r\n// .u-tabs-tab {\r\n// margin: map_get($tabs-simple-tab, margin);\r\n// border: $tabs-simple-tabBorder;\r\n// border-radius: map_get($tabs-simple-tab, radius);\r\n// transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n// background: map_get($tabs-simple-tab, back);\r\n// color: #666;\r\n// // margin-right: 2px;\r\n// padding: map_get($tabs-simple-tab, padding);\r\n// box-sizing: border-box;\r\n// text-decoration: none;\r\n// &:hover {\r\n// color: $brand-primary;\r\n// }\r\n// }\r\n// .u-tabs-tab-active {\r\n// border: $tabs-simple-activeBorder;\r\n// background: $brand-primary;\r\n// color: $tabs-simple-activeColor;\r\n// border-bottom: $tabs-simple-activeBorBottom;\r\n// &:hover {\r\n// color: #fff;\r\n// }\r\n// }\r\n// }\r\n// }\r\n\r\n/*基础table01*/\r\n.u-tabs-primary {\r\n .u-tabs-ink-bar {\r\n background-color: transparent;\r\n height: 0;\r\n }\r\n .u-tabs-bar, .u-tabs-nav-container {\r\n background: #f5f5f5;\r\n }\r\n\r\n .u-tabs-nav {\r\n margin-left: map_get($tabs-fade-tab, marLeft);\r\n .u-tabs-tab {\r\n min-width: 90px;\r\n margin: 5px 0 5px 5px;\r\n background-color: #fff;\r\n border-radius: map_get($tabs-fade-tab, radius);\r\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n color: map_get($tabs-fade-tab, color);\r\n padding: 5px 20px;\r\n text-align: center;\r\n &:hover {\r\n color: $brand-primary;\r\n }\r\n }\r\n .u-tabs-tab-active {\r\n background: $brand-primary;\r\n color: #fff;\r\n &:hover {\r\n color: #fff;\r\n }\r\n }\r\n }\r\n}\r\n\r\n/*基础table02*/\r\n.u-tabs-upborder {\r\n .u-tabs-ink-bar {\r\n height: 0;\r\n }\r\n .u-tabs-bar, .u-tabs-nav-container {\r\n background: #f5f5f5;\r\n }\r\n .u-tabs-bar {\r\n border: none;\r\n }\r\n .u-tabs-nav {\r\n .u-tabs-tab:first-child {\r\n margin-left: 5px;\r\n }\r\n .u-tabs-tab {\r\n min-width: 90px;\r\n text-align: center;\r\n margin-right: 0;\r\n padding: 14px 16px 9px 16px;\r\n line-height: 1;\r\n border-bottom: 1px solid #e9e9e9;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: $tabs-turn-after-top;\r\n left: $tabs-turn-after-left;\r\n z-index: -1;\r\n width: $tabs-turn-after-width;\r\n height: $tabs-turn-after-height;\r\n border-left: none;\r\n z-index: -1;\r\n }\r\n &::after {\r\n position: absolute;\r\n top: $tabs-turn-after-top;\r\n left: $tabs-turn-after-left;\r\n z-index: -1;\r\n width: $tabs-turn-after-width;\r\n height: $tabs-turn-after-height;\r\n background-color: $brand-primary;\r\n content: '';\r\n // transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);\r\n // transform: translate3d(0, 100%, 0) translate3d(0, 6px, 0);\r\n // -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 6px, 0);\r\n // transition: background-color 0.3s, transform 0.3s;\r\n // -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;\r\n // transform-origin: 50% 100%;\r\n // -webkit-transform-origin: 50% 100%;\r\n // perspective-origin: 50% 100%;\r\n // -webkit-perspective-origin: 50% 100%;\r\n border-bottom: 35px #fff solid;\r\n border-left: none;\r\n }\r\n &-active {\r\n color: $brand-primary;\r\n border-left: 1px solid #e9e9e9;\r\n border-right: 1px solid #e9e9e9;\r\n border-bottom: 1px solid #fff;\r\n &::after {\r\n // -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);\r\n // transform: perspective(900px) rotate3d(1, 0, 0, 0deg);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n/*基础tab03*/\r\n.u-tabs-downborder {\r\n .u-tabs-ink-bar {\r\n background-color: transparent;\r\n }\r\n .u-tabs-nav {\r\n background: #fff;\r\n .u-tabs-tab {\r\n min-width: 90px;\r\n text-align: center;\r\n z-index: 1;\r\n margin-right: 5px;\r\n padding: 9px 16px;\r\n line-height: 1;\r\n color: #666;\r\n transition: color 0.3s;\r\n &:hover {\r\n color: $brand-primary;\r\n }\r\n &::after {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: -1;\r\n width: 100%;\r\n height: 100%;\r\n background: #d2d8d6;\r\n content: '';\r\n // -webkit-transition: background-color 0.3s, transform 0.4s;\r\n // transition: background-color 0.3s, transform 0.4s;\r\n // -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);\r\n // transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);\r\n // -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);\r\n // transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);\r\n }\r\n &:hover::after, &:focus::after, &.u-tabs-tab-active::after {\r\n background: $brand-primary;\r\n }\r\n &.u-tabs-tab-active::after {\r\n // -webkit-transform: translate3d(0, 0, 0);\r\n // transform: translate3d(0, 0, 0);\r\n border-top-left-radius: $tabs-simple-activeTopRadius;\r\n border-top-right-radius: $tabs-simple-activeTopRadius;\r\n }\r\n &-active {\r\n color: #fff;\r\n &:hover {\r\n color: #fff;\r\n }\r\n }\r\n }\r\n }\r\n .u-content-list {\r\n border: none;\r\n }\r\n}\r\n\r\n/*基础tab04*/\r\n.u-tabs-trapezoid {\r\n .u-tabs-ink-bar {\r\n background-color: transparent;\r\n height: 0;\r\n }\r\n .u-tabs-bar, .u-tabs-nav-container {\r\n background: #f5f5f5;\r\n }\r\n\r\n .u-tabs-nav {\r\n .u-tabs-tab:first-child {\r\n margin-left: 5px;\r\n }\r\n .u-tabs-tab {\r\n min-width: 90px;\r\n padding: 9px 20px;\r\n //margin-bottom: $tabs-marginBottom;\r\n z-index: 1;\r\n color: #fff;\r\n margin-right: 0;\r\n line-height: 1;\r\n margin-top: 5px;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: -1;\r\n width: 100%;\r\n height: 100%;\r\n border-bottom: 32px $brand-primary solid;\r\n border-right: transparent $tabs-turn-beforeRight solid;\r\n border-left: none;\r\n z-index: -1;\r\n }\r\n &::after {\r\n position: absolute;\r\n top: $tabs-turn-after-top;\r\n left: $tabs-turn-after-left;\r\n z-index: -1;\r\n width: $tabs-turn-after-width;\r\n height: $tabs-turn-after-height;\r\n background-color: #f5f5f5;\r\n content: '';\r\n // -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;\r\n // transition: transform 0.3s, background-color 0.3s;\r\n // -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);\r\n // transform: perspective(900px) rotate3d(1, 0, 0, 90deg);\r\n // -webkit-transform-origin: 50% 100%;\r\n // transform-origin: 50% 100%;\r\n // -webkit-perspective-origin: 50% 100%;\r\n // perspective-origin: 50% 100%;\r\n border-bottom: 32px #fff solid;\r\n border-right: #f5f5f5 15px solid;\r\n border-left: none;\r\n }\r\n &-active {\r\n color: $brand-primary;\r\n margin-top: 5px;\r\n &::after {\r\n // -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);\r\n // transform: perspective(900px) rotate3d(1, 0, 0, 0deg);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n/*基础tab2*/\r\n.u-tabs-fill {\r\n .u-tabs-ink-bar {\r\n background-color: transparent;\r\n }\r\n .u-tabs-nav {\r\n background: map_get($tabs-fill-tab, back);\r\n .u-tabs-tab {\r\n margin-right: $tabs-fill-tab-maright;\r\n color: map_get($tabs-fill-tab, color);\r\n transition: color 0.3s;\r\n &:hover {\r\n color: $brand-primary;\r\n }\r\n &::after {\r\n position: absolute;\r\n top: $tabs-fill-after-top;\r\n left: $tabs-fill-after-left;\r\n z-index: -1;\r\n width: $tabs-fill-after-width;\r\n height: $tabs-fill-after-height;\r\n background: map_get($tabs-fill-tab, afterBack);\r\n content: '';\r\n // -webkit-transition: background-color 0.3s, transform 0.4s;\r\n // transition: background-color 0.3s, transform 0.4s;\r\n // -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);\r\n // transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);\r\n // -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);\r\n // transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);\r\n }\r\n &:hover::after, &:focus::after, &.u-tabs-tab-active::after {\r\n background: $brand-primary;\r\n }\r\n &.u-tabs-tab-active::after {\r\n // -webkit-transform: translate3d(0, 0, 0);\r\n // transform: translate3d(0, 0, 0);\r\n border-top-left-radius: $tabs-simple-activeTopRadius;\r\n border-top-right-radius: $tabs-simple-activeTopRadius;\r\n }\r\n &-active {\r\n color: #fff;\r\n &:hover {\r\n color: #fff;\r\n }\r\n }\r\n }\r\n }\r\n .u-content-list {\r\n border: none;\r\n }\r\n}\r\n\r\n/*可编辑card*/\r\n.u-tabs-editable-card {\r\n .u-tabs-bar {\r\n line-height: 38px;\r\n }\r\n .u-tabs-nav {\r\n .u-tabs-ink-bar {\r\n height: 0;\r\n }\r\n background: map_get($tabs-fill-tab, back);\r\n .u-tabs-tab {\r\n margin-right: $tabs-fill-tab-maright;\r\n color: map_get($tabs-fill-tab, color);\r\n transition: color 0.3s;\r\n background: #f5f5f5;\r\n border: 1px solid #e9e9e9;\r\n border-bottom-color: #f5f5f5;\r\n border-top-left-radius: $tabs-simple-activeTopRadius;\r\n border-top-right-radius: $tabs-simple-activeTopRadius;\r\n .u-tabs-close-x{\r\n font-size: 12px;\r\n }\r\n &:hover {\r\n color: $brand-primary;\r\n }\r\n &::after {\r\n position: absolute;\r\n top: $tabs-fill-after-top;\r\n left: $tabs-fill-after-left;\r\n z-index: -1;\r\n width: $tabs-fill-after-width;\r\n height: $tabs-fill-after-height;\r\n background: map_get($tabs-fill-tab, afterBack);\r\n content: '';\r\n }\r\n &:hover::after, &:focus::after, &.u-tabs-tab-active::after {\r\n background: #fff;\r\n }\r\n &-active {\r\n color: $brand-primary;\r\n border-color: #e9e9e9;\r\n border-bottom: 1px solid #fff;\r\n }\r\n }\r\n }\r\n .u-content-list {\r\n border: none;\r\n }\r\n}\r\n\r\n/*基础tab3*/\r\n.u-tabs-turn {\r\n .u-tabs-ink-bar {\r\n background-color: transparent;\r\n height: 0;\r\n }\r\n .u-tabs-bar, .u-tabs-nav-container {\r\n background: #f5f5f5;\r\n }\r\n\r\n .u-tabs-nav {\r\n .u-tabs-tab:first-child {\r\n margin-left: 5px;\r\n }\r\n .u-tabs-tab {\r\n margin-bottom: $tabs-marginBottom;\r\n z-index: 1;\r\n color: #fff;\r\n margin-right: 0;\r\n line-height: 1;\r\n margin-top: 5px;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: $tabs-turn-after-top;\r\n left: $tabs-turn-after-left;\r\n z-index: -1;\r\n width: $tabs-turn-after-width;\r\n height: $tabs-turn-after-height;\r\n border-bottom: $tabs-turn-beforeBot $brand-primary solid;\r\n border-right: transparent $tabs-turn-beforeRight solid;\r\n border-left: none;\r\n z-index: -1;\r\n }\r\n &::after {\r\n position: absolute;\r\n top: $tabs-turn-after-top;\r\n left: $tabs-turn-after-left;\r\n z-index: -1;\r\n width: $tabs-turn-after-width;\r\n height: $tabs-turn-after-height;\r\n background-color: #f5f5f5;\r\n content: '';\r\n // -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;\r\n // transition: transform 0.3s, background-color 0.3s;\r\n // -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);\r\n // transform: perspective(900px) rotate3d(1, 0, 0, 90deg);\r\n // -webkit-transform-origin: 50% 100%;\r\n // transform-origin: 50% 100%;\r\n // -webkit-perspective-origin: 50% 100%;\r\n // perspective-origin: 50% 100%;\r\n border-bottom: 32px #fff solid;\r\n border-right: #f5f5f5 15px solid;\r\n border-left: none;\r\n }\r\n &-active {\r\n color: $brand-primary;\r\n margin-top: 5px;\r\n &::after {\r\n // -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);\r\n // transform: perspective(900px) rotate3d(1, 0, 0, 0deg);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.u-tabs-moveleft {\r\n .u-content-list {\r\n border: $tabs-fill-tab-maright solid $tabs-basic-back;\r\n border-top: none;\r\n height: $tabs-moveleft-conHeight;\r\n padding: $tabs-moveleft-conPad;\r\n background: #fff;\r\n position: relative;\r\n .u-content {\r\n display: inline-block;\r\n transform: translateX(-100%);\r\n opacity: 0;\r\n position: absolute;\r\n transition: all .3s ease-in-out;\r\n }\r\n .u-content-active {\r\n transform: translateX(0);\r\n transition-delay: .3s;\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n\r\n/*基础tab4 */\r\n.u-tabs-fade {\r\n .u-tabs-ink-bar {\r\n background-color: transparent;\r\n height: 0;\r\n }\r\n .u-tabs-bar, .u-tabs-nav-container {\r\n background: #f5f5f5;\r\n }\r\n\r\n .u-tabs-nav {\r\n margin-left: map_get($tabs-fade-tab, marLeft);\r\n .u-tabs-tab {\r\n margin-right: 0;\r\n margin-top: map_get($tabs-fade-tab, marTop);\r\n border-radius: map_get($tabs-fade-tab, radius);\r\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n color: map_get($tabs-fade-tab, color);\r\n padding: 5px 20px;\r\n text-align: center;\r\n float: left;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n position: relative;\r\n cursor: pointer;\r\n text-decoration: none;\r\n &:hover {\r\n color: $brand-primary;\r\n }\r\n }\r\n .u-tabs-tab-active {\r\n background: #fff;\r\n color: map_get($tabs-fade-tab, color);\r\n &:hover {\r\n color: $brand-primary;\r\n }\r\n }\r\n }\r\n}\r\n\r\n/*基础tab5 */\r\n.u-tabs-fadeup {\r\n .u-tabs-ink-bar {\r\n background-color: transparent;\r\n height: 0;\r\n }\r\n .u-tabs-bar, .u-tabs-nav-container {\r\n background: #f5f5f5;\r\n }\r\n\r\n .u-tabs-nav {\r\n margin-bottom: $tabs-marginBottom;\r\n .u-tabs-tab {\r\n margin-top: 5px;\r\n border-radius: 0 0 0 0;\r\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n color: #666;\r\n padding: 0 16px;\r\n text-align: center;\r\n float: left;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n position: relative;\r\n cursor: pointer;\r\n text-decoration: none;\r\n &:hover {\r\n color: $brand-primary;\r\n }\r\n &::after {\r\n position: absolute;\r\n top: $tabs-fadeup-top;\r\n left: $tabs-fadeup-left;\r\n z-index: -1;\r\n width: $tabs-fadeup-width;\r\n height: $tabs-fadeup-height;\r\n content: '';\r\n // -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;\r\n // transition: background-color 0.3s, transform 0.3s;\r\n // -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);\r\n // transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);\r\n // -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 6px, 0);\r\n // transform: translate3d(0, 100%, 0) translate3d(0, 6px, 0);\r\n }\r\n &:hover::after, &:focus::after, &.u-tabs-tab-active::after {\r\n background: $brand-primary;\r\n }\r\n &.u-tabs-tab-active::after {\r\n // -webkit-transform: translate3d(0, 0, 0);\r\n // transform: translate3d(0, 0, 0);\r\n }\r\n &-active {\r\n color: #fff;\r\n\r\n }\r\n }\r\n .u-tabs-tab-active {\r\n background: #fff;\r\n color: $tabs-fadeup-color;\r\n &:hover {\r\n color: $tabs-fadeup-color;\r\n }\r\n }\r\n }\r\n}\r\n\r\n/*基础tab6*/\r\n.u-tabs-slide {\r\n .u-tabs-nav {\r\n background: map_get($tabs-slide-tabs, back);\r\n .u-tabs-tab {\r\n padding: map_get($tabs-slide-tabs, padding);\r\n &-child {\r\n position: absolute;\r\n bottom: $tabs-slide-child-bottom;\r\n left: $tabs-slide-child-left;\r\n height: $tabs-slide-child-height;\r\n background: $brand-primary;\r\n content: '';\r\n // -webkit-transition: -webkit-transform 0.3s;\r\n // transition: transform 0.3s;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n.u-search-tabs{\r\n &-item{\r\n cursor: pointer;\r\n &.active{\r\n color: $brand-primary;\r\n }\r\n }\r\n &-split{\r\n margin: 0 15px;\r\n color: #555;\r\n font-size: 12px;\r\n }\r\n}","@import \"../src/Tabs.scss\";\n\nul,li{\n list-style: none;\n}\n",".demo1-tabs{\n margin-bottom: 40px;\n}",".demo4{\n width: 600px;\n margin: 20px;\n .demo4-tabs{\n &.u-tabs-left, &.u-tabs-right{\n height: 300px;\n }\n }\n .u-select{\n width: 100px;\n }\n}",".Demo6-tabs{\n .add-button{\n margin: 3px;\n }\n}"],"sourceRoot":"/source/"} |