wecui/lib/wecui-css/index.css

一款基于Vue2.x版本的移动端web组件

@charset "UTF-8";.wec-button,.wec-search__core{-webkit-appearance:none;outline:0}.wec-button,.wec-search{-webkit-box-sizing:border-box}.wec-checklist__core.right,.wec-radio__core.right{float:right}.wec-cell__label--label,.wec-container,.wec-indicator{-webkit-box-orient:vertical;-webkit-box-direction:normal}.wec-hello{color:#fff;-webkit-transform:scale(1);transform:scale(1)}.wec-hello .wec-hello__message{background:#0067ED}.wec-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;text-align:center;box-sizing:border-box;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500}.wec-button:focus{outline:0}.wec-button.is-plain:focus,.wec-button.is-plain:hover{background:#fff;border-color:#26a2ff;color:#26a2ff}.wec-button.is-active,.wec-button.is-plain:active{color:#2292e6;border-color:#2292e6}.wec-button.is-plain:active{background:#fff;outline:0}.wec-button.is-disabled,.wec-button.is-disabled:focus,.wec-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.wec-button.is-disabled.wec-button--text{background-color:transparent}.wec-button.is-disabled.is-plain,.wec-button.is-disabled.is-plain:focus,.wec-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.wec-button--primary{color:#fff;background-color:#26a2ff;border-color:#26a2ff}.wec-button--primary:focus,.wec-button--primary:hover{background:#51b5ff;border-color:#51b5ff;color:#fff}.wec-button--primary.is-active,.wec-button--primary:active{background:#2292e6;border-color:#2292e6;color:#fff}.wec-button--primary:active{outline:0}.wec-button--primary.is-disabled,.wec-button--primary.is-disabled:active,.wec-button--primary.is-disabled:focus,.wec-button--primary.is-disabled:hover{color:#fff;background-color:#93d1ff;border-color:#93d1ff}.wec-button--primary.is-plain{color:#26a2ff;background:#e9f6ff;border-color:#a8daff}.wec-button--primary.is-plain:focus,.wec-button--primary.is-plain:hover{background:#26a2ff;border-color:#26a2ff;color:#fff}.wec-button--primary.is-plain:active{background:#2292e6;border-color:#2292e6;color:#fff;outline:0}.wec-button--primary.is-plain.is-disabled,.wec-button--primary.is-plain.is-disabled:active,.wec-button--primary.is-plain.is-disabled:focus,.wec-button--primary.is-plain.is-disabled:hover{color:#7dc7ff;background-color:#e9f6ff;border-color:#d4ecff}.wec-button--success{color:#fff;background-color:#4caf50;border-color:#4caf50}.wec-button--success:focus,.wec-button--success:hover{background:#70bf73;border-color:#70bf73;color:#fff}.wec-button--success.is-active,.wec-button--success:active{background:#449e48;border-color:#449e48;color:#fff}.wec-button--success:active{outline:0}.wec-button--success.is-disabled,.wec-button--success.is-disabled:active,.wec-button--success.is-disabled:focus,.wec-button--success.is-disabled:hover{color:#fff;background-color:#a6d7a8;border-color:#a6d7a8}.wec-button--success.is-plain{color:#4caf50;background:#edf7ee;border-color:#b7dfb9}.wec-button--success.is-plain:focus,.wec-button--success.is-plain:hover{background:#4caf50;border-color:#4caf50;color:#fff}.wec-button--success.is-plain:active{background:#449e48;border-color:#449e48;color:#fff;outline:0}.wec-button--success.is-plain.is-disabled,.wec-button--success.is-plain.is-disabled:active,.wec-button--success.is-plain.is-disabled:focus,.wec-button--success.is-plain.is-disabled:hover{color:#94cf96;background-color:#edf7ee;border-color:#dbefdc}.wec-button--warning{color:#fff;background-color:#ffc107;border-color:#ffc107}.wec-button--warning:focus,.wec-button--warning:hover{background:#ffcd39;border-color:#ffcd39;color:#fff}.wec-button--warning.is-active,.wec-button--warning:active{background:#e6ae06;border-color:#e6ae06;color:#fff}.wec-button--warning:active{outline:0}.wec-button--warning.is-disabled,.wec-button--warning.is-disabled:active,.wec-button--warning.is-disabled:focus,.wec-button--warning.is-disabled:hover{color:#fff;background-color:#ffe083;border-color:#ffe083}.wec-button--warning.is-plain{color:#ffc107;background:#fff9e6;border-color:#ffe69c}.wec-button--warning.is-plain:focus,.wec-button--warning.is-plain:hover{background:#ffc107;border-color:#ffc107;color:#fff}.wec-button--warning.is-plain:active{background:#e6ae06;border-color:#e6ae06;color:#fff;outline:0}.wec-button--warning.is-plain.is-disabled,.wec-button--warning.is-plain.is-disabled:active,.wec-button--warning.is-plain.is-disabled:focus,.wec-button--warning.is-plain.is-disabled:hover{color:#ffda6a;background-color:#fff9e6;border-color:#fff3cd}.wec-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.wec-button--danger:focus,.wec-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.wec-button--danger.is-active,.wec-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff}.wec-button--danger:active{outline:0}.wec-button--danger.is-disabled,.wec-button--danger.is-disabled:active,.wec-button--danger.is-disabled:focus,.wec-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.wec-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.wec-button--danger.is-plain:focus,.wec-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.wec-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.wec-button--danger.is-plain.is-disabled,.wec-button--danger.is-plain.is-disabled:active,.wec-button--danger.is-plain.is-disabled:focus,.wec-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.wec-button--info{color:#fff;background-color:#909399;border-color:#909399}.wec-button--info:focus,.wec-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.wec-button--info.is-active,.wec-button--info:active{background:#82848a;border-color:#82848a;color:#fff}.wec-button--info:active{outline:0}.wec-button--info.is-disabled,.wec-button--info.is-disabled:active,.wec-button--info.is-disabled:focus,.wec-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.wec-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.wec-button--info.is-plain:focus,.wec-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.wec-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.wec-button--info.is-plain.is-disabled,.wec-button--info.is-plain.is-disabled:active,.wec-button--info.is-plain.is-disabled:focus,.wec-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.wec-button--error{color:#fff;background-color:#f44336;border-color:#f44336}.wec-button--error:focus,.wec-button--error:hover{background:#f6695e;border-color:#f6695e;color:#fff}.wec-button--error.is-active,.wec-button--error:active{background:#dc3c31;border-color:#dc3c31;color:#fff}.wec-button--error:active{outline:0}.wec-button--error.is-disabled,.wec-button--error.is-disabled:active,.wec-button--error.is-disabled:focus,.wec-button--error.is-disabled:hover{color:#fff;background-color:#faa19b;border-color:#faa19b}.wec-button--error.is-plain{color:#f44336;background:#feeceb;border-color:#fbb4af}.wec-button--error.is-plain:focus,.wec-button--error.is-plain:hover{background:#f44336;border-color:#f44336;color:#fff}.wec-button--error.is-plain:active{background:#dc3c31;border-color:#dc3c31;color:#fff;outline:0}.wec-button--error.is-plain.is-disabled,.wec-button--error.is-plain.is-disabled:active,.wec-button--error.is-plain.is-disabled:focus,.wec-button--error.is-plain.is-disabled:hover{color:#f88e86;background-color:#feeceb;border-color:#fdd9d7}.wec-button--text,.wec-button--text.is-disabled,.wec-button--text.is-disabled:focus,.wec-button--text.is-disabled:hover,.wec-button--text:active{border-color:transparent}.wec-button--large{padding:12px 30px;font-size:16px;border-radius:4px;width:auto}.wec-button--large.is-round{padding:12px 30px}.wec-button--medium{padding:10px 20px;font-size:14px;border-radius:4px;width:auto}.wec-button--mini,.wec-button--small{font-size:12px;border-radius:3px;width:auto}.wec-button--medium.is-round{padding:10px 20px}.wec-button--small,.wec-button--small.is-round{padding:9px 15px}.wec-button--mini,.wec-button--mini.is-round{padding:7px 10px}.wec-button--block{padding:12px 30px;font-size:16px;border-radius:4px;width:100%}.wec-button--block.is-round{padding:12px 30px}.wec-button--text{color:#26a2ff;background:0 0;padding-left:0;padding-right:0}.wec-button--text:focus,.wec-button--text:hover{color:#51b5ff;border-color:transparent;background-color:transparent}.wec-button--text:active{color:#2292e6;background-color:transparent}.wec-navbar,.wec-tabbar{display:-webkit-box;display:-ms-flexbox;height:46px;line-height:46px;background-color:#fff;left:0;font-size:12px;right:0}.wec-tabbar{position:fixed;top:auto;bottom:0;display:flex;color:#909399}.wec-tab-item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.wec-tab-item.is-selected{color:#26a2ff}.wec-tab-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.has-navbar{top:46px}.has-header.has-navbar{top:92px}.has-footer{bottom:46px}.wec-tab-container-item{display:none}.wec-tab-container-item.is-selected{display:block}.wec-navbar{position:fixed;top:0;bottom:auto;display:flex;color:#909399}.wec-cell,.wec-cell__label{display:-webkit-box;display:-ms-flexbox}.has-header{top:46px}.wec-cell{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;min-height:48px;padding:0 10px;background-color:#fafafa;border-bottom:1px solid #d9d9d9}.wec-cell .link-icon{position:absolute;right:0}.wec-cell__value{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#909399}.wec-cell__value.has-link{margin-right:10px}.wec-cell__value.content{-webkit-box-flex:3;-ms-flex:3;flex:3}.wec-cell__label{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wec-cell__label--label,.wec-search{display:-webkit-box;display:-ms-flexbox}.wec-cell__label .icon{padding-right:4px}.wec-cell__label.content{-webkit-box-flex:1;-ms-flex:1;flex:1}.wec-cell__label.nocontent{-webkit-box-flex:0;-ms-flex:0;flex:0}.wec-cell__label--label{-webkit-box-flex:1;-ms-flex:1;flex:1;display:flex;-ms-flex-direction:column;flex-direction:column}.wec-cell__label--label:first-child{display:inline-block;vertical-align:middle}.wec-cell__label--comment{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;margin-top:6px;color:#888}.wec-search{position:relative;background-color:#d9d9d9;box-sizing:border-box;padding:8px 10px;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex}.wec-search__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-radius:2px;-webkit-box-flex:1;-ms-flex:1;flex:1;height:28px;padding:4px 6px}.wec-search__core{-moz-appearance:none;appearance:none;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}.wec-search__inner .icon{font-size:12px}.wec-search__cancel{margin-left:10px}.wec-switch{display:inline-block;position:relative}.wec-switch *{pointer-events:none}.wec-switch.disabled::before{content:'';background-color:rgba(255,255,255,.5);position:absolute;left:0;top:0;right:0;bottom:3px;z-index:25;border-radius:16px}.wec-switch__core{display:inline-block;position:relative;width:52px;height:20px;border:1px solid #d9d9d9;border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#d9d9d9}.wec-switch__core::before,.wec-switch__core:after{content:"";position:absolute;border-radius:15px;top:0;left:0}.wec-switch__core::before{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:50px;height:20px;background-color:#fdfdfd}.wec-switch__core:after{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:30px;height:18px;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.wec-switch__core.checked{background-color:#26a2ff;border-color:#26a2ff}.wec-switch__core.checked::before{-webkit-transform:scale(0);transform:scale(0)}.wec-switch__core.checked::after{-webkit-transform:translateX(20px);transform:translateX(20px)}.wec-switch__input{display:none}.wec-radio__title{font-size:12px;margin:8px;display:block;color:#888}.wec-radio__core{position:relative;display:inline-block;width:20px;height:20px;border-radius:50%;background-color:#fff;border:1px solid #c8c8cd;margin-right:6px;vertical-align:middle}.wec-radio__core--input{display:none}.wec-radio__core.checked{background-color:#26a2ff}.wec-radio__core.checked::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border-radius:100%;width:8px;height:8px;margin:auto;background-color:#ffFfff}.wec-radio__core.disabled{background-color:#d9d9d9;border-color:#c8c8cd}.wec-checklist__title{font-size:12px;margin:8px;display:block;color:#888}.wec-checklist__core{position:relative;display:inline-block;width:20px;height:20px;background-color:#fff;border:1px solid #c8c8cd;margin-right:6px;vertical-align:middle}.wec-checklist__core--input{display:none}.wec-checklist__core.checked{background-color:#fff;border-color:#26a2ff}.wec-checklist__core.checked::after{content:'';position:absolute;left:0;right:0;top:-3px;bottom:0;width:6px;height:12px;margin:auto;background-color:#fff;border:2px solid #26a2ff;border-left:0;border-top:0;-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);transition:transform .2s,-webkit-transform .2s}.wec-checklist__core.disabled{background-color:#d9d9d9;border-color:#c8c8cd}.wec-field{background-color:red}.wec-field .wec-cell__label .wec-cell__label--label span{font-size:16px}.wec-field .wec-cell__value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:2;-ms-flex:2;flex:2;min-height:25px}.wec-field .wec-cell__value input,.wec-field .wec-cell__value textarea{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#555;width:100%;height:100%;background-color:transparent;border:0;outline:0}.wec-field .wec-cell__value textarea{resize:none;width:100%;line-height:1.6;overflow:auto;word-break:break-all}.wec-field__state.is-loading{-webkit-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.wec-field__state .icon.is-success{color:#4caf50}.wec-field__state .icon.is-error{color:#f44336}.wec-field__state .icon.is-warning{color:#ffc107}@-webkit-keyframes bounce-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.wec-indicator,.wec-toast{max-width:80%;left:50%;padding:20px;-webkit-transform:translate(-50%,-50%);position:fixed;background-color:rgba(0,0,0,.5);border-radius:4px;text-align:center}.wec-toast{transform:translate(-50%,-50%)}.wec-toast.is-top{top:120px}.wec-toast.is-middle{top:50%}.wec-toast.is-bottom{bottom:20px}.wec-toast__message{display:block;color:#fff}.wec-toast .icon{font-size:60px;padding-top:20px}.wec-indicator{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;top:50%;transform:translate(-50%,-50%)}.wec-indicator__img{color:green;display:inline-block;-webkit-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite}.wec-indicator__img .icon{font-size:60px}.wec-indicator__text{display:block;padding-top:16px;color:#fff}.wec-messagebox{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.wec-messagebox__dialog{width:80%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;font-size:16px;border-radius:4px;background-color:#fff}.wec-messagebox__dialog--content{padding:10px 20px 15px;border-bottom:1px solid #ddd}.wec-messagebox__dialog--title{font-weight:700;padding:15px 0 0}.wec-messagebox__dialog--message{min-height:36px;position:relative;color:#999;line-height:36px}.wec-actionsheet,.wec-modal{position:fixed;bottom:0;left:0}.wec-messagebox__dialog--input{padding-top:15px;min-height:36px;color:#999;line-height:36px}.wec-messagebox__dialog--input input{border:1px solid #dedede;border-radius:5px;padding:4px 5px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0}.wec-messagebox__dialog--errormsg{color:red;font-size:12px;min-height:18px;margin-top:2px}.wec-messagebox__dialog--buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.wec-messagebox__dialog--buttons--cancel{border-right:1px solid #dcdfe6}@keyframes bounce-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rotating{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.bottomtop-enter-to,.bottomtop-leave{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bottomtop-enter,.bottomtop-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.wec-actionsheet{z-index:93;width:100%;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.wec-actionsheet__content--item{text-align:center;height:46px;line-height:46px;border-bottom:1px solid #c8c8cd;font-size:18px;color:#333}.wec-actionsheet__content--item.item-last{border-bottom:0}.wec-actionsheet__content--divider{height:5px;background-color:#f5f7fa}.wec-modal{top:0;right:0;background-color:rgba(0,0,0,.5);z-index:91}.wec-swipe{position:relative;height:200px;color:#fff;font-size:30px;text-align:center;margin-bottom:20px}.wec-swipe__itemswrapper{overflow:hidden;position:relative;height:100%}.wec-swipe__indicators{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.wec-swipe__indicators .indicator{display:inline-block;width:8px;height:8px;border-radius:100%;background-color:#000;opacity:.2;margin:0 3px}.wec-swipe__indicators .indicator.is-active{background-color:#fff}.wec-swipe-item{line-height:200px;position:absolute;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:100%;height:100%;display:none}.wec-swipe-item.is-active{display:block;-webkit-transform:none;transform:none}.wec-range__content{position:relative;width:100%;height:48px;line-height:48px;display:-webkit-box;display:-ms-flexbox;display:flex}.wec-range__content--masker{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(238,238,238,.5)}.wec-range__content--wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 10px}.wec-range__content--wrapper::after{position:absolute;content:'';top:0;bottom:0;margin:auto 0;height:1px;width:100%;z-index:1;background-color:#c8c8cd}.wec-range__content--wrapper .wrapper--progress{position:absolute;display:inline-block;top:0;bottom:0;left:0;height:1px;margin:auto 0;background-color:#4caf50}.wec-range__content--wrapper .wrapper--slider{position:absolute;display:inline-block;top:0;bottom:0;left:-7px;margin:auto 0}.wec-range__content--wrapper .wrapper-slider--cicle{z-index:2;width:14px;height:14px;border-radius:100%;background-color:#26a2ff}.wec-range__content--wrapper .wrapper--scale{-webkit-box-flex:1;-ms-flex:1;flex:1;display:inline-block;height:6px;border-right:1px solid #c8c8cd}.wec-range__content--wrapper .first--scale{border-left:1px solid #c8c8cd}.wec-picker{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}.wec-picker__wrapper{position:absolute;bottom:0;left:0;right:0;background-color:#fff}.wec-picker__wrapper--toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;line-height:40px;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#eee;padding:0 15px}.wec-picker__wrapper--content{position:relative;min-height:180px}.wec-picker__wrapper--content .picker-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%}.wec-picker__wrapper--content .picker-wrapper .scroll-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.wec-picker__wrapper--content .picker-wrapper .scroll-wrapper .picker-slot{font-size:18px;overflow:hidden;position:relative;max-height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.wec-picker__wrapper--content .picker-wrapper .scroll-wrapper .picker-slot .picker-slot--highlight{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;height:36px;margin-top:-18px;pointer-events:none}.wec-picker__wrapper--content .picker-wrapper .scroll-wrapper .picker-slot .picker-slot--highlight::before{content:"";position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#eaeaea;display:block;z-index:15;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.wec-picker__wrapper--content .picker-wrapper .scroll-wrapper .picker-slot .picker-slot--highlight:after{content:"";position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#eaeaea;display:block;z-index:15;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.wec-picker__wrapper--content .picker-wrapper .scroll-wrapper .picker-slot .divider-item{color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wec-picker__wrapper--content .picker-wrapper .scroll-wrapper .picker-slot .content-item{-webkit-box-flex:1;-ms-flex:1;flex:1}.wec-picker__wrapper--content .picker-wrapper .scroll-wrapper .picker-slot .picker-slot--item{height:36px;line-height:36px;color:#707274;-webkit-transform:translate(0,0);transform:translate(0,0)}.wec-picker__wrapper--content .picker-wrapper .scroll-wrapper .picker-slot .picker-selected{color:#000;-webkit-transform:translateZ(0) rotateX(0);transform:translateZ(0) rotateX(0)}.wec-container{height:calc(100vh - 46px);width:100%;background-color:#f7f7f7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}