loit-web-component-gx/static/theme/Red/time-select.css

广西时代凌宇前端组件库

.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0 }.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear }.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear }.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1) }.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1) }.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0) }.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top }.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0) }.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom }.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0) }.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left }.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45) }.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out }.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out }.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s }.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-0.3rem);transform:translateY(-0.3rem) }.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1) }.el-date-editor{position:relative;display:inline-block;text-align:left }.el-date-editor.el-input,.el-date-editor.el-input__inner{width:2.2rem }.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:3.5rem }.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:4rem }.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap }.el-date-editor .el-icon-circle-close{cursor:pointer }.el-date-editor .el-range__icon{font-size:0.14rem;margin-left:-0.05rem;color:#c0c4cc;float:left;line-height:0.32rem }.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;display:inline-block;font-size:0.14rem }.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#606266 }.el-date-editor .el-range-input::-webkit-input-placeholder{color:#c0c4cc }.el-date-editor .el-range-input:-ms-input-placeholder{color:#c0c4cc }.el-date-editor .el-range-input::placeholder{color:#c0c4cc }.el-date-editor .el-range-separator{padding:0 0.05rem;line-height:0.32rem;width:5%;color:#303133 }.el-date-editor .el-range__close-icon{font-size:0.14rem;color:#c0c4cc;width:0.25rem;display:inline-block;float:right;line-height:0.32rem }.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.03rem 0.1rem }.el-range-editor .el-range-input{line-height:1 }.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#e1806f }.el-range-editor--medium.el-input__inner{height:0.36rem }.el-range-editor--medium .el-range-separator{line-height:0.28rem;font-size:0.14rem }.el-range-editor--medium .el-range-input{font-size:0.14rem }.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:0.28rem }.el-range-editor--small.el-input__inner{height:0.32rem }.el-range-editor--small .el-range-separator{line-height:0.24rem;font-size:0.13rem }.el-range-editor--small .el-range-input{font-size:0.13rem }.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:0.24rem }.el-range-editor--mini.el-input__inner{height:0.28rem }.el-range-editor--mini .el-range-separator{line-height:0.2rem;font-size:0.12rem }.el-range-editor--mini .el-range-input{font-size:0.12rem }.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:0.2rem }.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed }.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#e4e7ed }.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed }.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#c0c4cc }.el-range-editor.is-disabled input:-ms-input-placeholder{color:#c0c4cc }.el-range-editor.is-disabled input::placeholder{color:#c0c4cc }.el-range-editor.is-disabled .el-range-separator{color:#c0c4cc }.el-picker-panel{color:#606266;border:1px solid #e4e7ed;-webkit-box-shadow:0 0.02rem 0.12rem 0 rgba(0,0,0,.1);box-shadow:0 0.02rem 0.12rem 0 rgba(0,0,0,.1);background:#fff;border-radius:0.04rem;line-height:0.3rem;margin:0.05rem 0 }.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both }.el-picker-panel__content{position:relative;margin:0.15rem }.el-picker-panel__footer{border-top:0.01rem solid #e4e4e4;padding:0.04rem;text-align:right;background-color:#fff;position:relative;font-size:0 }.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:0.28rem;font-size:0.14rem;color:#606266;padding-left:0.12rem;text-align:left;outline:0;cursor:pointer }.el-picker-panel__shortcut:hover{color:#e1806f }.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#e1806f }.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:0.24rem;border-radius:0.02rem;padding:0 0.2rem;cursor:pointer;background-color:transparent;outline:0;font-size:0.12rem }.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed }.el-picker-panel__icon-btn{font-size:0.12rem;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:0.08rem }.el-picker-panel__icon-btn:hover{color:#e1806f }.el-picker-panel__icon-btn.is-disabled{color:#bbb }.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed }.el-picker-panel__link-btn{vertical-align:middle }.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:1.1rem;border-right:0.01rem solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0.06rem;background-color:#fff;overflow:auto }.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:1.1rem }.el-date-picker{width:3.22rem }.el-date-picker.has-sidebar.has-time{width:4.34rem }.el-date-picker.has-sidebar{width:4.38rem }.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative }.el-date-picker .el-picker-panel__content{width:2.92rem }.el-date-picker table{table-layout:fixed;width:100% }.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 0.05rem }.el-date-picker__time-header{position:relative;border-bottom:0.01rem solid #e4e4e4;font-size:0.12rem;padding:0.08rem 0.05rem 0.05rem;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box }.el-date-picker__header{margin:0.12rem;text-align:center }.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:0.12rem;border-bottom:solid 0.01rem #ebeef5 }.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0 }.el-date-picker__header-label{font-size:0.16rem;font-weight:500;padding:0 0.05rem;line-height:0.22rem;text-align:center;cursor:pointer;color:#606266 }.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#e1806f }.el-date-picker__prev-btn{float:left }.el-date-picker__next-btn{float:right }.el-date-picker__time-wrap{padding:0.1rem;text-align:center }.el-date-picker__time-label{float:left;cursor:pointer;line-height:0.3rem;margin-left:0.1rem }.el-scrollbar{overflow:hidden;position:relative }.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out }.el-scrollbar__wrap{overflow:scroll;height:100% }.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0 }.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color }.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5) }.el-scrollbar__bar{position:absolute;right:0.02rem;bottom:0.02rem;z-index:1;border-radius:0.04rem;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out }.el-scrollbar__bar.is-vertical{width:0.06rem;top:0.02rem }.el-scrollbar__bar.is-vertical>div{width:100% }.el-scrollbar__bar.is-horizontal{height:0.06rem;left:0.02rem }.el-scrollbar__bar.is-horizontal>div{height:100% }.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid }.el-popper .popper__arrow{border-width:0.06rem;-webkit-filter:drop-shadow(0 0.02rem 0.12rem rgba(0, 0, 0, .03));filter:drop-shadow(0 0.02rem 0.12rem rgba(0, 0, 0, .03)) }.el-popper .popper__arrow::after{content:" ";border-width:0.06rem }.el-popper[x-placement^=top]{margin-bottom:0.12rem }.el-popper[x-placement^=top] .popper__arrow{bottom:-0.06rem;left:50%;margin-right:0.03rem;border-top-color:#ebeef5;border-bottom-width:0 }.el-popper[x-placement^=top] .popper__arrow::after{bottom:0.01rem;margin-left:-0.06rem;border-top-color:#fff;border-bottom-width:0 }.el-popper[x-placement^=bottom]{margin-top:0.12rem }.el-popper[x-placement^=bottom] .popper__arrow{top:-0.06rem;left:50%;margin-right:0.03rem;border-top-width:0;border-bottom-color:#ebeef5 }.el-popper[x-placement^=bottom] .popper__arrow::after{top:0.01rem;margin-left:-0.06rem;border-top-width:0;border-bottom-color:#fff }.el-popper[x-placement^=right]{margin-left:0.12rem }.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-0.06rem;margin-bottom:0.03rem;border-right-color:#ebeef5;border-left-width:0 }.el-popper[x-placement^=right] .popper__arrow::after{bottom:-0.06rem;left:0.01rem;border-right-color:#fff;border-left-width:0 }.el-popper[x-placement^=left]{margin-right:0.12rem }.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-0.06rem;margin-bottom:0.03rem;border-right-width:0;border-left-color:#ebeef5 }.el-popper[x-placement^=left] .popper__arrow::after{right:0.01rem;bottom:-0.06rem;margin-left:-0.06rem;border-right-width:0;border-left-color:#fff }.time-select{margin:0.05rem 0;min-width:0 }.time-select .el-picker-panel__content{max-height:2rem;margin:0 }.time-select-item{padding:0.08rem 0.1rem;font-size:0.14rem;line-height:0.2rem }.time-select-item.selected:not(.disabled){color:#e1806f;font-weight:700 }.time-select-item.disabled{color:#e4e7ed;cursor:not-allowed }.time-select-item:hover{background-color:#f5f7fa;font-weight:700;cursor:pointer }