wot-design
Version:
Mobile UI components built on vue.js
1 lines • 35.5 kB
CSS
@charset "UTF-8";.wd-action-sheet__close,.wd-calendar__close,.wd-popup__close{-webkit-transform:rotate(-45deg)}.wd-action-sheet__action,.wd-action-sheet__cancel,.wd-action-sheet__close,.wd-button,.wd-popup__close,.wd-tabs__map-btn,.wd-tabs__map-nav-btn,.wd-tabs__nav-item,.wd-tag{-webkit-tap-highlight-color:transparent}@font-face{font-family:wd-icons;src:url(fonts/wd-icons.ttf) format("truetype");font-weight:400;font-style:normal}.wd-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);-webkit-transition:opacity .3s;transition:opacity .3s}.wd-popup{position:fixed;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;-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}.wd-popup__close{position:absolute;top:10px;right:10px;color:#666;font-size:24px;transform:rotate(-45deg)}.wd-popup--center{left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.wd-popup--left{top:0;bottom:0;left:0}.wd-popup--right{top:0;right:0;bottom:0}.wd-popup--top{top:0;left:0;right:0}.wd-popup--bottom{right:0;bottom:0;left:0}.wd-popup.is-safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.wd-popup-slide-top-enter,.wd-popup-slide-top-leave-active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.wd-popup-slide-right-enter,.wd-popup-slide-right-leave-active{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.wd-popup-slide-bottom-enter,.wd-popup-slide-bottom-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.wd-popup-slide-left-enter,.wd-popup-slide-left-leave-active{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.wd-overflow-hidden{overflow:hidden}@-webkit-keyframes wd-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.wd-action-sheet.is-spacing{background-color:#fff;border-radius:16px;overflow:hidden}.wd-action-sheet__popup{border-radius:16px 16px 0 0}.wd-action-sheet__popup.is-spacing{margin:0 10px 10px;background:0 0}.wd-action-sheet__actions{padding:8px 0;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.wd-action-sheet__action{position:relative;display:block;width:100%;height:48px;line-height:48px;color:rgba(0,0,0,.85);font-size:16px;text-align:center;border:none;background:#fff;outline:0}.wd-action-sheet__action:active{background:#f5f5f5}.wd-action-sheet__action--disabled{color:rgba(0,0,0,.25)}.wd-action-sheet__subname{font-size:12px;color:rgba(0,0,0,.45)}.wd-action-sheet__cancel{display:block;width:calc(100% - 48px);line-height:44px;padding:0;color:#131415;font-size:16px;text-align:center;border-radius:22px;border:none;background:#f0f0f0;outline:0;margin:0 auto 24px;font-weight:500}.wd-action-sheet__cancel:active{background:#f5f5f5}.wd-tabs,.wd-tabs__nav{background:#fff;position:relative}.wd-action-sheet__cancel.is-panel{margin-top:13px}.wd-action-sheet__header{color:rgba(0,0,0,.85);position:relative;height:64px;line-height:64px;text-align:center;font-size:16px;font-weight:500}.wd-action-sheet__close{position:absolute;top:25px;right:15px;color:rgba(0,0,0,.65);font-size:16px;transform:rotate(-45deg);line-height:1.1}.wd-action-sheet__panels{height:84px;overflow-y:hidden}.wd-action-sheet__panels:first-of-type{margin-top:20px}.wd-action-sheet__panels:last-of-type{margin-bottom:12px}.wd-action-sheet__panels-content{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}.wd-action-sheet__panel{width:88px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:inline-block;padding:12px 0 11px}.wd-action-sheet__panel-img{display:block;width:40px;height:40px;margin:0 auto 7px;border-radius:4px}.wd-action-sheet__panel-title{font-size:12px;line-height:1.2;text-align:center;color:rgba(0,0,0,.85);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@font-face{font-family:wd-icons;src:url(fonts/wd-icons.ttf) format("truetype");font-weight:400;font-style:normal}.wd-sticky.is-support-sticky{position:sticky}.wd-tabs__nav{height:42px;overflow:hidden}.wd-tabs__nav-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;padding-bottom:15px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wd-tabs__nav-item{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;text-align:center;height:42px;line-height:42px;font-size:14px;color:rgba(0,0,0,.85);-webkit-transition:color .3s;transition:color .3s}.wd-tabs__nav-item.is-active{font-weight:500}.wd-tabs__nav-item.is-disabled{color:rgba(0,0,0,.25)}.wd-tabs__line{position:absolute;bottom:20px;left:0;height:3px;background:linear-gradient(315deg,#517cf0 0,#769ef5 100%);z-index:1;border-radius:1.5px}.wd-tabs__container{position:relative;overflow:hidden}.wd-tabs__body{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.wd-tabs__map{position:absolute;top:0;left:0;right:0;z-index:2}.wd-tabs__map-btn{position:absolute;right:0;top:0;width:42px;height:42px;line-height:42px;text-align:center;color:rgba(0,0,0,.65);z-index:3;background:#fff}.wd-tabs__map-btn.is-open::after{position:absolute;display:block;content:"";width:100%;height:1px;left:0;bottom:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);background:#e8e8e8}.wd-tabs__map-btn::before{position:absolute;content:'';top:0;left:-24px;width:24px;height:41px;background:-webkit-gradient(linear,right top,left top,color-stop(1%,#fff),to(rgba(255,255,255,0)));background:linear-gradient(270deg,#fff 1%,rgba(255,255,255,0) 100%)}.wd-tabs__map-arrow{font-size:18px;display:block;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.wd-tabs__map-arrow.is-open{font-size:14px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.wd-tabs__map-header{position:relative;padding-left:17px;height:42px;line-height:42px;font-size:14px;color:rgba(0,0,0,.85);-webkit-transition:opacity .3s;transition:opacity .3s;background:#fff;opacity:0}.wd-tabs__map-header::after{position:absolute;display:block;content:"";width:100%;height:1px;left:0;bottom:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);background:#e8e8e8}.wd-tabs__map-body{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:20px 15px 10px;background:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.wd-tabs__map-nav-btn,.wd-tag,.wd-tag__add-text,.wd-tag__close,.wd-tag__icon,.wd-tag__text,.wd-tag__text-container{display:inline-block}.wd-tabs__map-body.is-open{-webkit-transform:scaleY(1);transform:scaleY(1)}.wd-tabs__map-nav-item{-ms-flex-preferred-size:33%;flex-basis:33%}.wd-tabs__map-nav-item:nth-child(3n+2){text-align:center}.wd-tabs__map-nav-item:nth-child(3n+3){text-align:right}.wd-tabs__map-nav-btn{outline:0;-webkit-appearance:none;background:0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:107px;height:32px;line-height:32px;background-color:rgba(0,0,0,.04);margin-bottom:10px;border-color:transparent;border-radius:16px;color:rgba(0,0,0,.85);font-size:14px;text-align:center;-webkit-transition:color .3s,border-color .3s;transition:color .3s,border-color .3s}.wd-tabs__mask,.wd-tag{-webkit-transition:opacity .3s}.wd-tabs__map-nav-btn.is-active{color:#4d80f0;border:1px solid #4d80f0;background-color:#fff}.wd-tabs__map-nav-btn.is-disabled{color:rgba(0,0,0,.25);border-color:#f4f4f4}.wd-tabs__mask{position:absolute;top:42px;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);opacity:0;transition:opacity .3s}.wd-tabs.is-slide .wd-tabs__nav-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.wd-tabs.is-slide .wd-tabs__nav-item{color:rgba(0,0,0,.85);-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:0 17px}.wd-tabs.is-map .wd-tabs__nav{padding-right:40px}@media (max-width:330px){color: rgba(0,0,0,0.85); .wd-tabs__map-nav-btn{width:90px}}.wd-tab{position:relative;-ms-flex-negative:0;flex-shrink:0}.wd-tab__disabled-modal{position:absolute;top:0;right:0;left:0;bottom:0;background:#fff;z-index:999}.wd-fade-enter,.wd-fade-leave-active{opacity:0}@font-face{font-family:wd-icons;src:url(fonts/wd-icons.ttf) format("truetype");font-weight:400;font-style:normal}.wd-tag{font-size:10px;line-height:1.2;color:#fff;padding:1px 3px;border-radius:2px;transition:opacity .3s;background:linear-gradient(49deg,grey 0,#999 100%)}.wd-tag.is-plain{background:0 0;color:rgba(0,0,0,.65);border:1px solid rgba(0,0,0,.65);padding:1px 4px}.wd-tag.is-round{font-size:12px;padding:4px 11px;background:0 0;color:#666;border:1px solid #e1e1e1;border-radius:12px}.wd-tag.is-mark{position:relative;padding:2px 6px;border-radius:6px 2px}.wd-tag.is-mark.is-plain{padding:1px 6px}.wd-tag.is-mark.is-icon .wd-tag__text-container{margin-left:14px}.wd-tag.is-active{color:#4d80f0;border-color:#4d80f0}.wd-tag.is-primary{background:linear-gradient(49deg,#517cf0 0,#769ef5 100%)}.wd-tag.is-primary.is-plain{background:0 0;color:#4d80f0;border:1px solid #4d80f0;padding:1px 4px}.wd-tag.is-primary.is-round{font-size:12px;padding:4px 11px;background:0 0;color:#4d80f0;border:1px solid #4d80f0;border-radius:12px}.wd-tag.is-primary.is-mark{position:relative;padding:2px 6px;border-radius:6px 2px}.wd-tag.is-primary.is-mark.is-plain{padding:1px 6px}.wd-tag.is-primary.is-mark.is-icon .wd-tag__text-container{margin-left:14px}.wd-tag.is-primary.is-active{color:#4d80f0;border-color:#4d80f0}.wd-tag.is-danger{background:linear-gradient(44deg,#e63e46 0,#ff4049 100%)}.wd-tag.is-danger.is-plain,.wd-tag.is-danger.is-round{background:0 0;color:#fa4350;border:1px solid #fa4350}.wd-tag.is-danger.is-plain{padding:1px 4px}.wd-tag.is-danger.is-round{font-size:12px;padding:4px 11px;border-radius:12px}.wd-tag.is-danger.is-mark{position:relative;padding:2px 6px;border-radius:6px 2px}.wd-tag.is-danger.is-mark.is-plain{padding:1px 6px}.wd-tag.is-danger.is-mark.is-icon .wd-tag__text-container{margin-left:14px}.wd-tag.is-danger.is-active{color:#4d80f0;border-color:#4d80f0}.wd-tag.is-warning{background:linear-gradient(45deg,#e67137 0,#ff974c 100%)}.wd-tag.is-warning.is-plain{background:0 0;color:#ff9000;border:1px solid #ff9000;padding:1px 4px}.wd-tag.is-warning.is-round{font-size:12px;padding:4px 11px;background:0 0;color:#ff9000;border:1px solid #ff9000;border-radius:12px}.wd-tag.is-warning.is-mark{position:relative;padding:2px 6px;border-radius:6px 2px}.wd-tag.is-warning.is-mark.is-plain{padding:1px 6px}.wd-tag.is-warning.is-mark.is-icon .wd-tag__text-container{margin-left:14px}.wd-tag.is-warning.is-active{color:#4d80f0;border-color:#4d80f0}.wd-tag.is-success{background:linear-gradient(45deg,#20b080 0,#2bd69d 100%)}.wd-tag.is-success.is-plain{background:0 0;color:#3b4;border:1px solid #3b4;padding:1px 4px}.wd-tag.is-success.is-round{font-size:12px;padding:4px 11px;background:0 0;color:#3b4;border:1px solid #3b4;border-radius:12px}.wd-tag.is-dynamic:active,.wd-tag.is-success.is-active{color:#4d80f0;border-color:#4d80f0}.wd-tag.is-success.is-mark{position:relative;padding:2px 6px;border-radius:6px 2px}.wd-tag.is-success.is-mark.is-plain{padding:1px 6px}.wd-tag.is-success.is-mark.is-icon .wd-tag__text-container{margin-left:14px}.wd-tag.is-icon{font-size:12px;padding:2px 5px}.wd-tag__icon,.wd-tag__text-real{font-size:20px;position:absolute;top:50%}.wd-tag.is-dynamic{-webkit-box-sizing:border-box;box-sizing:border-box;width:88px;-webkit-transition:.3s;transition:.3s}.wd-tag.is-dynamic-input{border-color:#4d80f0}.wd-tag__icon{-webkit-transform:scale(.5) translate(10px,-100%);transform:scale(.5) translate(10px,-100%);left:-5px}.wd-tag__text{vertical-align:text-top}.wd-tag__text-hidden{opacity:0}.wd-tag__text-real{-webkit-transform:scale(.5) translate(-100%,-100%);transform:scale(.5) translate(-100%,-100%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;left:50%;white-space:nowrap}.wd-tag__text-container{position:relative}.wd-tag__add-text{width:55px;font-size:12px;vertical-align:middle;padding:0;outline:0;border:none}.wd-tag__close{margin-left:24px;margin-right:-4px;font-size:14px;height:14px;vertical-align:text-bottom;color:rgba(0,0,0,.65)}.wd-tag__close:active{color:rgba(0,0,0,.45)}.wd-tag__add{font-size:12px;vertical-align:bottom;margin-right:4px}@font-face{font-family:wd-icons;src:url(fonts/wd-icons.ttf) format("truetype");font-weight:400;font-style:normal}.wd-month-panel{font-size:16px}.wd-month-panel__title{text-align:center;font-size:14px;color:rgba(0,0,0,.85);padding:0 12px}.wd-month-panel__weeks{display:-webkit-box;display:-ms-flexbox;display:flex;height:36px;line-height:36px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.02);box-shadow:0 4px 8px 0 rgba(0,0,0,.02);color:rgba(0,0,0,.85);font-size:12px;padding:0 12px}.wd-month-panel__week{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.wd-month-panel__container{padding:0 12px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch}.wd-month-panel__time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:0 -4px 8px 0 rgba(0,0,0,.02);box-shadow:0 -4px 8px 0 rgba(0,0,0,.02)}.wd-month-panel__time-label{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:16px;text-align:center;line-height:125px;color:rgba(0,0,0,.85)}.wd-month-panel__time-label::after{position:absolute;content:'';height:35px;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#f5f5f5;z-index:0}.wd-month-panel__time-text{position:relative;z-index:1}.wd-month-panel__time-picker{padding:10px 0;-webkit-box-flex:3;-ms-flex:3;flex:3}.wd-month__title{padding:13px 0;text-align:center;font-size:14px;color:rgba(0,0,0,.85)}.wd-month__days{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:16px;color:rgba(0,0,0,.85)}.wd-month__day.is-disabled .wd-month__day-text,.wd-year__month.is-disabled .wd-year__month-text{color:rgba(0,0,0,.25)}.wd-month__day{position:relative;width:14.285%;height:64px;line-height:64px;text-align:center}.wd-month__day.is-end::after,.wd-month__day.is-start::after{position:absolute;content:'';z-index:1;height:64px}.wd-month__day.is-current{color:#4d80f0}.wd-month__day.is-selected .wd-month__day-container{border-radius:8px;background:#4d80f0;color:#fff}.wd-month__day.is-middle .wd-month__day-container,.wd-month__day.is-start::after{background:rgba(77,128,240,.09)}.wd-month__day.is-start::after{top:0;right:0;left:50%}.wd-month__day.is-start.is-without-end::after{display:none}.wd-month__day.is-start .wd-month__day-container{background:#4d80f0;color:#fff;border-radius:8px}.wd-month__day.is-end::after{top:0;left:0;right:50%;background:rgba(77,128,240,.09)}.wd-month__day.is-end .wd-month__day-container,.wd-month__day.is-same .wd-month__day-container{background:#4d80f0;color:#fff;border-radius:8px}.wd-month__day-container{position:relative;z-index:2}.wd-month__day-bottom,.wd-month__day-top{position:absolute;left:0;line-height:1.1;font-size:10px;text-align:center;right:0}.wd-month__day-text{font-weight:500}.wd-month__day-top{top:10px}.wd-month__day-bottom{bottom:10px}.wd-year-panel{font-size:16px;padding:0 12px}.wd-year-panel__title,.wd-year__title{font-size:14px;color:rgba(0,0,0,.85);text-align:center}.wd-year-panel__title{padding:5px 0;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.02);box-shadow:0 4px 8px 0 rgba(0,0,0,.02)}.wd-year-panel__container{overflow:auto;-webkit-overflow-scrolling:touch}.wd-year__title{padding:13px 0}.wd-year__months{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:16px;color:rgba(0,0,0,.85)}.wd-button.is-icon::after,.wd-button.is-suck::after,.wd-button.is-text::after,.wd-year__month.is-start.is-without-end::after{display:none}.wd-year__month{position:relative;width:25%;height:64px;line-height:64px;text-align:center}.wd-year__month.is-end::after,.wd-year__month.is-start::after{position:absolute;top:0;content:''}.wd-year__month.is-current{color:#4d80f0}.wd-year__month.is-end,.wd-year__month.is-same,.wd-year__month.is-selected,.wd-year__month.is-start{color:#fff}.wd-year__month.is-selected .wd-year__month-text{border-radius:8px;background:#4d80f0}.wd-year__month.is-middle,.wd-year__month.is-start::after{background:rgba(77,128,240,.09)}.wd-year__month.is-start::after{right:0;left:50%;bottom:0}.wd-year__month.is-start .wd-year__month-text{background:#4d80f0;border-radius:8px}.wd-year__month.is-end::after{left:0;right:50%;bottom:0;background:rgba(77,128,240,.09)}.wd-year__month-bottom,.wd-year__month-top{position:absolute;right:0;line-height:1.1;font-size:10px;text-align:center;left:0}.wd-year__month.is-end .wd-year__month-text,.wd-year__month.is-same .wd-year__month-text{background:#4d80f0;border-radius:8px}.wd-year__month-text{width:50px;margin:0 auto;text-align:center}.wd-year__month-top{top:10px}.wd-year__month-bottom{bottom:10px}.wd-loading{font-size:0;line-height:0;vertical-align:middle}.wd-loading__body{-webkit-animation:wd-rotate .8s linear infinite;animation:wd-rotate .8s linear infinite;-webkit-animation-duration:2s;animation-duration:2s}@font-face{font-family:wd-icons;src:url(fonts/wd-icons.ttf) format("truetype");font-weight:400;font-style:normal}[class*=" wd-icon-"],[class^=wd-icon-]{font-family:wd-icons;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wd-icon-arrow-thin-up:before{content:"\e898"}.wd-icon-arrow-thin-down:before{content:"\e899"}.wd-icon-keyboard-collapse:before{content:"\e900"}.wd-icon-keyboard-delete:before{content:"\e901"}.wd-icon-setting:before{content:"\e902"}.wd-icon-arrow-right:before{content:"\e903"}.wd-icon-arrow-down:before{content:"\e904"}.wd-icon-arrow-up:before{content:"\e905"}.wd-icon-arrow-left:before{content:"\e906"}.wd-icon-fill-camera:before{content:"\e907"}.wd-icon-star-on:before{content:"\e908"}.wd-icon-check-bold:before{content:"\e909"}.wd-icon-error-fill:before{content:"\e90a"}.wd-icon-warn-bold:before{content:"\e90b"}.wd-icon-close-outline:before{content:"\e90c"}.wd-icon-close-bold:before{content:"\e90d"}.wd-icon-check-outline:before{content:"\e90e"}.wd-icon-wifi-error:before{content:"\e90f"}.wd-icon-subscribe:before{content:"\e910"}.wd-icon-detection:before{content:"\e911"}.wd-icon-read:before{content:"\e912"}.wd-icon-fill-arrow-down:before{content:"\e913"}.wd-icon-dong:before{content:"\e914"}.wd-icon-edit-outline:before{content:"\e915"}.wd-icon-add-circle:before{content:"\e916"}.wd-icon-copy:before{content:"\e917"}.wd-icon-bags:before{content:"\e918"}.wd-icon-decrease:before{content:"\e919"}.wd-icon-jdm:before{content:"\e91a"}.wd-icon-spool:before{content:"\e91b"}.wd-icon-download:before{content:"\e91c"}.wd-icon-phone-compute:before{content:"\e91d"}.wd-icon-computer:before{content:"\e91e"}.wd-icon-clock:before{content:"\e91f"}.wd-icon-view:before{content:"\e920"}.wd-icon-eye-close:before{content:"\e921"}.wd-icon-picture:before{content:"\e922"}.wd-icon-evaluation:before{content:"\e923"}.wd-icon-goods:before{content:"\e924"}.wd-icon-lenovo:before{content:"\e925"}.wd-icon-list:before{content:"\e926"}.wd-icon-note:before{content:"\e927"}.wd-icon-video:before{content:"\e928"}.wd-icon-warning:before{content:"\e929"}.wd-icon-camera:before{content:"\e92a"}.wd-icon-transfer:before{content:"\e92b"}.wd-icon-keywords:before{content:"\e92e"}.wd-icon-chat:before{content:"\e931"}.wd-icon-delete-thin:before{content:"\e932"}.wd-icon-add:before{content:"\e933"}.wd-icon-scan:before{content:"\e934"}.wd-icon-translate-bold:before{content:"\e935"}.wd-icon-close:before{content:"\e936"}.wd-icon-search:before{content:"\e937"}.wd-icon-delete:before{content:"\e939"}.wd-icon-more:before{content:"\e93a"}.wd-icon-thin-arrow-left:before{content:"\e93b"}.wd-icon-filter:before{content:"\e93c"}.wd-icon-phone:before{content:"\e93d"}.wd-icon-refresh:before{content:"\e93e"}.wd-icon-check:before{content:"\e93f"}.wd-icon-rotate:before{content:"\e92c"}.wd-button{position:relative;text-align:center;-webkit-appearance:none;outline:0;background:0 0;border:none;color:#000;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wd-button:active{color:#000;background:#f5f5f5}.wd-button.is-disabled,.wd-button.is-disabled:active{color:rgba(0,0,0,.25);background:#fff}.wd-button:active::after{border-color:rgba(0,0,0,.45)}.wd-button.is-disabled::after,.wd-button.is-disabled:active::after{border-color:#f5f5f5}.wd-button__loading{display:inline-block;margin-right:2px;vertical-align:middle;-webkit-animation:wd-rotate .8s linear infinite;animation:wd-rotate .8s linear infinite;-webkit-animation-duration:2s;animation-duration:2s}.wd-button.is-loading:active{color:#000;background:0 0}.wd-button.is-loading:active::after{border-color:#595959}.wd-button.is-primary{background:linear-gradient(315deg,#4f7cf8 0,#668df8 100%);color:#fff;font-weight:500}.wd-button.is-primary::after{border-color:linear-gradient(315deg,#4f7cf8 0,#668df8 100%)}.wd-button.is-primary:active{background:linear-gradient(315deg,#416bdf 0,#4e79ee 100%)}.wd-button.is-primary:active::after{border-color:linear-gradient(315deg,#416bdf 0,#4e79ee 100%)}.wd-button.is-primary.is-disabled,.wd-button.is-primary.is-disabled:active{background:linear-gradient(315deg,#8fadff 0,#9fb8fe 100%);color:#fff}.wd-button.is-primary.is-disabled::after{border-color:linear-gradient(315deg,#8fadff 0,#9fb8fe 100%)}.wd-button.is-primary.is-loading,.wd-button.is-primary.is-loading:active{color:#fff;background:linear-gradient(315deg,#4f7cf8 0,#668df8 100%)}.wd-button.is-primary.is-loading::after{border-color:linear-gradient(315deg,#4f7cf8 0,#668df8 100%)}.wd-button.is-primary.is-loading .wd-button__loading{color:#4d80f0}.wd-button.is-primary.is-suck{border-radius:0}.wd-button.is-success{background:#34d19d;color:#fff;font-weight:500}.wd-button.is-success::after{border-color:#34d19d}.wd-button.is-success:active{background:#2bab81}.wd-button.is-success:active::after{border-color:#2bab81}.wd-button.is-success.is-disabled,.wd-button.is-success.is-disabled:active{background:#89e4c6;color:#fff}.wd-button.is-success.is-disabled::after{border-color:#89e4c6}.wd-button.is-success.is-loading,.wd-button.is-success.is-loading:active{color:#fff;background:#34d19d}.wd-button.is-success.is-loading::after{border-color:#34d19d}.wd-button.is-success.is-loading .wd-button__loading{color:#34d19d}.wd-button.is-success.is-suck{border-radius:0}.wd-button.is-info{background:#f0f0f0;color:#000;font-weight:500}.wd-button.is-info::after{border-color:#f0f0f0}.wd-button.is-info:active{background:#e1e1e1}.wd-button.is-info:active::after{border-color:#e1e1e1}.wd-button.is-info.is-disabled::after,.wd-button.is-info.is-loading::after{border-color:#f0f0f0}.wd-button.is-info.is-disabled,.wd-button.is-info.is-disabled:active{background:#f0f0f0;color:rgba(0,0,0,.09)}.wd-button.is-info.is-loading,.wd-button.is-info.is-loading:active{color:#000;background:#f0f0f0}.wd-button.is-info.is-loading .wd-button__loading{color:#000}.wd-button.is-info.is-suck{border-radius:0}.wd-button.is-warning{background:#f0883a;color:#fff;font-weight:500}.wd-button.is-warning::after{border-color:#f0883a}.wd-button.is-warning:active{background:#c57030}.wd-button.is-warning:active::after{border-color:#c57030}.wd-button.is-warning.is-disabled,.wd-button.is-warning.is-disabled:active{background:#f6ba8d;color:#fff}.wd-button.is-warning.is-disabled::after{border-color:#f6ba8d}.wd-button.is-warning.is-loading,.wd-button.is-warning.is-loading:active{color:#fff;background:#f0883a}.wd-button.is-warning.is-loading::after{border-color:#f0883a}.wd-button.is-warning.is-loading .wd-button__loading{color:#f0883a}.wd-button.is-warning.is-suck{border-radius:0}.wd-button.is-error{background:#fa4350;color:#fff;font-weight:500}.wd-button.is-error::after{border-color:#fa4350}.wd-button.is-error:active{background:#cd3742}.wd-button.is-error:active::after{border-color:#cd3742}.wd-button.is-error.is-disabled,.wd-button.is-error.is-disabled:active{background:#fc929a;color:#fff}.wd-button.is-error.is-disabled::after{border-color:#fc929a}.wd-button.is-error.is-loading,.wd-button.is-error.is-loading:active{color:#fff;background:#fa4350}.wd-button.is-error.is-loading::after{border-color:#fa4350}.wd-button.is-error.is-loading .wd-button__loading{color:#fa4350}.wd-button.is-error.is-suck{border-radius:0}.wd-button.is-small{height:28px;padding:0 11px;border-radius:2px;font-size:12px;font-weight:400}.wd-button.is-small.is-round{border-radius:14px}.wd-button.is-small.is-round::after{border-radius:28px}.wd-button.is-small .wd-button__loading{width:14px;height:14px}.wd-button.is-medium{height:36px;padding:0 15px;border-radius:4px;font-size:14px}.wd-button.is-medium::after{border-radius:8px}.wd-button.is-medium:not(.is-plain).is-primary{-webkit-box-shadow:0 2px 4px 0 rgba(77,128,240,.25);box-shadow:0 2px 4px 0 rgba(77,128,240,.25)}.wd-button.is-medium:not(.is-plain).is-success{-webkit-box-shadow:0 2px 4px 0 rgba(52,209,157,.25);box-shadow:0 2px 4px 0 rgba(52,209,157,.25)}.wd-button.is-medium:not(.is-plain).is-warning{-webkit-box-shadow:0 2px 4px 0 rgba(240,136,58,.25);box-shadow:0 2px 4px 0 rgba(240,136,58,.25)}.wd-button.is-medium:not(.is-plain).is-error{-webkit-box-shadow:0 2px 4px 0 rgba(250,67,80,.25);box-shadow:0 2px 4px 0 rgba(250,67,80,.25)}.wd-button.is-medium.is-round:not(.is-icon){min-width:118px;border-radius:18px}.wd-button.is-medium.is-round:not(.is-icon)::after{border-radius:36px}.wd-button.is-medium.is-round.is-text{min-width:0;border-radius:0}.wd-button.is-medium .wd-button__loading{width:18px;height:18px}.wd-button.is-large{height:44px;padding:0 36px;border-radius:8px;font-size:16px}.wd-button.is-large::after{border-radius:16px}.wd-button.is-large:not(.is-plain).is-primary{-webkit-box-shadow:0 4px 8px 0 rgba(77,128,240,.25);box-shadow:0 4px 8px 0 rgba(77,128,240,.25)}.wd-button.is-large:not(.is-plain).is-success{-webkit-box-shadow:0 4px 8px 0 rgba(52,209,157,.25);box-shadow:0 4px 8px 0 rgba(52,209,157,.25)}.wd-button.is-large:not(.is-plain).is-warning{-webkit-box-shadow:0 4px 8px 0 rgba(240,136,58,.25);box-shadow:0 4px 8px 0 rgba(240,136,58,.25)}.wd-button.is-large:not(.is-plain).is-error{-webkit-box-shadow:0 4px 8px 0 rgba(250,67,80,.25);box-shadow:0 4px 8px 0 rgba(250,67,80,.25)}.wd-button.is-large.is-round:not(.is-icon){border-radius:22px}.wd-button.is-large.is-round:not(.is-icon)::after{border-radius:44px}.wd-button.is-large.is-round.is-text{border-radius:0}.wd-button.is-large .wd-button__loading{width:24px;height:24px}.wd-button.is-text{color:#4d80f0;padding:4px 0}.wd-button.is-text:active{color:linear-gradient(315deg,#416bdf 0,#4e79ee 100%);background:0 0}.wd-button.is-text.is-disabled{color:rgba(0,0,0,.25);background:0 0}.wd-button.is-plain{background:#fff}.wd-button.is-plain::after{position:absolute;display:block;content:'';width:200%;height:200%;left:0;top:0;border:1px solid #595959;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top}.wd-button.is-plain.is-primary{color:#4d80f0;background:0 0}.wd-button.is-plain.is-primary::after{border-color:#4d80f0}.wd-button.is-plain.is-primary:active{color:linear-gradient(315deg,#416bdf 0,#4e79ee 100%);background:0 0}.wd-button.is-plain.is-primary:active::after{border-color:linear-gradient(315deg,#416bdf 0,#4e79ee 100%)}.wd-button.is-plain.is-primary.is-disabled{background:0 0}.wd-button.is-plain.is-primary.is-disabled::after{border-color:linear-gradient(315deg,#8fadff 0,#9fb8fe 100%)}.wd-button.is-plain.is-primary.is-disabled:active{background:0 0}.wd-button.is-plain.is-primary.is-loading,.wd-button.is-plain.is-primary.is-loading:active{color:#4d80f0;background:0 0}.wd-button.is-plain.is-primary.is-disabled,.wd-button.is-plain.is-primary.is-disabled:active,.wd-button.is-plain.is-primary:active{background-color:#eff4fe}.wd-button.is-plain.is-primary.is-loading::after,.wd-button.is-plain.is-primary.is-loading:active::after{border-color:#4d80f0}.wd-button.is-plain.is-primary.is-disabled{opacity:1;color:#9db9f6}.wd-button.is-plain.is-success{color:#34d19d;background:0 0}.wd-button.is-plain.is-success::after{border-color:#34d19d}.wd-button.is-plain.is-success:active{color:#2bab81;background:0 0}.wd-button.is-plain.is-success:active::after{border-color:#2bab81}.wd-button.is-plain.is-success.is-disabled{color:#89e4c6;background:0 0}.wd-button.is-plain.is-success.is-disabled::after{border-color:#89e4c6}.wd-button.is-plain.is-success.is-disabled:active{background:0 0}.wd-button.is-plain.is-success.is-loading,.wd-button.is-plain.is-success.is-loading:active{color:#34d19d;background:0 0}.wd-button.is-plain.is-info,.wd-button.is-plain.is-info:active{color:rgba(0,0,0,.85);background:0 0}.wd-button.is-plain.is-success.is-loading::after,.wd-button.is-plain.is-success.is-loading:active::after{border-color:#34d19d}.wd-button.is-plain.is-info.is-disabled{color:rgba(0,0,0,.09);background:0 0}.wd-button.is-plain.is-info.is-disabled:active{background:0 0}.wd-button.is-plain.is-info.is-loading,.wd-button.is-plain.is-info.is-loading:active{color:rgba(0,0,0,.85);background:0 0}.wd-button.is-plain.is-info.is-disabled,.wd-button.is-plain.is-info.is-disabled:active,.wd-button.is-plain.is-info:active{background-color:#f0f0f0}.wd-button.is-plain.is-info.is-loading::after,.wd-button.is-plain.is-info.is-loading:active::after{border-color:#f0f0f0}.wd-button.is-plain.is-info::after{border-color:#f0f0f0;border-color:rgba(0,0,0,.45)}.wd-button.is-plain.is-info:active::after{border-color:rgba(0,0,0,.45)}.wd-button.is-plain.is-info.is-disabled::after,.wd-button.is-plain.is-info.is-disabled:active::after{border-color:#f0f0f0}.wd-button.is-plain.is-info.is-loading::after,.wd-button.is-plain.is-info.is-loading:active::after{border-color:rgba(0,0,0,.45)}.wd-button.is-plain.is-warning{color:#f0883a;background:0 0}.wd-button.is-plain.is-warning::after{border-color:#f0883a}.wd-button.is-plain.is-warning:active{color:#c57030;background:0 0}.wd-button.is-plain.is-warning:active::after{border-color:#c57030}.wd-button.is-plain.is-warning.is-disabled{color:#f6ba8d;background:0 0}.wd-button.is-plain.is-warning.is-disabled::after{border-color:#f6ba8d}.wd-button.is-plain.is-warning.is-disabled:active{background:0 0}.wd-button.is-plain.is-warning.is-loading,.wd-button.is-plain.is-warning.is-loading:active{color:#f0883a;background:0 0}.wd-button.is-plain.is-warning.is-loading::after,.wd-button.is-plain.is-warning.is-loading:active::after{border-color:#f0883a}.wd-button.is-plain.is-error{color:#fa4350;background:0 0}.wd-button.is-plain.is-error::after{border-color:#fa4350}.wd-button.is-plain.is-error:active{color:#cd3742;background:0 0}.wd-button.is-plain.is-error:active::after{border-color:#cd3742}.wd-button.is-plain.is-error.is-disabled{color:#fc929a;background:0 0}.wd-button.is-plain.is-error.is-disabled::after{border-color:#fc929a}.wd-button.is-plain.is-error.is-disabled:active{background:0 0}.wd-button.is-plain.is-error.is-loading,.wd-button.is-plain.is-error.is-loading:active{color:#fa4350;background:0 0}.wd-button.is-plain.is-error.is-loading::after,.wd-button.is-plain.is-error.is-loading:active::after{border-color:#fa4350}.wd-button.is-plain.is-suck:active{background:#eff4fe}.wd-button.is-plain.is-suck.is-disabled{background:#fff}.wd-button.is-suck{font-size:16px;height:50px;width:100%;border-radius:0}.wd-button.is-block{width:100%}.wd-button.is-icon{width:40px;height:40px;padding:0;line-height:40px;text-align:center;border-radius:50%;font-size:0;color:#000}.wd-button__icon,.wd-button__txt{display:inline-block;vertical-align:middle}.wd-button.is-icon:active{background:#eee}.wd-button.is-icon.is-disabled{color:#a7a7a7;background:0 0}.wd-button.is-icon.is-disabled:active{background:0 0}.wd-button__icon{margin-right:2px;font-size:18px}.wd-button__txt{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes wd-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.wd-calendar.is-border .wd-calendar__cell::after{position:absolute;display:block;content:"";width:calc(100% - 15px);height:1px;left:15px;top:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);background:#e8e8e8}.wd-calendar__cell{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 15px;background-color:#fff;text-decoration:none;color:rgba(0,0,0,.85);font-size:14px;overflow:hidden;line-height:1.43}.wd-calendar__cell.is-disabled .wd-calendar__value{color:rgba(0,0,0,.15)}.wd-calendar__cell.is-align-right .wd-calendar__value{text-align:right}.wd-calendar__cell.is-error .wd-calendar__arrow,.wd-calendar__cell.is-error .wd-calendar__value{color:#fa4350}.wd-calendar__cell.is-large{font-size:16px}.wd-calendar__cell.is-large .wd-calendar__arrow{font-size:18px}.wd-calendar__cell.is-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wd-calendar__cell.is-center .wd-calendar__arrow{margin-top:0}.wd-calendar__label{position:relative;width:33%;padding:13px 0;margin-right:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.wd-calendar__label.is-required{padding-left:12px}.wd-calendar__label.is-required::after{position:absolute;left:0;top:15px;content:'*';font-size:20px;line-height:1.1;color:#fa4350}.wd-calendar__value{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:13px 0;margin-right:10px;color:rgba(0,0,0,.85);white-space:pre-wrap}.wd-calendar__arrow,.wd-calendar__value--placeholder{color:rgba(0,0,0,.25)}.wd-calendar__value.is-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wd-calendar__arrow{display:block;margin-top:13px;font-size:16px}.wd-calendar__header{position:relative;overflow:hidden}.wd-calendar__title{color:rgba(0,0,0,.85);height:64px;line-height:64px;text-align:center;font-size:16px;font-weight:500}.wd-calendar__close{position:absolute;top:25px;right:15px;color:rgba(0,0,0,.65);font-size:16px;transform:rotate(-45deg);line-height:1.1}.wd-calendar__tabs{width:222px;margin:10px auto 12px}.wd-calendar__shortcuts{padding:20px 0;text-align:center}.wd-calendar__tag{margin-right:8px}.wd-calendar__view.is-show-confirm{height:394px}.wd-calendar__view.is-show-confirm.is-range{height:384px}.wd-calendar__range-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}.wd-calendar__range-label.is-monthrange{padding-bottom:10px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.02);box-shadow:0 4px 8px 0 rgba(0,0,0,.02)}.wd-calendar__range-label-item{-webkit-box-flex:1;-ms-flex:1;flex:1;color:rgba(0,0,0,.85)}.wd-calendar__range-label-item.is-placeholder{color:rgba(0,0,0,.25)}.wd-calendar__range-sperator{margin:0 24px;color:rgba(0,0,0,.25)}.wd-calendar__confirm{padding:12px 25px 14px}