h_ui
Version:
A Vue.js 2.0 UI Components Framework
1 lines • 15.1 kB
CSS
@charset "UTF-8";.verify-tip{display:block;font-family:"Helvetica Neue",helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;letter-spacing:normal;opacity:100;position:absolute;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:nowrap;word-break:nowrap;word-spacing:normal;word-wrap:nowrap;line-height:24px;z-index:9}.verify-tip.verify-top{top:-31px}.verify-tip>.verify-tip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.verify-tip.verify-top>.verify-tip-arrow{border-top-color:#f5222d;border-width:5px 5px 0;left:50%;margin-left:-5px;bottom:-5px}.classic-blue .verify-tip.verify-top>.verify-tip-arrow{border-top-color:#f14658}.night-black .verify-tip.verify-top>.verify-tip-arrow{border-top-color:#f14658}.verify-tip.verify-bottom{margin-top:2px;padding:5px 0}.verify-tip>.verify-tip-inner{background-color:#f5222d;border-radius:4px;color:#fff;max-width:200px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.classic-blue .verify-tip>.verify-tip-inner{background-color:#f14658}.night-black .verify-tip>.verify-tip-inner{background-color:#f14658}.classic-blue .verify-tip>.verify-tip-inner{color:#fff}.night-black .verify-tip>.verify-tip-inner{color:#fff}.verify-tip.verify-bottom>.verify-tip-arrow{border-bottom-color:#f5222d;border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}.classic-blue .verify-tip.verify-bottom>.verify-tip-arrow{border-bottom-color:#f14658}.night-black .verify-tip.verify-bottom>.verify-tip-arrow{border-bottom-color:#f14658}.verify-tip.bottom>.verify-tip-inner{background-color:#f5222d;border-radius:4px;color:#fff;max-width:200px;padding:0 8px;text-align:center;margin-top:-1px}.classic-blue .verify-tip.bottom>.verify-tip-inner{background-color:#f14658}.night-black .verify-tip.bottom>.verify-tip-inner{background-color:#f14658}.classic-blue .verify-tip.bottom>.verify-tip-inner{color:#fff}.night-black .verify-tip.bottom>.verify-tip-inner{color:#fff}.h-tabs{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden;color:#495060;zoom:1}.classic-blue .h-tabs{color:#333}.night-black .h-tabs{color:#fff}.h-tabs::after,.h-tabs::before{content:"";display:table}.h-tabs::after{clear:both;visibility:hidden;font-size:0;height:0}.h-tabs-bar{outline:0;border-bottom:1px solid #d7dde4;margin-bottom:16px}.classic-blue .h-tabs-bar{border-bottom-color:#e6e6e6}.night-black .h-tabs-bar{border-bottom-color:#485565}.h-tabs-ink-bar{height:2px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#298dff;position:absolute;left:0;bottom:1px;z-index:1;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.classic-blue .h-tabs-ink-bar{background-color:#4686f2}.night-black .h-tabs-ink-bar{background-color:#4686f2}.h-tabs-bar-top{border-top:1px solid #d7dde4;margin-bottom:16px}.classic-blue .h-tabs-bar-top{border-top-color:#e6e6e6}.night-black .h-tabs-bar-top{border-top-color:#485565}.h-tabs-nav-container{margin-bottom:-1px;line-height:1.5;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;position:relative;zoom:1}.h-tabs-nav-container::after,.h-tabs-nav-container::before{content:"";display:table}.h-tabs-nav-container::after{clear:both;visibility:hidden;font-size:0;height:0}.h-tabs-nav-container-scrolling{padding-left:32px;padding-right:32px}.h-tabs-return{float:left;height:100%;padding:6px 5px 0 0}.h-tabs-enter{float:right;height:100%;padding:6px 5px 0 0}.h-tabs-enter:hover,.h-tabs-return{cursor:pointer}.h-tabs-enter:hover i,.h-tabs-return i{color:#298dff}.classic-blue .h-tabs-enter:hover i,.classic-blue .h-tabs-return i{color:#4686f2}.night-black .h-tabs-enter:hover i,.night-black .h-tabs-return i{color:#4686f2}.h-tabs-nav-wrap{overflow:hidden;margin-bottom:-1px}.h-tabs-nav-wrap-width{width:calc(100% - 42px)}.h-tabs-nav-scroll{position:relative;white-space:nowrap;overflow:hidden}.h-tabs-nav-right{display:inline-block;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;padding-top:10px 0;padding-right:15px}.h-tabs-nav-right .h-tabs-tab{width:100%;height:36px;line-height:36px;padding:0 10px;text-align:right;position:relative}.h-tabs-nav-right .h-tabs-tab i{color:transparent;position:absolute;right:0;margin-right:-9px}.classic-blue .h-tabs-nav-right .h-tabs-tab i{color:transparent}.night-black .h-tabs-nav-right .h-tabs-tab i{color:transparent}.h-tabs-nav-right .h-tabs-tab-alginleft{text-align:left}.h-tabs-nav-right .h-tabs-tab:hover{background:#d7dde4;cursor:pointer}.classic-blue .h-tabs-nav-right .h-tabs-tab:hover{background-color:#eff5ff}.night-black .h-tabs-nav-right .h-tabs-tab:hover{background-color:#32496c}.h-tabs-nav-right .h-tabs-tab:hover i{color:#d7dde4}.classic-blue .h-tabs-nav-right .h-tabs-tab:hover i{color:#eff5ff}.night-black .h-tabs-nav-right .h-tabs-tab:hover i{color:#32496c}.h-tabs-nav-right .h-tabs-tab-active{background:#298dff;color:#fff;font-weight:700}.classic-blue .h-tabs-nav-right .h-tabs-tab-active{color:#4686f2}.night-black .h-tabs-nav-right .h-tabs-tab-active{color:#4686f2}.classic-blue .h-tabs-nav-right .h-tabs-tab-active{background-color:#eff5ff}.night-black .h-tabs-nav-right .h-tabs-tab-active{background-color:#32496c}.h-tabs-nav-right .h-tabs-tab-active i{color:#298dff}.classic-blue .h-tabs-nav-right .h-tabs-tab-active i{color:#4686f2}.night-black .h-tabs-nav-right .h-tabs-tab-active i{color:#4686f2}.h-tabs-nav-right .h-tabs-tab-active:hover{background:#298dff}.classic-blue .h-tabs-nav-right .h-tabs-tab-active:hover{background-color:#eff5ff}.night-black .h-tabs-nav-right .h-tabs-tab-active:hover{background-color:#32496c}.h-tabs-nav-right .h-tabs-tab-active:hover i{color:#298dff}.classic-blue .h-tabs-nav-right .h-tabs-tab-active:hover i{color:#4686f2}.night-black .h-tabs-nav-right .h-tabs-tab-active:hover i{color:#4686f2}.h-tabs-nav-right .h-tabs-tab-disabled{color:#c3cbd6;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.classic-blue .h-tabs-nav-right .h-tabs-tab-disabled{color:#bbb}.night-black .h-tabs-nav-right .h-tabs-tab-disabled{color:rgba(255,255,255,.5)}.h-tabs-nav-right .h-tabs-tab-disabled:hover{background-color:transparent;cursor:not-allowed}.classic-blue .h-tabs-nav-right .h-tabs-tab-disabled:hover{background-color:transparent}.night-black .h-tabs-nav-right .h-tabs-tab-disabled:hover{background-color:transparent}.h-tabs-nav-right .h-tabs-tab-disabled:hover i{color:transparent}.classic-blue .h-tabs-nav-right .h-tabs-tab-disabled:hover i{color:transparent}.night-black .h-tabs-nav-right .h-tabs-tab-disabled:hover i{color:transparent}.h-tabs-nav{display:inline-block;padding-left:0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.h-tabs-nav::after,.h-tabs-nav::before{display:table;content:" "}.h-tabs-nav::after{clear:both}.h-tabs-nav .h-tabs-tab{display:inline-block;margin-right:16px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-decoration:none;position:relative;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;color:#495060;letter-spacing:0;text-align:left;padding:8px 16px;font-size:14px;height:100%;line-height:22px}.classic-blue .h-tabs-nav .h-tabs-tab{color:#333}.night-black .h-tabs-nav .h-tabs-tab{color:#fff}.h-tabs-nav .h-tabs-tab:hover{color:#8fc3ff}.classic-blue .h-tabs-nav .h-tabs-tab:hover{color:#5196ff}.night-black .h-tabs-nav .h-tabs-tab:hover{color:#5196ff}.h-tabs-nav .h-tabs-tab:active{color:#8fc3ff}.classic-blue .h-tabs-nav .h-tabs-tab:active{color:#4686f2}.night-black .h-tabs-nav .h-tabs-tab:active{color:#4686f2}.h-tabs-nav .h-tabs-tab .font-icon{width:14px;height:14px;margin-right:8px}.h-tabs-nav .h-tabs-tab i{font-size:14px}.h-tabs-nav .h-tabs-tab-disabled{pointer-events:none;cursor:default;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;font-size:14px;color:#c3cbd6;letter-spacing:0;text-align:left;line-height:22px}.classic-blue .h-tabs-nav .h-tabs-tab-disabled{color:#bbb}.night-black .h-tabs-nav .h-tabs-tab-disabled{color:rgba(255,255,255,.5)}.h-tabs-nav .h-tabs-tab-active{color:#298dff}.classic-blue .h-tabs-nav .h-tabs-tab-active{color:#4686f2}.night-black .h-tabs-nav .h-tabs-tab-active{color:#4686f2}.h-tabs-mini .h-tabs-nav-container{font-size:14px}.h-tabs-mini .h-tabs-tab{margin-right:0;padding:8px 16px;font-size:12px}.h-tabs .h-tabs-content-wrap{overflow:hidden;width:100%}.h-tabs .h-tabs-content-animated{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.h-tabs .h-tabs-tabpane{-ms-flex-negative:0;flex-shrink:0;width:100%;-webkit-transition:opacity .3s;transition:opacity .3s;opacity:1;overflow:auto}.h-tabs .h-tabs-tabpane-inactive{opacity:0;height:0}.h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-nav-container,.h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-nav-container{height:32px}.h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-nav-container{margin-top:-1px;margin-bottom:0}.h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-ink-bar,.h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-ink-bar{visibility:hidden}.h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab,.h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab{margin:0;margin-right:4px;height:31px;padding:5px 16px 4px;border:1px solid #d7dde4;border-bottom:0;border-radius:4px 4px 0 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#fff}.classic-blue .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab,.classic-blue .h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab{background-color:#f7f7f7}.night-black .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab,.night-black .h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab{background-color:#35404f}.classic-blue .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab,.classic-blue .h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab{border-color:#d9d9d9}.night-black .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab,.night-black .h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab{border-color:#485565}.h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab{border-bottom:1px solid #d7dde4;border-radius:0 0 4px 4px}.classic-blue .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab{border-bottom-color:#d9d9d9}.night-black .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab{border-bottom-color:#485565}.h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab-active{height:32px;padding-bottom:5px;background:#fff;-webkit-transform:translateZ(0);transform:translateZ(0);border-color:#d7dde4;color:#298dff}.classic-blue .h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab-active i{color:#4686f2}.night-black .h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab-active i{color:#4686f2}.classic-blue .h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab-active{background-color:#fff}.night-black .h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab-active{background-color:#2e3a4c}.classic-blue .h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab-active{color:#4686f2}.night-black .h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab-active{color:#4686f2}.classic-blue .h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab-active{border-color:#d9d9d9}.night-black .h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab-active{border-color:#485565}.h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab-active{height:32px;padding-bottom:5px;background:#fff;-webkit-transform:translateZ(0);transform:translateZ(0);border-color:#d7dde4;color:#298dff;border-top:1px solid transparent}.classic-blue .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab-active i{color:#4686f2}.night-black .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab-active i{color:#4686f2}.classic-blue .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab-active{background-color:#fff}.night-black .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab-active{background-color:#2e3a4c}.classic-blue .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab-active{border-color:#d9d9d9}.night-black .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab-active{border-color:#485565}.classic-blue .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab-active{color:#4686f2}.night-black .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab-active{color:#4686f2}.classic-blue .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab-active{border-top-color:transparent}.night-black .h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab-active{border-top-color:transparent}.h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-nav-wrap{margin-bottom:0}.h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab .font-icon-ios-close-empty,.h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab .font-icon-ios-close-empty{width:0;height:22px;font-size:22px;margin-right:0;color:#999;text-align:right;vertical-align:middle;overflow:hidden;position:relative;top:-1px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.h-tabs.h-tabs-card-top>.h-tabs-bar-top .h-tabs-tab .font-icon-ios-close-empty:hover,.h-tabs.h-tabs-card>.h-tabs-bar .h-tabs-tab .font-icon-ios-close-empty:hover{color:#444}.h-tabs-panel-right{width:100%}.h-tabs-panel-right .h-tabs-content-animated{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.h-tabs-bar-right{float:left}.h-tabs-bar-right .h-tabs-nav-right{display:block}.h-tabs-content-right{float:left;border-left:1px solid #d7dde4}.classic-blue .h-tabs-content-right{border-left-color:#d9d9d9}.night-black .h-tabs-content-right{border-left-color:#485565}.h-tabs-content-right .h-tabs-tabpane{padding:10px 20px}.h-tabs-arrow-disabled{cursor:not-allowed!important}.h-tabs-arrow-disabled i{color:#aaa}.h-tabs-no-animation>.h-tabs-content-wrap>.h-tabs-content{-webkit-transform:none;transform:none}.h-tabs-no-animation>.h-tabs-content-wrap>.h-tabs-content>.h-tabs-tabpane-inactive{display:none}