w-component-ui
Version:
w Vue components project
1 lines • 26 kB
CSS
.tags{padding:5px 10px;font-size:14px;color:#ff7800}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%);display:table-cell;border-radius:5px;padding:20px;text-align:center;background:rgba(0,0,0,.6)}body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul{margin:0;padding:0}body{font-family:\\5FAE\8F6F\96C5\9ED1,Microsoft YaHei,sans-serif;font-size:14px;background-color:#fff;color:#333;height:100%}a{color:#2d374b}a,a:hover,input{text-decoration:none}input{outline:medium}input:focus{outline:none;border-color:#409eff}em{font-style:normal}li{list-style:none}img{border:0;vertical-align:middle}button{border:0;outline:medium}table{border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all}p{word-wrap:break-word}textarea{border:none;outline:none;outline:medium;resize:none;font-family:Microsoft YaHei}*,:after,:before{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.clearfix:after{content:"";display:block;height:0;line-height:0;visibility:hidden;clear:both}body,html{height:100%;width:100%}::-webkit-search-cancel-button{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.textEdit img{width:100%;height:auto}.textEdit table{width:100%}.w-left{float:left}.w-right{float:right}.Mack_back{background-color:#354052}.Mack_color{color:#409eff}.Success_color{color:#67c23a}.Warning_color{color:#e6a23c}.Danger_color{color:#f56c6c}.Info_color{color:#909399}.overflowHiddenEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pointer{cursor:pointer}#app{height:100%;width:100%}.w-button{background:#409eff;border:0;cursor:pointer;color:#fff;padding-left:20px;padding-right:20px;height:32px;border-radius:2px;outline:none}.w-button:hover{background:#66b1ff}.w-button-normal{background:#fff;color:#606266;border:1px solid #dcdfe6}.w-button-normal:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.w-button-success{background:#67c23a;border-color:#67c23a}.w-button-success:hover{background:#85ce61;border-color:#85ce61}.w-button-info{background-color:#909399;border-color:#909399}.w-button-info:hover{background:#a6a9ad;border-color:#a6a9ad}.w-button-warn{background-color:#e6a23c;border-color:#e6a23c}.w-button-warn:hover{background:#000;border-color:#000}.w-button-danger{background:#f03;border-color:#f03}.w-button-danger:hover{background:#f56c6c;border-color:#f56c6c}.w-button-disabled:hover{cursor:not-allowed}.is-round{border-radius:25px}.w-button-lg{height:40px}.w-button-me{height:28px}.w-button-sm{height:28px;padding-left:10px;padding-right:10px}.w-button-mi{height:24px;padding:0;padding-left:6px;padding-right:6px}.w-cascade{width:420px}.w-cascade-up{width:420px;position:absolute;border:1px solid #dedede;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12);z-index:6;padding:12px}.w-cascade-up-pickers-top{cursor:default;width:100%;height:25px;border-bottom:2px solid #0c5186;overflow:visible}.w-cascade-up-pickers-title{float:left;padding:0 5px;height:22px;line-height:22px;margin-right:5px}.w-cascade-up-pickers-bottom{font-size:12px}.w-cascade-up-pickers-bottom ul{padding-top:10px;overflow:hidden;width:100%;margin-bottom:-5px}.w-cascade-up-pickers-bottom li{padding:0 0 0 15px;line-height:22px;float:left;width:80px;clear:none}.w-cascade-up-pickers-bottom li span{cursor:pointer}.w-content{height:calc(100% - 16px);margin:8px;width:calc(100% - 16px);overflow:auto}.w-content>div{height:100%}.w-content-left{border:1px solid #dedede;margin-right:8px}.w-content-left,.w-content-right{height:100%;overflow:auto;float:left}.w-content-left .tree_parent_label{line-height:32px;height:32px;padding:0 5px 0 18px}.w-content-left .tree_parent_label span{cursor:pointer}.w-content-left .tree_parent_label i{cursor:pointer;float:right;font-size:18px;width:32px;height:32px;line-height:32px;text-align:center}.w-checkbox{height:32px;line-height:20px;padding:0 10px}.w-checkbox-circular{width:20px;height:20px;border:1px solid #d2d2d2;border-radius:2px;background-color:#fff;transition:.1s linear;cursor:pointer;float:left;position:relative;margin-right:15px}.w-checkbox-circular:hover{border-color:#409eff}.w-checkbox-circular.current{border-color:#409eff;background-color:#409eff}.w-checkbox-circular.current:before{content:"";display:block;position:absolute;top:0;left:5px;width:8px;height:14px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.confirm{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.confirm-bg{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.4);z-index:11}.confirm-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .2s;min-width:260px;z-index:11;padding:0 15px;background-color:#fff;border-radius:5px;border:1px solid #dedede;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);opacity:1}.confirm-container.translates{top:30%;opacity:0}.confirm-header{color:#333;text-align:left;line-height:18px;font-size:18px;padding:15px 0 10px}.confirm-contents{padding:10px 15px;font-size:14px;line-height:24px;color:#666}.confirm-footer{text-align:right;padding-bottom:10px}.confirm-footer button{padding:0 14px}.confirm-cancel{background:#fff;color:#333;border:1px solid #dedede}.confirm-cancel:hover{background-color:#fbfbfb}.confirm-footer .confirm-make-sure{margin-left:10px}.close-btn{cursor:pointer;float:right;color:#999;-webkit-text-stroke:2px #999393;font-size:18px;line-height:18px}.close-btn:hover{color:#09f}.date-pickers-box{width:100%}.date-input{width:100%;padding-left:10px;padding-right:10px;border:1px solid #dedede;height:32px;border-radius:2px;box-sizing:border-box;outline:none;color:#666}.date-input:focus{border-color:#409eff}.date-pickers-box>.w-text{position:relative}.date-pickers{position:absolute;width:274px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12);z-index:6}.fade-enter-active,.fade-leave-active{transition:all .5s}.fade-enter,.fade-leave-active{opacity:0;transform:translateY(-10px)}.day-select{position:relative;line-height:30px;padding:10px 78px 5px;border-bottom:1px solid #dedede}.day-select input{border:none;background:#fff;text-align:center;color:#666;cursor:pointer;display:inline-block;height:30px;line-height:30px;outline:none}.day-select>i{position:absolute;top:10px;color:#999;font-size:26px;line-height:26px;height:30px;cursor:pointer;padding:0 5px}.dat-select-prev-y{left:15px}.dat-select-prev-m{left:40px}.dat-select-next-y{right:15px}.dat-select-next-m{right:40px}.day-select input:focus{border:1px solid #dedede;background-color:#fff}.day_select_center input:hover{background:#eee}.day_select_center_left{width:50px}.day_select_center_right{width:30px}.day-screen{padding:10px;border-bottom:1px solid #dedede}.day-screen span{width:36px;height:30px;text-align:center;line-height:30px;display:block;float:left}.day_screen_left span{color:#333;font-weight:400}.day_screen_right span{cursor:pointer;color:#666;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.day_screen_right span:hover{background-color:#eaeaea;color:#333;transition-duration:.3s}.day_screen_right span:nth-child(7n+1),.day_screen_right span:nth-child(7n+7){color:red}.date-pickers .time{width:86px;height:24px;position:relative;display:inline-block;font-size:16px;line-height:24px;cursor:pointer;color:#666}.time_reduce{position:absolute;right:0;bottom:-3px}.time_add{float:right;margin-top:-3px}.w-date-time span:hover{color:#42b983}.w-date-time i{border:7px dashed transparent;border-top-color:#999;display:inline-block}.w-date-time i.bottom{transform:rotate(180deg)}.w-date-time i.changeColor{border-top-color:#42b983}.day_screen_right span.active{background:#409eff;color:#fff}span.nextMonth,span.previousMonth{color:#d2d2d2}.w-date-footer{position:relative;height:44px;line-height:24px;padding:10px 20px}.w-date-footer-button{float:right}.w-date-footer-button button{float:left;margin-left:10px}.hz-dialog{position:absolute;width:100%;height:100%;bottom:0;right:0;background-color:rgba(0,0,0,.3);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:5}.hz-dialog-inner{background-color:#fff;-webkit-background-clip:content;border-radius:2px;box-shadow:1px 1px 50px rgba(0,0,0,.3);position:relative;width:730px;transition:height .2s;transition-timing-function:cubic-bezier(.25,1,.25,1)}.hz-dialog-inner.fullScreen{width:100%;height:100%;padding:6px 8px;background:#fff}.hz-dialog-inner .hz-dialog-center{height:calc(100% - 95px);overflow:auto}.hz-dialog-header{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#f8f8f8;border-radius:2px 2px 0 0}.hz-dialog-header a{position:absolute;right:20px;top:0;font-size:16px;line-height:42px;cursor:pointer}.hz-dialog-fotter{font-size:0;text-align:right;padding:10px;border-top:1px solid #dedede}.hz-dialog-fotter button{margin-right:10px}.drag-drop-container{width:100%;-ms-flex-direction:column;flex-direction:column;height:100%;background:#65758a;overflow:hidden}.drag-drop-container.current{background:#838383}.drag-nav-li{transition:all .3s;min-width:60px;height:100%;display:inline-block;padding:0 8px;text-align:center;color:#409eff;margin:0 auto;border-right:1px solid #908f8f}.drag-nav-li span:before{content:"\D7";color:#ccc}.w-form-item-title{line-height:32px;height:32px}.w-form-item-title,.w-form-title{clear:both;text-align:center;font-size:16px}.w-form-title{line-height:40px;height:40px}.w-form{background-color:#fff;margin-bottom:-1px}.w-form,.w-form-item{border:1px solid #dedede}.w-form-item{width:340px;float:left;margin-top:-1px;margin-left:-1px;height:48px}.w-form-label{float:left;width:120px;height:100%;line-height:32px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 4px;background-color:#f2f2f2;border-right:1px solid #dedede}.w-form-item-text{text-align:left;width:calc(100% - 120px);padding:8px;line-height:32px;overflow:auto;color:#666}.w-form-item-text::-webkit-scrollbar{display:none}.w-form-item-text .w-select,.w-form-item-text .w-text{width:100%}.w-form-inquire{float:left;width:calc(100% - 200px);margin-bottom:-1px}.w-form-oper{font-size:0;width:200px;float:right;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding-right:4px;margin-top:8px}.w-form-oper button{margin:0 5px;float:left}.w-dialog .w-form-item-text{position:relative}.createFormsss{position:absolute;height:42px;display:block;line-height:46px;right:18px;font-size:14px;color:#999;top:0}.special .w-form-item{margin:0;border:0;padding:4px 0}.special .w-form-label{height:32px;background-color:transparent;border:0;line-height:32px;padding:0 4px}.special .w-form-item-text{padding:0}.upload-list{margin:0;padding:0;list-style:none}.upload-list .upload-list-li:first-child{margin-left:0}.upload-list-li{position:relative;margin-top:5px;background-color:#e3eaf4;width:200px;height:50px;float:left;margin-left:5px;padding:5px}.upload-list-li-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:145px;font-size:12px;height:20px;line-height:20px}.upload-list-li-size{font-size:12px;color:#aaa}.upload-list-li-label{position:absolute;right:5px;top:5px;background-color:transparent;color:#0f6099}.file-box{padding:8px 15px;border-radius:3px;background-color:#409eff;border-color:#409eff;color:#000;display:inline-block;position:relative}.file-btn{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}.imgReduction_box img{cursor:pointer}.imgReduction{position:fixed;background-color:rgba(0,0,0,.6);width:100%;height:100%;z-index:9}.imgReduction,.imgReduction img{left:50%;top:50%;transform:translate(-50%,-50%)}.imgReduction img{width:auto;height:auto;position:absolute;min-width:300px;max-width:800px;min-height:300px;max-height:700px}.w-img-upload-label{float:left;width:121px;margin-left:-1px;text-align:right;line-height:92px;height:92px;background-color:#f2f2f2;border:1px solid #dedede;border-top:0}.img-box{border-radius:3px;background-color:#f2f2f2;color:#333;width:76px;height:76px;position:relative}.img-box input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.img-box span{height:6px;width:40px;background-color:#999;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.img-box p{position:absolute;bottom:6px;font-size:12px;width:100%;line-height:12px;height:12px;color:#666;letter-spacing:1px}.img-box-straight{transform:translate(-50%,-50%) rotate(90deg)}.w-imgUpload-box{background-color:#fff}.w-imgUpload-box>div{float:left;width:76px;height:76px;margin:8px;text-align:center}.w-imgUpload-add span{display:block;color:#777;height:100%;line-height:110%;font-size:60px}.w-imgUpload-img{position:relative}.w-imgUpload-img i{position:absolute;width:18px;height:18px;background-color:red;top:-3px;right:-3px;border-radius:50%;line-height:18px;display:block;font-size:10px;-webkit-text-stroke:1px #fff;cursor:pointer}.w-imgUpload-img p{position:absolute;width:100%;height:20px;bottom:0;left:0;line-height:20px;background-color:rgba(0,0,0,.4);color:#fff;font-size:12px}.w-imgUpload-img img{display:block;width:100%;height:100%}.loading_box{width:200px;top:50%;z-index:9}.loading_box,.message_main_bg{text-align:center;position:fixed;left:50%}.message_main_bg{min-width:380px;box-sizing:border-box;border:1px solid #ebeef5;top:20px;padding:15px;z-index:7;transform:translate(-50%,-100%);background-color:#edf2fc;transition:opacity .3s,transform .4s,top .4s;-ms-flex-align:center;align-items:center;border-radius:4px;overflow:hidden;opacity:0}.message_main_bg.open{transform:translate(-50%);opacity:1}.message_main_bg p{color:#999;font-size:14px}.message_main_bg.error{background-color:#fef0f0;color:#f56c6c}.message_main_bg.error p{color:#f56c6c}.message_main_bg.success{background-color:#f0f9eb;color:#67c23a}.message_main_bg.success p{color:#67c23a}.message_main_bg.waring{background-color:#fdf6ec;color:#e6a23c}.message_main_bg.waring p{color:#e6a23c}.w-pager button{height:32px;float:left;margin-left:8px}.w-pager button:first-child{margin-left:0}.w-pager .w-select{display:inline-block;width:80px;position:relative}.w-pager .w-select-up{width:100%;position:absolute}.w-pager-page{width:50px;background-color:#fff}.w-pager-button{float:left}.w-pager{margin-top:8px}.w-pager-box{float:right}.w-pager-box>span{margin:0 4px}.w-pager-box>*{float:left;line-height:32px;height:32px}.w-pager-quantity{float:left}.w-pager-quantity span{display:inline-block;line-height:32px;height:32px}.w-pager-left{text-align:left}.w-pager-right{text-align:right;float:right;font-size:0}.w-pager-right button{margin-left:10px}.w-radio-block{line-height:32px;margin-right:10px;padding-right:10px;cursor:pointer;font-size:14px;float:left}.w-radio-block:hover .w-radio-circular{border-color:#409eff}.w-radio-circular{margin:7px 8px 7px 0;width:18px;height:18px;border-radius:50%;color:#c2c2c2;position:relative;border:2px solid #dedede;background-color:#fff;transition:all .2s;float:left}.w-radio-block i{width:9px;height:9px;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);background-color:#409eff;display:none}.w-radio-title{float:left}.w-radio-block.current .w-radio-circular{border-color:#409eff}.w-radio-block.current i{display:block}.w-search-box{width:560px;height:44px;margin:0 auto;position:relative}.w-search-up{position:absolute;width:100%;max-height:300px;overflow:auto;background-color:#fff;top:48px;left:0;z-index:4;box-shadow:0 2px 4px rgba(0,0,0,.12);padding:12px}.w-search-up-item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-search-bar{width:500px;height:100%;border:2px solid #409eff}.w-search-bar input{border:none;width:100%;height:100%;line-height:100%;font-size:16px;padding-left:12px}.w-search-button{width:60px;height:100%;background-color:#409eff;text-align:center;line-height:44px;cursor:pointer}.hz-search-button span{line-height:36px}.hz-search-button span,.w-search-button .font{color:#fff;font-size:24px}.w-switch-box{min-width:120px;height:26px;line-height:26px}.w-switch-box span{float:left;margin:0 5px}.w-switch{width:56px;height:24px;line-height:24px;border-radius:12px;position:relative;cursor:pointer;padding:0 4px;float:left}.w-switch p{font-size:16px;color:#fff;font-weight:700;line-height:24px}.w-switch p.on{text-align:left}.w-switch p.off{text-align:right}.w-switch i{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;left:2px;top:2px;transition:all .3s}.w-switch i.on{left:34px}.w-select{width:200px;text-indent:0;color:#666;position:relative}.w-select.SelectTop .w-select-up{bottom:31px;top:auto}.w-select-title input[type=text]{height:32px;line-height:28px;border:1px solid #dedede;padding-right:30px;cursor:pointer;display:block;width:100%;padding-left:10px;border-radius:2px;transition:all .3s;color:#666}.w-select input[type=text]:focus{border-color:#409eff}.w-select-title i{position:absolute;right:10px;top:50%;border:6px dashed transparent;border-top-color:#c2c2c2;margin-top:-3px}.w-select-title i.w_edge{transform:rotate(180deg);margin-top:-9px}.w-select-up{position:fixed;z-index:8;border:1px solid #dedede;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12)}.w-select-up li{padding:0 10px;line-height:32px;height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-align:left}.w-select-up li:hover{background-color:#f2f2f2;transition:all .3s}.w-select-up li.current{background-color:#409eff;color:#fff}.w-select-tips{color:#999}.data-grid{width:100%;height:100%;overflow:hidden;font-size:14px;color:#444;box-sizing:border-box;border:1px solid #dedede}.grid-head{background-color:#f2f2f2;border-bottom:1px solid #dedede}.table_td{padding:6px 4px;font-size:14px;position:relative}.table_td .w-select{width:100%}.table_td img{width:70px;height:70px;display:inline-block;margin:0 2px}.table_td input{width:80%;margin:0 auto}.table_head{width:calc(100% - 12px);color:#333;table-layout:fixed}.table_body{width:100%;color:#666;table-layout:fixed}td .operating{cursor:pointer}.bold{font-weight:700;font-size:16px}.table_body tr:hover{background:#ebf7ff}.table_head td{border-right:1px solid #dedede}.table_head td:last-child{border-right:1px solid #f2f2f2}.table_body tr:first-child td{border-top:0}.table_body td:first-child{border-left:0}.table_body td:last-child{border-right:0}.table_body td{border:1px solid #dedede}.grid-body{width:100%;height:calc(100% - 32px);overflow-y:scroll}.grid-body .not_data{width:100%;font-size:18px;color:#ccc;line-height:100px;text-align:center;margin:0 auto}.grid-body::-webkit-scrollbar{width:13px;height:100%;background-color:#f2f2f2;border-left:1px solid #dedede}.grid-body::-webkit-scrollbar-thumb{border-radius:1px;background:#c1c1c1}.table_td .w-button{margin:1px 4px}.table_head_line{border-bottom:1px solid #ccc;width:100%;margin:1px auto}.table_td_colspan{border-top:1px solid #dedede}.table_td_colspan_lastChild{border-right:1px solid #dedede}.w-table-radio:hover{border-color:#409eff}.w-table-radio{margin:0 auto;width:18px;height:18px;border-radius:50%;color:#c2c2c2;position:relative;border:2px solid #dedede;background-color:#fff;transition:all .2s;cursor:pointer}.w-table-radio i{width:16px;height:16px;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);background-color:#409eff;display:none}.w-table-radio.current{border-color:#409eff}.w-table-radio.current i{display:block}.w_table_checkbox{width:20px;height:20px;border:1px solid #d2d2d2;border-radius:2px;background-color:#fff;transition:.1s linear;cursor:pointer;margin:0 auto;position:relative}.w_table_checkbox.disabled{cursor:no-drop}.w_table_checkbox:hover{border-color:#409eff}.w_table_checkbox.current{border-color:#409eff;background-color:#409eff}.w_table_checkbox.current:before{content:"";display:block;position:absolute;top:0;left:5px;width:8px;height:14px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.tab_box{padding-bottom:5px}.tabs{width:100%;height:40px;line-height:38px;border-bottom:2px solid #dedede}.tabs_title{font-size:18px;line-height:34px;padding:0 10px}.choose_current,.tabs_title{display:inline-block;font-weight:700}.choose_current{color:#666;font-size:15px;cursor:pointer}.tabs_string{display:inline-block}.choose_string_current{line-height:36px;margin:0 10px}.choose_string_current.current{color:#67c23a}.choose_card_line{transition:transform .3s;border-bottom:2px solid #67c23a}.tabs_card{display:inline-block;border:1px solid #dedede;border-radius:4px 4px 0 0;border-bottom:0}.tabs_card span{border-right:1px solid #dedede}.tabs_card span:last-child{border-right:0}.choose_card_current{line-height:38px;padding:0 20px}.choose_card_current.current{color:#67c23a}.tabs_border_card{display:inline-block}.choose_border_card_current{line-height:38px;padding:0 10px;display:inline-block;min-width:90px;text-align:center}.choose_border_card_current.current{color:#67c23a}.w-tag-tab{background-color:#f2f2f2;line-height:26px;border:1px solid #dedede;margin-bottom:-1px}.w-tag-tab-left{float:left;width:120px;color:#333;text-align:right;padding:8px 4px;border-right:1px solid #dedede}.w-tag-tab-right{width:calc(100% - 120px);color:#777;background-color:#fff}.w-tag-tab-label,.w-tag-tab-right{float:left;padding:4px}.w-tag-tab-label div{cursor:pointer;padding:0 10px;border-radius:2px}.w-tag-tab-label div:hover{color:#fff;background-color:rgba(59,189,158,.6)}.w-tag-tab-label div.current{color:#fff;cursor:default;background-color:#3bbd9e}.w-text{width:100%;padding-left:10px;padding-right:16px;border:1px solid #dedede;height:32px;border-radius:2px;box-sizing:border-box;color:#666;outline:none}.w-text:blur,.w-text:focus{background:#fff}.w-text-max{height:40px;line-height:40px}.w-text-medium{height:36px;line-height:36px}.w-text-mini{height:28px;line-height:28px}.w-textarea{width:100%;padding-left:10px;padding-right:10px;background:#fff;border:1px solid #e9e9e9;border-radius:2px;box-sizing:border-box;outline:none}.w-text-textarea{display:block;width:100%;color:#666}.w-text-textarea-box{position:relative;padding-bottom:16px;border:1px solid #dedede;border-radius:2px}.w-text-textarea-box span{position:absolute;bottom:4px;right:0;color:#999;font-size:12px}.time_picker{width:240px}.time_picker_input{height:20px}.mer_tx,.mi_tx,.ti_tx{width:100%;text-align:center;margin:10px 0}.hours,.minute,.second{width:60px;float:left;margin:0 10px;font-size:20px;color:#2d2e2e;font-family:arial;font-weight:700}.next,.prev{cursor:pointer;width:28%;border:1px solid #ccc;text-align:center;padding:10px 18px;border-radius:5px}.next:hover,.prev:hover{background-color:#ccc}.next{background-position:50% 150%}.prev{background-position:50% -50%}.timepicker_wrap{margin:10px 0;padding:10px 0;border-radius:5px;width:240px;box-shadow:2px 2px 5px 0 rgba(50,50,50,.35);background:#f6f6f6;border:1px solid #ccc;float:left;top:27px}.option{font-size:16px;background:#21a5ef;color:#fff;border-radius:4px}.option_input{border:1px solid orange;width:200px;margin:10px;height:30px;font-size:16px}.w-tree{line-height:32px;font-size:14px}.w-tree-dropDown-box{display:inline-block;width:10px;height:18px;margin:0 2px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#999}.w-tree-text .w-tree-dropDown-box:nth-child(2){margin-right:5px}.w-tree-dropDown{font-size:14px;display:inline-block;transition:all .3s}.w-tree-dropDown.current{transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}.w-tree-text-is-leaf{height:18px;width:14px;display:inline-block}.w-tree li{cursor:pointer}.w-tree .w-tree-text:hover{background-color:#f0f7ff}.w-tree .w-tree-text.current{background-color:#d5e8fc}.w-tree-text .operator{float:right;display:inline-block;width:32px;height:32px;line-height:36px;padding:0 4px;z-index:1}.operator .choose_class{display:block}.operator .arrow-shadow{display:none;transform:rotate(45deg);background-color:#fff;height:10px;right:14px;position:absolute;top:29px;width:10px;z-index:3}.operator .arrow_inner{position:relative}.operator .operator_list{display:none;position:absolute;top:32px;right:0;background-color:#fff;width:90px;box-shadow:0 0 14px 2px rgba(0,0,0,.4);text-align:center;color:#666;line-height:32px;z-index:2}.operator .operator_list p:hover{color:#409eff}.operator_icon{color:#409eff;font-size:18px}.operator_ellipsis_icon{color:#409eff;font-size:20px;margin-left:-1px}.w-tree-chebox{display:inline-block;width:14px;height:14px;border:1px solid #d2d2d2;border-radius:2px;background-color:#fff;transition:.1s linear;cursor:pointer;position:relative;margin-right:8px}.disabled{cursor:no-drop}.w-tree-chebox:hover{border-color:#409eff}.w-tree-chebox.current{background-color:#409eff;border-color:#409eff}.w-tree-chebox.current:before{content:"";display:block;position:absolute;top:0;left:3px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.w-tree-text{line-height:32px;-ms-flex-align:center;align-items:center;cursor:pointer;position:relative;white-space:nowrap}.year_month_text{width:202px;height:32px;border:1px solid #dedede;border-radius:2px;color:#666}.year_month{border:1px solid #ddd;width:202px;border-radius:4px;background:#fff;position:absolute;z-index:2}.year_month_head{width:100%;height:40px;padding:5px;line-height:30px;text-align:center;border-bottom:1px solid #ddd}.year_month_head .arrow{font-size:24px;cursor:pointer;color:#409eff}.year_month_main{width:50px;height:50px;display:inline-block;text-align:center;line-height:50px}.year_month_main:hover{background-color:#87cefa}.year_month_foot{border-top:1px solid #ddd;padding:5px}