@simba088/mat-ui
Version:
基于Vue和ElementUi的PC组件库
1 lines • 30.1 kB
CSS
@charset "UTF-8";.mat-input,.mat-textarea{display:inline-block;font-size:14px}.mat-input__inner,.mat-textarea__inner{-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.mat-textarea{position:relative;width:100%;vertical-align:bottom}.mat-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.mat-input__inner,.mat-tag{-webkit-box-sizing:border-box}.mat-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.mat-textarea__inner::-moz-placeholder{color:#C0C4CC}.mat-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.mat-textarea__inner::placeholder{color:#C0C4CC}.mat-textarea__inner:hover{border-color:#C0C4CC}.mat-textarea__inner:focus{outline:0;border-color:#409EFF}.mat-textarea .mat-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.mat-textarea.is-disabled .mat-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.mat-textarea.is-disabled .mat-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.mat-textarea.is-disabled .mat-textarea__inner::-moz-placeholder{color:#C0C4CC}.mat-textarea.is-disabled .mat-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.mat-textarea.is-disabled .mat-textarea__inner::placeholder{color:#C0C4CC}.mat-textarea.is-exceed .mat-textarea__inner{border-color:#F56C6C}.mat-textarea.is-exceed .mat-input__count{color:#F56C6C}.mat-input{position:relative;width:100%}.mat-input::-webkit-scrollbar{z-index:11;width:6px}.mat-input::-webkit-scrollbar:horizontal{height:6px}.mat-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.mat-input::-webkit-scrollbar-corner{background:#fff}.mat-input::-webkit-scrollbar-track{background:#fff}.mat-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.mat-input .mat-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.mat-input .mat-input__clear:hover{color:#909399}.mat-input .mat-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.mat-input .mat-input__count .mat-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.mat-input__inner{-webkit-appearance:none;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.mat-input__prefix,.mat-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#C0C4CC;text-align:center}.mat-input__inner::-webkit-input-placeholder{color:#C0C4CC}.mat-input__inner::-moz-placeholder{color:#C0C4CC}.mat-input__inner::-ms-input-placeholder{color:#C0C4CC}.mat-input__inner::placeholder{color:#C0C4CC}.mat-input__inner:hover{border-color:#C0C4CC}.mat-input.is-active .mat-input__inner,.mat-input__inner:focus{border-color:#409EFF;outline:0}.mat-input__suffix{right:5px;transition:all .3s;pointer-events:none}.mat-input__suffix-inner{pointer-events:all}.mat-input__prefix{left:5px;transition:all .3s}.mat-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.mat-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.mat-input__validateIcon{pointer-events:none}.mat-input.is-disabled .mat-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.mat-input.is-disabled .mat-input__inner::-webkit-input-placeholder{color:#C0C4CC}.mat-input.is-disabled .mat-input__inner::-moz-placeholder{color:#C0C4CC}.mat-input.is-disabled .mat-input__inner::-ms-input-placeholder{color:#C0C4CC}.mat-input.is-disabled .mat-input__inner::placeholder{color:#C0C4CC}.mat-input.is-disabled .mat-input__icon{cursor:not-allowed}.mat-input.is-exceed .mat-input__inner{border-color:#F56C6C}.mat-input.is-exceed .mat-input__suffix .mat-input__count{color:#F56C6C}.mat-input--suffix .mat-input__inner{padding-right:30px}.mat-input--prefix .mat-input__inner{padding-left:30px}.mat-input--medium{font-size:14px}.mat-input--medium .mat-input__inner{height:36px;line-height:36px}.mat-input--medium .mat-input__icon{line-height:36px}.mat-input--small{font-size:13px}.mat-input--small .mat-input__inner{height:32px;line-height:32px}.mat-input--small .mat-input__icon{line-height:32px}.mat-input--mini{font-size:12px}.mat-input--mini .mat-input__inner{height:28px;line-height:28px}.mat-input--mini .mat-input__icon{line-height:28px}.mat-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.mat-input-group>.mat-input__inner{vertical-align:middle;display:table-cell}.mat-input-group__append,.mat-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.mat-input-group--prepend .mat-input__inner,.mat-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.mat-input-group--append .mat-input__inner,.mat-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.mat-input-group__append:focus,.mat-input-group__prepend:focus{outline:0}.mat-input-group__append .mat-button,.mat-input-group__append .mat-select,.mat-input-group__prepend .mat-button,.mat-input-group__prepend .mat-select{display:inline-block;margin:-10px -20px}.mat-input-group__append button.mat-button,.mat-input-group__append div.mat-select .mat-input__inner,.mat-input-group__append div.mat-select:hover .mat-input__inner,.mat-input-group__prepend button.mat-button,.mat-input-group__prepend div.mat-select .mat-input__inner,.mat-input-group__prepend div.mat-select:hover .mat-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.mat-input-group__append .mat-button,.mat-input-group__append .mat-input,.mat-input-group__prepend .mat-button,.mat-input-group__prepend .mat-input{font-size:inherit}.mat-input-group__prepend{border-right:0}.mat-input-group__append{border-left:0}.mat-input-group--prepend .mat-select .mat-input.is-focus .mat-input__inner{border-color:transparent}.mat-input-group--append .mat-select .mat-input.is-focus .mat-input__inner{border-color:transparent}.mat-input__inner::-ms-clear{display:none;width:0;height:0}.mat-popper .popper__arrow,.mat-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.mat-checkbox,.mat-checkbox__input,.mat-tag{display:inline-block;white-space:nowrap}.mat-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.mat-popper .popper__arrow::after{content:" ";border-width:6px}.mat-popper[x-placement^=top]{margin-bottom:12px}.mat-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#EBEEF5;border-bottom-width:0}.mat-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#FFF;border-bottom-width:0}.mat-popper[x-placement^=bottom]{margin-top:12px}.mat-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#EBEEF5}.mat-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#FFF}.mat-popper[x-placement^=right]{margin-left:12px}.mat-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#EBEEF5;border-left-width:0}.mat-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#FFF;border-left-width:0}.mat-popper[x-placement^=left]{margin-right:12px}.mat-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#EBEEF5}.mat-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#FFF}.mat-tag{background-color:#ecf5ff;border-color:#d9ecff;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409EFF;border-width:1px;border-style:solid;border-radius:4px;box-sizing:border-box}.mat-tag.is-hit{border-color:#409EFF}.mat-tag .mat-tag__close{color:#409eff}.mat-tag .mat-tag__close:hover{color:#FFF;background-color:#409eff}.mat-tag.mat-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.mat-tag.mat-tag--info.is-hit{border-color:#909399}.mat-tag.mat-tag--info .mat-tag__close{color:#909399}.mat-tag.mat-tag--info .mat-tag__close:hover{color:#FFF;background-color:#909399}.mat-tag.mat-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.mat-tag.mat-tag--success.is-hit{border-color:#67C23A}.mat-tag.mat-tag--success .mat-tag__close{color:#67c23a}.mat-tag.mat-tag--success .mat-tag__close:hover{color:#FFF;background-color:#67c23a}.mat-tag.mat-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.mat-tag.mat-tag--warning.is-hit{border-color:#E6A23C}.mat-tag.mat-tag--warning .mat-tag__close{color:#e6a23c}.mat-tag.mat-tag--warning .mat-tag__close:hover{color:#FFF;background-color:#e6a23c}.mat-tag.mat-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.mat-tag.mat-tag--danger.is-hit{border-color:#F56C6C}.mat-tag.mat-tag--danger .mat-tag__close{color:#f56c6c}.mat-tag.mat-tag--danger .mat-tag__close:hover{color:#FFF;background-color:#f56c6c}.mat-tag .mat-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.mat-tag .mat-icon-close::before{display:block}.mat-tag--dark{background-color:#409eff;border-color:#409eff;color:#fff}.mat-tag--dark.is-hit{border-color:#409EFF}.mat-tag--dark .mat-tag__close{color:#fff}.mat-tag--dark .mat-tag__close:hover{color:#FFF;background-color:#66b1ff}.mat-tag--dark.mat-tag--info{background-color:#909399;border-color:#909399;color:#fff}.mat-tag--dark.mat-tag--info.is-hit{border-color:#909399}.mat-tag--dark.mat-tag--info .mat-tag__close{color:#fff}.mat-tag--dark.mat-tag--info .mat-tag__close:hover{color:#FFF;background-color:#a6a9ad}.mat-tag--dark.mat-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.mat-tag--dark.mat-tag--success.is-hit{border-color:#67C23A}.mat-tag--dark.mat-tag--success .mat-tag__close{color:#fff}.mat-tag--dark.mat-tag--success .mat-tag__close:hover{color:#FFF;background-color:#85ce61}.mat-tag--dark.mat-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.mat-tag--dark.mat-tag--warning.is-hit{border-color:#E6A23C}.mat-tag--dark.mat-tag--warning .mat-tag__close{color:#fff}.mat-tag--dark.mat-tag--warning .mat-tag__close:hover{color:#FFF;background-color:#ebb563}.mat-tag--dark.mat-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.mat-tag--dark.mat-tag--danger.is-hit{border-color:#F56C6C}.mat-tag--dark.mat-tag--danger .mat-tag__close{color:#fff}.mat-tag--dark.mat-tag--danger .mat-tag__close:hover{color:#FFF;background-color:#f78989}.mat-tag--plain{background-color:#fff;border-color:#b3d8ff;color:#409eff}.mat-tag--plain.is-hit{border-color:#409EFF}.mat-tag--plain .mat-tag__close{color:#409eff}.mat-tag--plain .mat-tag__close:hover{color:#FFF;background-color:#409eff}.mat-tag--plain.mat-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.mat-tag--plain.mat-tag--info.is-hit{border-color:#909399}.mat-tag--plain.mat-tag--info .mat-tag__close{color:#909399}.mat-tag--plain.mat-tag--info .mat-tag__close:hover{color:#FFF;background-color:#909399}.mat-tag--plain.mat-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.mat-tag--plain.mat-tag--success.is-hit{border-color:#67C23A}.mat-tag--plain.mat-tag--success .mat-tag__close{color:#67c23a}.mat-tag--plain.mat-tag--success .mat-tag__close:hover{color:#FFF;background-color:#67c23a}.mat-tag--plain.mat-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.mat-tag--plain.mat-tag--warning.is-hit{border-color:#E6A23C}.mat-tag--plain.mat-tag--warning .mat-tag__close{color:#e6a23c}.mat-tag--plain.mat-tag--warning .mat-tag__close:hover{color:#FFF;background-color:#e6a23c}.mat-tag--plain.mat-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.mat-tag--plain.mat-tag--danger.is-hit{border-color:#F56C6C}.mat-tag--plain.mat-tag--danger .mat-tag__close{color:#f56c6c}.mat-tag--plain.mat-tag--danger .mat-tag__close:hover{color:#FFF;background-color:#f56c6c}.mat-tag--medium{height:28px;line-height:26px}.mat-tag--medium .mat-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.mat-tag--small{height:24px;padding:0 8px;line-height:22px}.mat-tag--small .mat-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.mat-tag--mini{height:20px;padding:0 5px;line-height:19px}.mat-tag--mini .mat-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.mat-checkbox{color:#606266;font-weight:500;font-size:14px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.mat-checkbox-button__inner,.mat-radio{-webkit-user-select:none;-ms-user-select:none}.mat-cascader-node>.mat-radio,.mat-checkbox:last-of-type,.mat-radio:last-child{margin-right:0}.mat-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.mat-checkbox.is-bordered.is-checked{border-color:#409EFF}.mat-checkbox.is-bordered.is-disabled{border-color:#EBEEF5;cursor:not-allowed}.mat-checkbox.is-bordered+.mat-checkbox.is-bordered{margin-left:10px}.mat-checkbox.is-bordered.mat-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.mat-checkbox.is-bordered.mat-checkbox--medium .mat-checkbox__label{line-height:17px;font-size:14px}.mat-checkbox.is-bordered.mat-checkbox--medium .mat-checkbox__inner{height:14px;width:14px}.mat-checkbox.is-bordered.mat-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.mat-checkbox.is-bordered.mat-checkbox--small .mat-checkbox__label{line-height:15px;font-size:12px}.mat-checkbox.is-bordered.mat-checkbox--small .mat-checkbox__inner{height:12px;width:12px}.mat-checkbox.is-bordered.mat-checkbox--small .mat-checkbox__inner::after{height:6px;width:2px}.mat-checkbox.is-bordered.mat-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.mat-checkbox.is-bordered.mat-checkbox--mini .mat-checkbox__label{line-height:12px;font-size:12px}.mat-checkbox.is-bordered.mat-checkbox--mini .mat-checkbox__inner{height:12px;width:12px}.mat-checkbox.is-bordered.mat-checkbox--mini .mat-checkbox__inner::after{height:6px;width:2px}.mat-checkbox__input{cursor:pointer;outline:0;line-height:1;position:relative;vertical-align:middle}.mat-checkbox__input.is-disabled .mat-checkbox__inner{background-color:#edf2fc;border-color:#DCDFE6;cursor:not-allowed}.mat-checkbox__input.is-disabled .mat-checkbox__inner::after{cursor:not-allowed;border-color:#C0C4CC}.mat-checkbox__input.is-disabled .mat-checkbox__inner+.mat-checkbox__label{cursor:not-allowed}.mat-checkbox__input.is-disabled.is-checked .mat-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.mat-checkbox__input.is-disabled.is-checked .mat-checkbox__inner::after{border-color:#C0C4CC}.mat-checkbox__input.is-disabled.is-indeterminate .mat-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.mat-checkbox__input.is-disabled.is-indeterminate .mat-checkbox__inner::before{background-color:#C0C4CC;border-color:#C0C4CC}.mat-checkbox__input.is-checked .mat-checkbox__inner,.mat-checkbox__input.is-indeterminate .mat-checkbox__inner{background-color:#409EFF;border-color:#409EFF}.mat-checkbox__input.is-disabled+span.mat-checkbox__label{color:#C0C4CC;cursor:not-allowed}.mat-checkbox__input.is-checked .mat-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.mat-checkbox__input.is-checked+.mat-checkbox__label{color:#409EFF}.mat-checkbox__input.is-focus .mat-checkbox__inner{border-color:#409EFF}.mat-checkbox__input.is-indeterminate .mat-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#FFF;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.mat-checkbox__input.is-indeterminate .mat-checkbox__inner::after{display:none}.mat-checkbox__inner{display:inline-block;position:relative;border:1px solid #DCDFE6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#FFF;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.mat-checkbox__inner:hover{border-color:#409EFF}.mat-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #FFF;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.mat-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.mat-checkbox-button,.mat-checkbox-button__inner{display:inline-block;position:relative}.mat-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.mat-checkbox-button__inner{line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.mat-checkbox-button__inner.is-round{padding:12px 20px}.mat-checkbox-button__inner:hover{color:#409EFF}.mat-checkbox-button__inner [class*=mat-icon-]{line-height:.9}.mat-radio,.mat-radio__input{line-height:1;white-space:nowrap;outline:0}.mat-checkbox-button__inner [class*=mat-icon-]+span{margin-left:5px}.mat-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.mat-radio,.mat-radio__inner,.mat-radio__input{position:relative;display:inline-block}.mat-checkbox-button.is-checked .mat-checkbox-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;-webkit-box-shadow:-1px 0 0 0 #8cc5ff;box-shadow:-1px 0 0 0 #8cc5ff}.mat-checkbox-button.is-checked:first-child .mat-checkbox-button__inner{border-left-color:#409EFF}.mat-checkbox-button.is-disabled .mat-checkbox-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.mat-checkbox-button.is-disabled:first-child .mat-checkbox-button__inner{border-left-color:#EBEEF5}.mat-checkbox-button:first-child .mat-checkbox-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none;box-shadow:none}.mat-checkbox-button.is-focus .mat-checkbox-button__inner{border-color:#409EFF}.mat-checkbox-button:last-child .mat-checkbox-button__inner{border-radius:0 4px 4px 0}.mat-checkbox-button--medium .mat-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.mat-checkbox-button--medium .mat-checkbox-button__inner.is-round{padding:10px 20px}.mat-checkbox-button--small .mat-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.mat-checkbox-button--small .mat-checkbox-button__inner.is-round{padding:9px 15px}.mat-checkbox-button--mini .mat-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.mat-checkbox-button--mini .mat-checkbox-button__inner.is-round{padding:7px 15px}.mat-checkbox-group{font-size:0}.mat-radio{color:#606266;font-weight:500;cursor:pointer;font-size:14px;margin-right:30px;-moz-user-select:none}.mat-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.mat-radio.is-bordered.is-checked{border-color:#409EFF}.mat-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#EBEEF5}.mat-radio.is-bordered+.mat-radio.is-bordered{margin-left:10px}.mat-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.mat-radio--medium.is-bordered .mat-radio__label{font-size:14px}.mat-radio--mini.is-bordered .mat-radio__label,.mat-radio--small.is-bordered .mat-radio__label{font-size:12px}.mat-radio--medium.is-bordered .mat-radio__inner{height:14px;width:14px}.mat-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.mat-radio--small.is-bordered .mat-radio__inner{height:12px;width:12px}.mat-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.mat-radio--mini.is-bordered .mat-radio__inner{height:12px;width:12px}.mat-radio__input{cursor:pointer;vertical-align:middle}.mat-radio__input.is-disabled .mat-radio__inner{background-color:#F5F7FA;border-color:#E4E7ED;cursor:not-allowed}.mat-radio__input.is-disabled .mat-radio__inner::after{cursor:not-allowed;background-color:#F5F7FA}.mat-radio__input.is-disabled .mat-radio__inner+.mat-radio__label{cursor:not-allowed}.mat-radio__input.is-disabled.is-checked .mat-radio__inner{background-color:#F5F7FA;border-color:#E4E7ED}.mat-radio__input.is-disabled.is-checked .mat-radio__inner::after{background-color:#C0C4CC}.mat-radio__input.is-disabled+span.mat-radio__label{color:#C0C4CC;cursor:not-allowed}.mat-radio__input.is-checked .mat-radio__inner{border-color:#409EFF;background:#409EFF}.mat-radio__input.is-checked .mat-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.mat-radio__input.is-checked+.mat-radio__label{color:#409EFF}.mat-radio__input.is-focus .mat-radio__inner{border-color:#409EFF}.mat-radio__inner{border:1px solid #DCDFE6;border-radius:100%;width:14px;height:14px;background-color:#FFF;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.mat-radio__inner:hover{border-color:#409EFF}.mat-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#FFF;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.mat-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.mat-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .mat-radio__inner{-webkit-box-shadow:0 0 2px 2px #409EFF;box-shadow:0 0 2px 2px #409EFF}.mat-radio__label{font-size:14px;padding-left:10px}.mat-scrollbar{overflow:hidden;position:relative}.mat-scrollbar:active>.mat-scrollbar__bar,.mat-scrollbar:focus>.mat-scrollbar__bar,.mat-scrollbar:hover>.mat-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.mat-scrollbar__wrap{overflow:scroll;height:100%}.mat-scrollbar__wrap--hidden-default{scrollbar-width:none}.mat-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.mat-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}.mat-cascader-node,.mat-cascader__tags{display:-webkit-box;display:-ms-flexbox}.mat-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.mat-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.mat-scrollbar__bar.is-vertical{width:6px;top:2px}.mat-scrollbar__bar.is-vertical>div{width:100%}.mat-scrollbar__bar.is-horizontal{height:6px;left:2px}.mat-scrollbar__bar.is-horizontal>div{height:100%}.mat-cascader-panel{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;font-size:14px}.mat-cascader-panel.is-bordered{border:1px solid #E4E7ED;border-radius:4px}.mat-cascader-menu{min-width:180px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;border-right:solid 1px #E4E7ED}.mat-cascader-menu:last-child{border-right:none}.mat-cascader-menu:last-child .mat-cascader-node{padding-right:20px}.mat-cascader-menu__wrap{height:204px}.mat-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mat-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mat-cascader-menu__empty-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#C0C4CC}.mat-cascader-node{position:relative;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.mat-cascader-node.is-selectable.in-active-path{color:#606266}.mat-cascader-node.in-active-path,.mat-cascader-node.is-active,.mat-cascader-node.is-selectable.in-checked-path{color:#409EFF;font-weight:700}.mat-cascader-node:not(.is-disabled){cursor:pointer}.mat-cascader-node:not(.is-disabled):focus,.mat-cascader-node:not(.is-disabled):hover{background:#F5F7FA}.mat-cascader-node.is-disabled{color:#C0C4CC;cursor:not-allowed}.mat-cascader-node__prefix{position:absolute;left:10px}.mat-cascader-node__postfix{position:absolute;right:10px}.mat-cascader-node__label{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-cascader-node>.mat-radio .mat-radio__label{padding-left:0}.mat-cascader{display:inline-block;position:relative;font-size:14px;line-height:40px}.mat-cascader:not(.is-disabled):hover .mat-input__inner{cursor:pointer;border-color:#C0C4CC}.mat-cascader .mat-input .mat-input__inner:focus,.mat-cascader .mat-input.is-focus .mat-input__inner{border-color:#409EFF}.mat-cascader .mat-input{cursor:pointer}.mat-cascader .mat-input .mat-input__inner{text-overflow:ellipsis}.mat-cascader .mat-input .mat-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.mat-cascader .mat-input .mat-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.mat-cascader .mat-input .mat-icon-circle-close:hover{color:#909399}.mat-cascader--medium{font-size:14px;line-height:36px}.mat-cascader--small{font-size:13px;line-height:32px}.mat-cascader--mini{font-size:12px;line-height:28px}.mat-cascader.is-disabled .mat-cascader__label{z-index:2;color:#C0C4CC}.mat-cascader__dropdown{margin:5px 0;font-size:14px;background:#FFF;border:1px solid #E4E7ED;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mat-cascader__tags{position:absolute;left:0;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.mat-cascader__tags .mat-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:#f0f2f5}.mat-cascader__tags .mat-tag:not(.is-hit){border-color:transparent}.mat-cascader__tags .mat-tag>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}.mat-cascader__tags .mat-tag .mat-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:#C0C4CC;color:#FFF}.mat-cascader__tags .mat-tag .mat-icon-close:hover{background-color:#909399}.mat-cascader__suggestion-panel{border-radius:4px}.mat-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:14px;color:#606266;text-align:center}.mat-cascader__suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.mat-cascader__suggestion-item:focus,.mat-cascader__suggestion-item:hover{background:#F5F7FA}.mat-cascader__suggestion-item.is-checked{color:#409EFF;font-weight:700}.mat-cascader__suggestion-item>span{margin-right:10px}.mat-cascader__empty-text{margin:10px 0;color:#C0C4CC}.mat-cascader__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:60px;margin:2px 0 2px 15px;padding:0;color:#606266;border:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.mat-cascader__search-input::-webkit-input-placeholder{color:#C0C4CC}.mat-cascader__search-input::-moz-placeholder{color:#C0C4CC}.mat-cascader__search-input::-ms-input-placeholder{color:#C0C4CC}.mat-cascader__search-input::placeholder{color:#C0C4CC}