/*common*/
.layui-btn.btn-1,.layui-btn.layui-btn-primary{border:1px solid #C9C9C9;color: #333;background: #fff;}
.layui-btn.btn-1:hover,.layui-btn.layui-btn-primary:hover{ border-color: #5fb878;color: #333;}
.layui-btn.btn-2,.layui-btn.layui-btn-normal{color: #fff;background: #409eff;}
.layui-btn.btn-3,.layui-btn.layui-btn-warm{color: #fff;background: #FFB800;}
.layui-btn.btn-4,.layui-btn.layui-btn-danger{color: #fff;background: #f56c6c;}
.layui-btn.btn-5{color: #fff;background: #4ec277;}
.layui-btn.btn-6{color: #fff;background: #bc8fb8;}
.layui-btn.btn-7{color: #666;background: #cccccc;}
.layui-btn.btn-8{color: #fff;background: #fa6141;}
.layui-btn.btn-9{color: #fff;background: #2e2e2e;}
.layui-btn.btn-10{color: #fff;background: #ec407a;}

.layui-btn.btn-11{color: #fff;background: #4285f4;}
.layui-btn.btn-12{color: #fff;background: #59698d;}
.layui-btn.btn-13{color: #fff;background: #33b5e5;}
.layui-btn.btn-14{color: #fff;background: #ff3547;}
.layui-btn.btn-15{color: #fff;background: #fb3;}
.layui-btn.btn-16{color: #fff;background: #00bcd4 ;}
.layui-btn.btn-17{color: #fff;background: #23272b;}
/*vant*/
.layui-btn.btn-18{color: #fff;background: #07c160;}
.layui-btn.btn-19{color: #fff;background: #1989fa;}
.layui-btn.btn-20{color: #fff;background: #ee0a24;}
.layui-btn.btn-21{color: #fff;background: #ff976a;}

/*layui-border*/
.layui-btn.btn-22{color: #07c160;background: #fff;border: 1px solid #07c160;}
.layui-btn.btn-23{color: #409eff;background: #fff;border: 1px solid #409eff;}
.layui-btn.btn-24{color: #FFB800;background: #fff;border: 1px solid #FFB800;}
.layui-btn.btn-25{color: #f56c6c;background: #fff;border: 1px solid #f56c6c;}
.layui-btn.btn-26{color: #393D49;background: #fff;border: 1px solid #393D49 ;}
.layui-btn.btn-27{color: #bc8fb8;background: #fff;border: 1px solid #bc8fb8;}
.layui-btn.btn-28{color: #fa6141;background: #fff;border: 1px solid #fa6141;}
.layui-btn.btn-29{color: #363e49;background: #fff;border: 1px solid #363e49;}


.layui-btn.btn-30{color: #fff;background:linear-gradient(40deg,#ffd86f,#fc6262);border: 0;}
.layui-btn.btn-31{color: #fff;background:linear-gradient(40deg,#ff6ec4,#7873f5);border: 0;}
.layui-btn.btn-32{color: #fff;background:linear-gradient(40deg,#45cafc,#303f9f);border: 0;}
.layui-btn.btn-33{color: #fff;background:linear-gradient(40deg,#5fb878, #33b8b2);border: 0;}
.layui-btn.btn-34{color: #fff;background:linear-gradient(40deg,#2096ff,#05ffa3);border: 0;}

.mr-5{ margin-right: 5px;}
.woo-main .layui-btn,.layui-form-checkbox span,.woo-form-body .layui-form-radio div{ font-size: 12px;}


.woo-circle-icon{ width: 24px;line-height: 24px;border-radius: 50%;background:#f2f2f2;display: inline-block;text-align: center;margin-right: 10px;}
.woo-circle-icon .layui-icon{ font-size: 14px;}
.woo-circle-icon.green{ background: #f6ffed;}
.woo-circle-icon.green .layui-icon{ color:#52c41a;}
.woo-circle-icon.blue{ background: #e6f7ff;}
.woo-circle-icon.blue .layui-icon{ color:#1890ff;}
.woo-circle-icon.red{ background: #f6ffed;}
.woo-circle-icon.red .layui-icon{ color:#f5222d;}
.woo-circle-icon.yellow{ background: #feffe6;}
.woo-circle-icon.yellow .layui-icon{ color:#fadb14;}
.woo-circle-icon.cyan{ background: #f6ffed;}
.woo-circle-icon.cyan .layui-icon{ color:#52c41a;}
.woo-circle-icon.lime{ background: #fcffe6;}
.woo-circle-icon.lime .layui-icon{ color:#a0d911;}
.woo-circle-icon.purple{ background: #f9f0ff;}
.woo-circle-icon.purple .layui-icon{ color:#722ed1;}

.layui-form-item{ position: relative;}
.layui-btn-group .layui-btn:first-child{ border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
.woo-edit-container:empty{ height: 0;}
.layui-form-select dl{ padding: 0}
.layui-badge, .layui-badge-dot, .layui-badge-rim{ font-size: inherit;}

.woo-array-input{ position: relative;top:-1px;}
.woo_array_item_create,.woo_array_item_remove,.woo_array_item_insert{ line-height: 38px;padding-left:8px;float: left;cursor: pointer;}
.woo_array_item_create i{ margin-right: 4px;}
.woo_array_item_remove{ color: #FF5722;}
.woo_array_item_create{ padding-left: 0;}
.woo_array_item_insert{ color: #5FB878;}
.array-edit .separator{ float: left;line-height: 38px;padding: 0 4px;}
.array-items-show{ margin-bottom: 2px;white-space: nowrap;overflow: hidden;}
.array-items-show .separator{ line-height: 38px; padding: 0 4px;float: left;max-width: 5%;}
.array-items-show .array-key , .array-items-show .array-value{ float: left;text-align: center;min-width: 40px;border: 1px solid #e6e6e6;display: inline-block;height: 36px;line-height: 36px;padding: 0 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.woo-array-value.woo-array-input{ }
.array-items-show .array-key{ max-width: 30%;}
.array-items-show .array-value{ max-width: 65%;}


.captcha-container{ position: relative;}
.captcha-image{ border: 1px solid #e6e6e6;position: absolute;right: 0;top:0;cursor: pointer;}
.captcha-image img{ height: 36px;}

.woo-element-tag-container{ padding: 6px 0 0 3px;border:1px solid #e6e6e6;border-radius: 0 2px 2px 0;min-height: 30px; max-height: 60px;overflow: auto}
.woo-element-tag-container:hover{ border-color:#D2D2D2;}
.woo-element-tag-container a.woo-tag-item{ float: left;display: inline-block;height: 24px;line-height: 24px;padding: 0 22px 0 4px;border: 1px solid #e6e6e6;margin: 0 3px 6px;position: relative;cursor: pointer;border-radius: 2px;box-shadow: 0 0 4px rgba(0,0,0,0.1) inset;}
.woo-element-tag-container a.woo-tag-item i{ position: absolute;right: 4px;top: 50%;margin-top: -13px;}
.woo-element-tag-container .woo-tag-write{ height: 26px;line-height: 26px;float: left;width: 60px;border: 0;margin-left: 5px;padding: 0 2px;}
.woo-element-tag-container .woo-tag-write.is-repeat{ background: #ffd6cc;color: #a94442;}
.cke{ max-width: 100%;}

/*form-page*/
.woo-form-page{}
.woo-b-header{ position: relative;padding:15px 15px 0;border-bottom:1px solid #e2e2e2;}
.woo-b-header .woo-header-many{ padding-bottom: 15px;}
.woo-b-header .title{ position: relative;line-height: 30px;font-size: 14px;float: left;color: #393D49;}
.woo-b-header .title .extitle{ margin-left: 10px;font-size: 0.85em;color: rgba(0,0,0,0.8);text-decoration: underline;}
.woo-b-header .action{ float: left;margin-left: 10px;position: relative;padding-left: 12px;}
.woo-b-header .action b{ position: absolute;left: 0;top: 50%;width: 1px;height: 20px;background: rgba(0,0,0,0.15);margin-top: -10px;}
.woo-b-header .action .layui-btn .layui-icon{ margin-right: 3px;}
.woo-b-header .tip{ line-height: 30px;padding: 5px 0;margin-top: -15px;color:#FFB800;}

.woo-form-body{ padding: 5px 15px;}
.woo-form-body>.layui-tab>.layui-tab-title{ padding: 0 15px;margin-bottom: 15px;}
.woo-form-body>.layui-tab>.layui-tab-title>.layui-this::after{ border-bottom-width: 2px;}
.woo-form-body>.layui-tab>.layui-tab-title li{ min-width: 5em;font-size: 14px;}
.woo-form-body>.layui-tab>.layui-tab-content{ padding: 0;}
.woo-form-body .layui-card{ box-shadow: none;border:1px solid #F0F0F0;}
.woo-form-body .layui-card-header{ background: #F0F0F0;border:0;}
.woo-form-body .layui-card-body{ padding: 15px 15px 0; }
.woo-form-body .layui-input-block.woo-form-not-label{ margin-left: 0 !important;}


.woo-form-body .woo-form-group{ position: relative;border-top:1px solid #f2f2f2;padding-top: 25px;margin-top: 5px;}
.woo-form-body .woo-form-group-title{ font-size: 13px; position: absolute;left: 15px;height: 24px;line-height: 24px;top: -12px;background: #fff;padding: 0 7.5px;letter-spacing: 2px;color: #FF5722;}
.woo-form-body .woo-form-group-body.layui-col-space10 > *{ padding-top: 0;padding-bottom: 0;}

.woo-form-page .woo-form-bottom{ background: #fff;text-align: center;padding: 15px;}
.woo-form-page.fixed-show{ margin-bottom: 53px;}
.woo-form-page.fixed-show .woo-form-bottom{ z-index: 1000; position: fixed;left: 0px; bottom: 0px;right: 0px; box-shadow: 5px 0 5px rgba(0,0,0,0.2);}

.woo-form-page .layui-form-checkbox[lay-skin="primary"]{ padding-left: 25px;}
.woo-form-page .layui-form-checkbox[lay-skin="primary"] span{ padding-right: 0;}

.woo-form-page .layui-form-pane .layui-form-radio{ margin-right: 0;padding-right: 0}

.woo-form-body .layui-input.woo-element-color{ max-width: 150px;float: left;margin-right: 10px;}
.woo-form-body .woo-element-colorh5{ height: 38px;width: 38px;margin-left: 10px;}

.woo-form-body .woo-form-item-tip{ position: absolute;left:3px;top: 7px;cursor: pointer;}
.woo-form-body .woo-form-item-tip i{ font-size: 20px;color: #FFB800;font-weight: bold;}
.woo-form-body .woo-form-item-message{ margin-top: 10px;padding: 8px 15px;line-height: 24px;color: #999;}
.woo-form-item-in{ display: inline-block;}

.woo-form-item-error{ position: absolute;left:0; top:38px;min-width: 100px;  height: 32px;line-height: 32px;background: rgba(255,128,128,1);border:1px solid #FF5722; z-index: 1000;padding: 0 10px 0 24px;color: #fff;border-radius: 2px;}
.woo-form-item-error i.point{ position: absolute;top: -7px;left:40px;margin-left: -4px; display: inline-block;border-right: 8px solid transparent;border-bottom: 8px solid #FF8080;border-left: 8px solid transparent;content: '';}
.woo-form-item-error:hover{ background-color: #FF6060;}
.woo-form-item-error:hover i.point{ border-bottom-color: #FF6060;}
.woo-form-item-error i.woo-error-close{ position: absolute;left:5px;top: 50%;margin-top: -15px;font-size: 14px;}

.woo-item-not-label .woo-form-item-error{ top: 0}
.woo-item-not-label .woo-form-item-error i.point{top: auto;bottom: -7px;  border-right: 8px solid transparent;border-bottom: none; border-top: 8px solid #FF8080;border-left: 8px solid transparent;}
.woo-item-not-label .woo-form-item-error:hover i.point{ border-top-color: #FF6060;}
.woo-form-error .layui-input,.woo-form-error .layui-textarea{ /*box-shadow: 0px 0px 2px 1px rgba(245,108,108,0.8);*/}
.woo-input-format-show{ line-height: 36px;background: #f1f1f1;overflow: hidden;}

.woo-upload{ position: relative;}
.woo-upload .woo-upload-action{}
.woo-upload .woo-upload-handle, .woo-upload .woo-upload-select{}
.woo-upload-preview{}
.woo-upload-preview li{ width: 90px;height: 90px;padding: 2px; background-position: center center;background-size: cover;
    border: 1px solid #ddd;float: left;margin: 10px 10px 0 0;border-radius: 2px;background-clip: content-box;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.06);position: relative;overflow: hidden;}
.woo-upload-preview li .progress{ position: absolute;width:0;height: 100%;background: rgba(240,8,240,.5);left: 0;top: 0;line-height: 94px;overflow: hidden;color: #fff;text-align: right;}
.woo-upload-preview li .woo-upload-cover{ position: absolute;left: 2px;top: 2px;right: 2px;bottom: 2px; background: rgba(0,0,0,0.4); opacity: 0;transition: opacity .5s}
.woo-upload-preview li:hover .woo-upload-cover{ opacity: 1;}
.woo-upload-preview li .woo-upload-remove,
.woo-upload-preview li .woo-upload-prev,
.woo-upload-preview li .woo-upload-next,
.woo-upload-preview li .woo-upload-link{
    position: absolute;
    top: 15px;
}
.woo-upload-preview li .woo-upload-link{ left: 50%;margin-left: -8px;}
.woo-upload-preview li .woo-upload-prev{ left: 0;}
.woo-upload-preview li .woo-upload-next{ right: 0;}
.woo-upload-preview li .woo-upload-remove{ top: auto;bottom: 10px;left:50%;margin-left: -11px;}
.woo-upload-preview li .woo-upload-remove i,
.woo-upload-preview li .woo-upload-prev i,
.woo-upload-preview li .woo-upload-next i,
.woo-upload-preview li .woo-upload-link i{color: #4ec277; font-size: 22px;}
.woo-upload-preview li .woo-upload-link i{ font-size: 16px;}
.woo-upload-preview li:first-child .woo-upload-prev{ display: none;}
.woo-upload-preview li:last-child .woo-upload-next{ display: none;}

.email-container{ position: relative;z-index: 999;}
.email-container .email-list{ position: absolute;left: 0;top: 42px;width: 100%;background: #fff;border: 1px solid #D2D2D2;border-radius: 2px;box-shadow: 0 2px 4px rgba(0,0,0,.12);display: none;}
.email-container .email-list li{ height: 36px;line-height: 36px;padding: 0 10px;cursor: pointer;}
.email-container .email-list li.selected{ background-color: rgb(242, 242, 242); }
.email-container .email-list li span{ color: #FF5722;}

.woo-ip4-container{}
.woo-ip4-container .input-list input,.woo-ip6-container .input-list input{ float: left; width: 60px;padding: 0 10px;text-align: center;}
.woo-ip4-container .input-list em,.woo-ip6-container .input-list em{ float: left;line-height: 40px;margin: 0 5px;font-size: 18px;font-style: normal;}
.woo-ip6-container .input-list em{ font-size: 16px;}


.woo-relation-show{ display: inline-block; height: 36px;line-height: 36px;border: 1px solid #e6e6e6;padding: 0 10px;}
.woo-relation-show:hover{ border-color: #d2d2d2;}

 .layui-form-pane .woo-form-body .layui-form-label{ width: 150px;}
 .layui-form-pane .woo-form-body .layui-input-block{ margin-left: 150px;}

.woo-form-body .layui-input,
.woo-form-body .layui-form-select,
.woo-form-body .layui-textarea,
.woo-form-body .woo-element-xmselect,
.woo-form-body .woo-element-xmselectfortree,
.woo-form-body .woo-element-xmtree,
.woo-form-body .woo-icon-container,
.woo-form-body .captcha-container,
.woo-form-body .woo-cascader,
.woo-form-body .woo-slider,
.woo-form-body .woo-element-tag-container,
.woo-form-body .email-container,
.woo-form-body .woo-random-container
{ max-width: 475px;}

.woo-form-body .layui-input.woo-element-datetime,
.woo-form-body .layui-input.woo-element-date,
.woo-form-body .layui-input.woo-element-time,
.woo-form-body .layui-input.woo-element-year,
.woo-form-body .layui-input.woo-element-month
{ max-width: 274px;}
.woo-colorpicker-select{ margin-bottom: 0!important;}

.woo-trigger-hidden{  display: none;}
.woo-form-body xm-select *{ font-size: 12px;}

.woo-has-quick{ max-width:475px; position: relative;}
.woo-has-quick .woo-element{ position: relative;z-index: 100;}
.woo-has-quick .woo-quick{ position: absolute; left:0;top: 0;width: 100%;}

.woo-multiattr-container{ }
.woo-multiattr-table-box{ border: 1px solid #eee;overflow: auto;}
.woo-multiattr-table-box table.layui-table{ margin:0;width: auto;min-width: 100%;}
.woo-multiattr-container *{ font-size: 12px;}
.woo-multiattr-container th{ font-size: 13px !important;padding-left: 25px}
.woo-multiattr-table-box td,.woo-multiattr-table-box th{ min-width: 100px;}
.woo-multiattr-table-box td .error{ padding-top:10px;color: #f56c6c;}
.woo-form-name-validate dl.layui-select-group{ top: auto;bottom: 42px;}
.woo-multiattr-container .layui-table td{ padding: 5px;}
.woo-multiattr-container .layui-table td td{border: 0 !important;padding: 1px 0;}
.woo-multiattr-container .layui-table tr.empty-row td{ padding: 10px;}

.woo-icon-container,.woo-random-container{ position: relative; z-index: 98;}
.woo-icon-container.is-open{ z-index: 100}
.woo-icon-container .woo-icon-toggle,.woo-random-container .woo-random-action{ position: absolute;top: 0;right: 0;}
.woo-icon-container .woo-icon-list{ position: absolute;left:0;top: 37px;max-height: 300px;overflow: auto;background: #fff;box-shadow: 0 1px 2px 0 rgba(0,0,0,.06);
    border: 1px solid #ddd;padding: 10px;display: none;min-width: 450px;
}
.woo-icon-container .woo-icon-list ul{ margin-bottom: 10px;}
.woo-icon-container .woo-icon-list li{ width: 65px;overflow: hidden;text-align: center;border: 1px solid #eee;padding: 5px;margin: 5px;cursor: pointer;}
.woo-icon-container .woo-icon-list .woo-icon-show{ height: 30px;overflow: hidden;padding-top: 10px;}
.woo-icon-container .woo-icon-list .woo-icon-show i{ font-size: 24px;}
.woo-icon-container .woo-icon-list .woo-icon-name{ height: 26px;line-height: 36px;white-space: nowrap;overflow: hidden;color: #c2c2c2;}
.woo-icon-container .woo-icon-list li:hover,.woo-icon-container .woo-icon-list li.woo-icon-selected{ border-color: #ddd;}
.woo-icon-container .woo-icon-list li:hover i,.woo-icon-container .woo-icon-list li.woo-icon-selected i{ color: #FF5722;}




/*table*/
.woo-table-body{ padding: 5px 15px;}
.woo-table-body>.layui-tab>.layui-tab-title{ padding: 0 15px;margin-bottom: 15px;}
.woo-table-body>.layui-tab>.layui-tab-title li{ min-width: 2em;}
.woo-table-body>.layui-tab>.layui-tab-title>.layui-this::after{ border-bottom-width: 2px;}
.woo-table-body>.layui-tab>.layui-tab-content{ padding: 0;}

.woo-table-body .woo-table-container{ position: relative;}
.woo-table-body .woo-table-container.woo-has-siderbar{ }
.woo-table-body .woo-table-container  .woo-table-siderbar{ float: left;width: 18%;display: none;overflow: hidden;}
.woo-table-body .woo-table-container.woo-has-siderbar .woo-table-siderbar{ display: block;}
.woo-table-siderbarpadding{ margin-right: 15px;overflow: hidden;min-height: 10px;}
.woo-table-body .woo-table-siderbar .woo-siderbar-title{ border-radius: 10px; border-bottom: 1px solid #eeeeee; margin-bottom: 12px; padding: 0 20px;color: #000; font-size: 14px;height: 39px;line-height: 39px;white-space: nowrap;}
.woo-table-body .woo-table-siderbar .woo-siderbar-title  a{ float: right;}
.woo-siderbar-list{ margin-bottom: 15px;}
.woo-siderbar-list .woo-sider-clear{ padding-top: 12px;padding-left: 12px;white-space: nowrap;}
.woo-siderbar-list .woo-sider-clear a{ text-decoration: underline;cursor: pointer;color: #5fb878;}
.woo-siderbar-selected .layui-tree-txt{ color: #5fb878;}

.woo-table-body .woo-table-container.woo-has-siderbar .woo-table-content{ width: 82%;float: right;}
.woo-table-body .woo-table-container.woo-has-siderbar.close-siderbar .woo-table-content{ width: 100%;}
.woo-table-body .woo-table-container.woo-has-siderbar.close-siderbar .woo-table-siderbar{ width: 0;}

.woo-filter{ padding-bottom: 5px;display: none;}
.user-table-container .woo-filter{ padding-bottom:10px;}
.woo-search-top{ position:relative;height: 24px;}
.woo-search-top i.line{ position: absolute; left:0;right: 0; top: 50%;height:1px;background: #e1e1e1; }
.woo-search-top span{ position: absolute;height: 18px;line-height: 18px;border: 1px solid #ddd;background: #eeeeee;right: 15px;top: 0;z-index: 11;padding: 2px 15px 2px 10px;cursor: pointer;transition:all .5s ease;border-radius: 12px;font-size: 12px; }
.woo-search-top span:hover{ background-color: #e2e2e2;}
.woo-search-top span i{ margin-right: 3px;}
.woo-search-top span cite{ font-style: normal;}

.woo-search-container{ display: none; background: #f4f4f4 url(../images/ui-search.gif) repeat-x 0 0;border: 1px solid #e2e2e2;padding:10px 10px 5px;border-radius: 4px;margin-top: 15px;}
.woo-search-container .layui-form-item{ margin:  0;}
.woo-filter.woo-open .woo-search-container{ display: block}
.woo-search-container .layui-form-item .filter-sigle-clear{ position: absolute;top: -9px;right: -6px;z-index: 1000;opacity: 0;transition: opacity .8s ease;}
.woo-search-container .layui-form-item:hover .filter-sigle-clear{ opacity: 1;}
.woo-search-container .search-btns i.layui-icon{ font-size: 20px;}



.relation-box{ position: relative;z-index: 999;}
.relation-box .relation-filter-container{ display: none;  position: absolute;top: 37px;right: 0;width: 100%;min-width: 150px;background: #fff;}
.relation-box .relation-filter-list{ padding: 5px 0;border: 1px solid #D2D2D2;max-height: 155px;overflow: auto;}
.relation-box .relation-filter-list li{ padding: 0 10px;line-height: 30px;border-bottom: 1px dotted #e1e1e1;overflow: hidden;cursor: pointer;}
.relation-box .relation-filter-list li:last-child{ border: 0;}
.relation-box .relation-filter-list li .filter-id{ color: #888;}
.relation-box .relation-filter-page{ background: #F0F0F0;border: 1px solid #D2D2D2;border-top: 0; position: relative;height: 36px;line-height: 36px;text-align: center;}
.relation-box .relation-filter-page .prev-page{ position: absolute;left:0px;top: 0;cursor: pointer;padding: 0 10px;}
.relation-box .relation-filter-page .next-page{ position: absolute;right:0px;top: 0;cursor: pointer;padding: 0 10px;}
.relation-box .relation-filter-page .prev-page.disabled,.relation-box .relation-filter-page .next-page.disabled{ cursor: not-allowed; }
.relation-box .relation-filter-page .prev-page.disabled i,.relation-box .relation-filter-page .next-page.disabled i{ color: #999;}
.relation-box .filter-no-data{ text-align: center;line-height: 40px;color: #666;}
.relation-box .filter-no-data i{ margin-right: 5px;}
.relation-box .relation-search-bar{ position: absolute;right:1px;top: 1px;background: #fff;width: 36px;height: 36px;text-align: center;line-height: 36px;cursor: pointer;}
.relation-box:hover .relation-filter-container{ display: block;}

.woo-table-content .layui-table-view{}
.woo-table-content .layui-table-view th{ font-size: 13px;}
.woo-table-content .layui-table-view td{ font-size: 12px;}

#changeMenu{ padding: 12px;}
#changeMenu xm-select *{ font-size: 12px;}
#changeMenu xm-select .xm-body .xm-option .xm-option-icon{ font-size: 18px;}
#changeMenuXm{ min-height: 38px;}
#changeMenu .tip{ margin-right: 2px; background: #FFB800;color: #fff;margin-top: 12px;padding: 12px 12px 5px;border-radius: 4px;}
#changeMenu .tip h2{ font-size: 14px;}
#changeMenu .tip p{ opacity: 0.8;font-size: 13px;}

.woo-tool-span{ position: relative;display: inline-block;}
.layui-table-tool-temp .woo-tool-span{ position: relative;display: block;float: left;margin-right: 10px;}
.layui-table-tool-temp  .woo-btn-child .woo-tool-span{ float: none;margin-right: 0}


.woo-btn-child{ display: none;position: absolute;left:0;top: 30px;background: #fff;width: 100%;min-width:100px;opacity: 1;box-shadow: 0 2px 4px rgba(0,0,0,.12);z-index: 9999;}
.woo-btn-child ul{ border: 1px solid #f0f0f0;border-radius:0 0 2px 2px;}
.woo-btn-child ul li{ text-align: left;}
.woo-btn-child ul li *{ background:transparent!important;color: #444444 !important;}
.woo-btn-child ul li:hover{ background: #f5f5f5;}
.woo-btn-child ul li .woo-tool-span{display: block;}
.woo-btn-child ul li a{ display: block !important;line-height: 32px;}
.woo-tool-span:hover{ z-index: 199;}
.layui-table-tool .woo-tool-span:hover .woo-btn-child{ display: block;}
.mouse-tooldown{ position: absolute;}
.mouse-tooldown .woo-btn-child{ display: block;position: static;top: auto;left:auto;}
/*
tr:nth-last-child(1) .woo-tool-span .woo-btn-child
{ top: auto;bottom: 30px;}*/

th:last-child .layui-table-cell,td:last-child .layui-table-cell{ overflow: visible;}
.layui-table-cell .woo-tool-span, .layui-custom-table .woo-tool-span{ margin: 0 3px;position: relative;top: -1px;}
.layui-table-cell .woo-btn-child, .layui-custom-table .woo-btn-child{ left: auto;right: 0;}

.layui-table-fixed .layui-table-body .layui-table th:last-child{ }
.layui-custom-table .layui-form-checkbox[lay-skin="primary"]{ padding-left: 0;}
.table-item-toolbar{ display: inline-block;}

.woo-number_range{ width: 47%;float: left;}
.woo-number_range_delimiter{ width: 6%;float: left;overflow: hidden;text-align: center;line-height: 38px;}
.woo-compare-sign{ width: 42%;float: left;}
.woo-compare-input{ width: 54%;float: right;}


.woo-table-body .layui-table-cell,.woo-tree-display,.woo-tree-holder,.woo-tree-child, .woo-list-file{ height: 32px;line-height: 32px;}
.woo-table-body .layui-table-page{ padding: 12px 10px; height: auto;}

.woo-list-file{ white-space: nowrap;text-align: center;}
.woo-list-file a{ display: inline-block; width:30px;height: 30px;padding: 1px;border: 1px solid #ddd;background-clip: content-box;}
.woo-list-file a img{ max-width: 100%;}
.woo-file-hover{ position: absolute;padding: 5px;background: #fff;border:1px solid #ddd;max-width:200px;border-radius: 2px;box-shadow: 0 0 2px rgba(0,0,0,0.1)}
.woo-file-hover img{ max-width: 100%;display: block; }
.woo-cms-title{ margin-left: 5px;color: #5291fc;}
.woo-cms-menu,.woo-copy{ cursor: pointer;}
.text-align-right{ text-align: right;}
.text-align-center{ text-align: center;}

.layui-custom-table{ margin-right: -1px;overflow: auto;}
.custom-field-sort{ cursor: pointer;}
.custom-woo-table.layui-table{ width: 100%!important;min-width: 1000px!important;}
.custom-woo-table.layui-table th{ padding: 10px 15px;font-weight: bold;}
.custom-woo-table.layui-table td{ padding: 10px 15px;}


.custom-order-list{ }
.custom-order-list tr:hover{ background: none !important;}
.custom-order-list .item-header .item-header-info{  background-color: rgba(0,0,0,.01);}
.custom-order-list .order-header{ font-size: 13px;color: #666;}
.custom-order-list .order-header span{ margin-right: 25px;}
.custom-order-list .order-image{ float: left;width: 60px;padding: 1px;border:1px solid #ddd;border-radius: 2px;}
.custom-order-list .order-image img{ display: block;width: 100%;height: 60px;}
.custom-order-list .order-info{ margin-left: 70px;}
.custom-order-list .order-info .title{color: #333; font-size: 1.1em;}
.custom-order-list .order-info .row{ line-height: 24px;color: #909399;}
.custom-order-list .order-price-num{ font-size: 13px;}
.custom-order-list .money{ font-size: 14px;color: #f56c6c;}
.custom-order-list .update-money{ color: #66b1ff;}
.custom-order-list .username{ color: #FF6A00 ;font-size: 13px;}
.custom-order-list .contact{ font-size: 13px;}
.custom-order-list .contact .mobile{ margin-left: 15px;color: #4285f4;}
.custom-order-list tr.remark-row,.custom-order-list tr.remark-row:hover{ background-color: #FFF9DF !important;color: #D09B4C;}
.custom-order-list .status{ font-size: 13px;}
.custom-order-list .detail-btn{ color: #909399}
.custom-order-list .order-actions{ font-size: 13px;}
.custom-order-list tr.item-separation td{padding: 6px;}


.custom-project-list{ padding: 15px;}
.custom-project-list .list-item{ }
.custom-project-list .list-item .thumb{ overflow: hidden;border-radius: 2px 2px 0 0;position: relative;}
.custom-project-list .list-item .thumb .check{ position: absolute;left: 10px;top: 10px;}
.custom-project-list .list-item .thumb img{ transition: all .5s;}
.custom-project-list .list-item:hover .thumb img{ transform: scale(1.1);}
.custom-project-list .list-item .title{ height: 38px;line-height: 38px;margin-top: 6px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.custom-project-list .list-item .summary{ text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;line-height: 24px;font-size: 13px;color: #999;}
.custom-project-list .list-item .btns{ margin-top: 10px;}
.custom-project-list .list-item .btns span:first-child{ margin-left: 0;}

.custom-user-list{ padding: 15px;}
.custom-user-list .list-item{ }
.custom-user-list .item{box-shadow: 0 1px 1px rgba(0,0,0,.06); border-radius: 2px;background-color: #fff;position: relative;}
.custom-user-list .list-item:hover .item{ box-shadow: 0 2px 6px rgba(0,0,0,.06);}
.custom-user-list .item .item-fields{ padding: 15px;font-size: 13px;position:relative;overflow: hidden;}
.custom-user-list .item .item-tools{ background-color: #fafafa;border-top: 1px solid #f0f0f0;}
.custom-user-list .item .row1{ height: 40px;display: flex;align-items: center;margin-bottom: 10px;}
.custom-user-list .item .ov{ overflow: hidden;}
.custom-user-list .item .avatar{ width: 40px;height: 40px;overflow: hidden;border-radius: 50%;margin-right: 15px;}
.custom-user-list .item .username{ font-size: 14px;color: #409eff;}
.custom-user-list .item .id{  font-size: 14px;margin-right: 15px;color: #888;}
.custom-user-list .item .check{ margin-right: 15px;}
.custom-user-list .item .row2{ height: 32px;display: flex;align-items: center;}
.custom-user-list .item .row2 .field{color: #33b5e5; margin-right: 12px;position: relative;width: 28%;box-sizing: border-box;overflow: hidden;white-space: nowrap;}
.custom-user-list .item .row2 .field:last-child{ margin-right: 0;}
.custom-user-list .item .row2 .field span{ color: #888;}
.custom-user-list .item .row3 .field{ width: auto;color: #c2c2c2;font-size: 12px;}

.custom-user-list .item .row2 .field.user_group_id{ color: #4ec277;}
.custom-user-list .item .row2 .field.user_grade_id{ color: #ee0a24;}
.custom-user-list .item .row2 .field.status{ color: #bc8fb8;}

.custom-user-list .item .tab-select{ position: absolute;right: 10px;top: 0;z-index: 10;height: 100%; border-left:1px solid rgba(0,0,0,0.04);padding-left: 8px;background-color: #fff;padding-top: 10px;}
.custom-user-list .item .tab-select li{ height: 40px;cursor: pointer;}
.custom-user-list .item .tab-select li i{ font-size: 20px;color:#ec407a;opacity: 0.6;transition: all .3s;}
.custom-user-list .item .tab-select li.show i{ opacity: 1;color: #5fb878;}
.custom-user-list .item .tab .tab-item{ position: absolute;width: 100%;height: 100%;left:-100%;top: 0;overflow: hidden;background-color: #fff;opacity: 1;transition: left .3s;}
.custom-user-list .item .tab .tab-item.current{ left:0;opacity: 1;}
.custom-user-list .item .tab .tab-row{ display: flex;flex-wrap: wrap;align-items: center;padding:12px 15px;}
.custom-user-list .item .tab .tab-row .field{ width: 46%;height: 28px;white-space: nowrap;overflow: hidden;;}
.custom-user-list .item .tab .tab-row .field.long{ width: 90%;}
.custom-user-list .item .tab .tab-row .field span{ color: #999;}
.custom-user-list .item-tools>ul>li{ width: 25%;position: relative;padding: 10px;}
.custom-user-list .item-tools>ul>li a{ display: block;height: 30px;line-height: 30px;text-align: center;}
.custom-user-list .item-tools>ul>li i.line{ position: absolute;right: 0;height: 30px;top: 10px;width: 1px;background-color: #f0f0f0;}
.custom-user-list .item-tools>ul>li i.layui-icon{ font-size: 18px;color: #898989;}
.custom-user-list .item-tools>ul>li i.layui-icon.layui-icon-link{ font-size: 13px;}
.custom-user-list .item-tools>ul>li a:hover i.layui-icon{ color: #1890ff;}
.custom-user-list .item-tools>ul>li ul{ position: absolute;right: 0;top: 40px;background-color: #fff;width: 130%; max-width: 140px; box-shadow: 0 2px 6px rgba(0,0,0,.06);padding: 6px 0;display: none;z-index: 30}
.custom-user-list .item-tools>ul>li li{ height:32px;line-height: 32px;padding: 0 15px;overflow: hidden;width: 100%;font-size: 13px; }
.custom-user-list .item-tools>ul>li li:hover{ background-color: #f5f5f5;}
.custom-user-list .item-tools>ul>li:hover ul{ display: block;}
.custom-user-list .item:hover{ z-index: 20;}
.custom-user-list .list-item:nth-last-child(1) .item-tools>ul>li ul,
.custom-user-list .list-item:nth-last-child(2) .item-tools>ul>li ul,
.custom-user-list .list-item:nth-last-child(3) .item-tools>ul>li ul {
    top: auto; bottom: 40px;}
.custom-user-header{ display: flex;padding: 12px 15px;background-color: #fff;align-items: center;}
.custom-user-header ul{ margin: 0 15px;}
.custom-user-header ul .dt{ font-weight:bold;margin-right: 0;border-right: 0;}
.custom-user-header ul li{ margin-right: 15px;border-right: 1px solid #f0f0f0;padding-right: 18px;height: 18px;line-height: 20px;}
.custom-user-header ul li:last-child{ border-right: 0;}

.woo-detail{ padding: 5px 15px;}
.woo-detail .woo-list-file{ text-align: left;}
.woo-detail .woo-detail-field{ width: 20%;}
.woo-detail .detail-title{ font-size: 14px;color: #FF5722;}
.woo-detail .woo-detail-field{}
.woo-detail .layui-table td, .woo-detail .layui-table th{ font-size: 12px;}
.woo-detail .layui-table th{ color: #393D49;}
.woo-detail .layui-table img{ max-width:inherit;}

xm-select{ width: auto!important;;}
xm-select > .xm-body{ left: -1px !important;}
.woo-tree-display,.woo-tree-holder,.woo-tree-child{ display: inline-block;float: left;}
.woo-tree-holder{ width: 20px;}
.woo-tree-child,.woo-tree-bind i.layui-icon{ margin-right: 5px;}
.woo-tree-display{ color: #5291fc;}
.woo-tree-bind{ cursor: pointer;}
.woo-tree-bind i.layui-icon{ font-size: 16px;color: #5fb878}

.woo-list-counter{ color: #01AAED;}
.woo-list-counter i.layui-icon{ font-size: 12px;}

.woo-templet-url{ display: inline-block;background: rgba(0,0,0,0.3);border-radius: 6px;height: 20px;line-height: 20px;padding: 0 5px;color: #fff;max-width: 100%;overflow: hidden;margin-top: 5px;}
.woo-templet-url i.layui-icon{ font-size: 12px;margin-right: 3px;}
.layui-form-switch.layui-disabled{ opacity: 0.7;}
.woo-slider .woo-slider-container{ padding:17px 0 0 20px;position: relative;}
.woo-slider .woo-slider-container .layui-slider-input{ top: 0px;}
.woo-rate .woo-rate-container{ padding: 5px 0 0 10px;}
.woo-rate .woo-rate-container .layui-rate{ padding: 0;}
.woo-rate .woo-rate-container .layui-rate li{ margin-bottom: 0;}


.woo-cascader{  position: relative;}
.woo-cascader.woo-active{ z-index: 999;}
.woo-cascader .cascader-show{ position: relative;padding-right: 36px;overflow: hidden;cursor: pointer;}
.woo-cascader .cascader-show .layui-edge{ position: absolute; right: 10px; top: 50%; margin-top: -3px; cursor: pointer; border-width: 6px; border-top-color: #c2c2c2; border-top-style: solid; transition: all .3s; -webkit-transition: all .3s;}
.woo-cascader.woo-active .cascader-show .layui-edge{ margin-top: -9px;-webkit-transform: rotate(180deg);transform: rotate(180deg);margin-top: -3px\9;}
.woo-cascader .cascader-show .show{ line-height: 36px;}
.woo-cascader .cascader-show .show em{ margin: 0 3px;}
.woo-cascader .cascader-container{}
.woo-cascader .cascader-list{ position: absolute;top:42px;background: #fff;width: 148px; height: 252px;overflow: hidden; border:1px solid #d2d2d2;box-shadow: 0 2px 4px rgba(0,0,0,.12); border-radius: 2px; display: none; }
.woo-cascader .cascader-list ul{ width: 170px;overflow-y: auto;height:100%;}
.woo-cascader .cascader-list li{ width: 123px;height: 36px;line-height: 36px;padding: 0 5px 0 20px;cursor: pointer;overflow: hidden;}
.woo-cascader .cascader-list li:hover{ background: #f2f2f2;}
.woo-cascader .cascader-list li.selected{ background: #5FB878;color: #fff;}
.woo-cascader .cascader-list li span{ float: right;}
.woo-cascader.woo-active .cascader-list{ display: block;}
.woo-cascader.redirect-up .cascader-list{ bottom: 42px; top: auto;}

.woo-amap-container{ position: relative;}
.woo-amap-container .amap-search{ position: absolute;right: 0px;top: 0px;z-index: 9999;width: 202px;}
.woo-amap-container .amap-map{ height: 340px;border: 1px solid #ddd;margin-top: 10px;}

@media screen and (max-width: 750px) {
    .woo-table-body .woo-table-container .woo-table-siderbar{ float: none;width: 100% !important;min-width: 100%;}
    .woo-table-siderbarpadding{ margin-right: 0;}
    .woo-table-body .woo-table-container.woo-has-siderbar .woo-table-content{ width: 100%;}
    .woo-table-content{ margin-left: 0 !important;}
    .woo-search-container{ padding-bottom: 10px;}
    .woo-search-top span{ right: auto;left: 15px;}
}
@media screen and (max-width: 450px) {
    .woo-form-body .layui-input.woo-element-datetime,
    .woo-form-body .layui-input.woo-element-date,
    .woo-form-body .layui-input.woo-element-time,
    .woo-form-body .layui-input.woo-element-year,
    .woo-form-body .layui-input.woo-element-month
    { max-width: 100%;}
}