/*******************
 新自研控件 动画样式区
 日期: 2019-08-28
********************/
.slide-enter-active {transition: all .8s;}
.slide-leave-active {transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);}
.slide-enter, .slide-leave-to{transform: translateY(-50px);opacity: 0;}
.bder-rht{border-right:solid 1px #f0f0f0;box-sizing: border-box;}
.tb-vline{position: absolute; top:0; height: 100%; z-index: 1; width:1px;background-color: #f0f0f0;}
/*******************
 新自研控件 动态布局
 日期: 2019-08-28
********************/
.yg-row{position: relative;box-sizing: border-box;}
[class*=yg-col-] {float: left;box-sizing: border-box;}
.yg-col-0 {width: 0}
.yg-col-1 {width: 4.16667%}
.yg-col-2 {width: 8.33333%}
.yg-col-3 {width: 12.5%}
.yg-col-4 {width: 16.66667%}
.yg-col-5 {width: 20.83333%}
.yg-col-6 {width: 25%}
.yg-col-7 {width: 29.16667%}
.yg-col-8 {width: 33.33333%}
.yg-col-9 {width: 37.5%}
.yg-col-10 {width: 41.66667%}
.yg-col-11 {width: 45.83333%}
.yg-col-12 {width: 50%}
.yg-col-13 {width: 54.16667%}
.yg-col-14 {width: 58.33333%}
.yg-col-15 {width: 62.5%}
.yg-col-16 {width: 66.66667%}
.yg-col-17 {width: 70.83333%}
.yg-col-18 {width: 75%}
.yg-col-19 {width: 79.16667%}
.yg-col-20 {width: 83.33333%}
.yg-col-21 {width: 87.5%}
.yg-col-22 {width: 91.66667%}
.yg-col-23 {width: 95.83333%}
.yg-col-24 {width: 100%}
/*******************
 字体图标总体css
 日期: 2019-08-29
 按钮组
********************/
.yg-icon-loading{animation: rotating 2s linear infinite;}
@-webkit-keyframes rotating {
    0% {-webkit-transform: rotateZ(0);transform: rotateZ(0)}
    100% {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg)}
}
@keyframes rotating {
    0% {-webkit-transform: rotateZ(0);transform: rotateZ(0)}
    100% {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg)}
}
@font-face {font-family: element-icons;src: url(fonts/element-icons.woff) format("woff"), url(fonts/element-icons.ttf) format("truetype");font-weight: 400;font-style: normal}
[class*="yg-icon-"],[class^=yg-icon-] {font-family: element-icons !important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;vertical-align: baseline;display: inline-block;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.yg-icon-ice-cream-round:before {content: "\e6a0"}
.yg-icon-ice-cream-square:before {content: "\e6a3"}
.yg-icon-lollipop:before {content: "\e6a4"}
.yg-icon-potato-strips:before {content: "\e6a5"}
.yg-icon-milk-tea:before {content: "\e6a6"}
.yg-icon-ice-drink:before {content: "\e6a7"}
.yg-icon-ice-tea:before {content: "\e6a9"}
.yg-icon-coffee:before {content: "\e6aa"}
.yg-icon-orange:before {content: "\e6ab"}
.yg-icon-pear:before {content: "\e6ac"}
.yg-icon-apple:before {content: "\e6ad"}
.yg-icon-cherry:before {content: "\e6ae"}
.yg-icon-watermelon:before {content: "\e6af"}
.yg-icon-grape:before {content: "\e6b0"}
.yg-icon-refrigerator:before {content: "\e6b1"}
.yg-icon-goblet-square-full:before {content: "\e6b2"}
.yg-icon-goblet-square:before {content: "\e6b3"}
.yg-icon-goblet-full:before {content: "\e6b4"}
.yg-icon-goblet:before {content: "\e6b5"}
.yg-icon-cold-drink:before {content: "\e6b6"}
.yg-icon-coffee-cup:before {content: "\e6b8"}
.yg-icon-water-cup:before {content: "\e6b9"}
.yg-icon-hot-water:before {content: "\e6ba"}
.yg-icon-ice-cream:before {content: "\e6bb"}
.yg-icon-dessert:before {content: "\e6bc"}
.yg-icon-sugar:before {content: "\e6bd"}
.yg-icon-tableware:before {content: "\e6be"}
.yg-icon-burger:before {content: "\e6bf"}
.yg-icon-knife-fork:before {content: "\e6c1"}
.yg-icon-fork-spoon:before {content: "\e6c2"}
.yg-icon-chicken:before {content: "\e6c3"}
.yg-icon-food:before {content: "\e6c4"}
.yg-icon-dish-1:before {content: "\e6c5"}
.yg-icon-dish:before {content: "\e6c6"}
.yg-icon-moon-night:before {content: "\e6ee"}
.yg-icon-moon:before {content: "\e6f0"}
.yg-icon-cloudy-and-sunny:before {content: "\e6f1"}
.yg-icon-partly-cloudy:before {content: "\e6f2"}
.yg-icon-cloudy:before {content: "\e6f3"}
.yg-icon-sunny:before {content: "\e6f6"}
.yg-icon-sunset:before {content: "\e6f7"}
.yg-icon-sunrise-1:before {content: "\e6f8"}
.yg-icon-sunrise:before {content: "\e6f9"}
.yg-icon-heavy-rain:before {content: "\e6fa"}
.yg-icon-lightning:before {content: "\e6fb"}
.yg-icon-light-rain:before {content: "\e6fc"}
.yg-icon-wind-power:before {content: "\e6fd"}
.yg-icon-baseball:before {content: "\e712"}
.yg-icon-soccer:before {content: "\e713"}
.yg-icon-football:before {content: "\e715"}
.yg-icon-basketball:before {content: "\e716"}
.yg-icon-ship:before {content: "\e73f"}
.yg-icon-truck:before {content: "\e740"}
.yg-icon-bicycle:before {content: "\e741"}
.yg-icon-mobile-phone:before {content: "\e6d3"}
.yg-icon-service:before {content: "\e6d4"}
.yg-icon-key:before {content: "\e6e2"}
.yg-icon-unlock:before {content: "\e6e4"}
.yg-icon-lock:before {content: "\e6e5"}
.yg-icon-watch:before {content: "\e6fe"}
.yg-icon-watch-1:before {content: "\e6ff"}
.yg-icon-timer:before {content: "\e702"}
.yg-icon-alarm-clock:before {content: "\e703"}
.yg-icon-map-location:before {content: "\e704"}
.yg-icon-delete-location:before {content: "\e705"}
.yg-icon-add-location:before {content: "\e706"}
.yg-icon-location-information:before {content: "\e707"}
.yg-icon-location-outline:before {content: "\e708"}
.yg-icon-location:before {content: "\e79e"}
.yg-icon-place:before {content: "\e709"}
.yg-icon-discover:before {content: "\e70a"}
.yg-icon-first-aid-kit:before {content: "\e70b"}
.yg-icon-trophy-1:before {content: "\e70c"}
.yg-icon-trophy:before {content: "\e70d"}
.yg-icon-medal:before {content: "\e70e"}
.yg-icon-medal-1:before {content: "\e70f"}
.yg-icon-stopwatch:before {content: "\e710"}
.yg-icon-mic:before {content: "\e711"}
.yg-icon-copy-document:before {content: "\e718"}
.yg-icon-full-screen:before {content: "\e719"}
.yg-icon-switch-button:before {content: "\e71b"}
.yg-icon-aim:before {content: "\e71c"}
.yg-icon-crop:before {content: "\e71d"}
.yg-icon-odometer:before {content: "\e71e"}
.yg-icon-time:before {content: "\e71f"}
.yg-icon-bangzhu:before {content: "\e724"}
.yg-icon-close-notification:before {content: "\e726"}
.yg-icon-microphone:before {content: "\e727"}
.yg-icon-turn-off-microphone:before {content: "\e728"}
.yg-icon-position:before {content: "\e729"}
.yg-icon-postcard:before {content: "\e72a"}
.yg-icon-message:before {content: "\e72b"}
.yg-icon-chat-line-square:before {content: "\e72d"}
.yg-icon-chat-dot-square:before {content: "\e72e"}
.yg-icon-chat-dot-round:before {content: "\e72f"}
.yg-icon-chat-square:before {content: "\e730"}
.yg-icon-chat-line-round:before {content: "\e731"}
.yg-icon-chat-round:before {content: "\e732"}
.yg-icon-set-up:before {content: "\e733"}
.yg-icon-turn-off:before {content: "\e734"}
.yg-icon-open:before {content: "\e735"}
.yg-icon-connection:before {content: "\e736"}
.yg-icon-link:before {content: "\e737"}
.yg-icon-cpu:before {content: "\e738"}
.yg-icon-thumb:before {content: "\e739"}
.yg-icon-female:before {content: "\e73a"}
.yg-icon-male:before {content: "\e73b"}
.yg-icon-guide:before {content: "\e73c"}
.yg-icon-news:before {content: "\e73e"}
.yg-icon-price-tag:before {content: "\e744"}
.yg-icon-discount:before {content: "\e745"}
.yg-icon-wallet:before {content: "\e747"}
.yg-icon-coin:before {content: "\e748"}
.yg-icon-money:before {content: "\e749"}
.yg-icon-bank-card:before {content: "\e74a"}
.yg-icon-box:before {content: "\e74b"}
.yg-icon-present:before {content: "\e74c"}
.yg-icon-sell:before {content: "\e6d5"}
.yg-icon-sold-out:before {content: "\e6d6"}
.yg-icon-shopping-bag-2:before {content: "\e74d"}
.yg-icon-shopping-bag-1:before {content: "\e74e"}
.yg-icon-shopping-cart-2:before {content: "\e74f"}
.yg-icon-shopping-cart-1:before {content: "\e750"}
.yg-icon-shopping-cart-full:before {content: "\e751"}
.yg-icon-smoking:before {content: "\e752"}
.yg-icon-no-smoking:before {content: "\e753"}
.yg-icon-house:before {content: "\e754"}
.yg-icon-table-lamp:before {content: "\e755"}
.yg-icon-school:before {content: "\e756"}
.yg-icon-office-building:before {content: "\e757"}
.yg-icon-toilet-paper:before {content: "\e758"}
.yg-icon-notebook-2:before {content: "\e759"}
.yg-icon-notebook-1:before {content: "\e75a"}
.yg-icon-files:before {content: "\e75b"}
.yg-icon-collection:before {content: "\e75c"}
.yg-icon-receiving:before {content: "\e75d"}
.yg-icon-suitcase-1:before {content: "\e760"}
.yg-icon-suitcase:before {content: "\e761"}
.yg-icon-film:before {content: "\e763"}
.yg-icon-collection-tag:before {content: "\e765"}
.yg-icon-data-analysis:before {content: "\e766"}
.yg-icon-pie-chart:before {content: "\e767"}
.yg-icon-data-board:before {content: "\e768"}
.yg-icon-data-line:before {content: "\e76d"}
.yg-icon-reading:before {content: "\e769"}
.yg-icon-magic-stick:before {content: "\e76a"}
.yg-icon-coordinate:before {content: "\e76b"}
.yg-icon-mouse:before {content: "\e76c"}
.yg-icon-brush:before {content: "\e76e"}
.yg-icon-headset:before {content: "\e76f"}
.yg-icon-umbrella:before {content: "\e770"}
.yg-icon-scissors:before {content: "\e771"}
.yg-icon-mobile:before {content: "\e773"}
.yg-icon-attract:before {content: "\e774"}
.yg-icon-monitor:before {content: "\e775"}
.yg-icon-search:before {content: "\e778"}
.yg-icon-takeaway-box:before {content: "\e77a"}
.yg-icon-paperclip:before {content: "\e77d"}
.yg-icon-printer:before {content: "\e77e"}
.yg-icon-document-add:before {content: "\e782"}
.yg-icon-document:before {content: "\e785"}
.yg-icon-document-checked:before {content: "\e786"}
.yg-icon-document-copy:before {content: "\e787"}
.yg-icon-document-delete:before {content: "\e788"}
.yg-icon-document-remove:before {content: "\e789"}
.yg-icon-tickets:before {content: "\e78b"}
.yg-icon-folder-checked:before {content: "\e77f"}
.yg-icon-folder-delete:before {content: "\e780"}
.yg-icon-folder-remove:before {content: "\e781"}
.yg-icon-folder-add:before {content: "\e783"}
.yg-icon-folder-opened:before {content: "\e784"}
.yg-icon-folder:before {content: "\e78a"}
.yg-icon-edit-outline:before {content: "\e764"}
.yg-icon-edit:before {content: "\e78c"}
.yg-icon-date:before {content: "\e78e"}
.yg-icon-c-scale-to-original:before {content: "\e7c6"}
.yg-icon-view:before {content: "\e6ce"}
.yg-icon-loading:before {content: "\e6cf"}
.yg-icon-rank:before {content: "\e6d1"}
.yg-icon-sort-down:before {content: "\e7c4"}
.yg-icon-sort-up:before {content: "\e7c5"}
.yg-icon-sort:before {content: "\e6d2"}
.yg-icon-finished:before {content: "\e6cd"}
.yg-icon-refresh-left:before {content: "\e6c7"}
.yg-icon-refresh-right:before {content: "\e6c8"}
.yg-icon-refresh:before {content: "\e6d0"}
.yg-icon-video-play:before {content: "\e7c0"}
.yg-icon-video-pause:before {content: "\e7c1"}
.yg-icon-d-arrow-right:before {content: "\e6dc"}
.yg-icon-d-arrow-left:before {content: "\e6dd"}
.yg-icon-arrow-up:before {content: "\e6e1"}
.yg-icon-arrow-down:before {content: "\e6df"}
.yg-icon-arrow-right:before {content: "\e6e0"}
.yg-icon-arrow-left:before {content: "\e6de"}
.yg-icon-top-right:before {content: "\e6e7"}
.yg-icon-top-left:before {content: "\e6e8"}
.yg-icon-top:before {content: "\e6e6"}
.yg-icon-bottom:before {content: "\e6eb"}
.yg-icon-right:before {content: "\e6e9"}
.yg-icon-back:before {content: "\e6ea"}
.yg-icon-bottom-right:before {content: "\e6ec"}
.yg-icon-bottom-left:before {content: "\e6ed"}
.yg-icon-caret-top:before {content: "\e78f"}
.yg-icon-caret-bottom:before {content: "\e790"}
.yg-icon-caret-right:before {content: "\e791"}
.yg-icon-caret-left:before {content: "\e792"}
.yg-icon-d-caret:before {content: "\e79a"}
.yg-icon-share:before {content: "\e793"}
.yg-icon-menu:before {content: "\e798"}
.yg-icon-s-grid:before {content: "\e7a6"}
.yg-icon-s-check:before {content: "\e7a7"}
.yg-icon-s-data:before {content: "\e7a8"}
.yg-icon-s-opportunity:before {content: "\e7aa"}
.yg-icon-s-custom:before {content: "\e7ab"}
.yg-icon-s-claim:before {content: "\e7ad"}
.yg-icon-s-finance:before {content: "\e7ae"}
.yg-icon-s-comment:before {content: "\e7af"}
.yg-icon-s-flag:before {content: "\e7b0"}
.yg-icon-s-marketing:before {content: "\e7b1"}
.yg-icon-s-shop:before {content: "\e7b4"}
.yg-icon-s-open:before {content: "\e7b5"}
.yg-icon-s-management:before {content: "\e7b6"}
.yg-icon-s-ticket:before {content: "\e7b7"}
.yg-icon-s-release:before {content: "\e7b8"}
.yg-icon-s-home:before {content: "\e7b9"}
.yg-icon-s-promotion:before {content: "\e7ba"}
.yg-icon-s-operation:before {content: "\e7bb"}
.yg-icon-s-unfold:before {content: "\e7bc"}
.yg-icon-s-fold:before {content: "\e7a9"}
.yg-icon-s-platform:before {content: "\e7bd"}
.yg-icon-s-order:before {content: "\e7be"}
.yg-icon-s-cooperation:before {content: "\e7bf"}
.yg-icon-bell:before {content: "\e725"}
.yg-icon-message-solid:before {content: "\e799"}
.yg-icon-video-camera:before {content: "\e772"}
.yg-icon-video-camera-solid:before {content: "\e796"}
.yg-icon-camera:before {content: "\e779"}
.yg-icon-camera-solid:before {content: "\e79b"}
.yg-icon-download:before {content: "\e77c"}
.yg-icon-upload2:before {content: "\e77b"}
.yg-icon-upload:before {content: "\e7c3"}
.yg-icon-picture-outline-round:before {content: "\e75f"}
.yg-icon-picture-outline:before {content: "\e75e"}
.yg-icon-picture:before {content: "\e79f"}
.yg-icon-close:before {content: "\e6db"}
.yg-icon-check:before {content: "\e6da"}
.yg-icon-plus:before {content: "\e6d9"}
.yg-icon-minus:before {content: "\e6d8"}
.yg-icon-help:before {content: "\e73d"}
.yg-icon-s-help:before {content: "\e7b3"}
.yg-icon-circle-close:before {content: "\e78d"}
.yg-icon-circle-check:before {content: "\e720"}
.yg-icon-circle-plus-outline:before {content: "\e723"}
.yg-icon-remove-outline:before {content: "\e722"}
.yg-icon-zoom-out:before {content: "\e776"}
.yg-icon-zoom-in:before {content: "\e777"}
.yg-icon-error:before {content: "\e79d"}
.yg-icon-success:before {content: "\e79c"}
.yg-icon-circle-plus:before {content: "\e7a0"}
.yg-icon-remove:before {content: "\e7a2"}
.yg-icon-info:before {content: "\e7a1"}
.yg-icon-question:before {content: "\e7a4"}
.yg-icon-warning-outline:before {content: "\e6c9"}
.yg-icon-warning:before {content: "\e7a3"}
.yg-icon-goods:before {content: "\e7c2"}
.yg-icon-s-goods:before {content: "\e7b2"}
.yg-icon-star-off:before {content: "\e717"}
.yg-icon-star-on:before {content: "\e797"}
.yg-icon-more-outline:before {content: "\e6cc"}
.yg-icon-more:before {content: "\e794"}
.yg-icon-phone-outline:before {content: "\e6cb"}
.yg-icon-phone:before {content: "\e795"}
.yg-icon-user:before {content: "\e6e3"}
.yg-icon-user-solid:before {content: "\e7a5"}
.yg-icon-setting:before {content: "\e6ca"}
.yg-icon-s-tools:before {content: "\e7ac"}
.yg-icon-delete:before {content: "\e6d7"}
.yg-icon-delete-solid:before {content: "\e7c9"}
.yg-icon-eleme:before {content: "\e7c7"}
.yg-icon-platform-eleme:before {content: "\e7ca"}
.yg-icon-loading {animation: rotating 2s linear infinite}
.yg-icon--right {margin-left: 5px}
.yg-icon--left {margin-right: 5px}

/*******************
 新自研控件总体css
 日期: 2019-08-29
 按钮组
********************/
.yg-button{min-width:70px; height:30px; /*line-height:28px;*/border-radius: 3px; cursor:pointer;padding-left:15px;padding-right:15px}
/* .yg-button>span{position: relative;}
.yg-button>span:before{content:attr(data-text);width:100%;height:100%;text-align:center; background-color: #c7e4e2; position: absolute;top:0px;line-height: 16px} */
.yg-button.default{background:#4e80bc;color:#fff;border:solid 1px rgb(78, 128, 188);}
.yg-button.default:focus,
.yg-button.default:hover{background:#568dd1;color:#fff;border:solid 1px rgb(86, 141, 209);}

.yg-button.default:active{background:#4571a7;border:solid 1px #47ABD6}
.yg-button.default:disabled {
    /* background-color: #43A0C8 !important;
    border: solid 1px #43A0C8 !important;
    cursor: not-allowed */
    background-color: #e5e7e7 !important;
    border: solid 1px #ffffff !important;
    cursor: not-allowed;
    color:#333
}
.yg-button.default:disabled{background-color:#43A0C8  !important;border:solid 1px #43A0C8  !important; cursor:not-allowed}

.yg-button.primary{background:#fff;color:rgb(78, 128, 188);;border:solid 1px rgb(78, 128, 188);}
.yg-button.primary:focus,
.yg-button.primary:hover{background:rgb(86, 141, 209);color:#fff;border:solid 1px rgb(86, 141, 209)}

.yg-button.primary:active{background:rgb(69, 113, 167);border:solid 1px rgb(69, 113, 167);color:#fff}
.yg-button.primary:disabled{background-color:#fff  !important;border:solid 1px #ccc  !important; cursor:not-allowed;color:#999}
.yg-button.primary:disabled:hover{color:#999}

/* .yg-button.cancel{background:#fff7e0;color:#333;border:solid 1px #f1cf66} */
.yg-button.cancel{background-color: #fff;color: #333;border: solid 1px #d9d9d9;}

.yg-button.cancel:focus,
.yg-button.cancel:hover{background-color: #f5f5f5;border: solid 1px #f5f5f5;}

.yg-button.cancel:active{background-color: #ebebeb;border: solid 1px #ebebeb;}
.yg-button.cancel:disabled{background-color: #fffdf6;border: solid 1px #fbf1d1;}
.yg-button.cancel:disabled:hover{color:#999}
.buttons .yg-button{white-space: nowrap;}

/*******************
 表单
 日期: 2019-09-06
********************/
.yg-form-item {margin-bottom: 22px;height:29px}
.yg-form-item:after{clear: both;}
.yg-form-item:after, .yg-form-item:before {display: table;content: "";}
.yg-form-item__label {text-align: right;vertical-align: middle;float: left;font-size: 14px;color: #606266;line-height: 29px;padding: 0 12px 0 0;box-sizing: border-box;}
.yg-form-item__content {line-height: 28px;position: relative;font-size: 14px;}
.yg-form-item__content:after, .yg-form-item__content:before {display: table;content: "";}
.yg-form-item__error{color: #f56c6c;font-size: 12px;line-height: 1;padding-top: 4px;position: absolute;top: 100%;left: 0;}
/* .yg-form-item__error::before{content: "\E607";} */
.yg-form-item.is-error .el-input__inner, .yg-form-item.is-error .el-input__inner:focus, .yg-form-item.is-error .el-textarea__inner, .yg-form-item.is-error .el-textarea__inner:focus {border-color: #f56c6c;}
/*对话框*/
.ico-left,.ico-center,.ico-right{cursor:pointer} /*手指型*/
.ico-left{background: url(/static/public/ico/l.png);width:18px;height:18px; display:inline-block;}
.ico-left:hover,.ico-left.act{background: url(/static/public/ico/lv.png);}
.ico-center{background: url(/static/public/ico/m.png);width:18px;height:18px; display:inline-block;}
.ico-center:hover,.ico-center.act{background: url(/static/public/ico/mv.png);}
.ico-right{background: url(/static/public/ico/r.png);width:18px;height:18px; display:inline-block;}
.ico-right:hover,.ico-right.act{background: url(/static/public/ico/rv.png);}
.yg-input-over{width: calc(100% - 2px);height: calc(100% - 2px);font-size: 14px;line-height: 28px;text-align: right;background-color: #fff;padding-right: 5px;padding-top:1px; box-sizing: border-box;top:1px;left:1px; pointer-events: none;}
/*******************
 新自研控件总体css
 日期: 2019-07-29
********************/
/*vue原生动画调用 从小到大变换 从大到小变换 供vue开发组件中调用*/
.bounce-enter-active {animation: bounce-in .2s;}
.bounce-leave-active {animation: bounce-in .2s reverse;}
@keyframes bounce-in {0% {    transform: scale(0.9);}100% {    transform: scale(1);}}
.sbounce-enter-active {animation: bounce-in .2s reverse;}
.sbounce-leave-active {animation: bounce-in .2s}
@keyframes sbounce-in {0% {    transform: scale(0.9);}100% {    transform: scale(1);}}
/*自研日期区间日期选择控件*/
.el-date-interval-top .act{border: solid 1px #43A0C8 !important;background-color: #FFF !important;}
.el-date-interval-top .time-span{display: inline-block;padding:0px;margin:0px;margin-left:3px;}
.el-date-interval-top .d_year{width:34px; text-align:center}
.el-date-interval-top .d_month{width:18px; text-align:center}
.el-date-interval-top .d_hour,
.el-date-interval-top .d_minute,
.el-date-interval-top .d_day{width:18px; text-align:center;background-color: transparent !important;}
.el-date-interval-top>.input-ymd input{font-size:13px; border:none;background-color:transparent}
.el-date-interval-top>.input-ymd{position:absolute;top:1px;left:1px;height:26px;background:#ffffff;padding-top: 1px;box-sizing: border-box;padding-left: 8px;}
.el-date-interval-top>.input-ymd:hover{background:#FFF;}
.el-date-interval-top .date-seled-ico{pointer-events: none;}
.el-date-interval-top .date-seled-ico,
.el-date-interval-top .yg-icon-circle-close{top:50% !important; transform: translateY(-50%);position:absolute;color:#999;cursor:pointer;right:6px}

.el-date-interval  .b-calendar table,
.el-date-interval .b-calendar table{line-height:10px;}

.el-date-interval .fl-lft {float: left}
.el-date-interval .fl-rht {float: right}
.el-date-interval .p-all20 {padding: 20px;box-sizing: border-box}
.el-date-interval .p-t0 {padding-top: 0px;}
.el-date-interval .txt-btn {color: #43A0C8;cursor: pointer;}
.el-date-interval .txt-btn:hover {color: #47ABD6;}
.el-date-interval .txt-btn:active {color: #1b8ebf;}
.el-date-interval .txt-center {text-align: center}
.el-date-interval .bdall {border: solid 1px #ECEBEB;display: inline-block;height: 25px;width: 97%;padding-left: 5px;line-height: 25px; text-align: center; border-radius: 3px;;}
.el-date-interval .bdall input {outline: none}
.el-date-interval .bdall input:hover {cursor: pointer;background: #eee}
.el-date-interval .gray {color: #999}
.el-date-interval .hour-seled {width: 130px;height: 125px;background: #fff;border: solid 1px #ccc;position: absolute;z-index: 2;left: 10px;bottom: 40px;font-size: 12px;line-height:15px;}
.el-date-interval .minute-seled {width: 253px;height: 155px;background: #fff;border: solid 1px #ccc;position: absolute;z-index: 2;left: 10px;bottom: 40px;font-size: 12px;line-height:15px;}
.el-date-interval .hour-seled .content{padding-top:2px;}
.el-date-interval .minute-seled .content{padding-top:6px;}
.el-date-interval .minute-seled .h-title,
.el-date-interval .hour-seled .h-title {width: 100%;height: 20px;border-bottom: solid 1px #ccc;text-align: center;color: #666;line-height: 19px;position: relative;}
.el-date-interval .minute-seled .h-closebtn,
.el-date-interval .hour-seled .h-closebtn {width: 20px;height: 20px;position: absolute;right: 0px;top: 0px;cursor: pointer}
.el-date-interval .minute-seled .h-closebtn:hover,
.el-date-interval .hour-seled .h-closebtn:hover{background-color:#f00; color:#fff}
.el-date-interval .minute-seled .content i,
.el-date-interval .hour-seled .content i {float: left;width: 25px;height: 17px;text-align: center;margin-top: 3px;}
.el-date-interval .minute-seled .content i:not(.disab):hover,
.el-date-interval .hour-seled .content i:not(.disab):hover {cursor: pointer;background: #43A0C8 !important;color: #fff}
.el-date-interval .minute-seled .content i:nth-child(5n+1) {background: #f5f5f5}
.el-date-interval .b-calendar td>i{display: inline-block;width: 27px;height: 22px;line-height: 22px;}

.el-date-interval-top .ipt {width: 100%;height: 100%;height: 28px;box-sizing: border-box;border: 1px solid #dcdfe6;padding-left: 5px;padding-right: 5px;border-radius: 2px;outline: none;color: #333;font-size: 13px;/*background: url(/static/img/dategray.svg) no-repeat right center/auto 80%*/}
.el-date-interval-top .ipt {box-sizing: border-box;padding: 5px 5px 5px 10px;border: solid 1px #e0e0e0;color: #333;border-radius: 2px;outline: none}
.el-date-interval-top .ipt:hover,
.el-date-interval-top .ipt:focus {border: solid 1px #43A0C8 !important;background-color: #FFF}
.el-date-interval-top .panel-table{border-collapse: collapse; font-size:13px;}
.el-date-interval-top .panel-table>tr>td{border:solid 1px #f0f0f0}
.date-seled-ico{position: absolute; right: 4px;top: 50%;opacity: 0.5; pointer-events: none;transform: translateY(-50%);}

.el-date-interval .nobd {border: none !important;padding:0px}
.el-date-interval .panel-td {color: #ccc}
.el-date-interval .is_today>i {color: #43A0C8 !important;background-color: #ECF6F5 !important;border-radius: 0px;border: solid 0px #ECF6F5 !important; font-weight: bold;}
.el-date-interval .today{color:#43A0C8; position: relative; font-weight: bold;}
.el-date-interval .today::before{content:' '; position: absolute; width:4px;height:4px; font-size: 0; border-radius: 2px; background-color: #43A0C8; top:1px; right: 2px;}
.el-date-interval .sact .today::before{background-color:#fff !important; top:2px; right: 5px;}
.el-date-interval .sact span{width: 24px;height: 23px; line-height: 23px; display: inline-block;border: solid 1px #fff;border-radius: 50%;text-align: center;padding: 0px;background: #43a0c8;}
.el-date-interval .w-186 {width: 186px}
.el-date-interval i {font-style: normal}
.el-date-interval .b-calendar td i{font-size:12px;}
.el-date-interval .headtxt {color: #999}
.el-date-interval .bg-fc{background-color: #FCFCFC;}
.el-date-interval label {-webkit-user-select: none;user-select: none}
.el-date-interval .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {-webkit-box-shadow: 0 0 2px 2px #43A0C8;box-shadow: 0 0 2px 2px #43A0C8;}
.el-date-interval .el-date-interval {position: fixed;width: 720px;height: 340px;z-index: 100}
.el-date-interval .el-radio-button__orig-radio:checked+.el-radio-button__inner {background-color: #43A0C8;border-color: #43A0C8;-webkit-box-shadow: -1px 0 0 0 #43A0C8;box-shadow: -1px 0 0 0 #43A0C8;}
.el-date-interval .el-radio-button--mini .el-radio-button__inner {border: solid 1px #f0f0f0;border-radius: 0px !important;margin: 2px;}
.el-date-interval .el-radio-button__inner:hover {color: #fff;background: #43A0C8 !important}
.el-date-interval .w-117 {width: 117px;}
.el-date-interval .w-117 .el-radio-button__inner {width: 100%}
.el-date-interval .el-radio-button--mini .el-radio-button__inner {background: #F5F6F8}
.el-date-interval .date-bg {width: 100%;height: 265px;overflow: hidden;border: solid 0px #f0f0f0;padding: 5px;box-sizing: border-box;position: relative;}
.el-date-interval .date-bg .t-head {height: 25px;}
.el-date-interval .date-bg .t-head .text {width: 187px;text-align: center;font-size: 13px;line-height: 25px;-webkit-user-select: none;user-select: none;}
/* .el-date-interval .date-bg .t-head .text i{margin-left:5px} */
.el-date-interval .date-bg .t-head .text:hover {background-color: #f8f8f8 !important}
.el-date-interval .date-bg .t-head .text i:hover {color: #43A0C8}
.el-date-interval .date-bg .t-head .prev,
.el-date-interval .date-bg .t-head .next {width: 25px;text-align: center;line-height: 25px}
.el-date-interval .date-bg .t-head span {float: left;height: 100%;cursor: pointer;}
.el-date-interval .date-bg .t-head span:hover {background: #f0f0f0}
.el-date-interval .date-bg .t-head span:active {background: #ccc}
.el-date-interval .fillBtn {height: 30px;outline: none;line-height: 26px;background-color: #43A0C8 !important;color: #fff;border: solid 1px #43A0C8 !important;cursor: pointer;min-width: 65px;border-radius: 2px;font-size: 12px;}

/*实色类似确定按钮*/
.el-date-interval .fillBtn:hover {background-color: #47ABD6 !important;border: solid 1px #47ABD6 !important;color: #fff;}
.el-date-interval .fillBtn:active {background-color: #1b8ebf !important;border: solid 1px #1b8ebf !important}
.el-date-interval .fillBtn:disabled {background-color: #c7e4e2 !important;border: solid 1px #c7e4e2 !important}

/*取消按钮*/
.el-date-interval .cancelBtn {height: 30px;outline: none;line-height: 26px;background-color: #fff;color: #333;border: solid 1px #d9d9d9;cursor: pointer;min-width: 65px;border-radius: 2px;font-size: 12px;}
.el-date-interval .cancelBtn:hover {background-color: #f5f5f5;border: solid 1px #f5f5f5;}
.el-date-interval .cancelBtn:active {background-color: #ebebeb;border: solid 1px #ebebeb;}
.el-date-interval .cancelBtn:disabled {background-color: #fffdf6;border: solid 1px #fbf1d1;}

/* .el-date-interval .cancelBtn:hover {background-color: #ffefe0;border: solid 1px #ea8800;color: #333}
.el-date-interval .cancelBtn:active {background-color: #F52D00;border: solid 1px #F52D00;color: #fff;}
.el-date-interval .cancelBtn:disabled {background-color: #fffdf6;border: solid 1px #fbf1d1;color: #333} */

.el-date-interval .td-pad {/*padding: 10px;*/padding-top: 0px}
.el-date-interval .td-pad .lft_nav {border: solid 1px #e8e6e6;border-radius: 2px;background: #fff;width: 56px;height: 28px;float: left;margin-top: 4px;position: relative;text-align: center;line-height: 28px;}
.el-date-interval .td-pad .lft_nav:nth-child(even) {margin-left: 3px;}
.el-date-interval .td-pad .lft_nav>input {position: absolute;z-index: 2;width: 100%;height: 100%;opacity: 0;left: 0;top: 0;cursor: pointer;}
.el-date-interval .td-pad .lft_nav>span {position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;font-size:12px}
.el-date-interval .td-pad .lft_nav:hover>span,
.el-date-interval .td-pad .lft_nav>input:checked+span {background: #43A0C8;color: #fff;border: solid 1px #43A0C8;border-radius: 2px;}
.el-date-interval .td-pad .lft_nav:nth-last-child(2),
.el-date-interval .td-pad .lft_nav:last-child {width: 117px;margin-left: 0 !important}
.el-date-interval td.fot-line {background: #fcfcfc;border-top: 1px solid #fcfcfc;}
.el-date-interval .b-calendar th {font-weight: normal; border-bottom:solid 1px #f0f0f0}
.el-date-interval .b-mthpanel,
.el-date-interval .b-yearpanel,
.el-date-interval .b-calendar {height: 192px;position: absolute;left: 0px;top: 30px;width: 100%;background: #fff;transition: all ease-in 0.2s;text-align: center;}
.el-date-interval .b-mthpanel table,
.el-date-interval .b-yearpanel table,
.el-date-interval .b-calendar table {border-collapse: collapse;}
.el-date-interval .b-mthpanel td,
.el-date-interval .b-yearpanel td,
.el-date-interval .b-calendar th{border-left:none !important}
.el-date-interval .b-calendar td {transition: all ease-out 0.2s;text-align: center;cursor: pointer;font-variant: middle;width: 34px !important;height: 34px;box-sizing: border-box;border-bottom: solid 5px #fff; padding:0 !important;border-left:none !important}
.el-date-interval .b-calendar td .disab {color: #ccc}

/*区间日期面板*/
.el-date-interval .b-calendar td.sact,
.el-date-interval .b-calendar td.eact{position: relative;}
.el-date-interval .b-calendar td.sact>i {background: #F2F6FC  !important; color: #fff !important;border-top-left-radius:16px;border-bottom-left-radius:16px;width:100%;height:100%;position: absolute;left:0;top:0;padding-top: 2px;box-sizing: border-box;}
.el-date-interval .b-calendar td.eact>i {background: #F2F6FC  !important;color: #fff !important;border-top-right-radius:16px;border-bottom-right-radius:16px;;width:100%;height:100%;position: absolute;left:0;top:0;padding-top: 2px;box-sizing: border-box;}
.el-date-interval .b-calendar td.sact>i:hover,
.el-date-interval .b-calendar td.eact>i:hover {color: #fff !important;}
.el-date-interval .b-calendar td.eact span{width: 24px;height: 23px; line-height: 23px; display: inline-block;border: solid 1px #fff;border-radius: 50%;text-align: center;padding: 0px;background: #43a0c8;}

/*单日期面板*/
.el-date-interval .single-table{font-size:13px}
.el-date-interval .single-table td.sact>i{background: #43A0C8; color: #fff;border-radius: 3px !important; position: static !important;width:27px;height:22px;}
.el-date-interval .single-table td.sact{background-color: transparent !important; color: ''}

.el-date-interval .b-calendar td.sel{background: #F2F6FC;color:#606266;width:100%;}
.el-date-interval .b-mthpanel td.act {box-sizing: border-box;outline: solid 1px #43A0C8;color: #43A0C8}
.el-date-interval .b-mthpanel td div {width: 74%;height: 66%;line-height: 39px;margin-left: 13%}
.el-date-interval .b-mthpanel td div:hover {background: #43A0C8;color: #fff;}
.el-date-interval .b-yearpanel td div {width: 74%;height: 66%;line-height: 39px;margin-left: 13%}
.el-date-interval .b-yearpanel td div:hover {background: #43A0C8;color: #fff;}
.el-date-interval .b-yearpanel .action div,
.el-date-interval .b-mthpanel .action div {background: #ECF6F5 !important;color: #333;}
.el-date-interval .b-yearpanel .action div:hover,
.el-date-interval .b-mthpanel .action div:hover {background: #43A0C8 !important;color: #fff;}
/* .el-date-interval .b-calendar td>i{transition: all ease-out 0.1s;} */
/* .el-date-interval .b-calendar td:active>i {background: #43A0C8 !important;color: #fff !important} */
.el-date-interval .b-calendar td:hover>i {color: #43A0C8;}
.el-date-interval .b-calendar td .gray {color: #ccc}
.el-date-interval .el-radio-button__orig-radio:checked+.el-radio-button__inner {color: #FFF;}

/*******************
 新自研控件总体css --dialog
 日期: 2019-08-20
********************/
.yg-diaglog-wrapper {position: fixed;top: 0;left: 0;right: 0;bottom: 0}
.yg-diaglog .al-right {text-align: right !important}
.yg-diaglog .p-r10 {padding-right: 10px}
.yg-diaglog .p-r7 {padding-right: 7px}
.yg-diaglog .p-t5 {padding-top: 5px}
.yg-diaglog .p-t7 {padding-top: 7px}
/* .yg-diaglog .b-topline {border-top: solid 1px #f0f0f0} */
.yg-diaglog>.digcontent {background: #fff;position: absolute;left: 50%;top: 50%;box-shadow: 0px 0px 20px #666;overflow: hidden;border-radius: 15px;}
#clickimg{background: rgba(0,0,0,0);}
#clickimg.yg-diaglog>.digcontent{position: absolute;left: 50%;top: 50%;box-shadow: 0px 0px 20px #666;border-radius:2px;overflow: hidden;background: rgba(0,0,0,0.7);}
#clickimg.yg-diaglog>.digcontent>.header>.close-btn {margin: 0px;position: absolute;min-height: 44px;line-height: 44px;right: 0;top: 0;width: 44px;text-align: center;cursor: pointer;color: #cccccc;}
#clickimg.yg-diaglog>.digcontent>.header>.close-btn:hover {background-color: #d80000; opacity: 0.8; color: #ffffff;}
#clickimg.yg-diaglog>.digcontent>.header>.close-btn:active {background-color: #d80000; opacity: 0.6; color: #ffffff;}
#clickimg.yg-diaglog>.digcontent>.header {font-size: 14px;position: relative;box-sizing: border-box;padding-left: 10px;min-height: 44px;line-height: 44px;border-bottom: solid 0px #F0F0F0;}
.yg-diaglog>.digcontent>.header {font-size:16px;color: #333; position: relative;box-sizing: border-box;padding: 0 20px;line-height: 53px;min-height: 54px;border-bottom: solid 1px #F0F0F0;font-weight: bold;}

.yg-diaglog>.digcontent>.header>.close-btn,.date200610_close {position: absolute;right: 18px;top: 15px;width: 24px;height: 24px;line-height: 24px;text-align: center;font-size: 18px;cursor: pointer;margin: 0px;color: #999;font-weight: bold;}
.yg-diaglog>.digcontent>.header>.close-btn:hover,.date200610_close:hover {color: #333}
.yg-diaglog>.digcontent>.message {display: table;box-sizing: border-box;width: 100%;height: calc(100% - 88px)}
.yg-diaglog>.digcontent>.message iframe{width:100%;height:100%}
.yg-diaglog>.digcontent>.message>.ico,
.yg-diaglog>.digcontent>.message>.text {display: table-cell;vertical-align: middle;}
.yg-diaglog>.digcontent>.message>.ico {width: 90px;text-align: right;padding-right: 10px;}
.yg-diaglog>.digcontent>.message>.text {text-align: left; box-sizing:border-box;padding-right:10px}
.yg-diaglog>.digcontent>.message>.text>span {display: inline-block;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: normal;}
/* .yg-diaglog>.digcontent>.btns {text-align: right;box-sizing: border-box;position: absolute;left: 0;bottom: 0;height: 45px;text-align: center;width: 100%;box-sizing: border-box} */
.yg-diaglog>.digcontent>.btns {text-align: right;box-sizing: border-box;position: absolute;left: 0;bottom: 0;height: 72px;text-align: center;width: 100%;box-sizing: border-box;display: flex;justify-content: flex-end;align-items: center;padding-right: 15px;}
.yg-diaglog>.digcontent>.btns>input[type="button"] {width: 80px;height: 32px;margin-left: 5px;margin-right: 5px;border-radius: 3px;font-size: 14px;}
.yg-diaglog>.digcontent>.btns>input:hover {background-color: #47ABD6;border: solid 1px #47ABD6;color: #fff;}

.yg-diaglog>.digcontent>.btns>.okbtn {background-color: #4e80bc !important;color: #fff;border: solid 1px #43A0C8 !important;cursor: pointer}
.yg-diaglog>.digcontent>.btns>.okbtn:hover {background-color: #568dd1 !important;border: solid 1px #47ABD6 !important;color: #fff;}
.yg-diaglog>.digcontent>.btns>.okbtn:active {background-color: #4571a7 !important;border: solid 1px #1b8ebf !important}
.yg-diaglog>.digcontent>.btns>.okbtn:disabled {background-color: #c7e4e2 !important;border: solid 1px #c7e4e2 !important}

.yg-diaglog>.digcontent>.btns>.cnbtn {background-color: #fff;color: #333;border: solid 1px #d9d9d9;cursor: pointer}
.yg-diaglog>.digcontent>.btns>.cnbtn:hover {background-color: #f5f5f5;border: solid 1px #f5f5f5;color: #333}
.yg-diaglog>.digcontent>.btns>.cnbtn:active {background-color: #ebebeb;border: solid 1px #ebebeb;color: #333;}
.yg-diaglog>.digcontent>.btns>.cnbtn:disabled {background-color: #fffdf6;border: solid 1px #fbf1d1;color: #333}

/*******************
 新自研控件总体css --dowlist
 日期: 2019-08-21
********************/
.yg-downlst {width: auto;height: auto;position: relative;}
.yg-downlst .ipt { width: 100%; height: 100%; height: 28px; box-sizing: border-box; border: 1px solid #dcdfe6; padding-left: 5px; padding-right: 5px; border-radius: 2px; outline: none; color: #333; font-size: 13px; }
.yg-downlst .ipt {box-sizing: border-box;padding: 5px 5px 5px 10px;border: solid 1px #e0e0e0;color: #333;border-radius: 4px;outline: none;;background-color:#fff}
.yg-downlst .act,
.yg-downlst .ipt:hover,
.yg-downlst .ipt:focus{background-color: #FFF;/*background: url(/static/img/f_down_over.png) no-repeat right center*/}
.yg-downlst .ipt[disabled='disabled']:hover,
.yg-downlst .ipt[disabled='disabled']{background-color: #f5f5f5;border:solid 1px #e0e0e0 !important;cursor: default;}
.yg-downlst .ipt[disabled='disabled']{cursor:not-allowed !important;}
.yg-downlst .lst-close-btn{z-index:1;position:absolute;height:calc(100% - 3px);width:20px;right:1px;top:1px;pointer-events: none;line-height:normal !important}
.yg-downlst .lst-close-btn img{position: absolute;top: 36%;left:3px}
.yg-downlst>.list-area{border: solid 1px #43A0C8;box-sizing: border-box;position: fixed;overflow-y: auto;font-size: 13px; background: #FFF;    border-radius: 0 0 4px 4px;}
.yg-downlst>.list-area:focus{border: solid 1px #43A0C8;}
.yg-downlst>.list-area{margin: 0; padding:0}
.yg-downlst>.list-area::-webkit-scrollbar {width: 6px; height: 6px;}
.yg-downlst>.list-area::-webkit-scrollbar-thumb {background: #ddd;}
.yg-downlst>.list-area::-webkit-scrollbar-track {background: #fff;}

.yg-downlst>.list-area>li,
.yg-downlst>.list-area>p {margin: 0px;height: 24px;text-align: left; cursor: default;padding: 2px 5px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; max-width:100%; line-height:24px; position:relative;cursor:pointer}
.yg-downlst>.list-area>li .lst-desc,
.yg-downlst>.list-area>p .lst-desc{position:absolute;right:3px;width:auto;text-align:right; color:#8492a6; font-size:12px;}
.yg-downlst>.list-area>li[disabled="disabled"],
.yg-downlst>.list-area>p[disabled="disabled"]{ color: #999; cursor: not-allowed}
.yg-downlst>.list-area>li.act,
.yg-downlst>.list-area>li.selected,
.yg-downlst>.list-area>p.act{ color: #333 !important;background-color: #C0EAFC!important;}
.yg-downlst>.list-area>li:hover,
.yg-downlst>.list-area>p:hover { background-color: #E8F8FF; color: #333}

/* .yg-downlst>.list-area>p.chklst{} */
.yg-downlst>.list-area>p.chklst label{display:inline-block;width:calc(100% - 30px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.yg-downlst>.list-area>p.chklst input[type="checkbox"]{width:20px;vertical-align: 1px;}
.yg-downlst>.list-area>p.chklst input[type="checkbox"]:focus,
.yg-downlst>.list-area>p.chklst input[type="checkbox"]{-webkit-appearance: none;background:url(/static/img/chk.png) no-repeat;height: 18px;width: 16px;background-position: 0px 0px;	}
.yg-downlst>.list-area>p.chklst input[type="checkbox"]:hover{background-position:-25px 0px; outline: none;cursor:pointer}
.yg-downlst>.list-area>p.chklst input[type="checkbox"]:checked{background-position: -50px 0px;}
.yg-downlst>.list-area>p.chklst input[type="checkbox"]:checked:hover{background-position: -75px 0px;}
.yg-downlst>.list-area>p.chklst input[type="checkbox"].part_checked{background-position: -125px 0px;}	           /* 部分选中*/
.yg-downlst>.list-area>p.chklst input[type="checkbox"][disabled] {background-position: -150px 0px;}
.yg-downlst>.list-area>p.chklst input[type="checkbox"][disabled]:checked {background-position: -100px 0px;}
.yg-downlst>.list-area>.none{display:inline-block;height:28px;text-align:center;color:#666;width:100%;line-height:28px}

/*******************
 新自研控件总体css --topnotice
 日期: 2019-08-20
********************/
.topnotice{position: fixed;left: 50%; top:50%;transform: translate(-50%, -50%);transition: opacity .3s,transform .4s;overflow:visible;z-index: 2002;}
.topnotice>.success{background: #e9fde9; border:solid 1px #b0e7b0; color:#51b325}
.topnotice>.warning{background: #fdf7dc; border:solid 1px #ffe56e; color:#ff9b0a}
.topnotice>.info{background: #edf2fc; border:solid 1px #ebeef5; color:#909399}
.topnotice>.error{background: #fef0f0; border:solid 1px #fde2e2; color:#f56c6c}
.topnotice>.info-content{box-sizing: border-box;border-radius: 4px;display: flex;padding: 0 24px;align-items: center;height: 50px;min-width: 400px;}
.topnotice>.info-content>.icon{margin-right:10px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:18px;height:20px}
.topnotice>.info-content>.content{font-size:14px;height: 20px;line-height: 20px;}
.topnotice>.info-content>.icon-success{background: url(/static/img/success_info.png) no-repeat center/contain}
.topnotice>.info-content>.icon-warning{background: url(/static/img/warn_info.png) no-repeat center/contain}
.topnotice>.info-content>.icon-info{background: url(/static/img/Informationalh.png) no-repeat center/contain}
.topnotice>.info-content>.icon-error{background: url(/static/img/errorn.png) no-repeat center/contain}

/*******************
 新自研控件总体css -- input控件
 日期: 2019-09-17
********************/
.yg-textarea__inner,
.yg-input__inner{font-size:14px;min-height:28px;padding: 5px 5px 5px 10px; border:solid 1px #E0E0E0; outline: none;}
.yg-input__inner:focus,
.yg-input__inner:hover{background-color: #fff; border:solid 1px #43A0C8; border-radius: 3px;}
.yg-form-item.is-error .yg-downlst input,
.yg-form-item.is-error .textbox,
.yg-form-item.is-error .yg-input__inner,
.yg-form-item.is-error .yg-radio__inner,
.yg-form-item.is-error .yg-input__inner:focus,
.yg-form-item.is-error .yg-textarea__inner,
.yg-form-item.is-error .yg-textarea__inner:focus {border-color: #f56c6c !important;} /* zlb 22/2/21*/
.yg-form-item.is-required .yg-form-item__label{color:#333;/*#f56c6c*/}
.yg-form-item.is-required .yg-form-item__label::before{content:'*';color:#f56c6c}
.yg-form-line .yg-row{display:inline-block}
.yg-form-line{white-space: nowrap;}
.yg-textarea__inner{min-height:28px;}
/*******************
 新自研控件总体css --switch控件
 日期: 2019-09-18
********************/
.yg-switch{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;font-size: 14px;line-height: 20px;height: 20px;vertical-align: middle}
.yg-switch__core,
.yg-switch__label {display: inline-block;cursor: pointer}
.yg-switch.is-disabled .yg-switch__core,
.yg-switch.is-disabled .yg-switch__label {cursor: not-allowed}
.yg-switch__label {-webkit-transition: .2s;transition: .2s;height: 20px;font-size: 14px;font-weight: 500;vertical-align: middle;color: #303133}
.yg-switch__label.is-active {color: #43A0C8}
.yg-switch__label--left {margin-right: 10px}
.yg-switch__label--right {margin-left: 10px}
.yg-switch__label * {line-height: 1;font-size: 14px;display: inline-block}
.yg-switch__input {position: absolute;width: 0;height: 0;opacity: 0;margin: 0}
.yg-switch__input:focus~.yg-switch__core {outline: #43A0C8 solid 1px}
.yg-switch__core {margin: 0;position: relative;width: 40px;height: 20px;border: 1px solid #dcdfe6;outline: 0;border-radius: 10px;box-sizing: border-box;background: #dcdfe6;-webkit-transition: border-color .3s, background-color .3s;transition: border-color .3s, background-color .3s}
.yg-switch__core:after {position: absolute;top: 1px;left: 1px;border-radius: 100%;-webkit-transition: all .3s;transition: all .3s;width: 16px;height: 16px;background-color: #fff}
.yg-switch.is-checked .yg-switch__core {/* border-color: #43A0C8;background-color: #43A0C8 */border-color: #43A0C8 !important;background-color: #43A0C8 !important}
.yg-switch.is-checked .yg-switch__core::after {left: 100%;margin-left: -17px}
.yg-switch.is-disabled {opacity: .6}
.yg-switch--wide .yg-switch__label.yg-switch__label--left span {left: 10px}
.yg-switch--wide .yg-switch__label.yg-switch__label--right span {right: 10px}
.yg-switch .label-fade-enter,
.yg-switch .label-fade-leave-active {opacity: 0}
.yg-switch__core .yg-switch__button {position: absolute;top: 1px;left: 1px;border-radius: 100%;transition: transform .3s;width: 16px;height: 16px;background-color: #fff;}
/*******************
 新自研控件总体css -- pagebar
 日期: 2019-08-20
********************/
.yg-pager li,
.yg-pagination__editor {-webkit-box-sizing: border-box;text-align: center}
.yg-pagination .yg-input__inner {text-align: center;-moz-appearance: textfield;line-height: normal}
.yg-pagination .yg-input__suffix {right: 0;-webkit-transform: scale(.8);transform: scale(.8)}
.yg-pagination .yg-select .yg-input {width: 100px;margin: 0 5px}
.yg-pagination .yg-select .yg-input .yg-input__inner {padding-right: 25px;border-radius: 3px}
.yg-pagination button {border: none;padding: 0 6px;background: 0 0}
.yg-pagination button:focus {outline: 0}
.yg-pagination button:hover {/* color: #409EFF; */color:#fff;background:#47ABD6}
.yg-pagination button:disabled {color: #c0c4cc;background-color: #fff;cursor: not-allowed}
.yg-pagination .btn-next,
.yg-pagination .btn-prev {background: center center no-repeat #fff;background-size: 16px;cursor: pointer;margin: 0;color: #303133}

.yg-pagination .btn-next .yg-icon,
.yg-pagination .btn-prev .yg-icon {display: block;font-size: 12px;font-weight: 700}
.yg-pagination .btn-prev {padding-right: 12px}
.yg-pagination .btn-next {padding-left: 12px}
.yg-pagination .yg-pager li.disabled {color: #c0c4cc;cursor: not-allowed}
.yg-pager li,
.yg-pager li.btn-quicknext:hover,
.yg-pager li.btn-quickprev:hover {cursor: pointer}
.yg-pagination__sizes {margin: 0 10px 0 0;font-weight: 400;color: #606266}
.yg-pagination__sizes .yg-input .yg-input__inner {font-size: 13px;padding-left: 8px}
.yg-pagination__sizes .yg-input .yg-input__inner:hover {border-color: #47ABD6}
.yg-pagination__total {margin-right: 10px;font-weight: 400;color: #606266;line-height:28px;}
.yg-pagination__jump {margin-left: 24px;font-weight: 400;color: #606266}
.yg-pagination__jump .yg-input__inner {padding: 0 3px}
.yg-pagination__rightwrapper {float: right}
.yg-pagination__editor {line-height: 18px;padding: 0 2px;height: 28px;margin: 0 2px;box-sizing: border-box;border-radius: 3px}
.yg-pager,
.yg-pagination.is-background .btn-next,
.yg-pagination.is-background .btn-prev {padding: 0}
.yg-pagination__editor.yg-input {width: 50px}
.yg-pagination__editor.yg-input .yg-input__inner {height: 28px}
.yg-pagination__editor .yg-input__inner::-webkit-inner-spin-button,
.yg-pagination__editor .yg-input__inner::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0}
.yg-pagination.is-background .btn-next,
.yg-pagination.is-background .btn-prev,
.yg-pagination.is-background .yg-pager li {margin: 0 5px;background-color: #f4f4f5;color: #606266;min-width: 30px;border-radius: 2px}
.yg-pagination.is-background .btn-next.disabled,
.yg-pagination.is-background .btn-next:disabled,
.yg-pagination.is-background .btn-prev.disabled,
.yg-pagination.is-background .btn-prev:disabled,
.yg-pagination.is-background .yg-pager li.disabled {color: #606266}
.yg-pagination.is-background .btn-next.disabled:hover,
.yg-pagination.is-background .btn-prev.disabled:hover{background-color:#f4f4f5 !important;color:#333 !important; cursor:not-allowed}
/* .yg-pagination.is-background .yg-pager li:not(.disabled):hover {color: #43A0C8;color:#fff;background:#47ABD6;} */
.yg-pagination.is-background .yg-pager li:not(.disabled):hover {color:#333;background:#e8f8ff;}
.yg-pagination.is-background .yg-pager li:not(.disabled):active {color:#333;background:#dfeef5;}
.yg-pagination.is-background .yg-pager li:not(.disabled).active {background-color: #e8f8ff;border-color:#e8f8ff;color: #333}
.yg-pagination.is-background.yg-pagination--small .btn-next,
.yg-pagination.is-background.yg-pagination--small .btn-prev,
.yg-pagination.is-background.yg-pagination--small .yg-pager li {margin: 0 3px;min-width: 22px}
.yg-pager,
.yg-pager li {vertical-align: top;margin: 0;display: inline-block}
.yg-pager {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;list-style: none;font-size: 0}

.yg-pager .more::before {line-height: 30px}
.yg-pager li {padding: 0 4px;background: #fff;font-size: 13px;min-width: 35.5px;height: 28px;line-height: 28px;box-sizing: border-box}
.yg-pager li.btn-quicknext,
.yg-pager li.btn-quickprev {line-height: 28px;color: #303133}
.yg-pager li.btn-quicknext.disabled,
.yg-pager li.btn-quickprev.disabled {color: #c0c4cc}
.yg-pager li.active+li {border-left: 0}
.yg-pager li:hover {color: #409EFF}
.yg-pager li.active {color: #409EFF;cursor: default}

.yg-pagination {white-space: nowrap;padding: 8px 5px;color: #303133; text-align: right;}
.yg-pagination::after,
.yg-pagination::before {display: table;content: ""}
.yg-pagination::after {clear: both}
.yg-pagination button,
.yg-pagination span:not([class*=suffix]) {display: inline-block;font-size: 13px;min-width: 35.5px;height: 28px;vertical-align: top;-webkit-box-sizing: border-box;box-sizing: border-box}
.yg-pager li,
.yg-pagination__editor {-webkit-box-sizing: border-box;text-align: center}
.yg-pagination .yg-input__inner {text-align: center;-moz-appearance: textfield;line-height: normal}
.yg-pagination .yg-input__suffix {right: 0;-webkit-transform: scale(.8);transform: scale(.8)}
.yg-pagination .yg-select .yg-input {width: 100px;margin: 0 5px}
.yg-pagination .yg-select .yg-input .yg-input__inner {padding-right: 25px;border-radius: 3px}
.yg-pagination button {border: none;padding: 0 6px;background: 0 0}

.yg-pagination button:focus {outline: 0}
.yg-pagination button:hover {color:#333 !important;background:#E8F8FF !important}

.yg-pagination button:disabled {color: #c0c4cc;background-color: #fff;cursor: not-allowed}
.yg-pagination .btn-next,
.yg-pagination .btn-prev {background: center center no-repeat #fff;background-size: 16px;cursor: pointer;margin: 0;color: #303133}
.yg-pagination .btn-next .yg-icon,
.yg-pagination .btn-prev .yg-icon {display: block;font-size: 12px;}
.yg-pagination .btn-prev {padding-right: 12px}
.yg-pagination .btn-next {padding-left: 12px}
.yg-pagination .yg-pager li.disabled {color: #c0c4cc;cursor: not-allowed}
.yg-pager li,
.yg-pager li.btn-quicknext:hover,
.yg-pager li.btn-quickprev:hover {cursor: pointer}

/*******************
 新自研控件总体css -- checkbox
 日期: 2019-08-20
********************/
.yg-checkbox-button,
.yg-checkbox-button__inner {position: relative;display: inline-block}
.yg-checkbox__label {display: inline-block;padding-left: 0px;line-height: 19px;font-size: 14px}
.yg-checkbox__label:hover{color:#000}
.yg-checkbox+.yg-checkbox {margin-left: 30px}
.yg-checkbox-button__inner {line-height: 1;font-weight: 500;white-space: nowrap;vertical-align: middle;cursor: pointer;background: #fff;border: 1px solid #dcdfe6;/*border-left: 0;*/color: #606266;-webkit-appearance: none;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;margin: 0;-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);transition: all .3s cubic-bezier(.645, .045, .355, 1);-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;padding: 7px 10px;font-size: 14px;border-radius: 4px}
.yg-checkbox-button__inner.is-round {padding: 12px 20px}
.yg-checkbox-button__inner:hover {color: #43A0C8}
.yg-checkbox-button__inner [class*=el-icon-] {line-height: .9}
.yg-checkbox-button__inner [class*=el-icon-]+span {margin-left: 5px}
.yg-checkbox-button__original {opacity: 0;outline: 0;position: absolute;margin: 0;z-index: -1}
.yg-checkbox-button.is-checked .yg-checkbox-button__inner {color: #fff;background-color: #43A0C8;border-color: #43A0C8;-webkit-box-shadow: -1px 0 0 0 #8cc5ff;box-shadow: -1px 0 0 0 #8cc5ff}
.yg-checkbox-button.is-checked:first-child .yg-checkbox-button__inner {border-left-color: #43A0C8}
.yg-checkbox-button.is-disabled .yg-checkbox-button__inner {color: #c0c4cc;cursor: not-allowed;background-image: none;background-color: #fff;border-color: #ebeef5;-webkit-box-shadow: none;box-shadow: none}
.yg-checkbox-button.is-disabled:first-child .yg-checkbox-button__inner {border-left-color: #dcdfe6}
.yg-checkbox-button:first-child .yg-checkbox-button__inner {border-left: 1px solid #eef2fc;border-radius: 4px;-webkit-box-shadow: none !important;box-shadow: none !important}

.yg-checkbox-button.is-focus .yg-checkbox-button__inner {border-color: #43A0C8}
.yg-checkbox-button:last-child .yg-checkbox-button__inner {border-radius: 4px}
.yg-checkbox-button--medium .yg-checkbox-button__inner {padding: 10px 20px;font-size: 14px;border-radius: 0}
.yg-checkbox-button--medium .yg-checkbox-button__inner.is-round {padding: 10px 20px}
.yg-checkbox-button--small .yg-checkbox-button__inner {padding: 9px 15px;font-size: 12px;border-radius: 0}
.yg-checkbox-button--small .yg-checkbox-button__inner.is-round {padding: 9px 15px}
.yg-checkbox-button--mini .yg-checkbox-button__inner {padding: 7px 15px;font-size: 12px;border-radius: 0}
.yg-checkbox-button--mini .yg-checkbox-button__inner.is-round {padding: 7px 15px}
.yg-checkbox-group {font-size: 0}

.yg-checkbox {color: #606266;font-weight: 500;font-size: 14px;cursor: pointer;user-select: none}
.yg-checkbox.is-bordered {padding: 9px 20px 9px 10px;border-radius: 4px;border: 1px solid #dcdfe6;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: normal;height: 40px}
.yg-checkbox.is-bordered.is-checked {border-color: #43A0C8}
.yg-checkbox.is-bordered.is-disabled {border-color: #ebeef5;cursor: not-allowed}
.yg-checkbox.is-bordered+.yg-checkbox.is-bordered {margin-left: 10px}
.yg-checkbox.is-bordered.yg-checkbox--medium {padding: 7px 20px 7px 10px;border-radius: 4px;height: 36px}
.yg-checkbox.is-bordered.yg-checkbox--medium .yg-checkbox__label {line-height: 17px;font-size: 14px}
.yg-checkbox.is-bordered.yg-checkbox--medium .yg-checkbox__inner {height: 14px;width: 14px}
.yg-checkbox.is-bordered.yg-checkbox--small {padding: 5px 15px 5px 10px;border-radius: 3px;height: 32px}
.yg-checkbox.is-bordered.yg-checkbox--small .yg-checkbox__label {line-height: 15px;font-size: 12px}
.yg-checkbox.is-bordered.yg-checkbox--small .yg-checkbox__inner {height: 12px;width: 12px}
.yg-checkbox.is-bordered.yg-checkbox--small .yg-checkbox__inner::after {height: 6px;width: 2px}
.yg-checkbox.is-bordered.yg-checkbox--mini {padding: 3px 15px 3px 10px;border-radius: 3px;height: 28px}
.yg-checkbox.is-bordered.yg-checkbox--mini .yg-checkbox__label {line-height: 12px;font-size: 12px}
.yg-checkbox.is-bordered.yg-checkbox--mini .yg-checkbox__inner {height: 12px;width: 12px}
.yg-checkbox.is-bordered.yg-checkbox--mini .yg-checkbox__inner::after {height: 6px;width: 2px}

.yg-checkbox__input {cursor: pointer;outline: 0;line-height: 1;vertical-align: middle}
.yg-checkbox__input.is-disabled .yg-checkbox__inner {background-color: #edf2fc;border-color: #dcdfe6;cursor: not-allowed}
.yg-checkbox__input.is-disabled .yg-checkbox__inner::after {cursor: not-allowed;border-color: #c0c4cc}
.yg-checkbox__input.is-disabled .yg-checkbox__inner+.yg-checkbox__label {cursor: not-allowed}
/* .yg-checkbox__input.is-disabled.is-checked .yg-checkbox__inner {background-color: #f2f6fc;border-color: #dcdfe6} */
.yg-checkbox__input.is-disabled.is-checked .yg-checkbox__inner::after {border-color: #c0c4cc}
.yg-checkbox__input.is-disabled.is-indeterminate .yg-checkbox__inner {background-color: #f2f6fc;border-color: #dcdfe6}
/* .yg-checkbox__input.is-disabled.is-indeterminate .yg-checkbox__inner::before {background-color: #c0c4cc;border-color: #c0c4cc} */
.yg-checkbox__input.is-checked .yg-checkbox__inner,
.yg-checkbox__input.is-indeterminate .yg-checkbox__inner {/* background-color: #43A0C8;border-color: #43A0C8 */background-color: rgb(89,127,183) !important;border-color: #43A0C8}
.yg-checkbox__input.is-disabled+span.yg-checkbox__label {color: #c0c4cc;cursor: not-allowed}
.yg-checkbox__input.is-checked .yg-checkbox__inner::after {-webkit-transform: rotate(45deg) scaleY(1);transform: rotate(45deg) scaleY(1)}
.yg-checkbox__input.is-checked+.yg-checkbox__label {color:#666666}
.yg-checkbox__input.is-focus .yg-checkbox__inner {border-color: #43A0C8}
.yg-checkbox__input.is-indeterminate .yg-checkbox__inner::before {content: '';position: absolute;display: block;background-color: #fff;height: 2px;-webkit-transform: scale(.5);transform: scale(.5);left: 0;right: 0;top: 5px}
.yg-checkbox__input.is-indeterminate .yg-checkbox__inner::after {display: none}
.yg-checkbox__inner {display: inline-block;position: relative;border: 1px solid #dcdfe6;border-radius: 2px;-webkit-box-sizing: border-box;box-sizing: border-box;width: 18px;height: 18px;background-color: #fff;z-index: 1;-webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)}
.yg-checkbox__inner:hover {/* border-color: #43A0C8 */border-color: #43A0C8}
.yg-checkbox__inner::after {-webkit-box-sizing: content-box;box-sizing: content-box;content: "";border: 1px solid #fff;border-left: 0;border-top: 0;height: 9px;left: 6px;position: absolute;top: 1px;-webkit-transform: rotate(45deg) scaleY(0);transform: rotate(45deg) scaleY(0);width: 3px;-webkit-transition: -webkit-transform .15s ease-in .05s;transition: -webkit-transform .15s ease-in .05s;transition: transform .15s ease-in .05s;transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;-webkit-transform-origin: center;transform-origin: center}
.yg-checkbox__original {opacity: 0;outline: 0;position: absolute;margin: 0;width: 0;height: 0;z-index: -1}
.yg-checkbox__input.is-checked+.el-checkbox__label {/* color: #43A0C8 */color:#606266}
.yg-checkbox-group {font-size: 0}

.yg-radio,
.yg-radio__inner,
.yg-radio__input {position: relative;display: inline-block}
.yg-radio,
.yg-radio--medium.is-bordered .yg-radio__label {font-size: 14px}
.horizontal-collapse-transition .yg-submenu__title .yg-submenu__icon-arrow {-webkit-transition: .2s;transition: .2s;opacity: 0}
.yg-radio {color: #606266;font-weight: 500;line-height: 1;cursor: pointer;white-space: nowrap;outline: 0}
.yg-radio.is-bordered {padding: 12px 20px 0 10px;border-radius: 4px;border: 1px solid #dcdfe6;-webkit-box-sizing: border-box;box-sizing: border-box;height: 40px}
.yg-radio.is-focus .yg-radio__inner {border-color: #43A0C8}
.yg-radio.is-bordered.is-checked {border-color: #43A0C8;}
.yg-radio.is-bordered.is-checked .yg-radio__label{color: #43A0C8!important;}
/* .yg-radio.is-bordered.is-disabled {cursor: not-allowed;border-color: #ebeef5} */
.yg-radio__input.is-disabled .yg-radio__inner,
/* .yg-radio__input.is-disabled.is-checked .yg-radio__inner {background-color: #f5f7fa;border-color: #e4e7ed} */
.yg-radio.is-bordered+.yg-radio.is-bordered {margin-left: 10px}
.yg-radio--medium.is-bordered {padding: 10px 20px 0 10px;border-radius: 4px;height: 36px}
.yg-radio--mini.is-bordered .yg-radio__label,
.yg-radio--small.is-bordered .yg-radio__label {font-size: 12px}
.yg-radio--medium.is-bordered .yg-radio__inner {height: 14px;width: 14px}
.yg-radio--small.is-bordered {padding: 8px 15px 0 10px;border-radius: 3px;height: 32px}
.yg-radio--small.is-bordered .yg-radio__inner {height: 12px;width: 12px}
.yg-radio--mini.is-bordered {padding: 6px 15px 0 10px;border-radius: 3px;height: 28px}
.yg-radio--mini.is-bordered .yg-radio__inner {height: 12px;width: 12px}
.yg-radio+.yg-radio {margin-left: 30px}
.yg-radio__input {white-space: nowrap;cursor: pointer;outline: 0;line-height: 1;vertical-align: middle}
.yg-radio__input.is-disabled .yg-radio__inner {cursor: not-allowed}
.yg-radio__input.is-disabled .yg-radio__inner::after {cursor: not-allowed;background-color: #f5f7fa}
.yg-radio__input.is-disabled .yg-radio__inner+.yg-radio__label {cursor: not-allowed}
.yg-radio__input.is-disabled.is-checked .yg-radio__inner::after {background-color: #c0c4cc}
.yg-radio__input.is-disabled+span.yg-radio__label {color: #c0c4cc;cursor: not-allowed}
.yg-radio__input.is-checked .yg-radio__inner {/* border-color: #409EFF;background: #409EFF */border-color: #43A0C8;background: #43A0C8}
.yg-radio__input.is-checked .yg-radio__inner::after {-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1)}
.yg-radio__input.is-checked+.yg-radio__label {/* color: #409EFF */color:#606266}
.yg-radio__input.is-checked+.yg-radio__label:hover{color: #000;}
.yg-radio__input.is-focus .yg-radio__inner {border-color: #43A0C8}
.yg-radio__inner {border: 1px solid #dcdfe6;border-radius: 100%;width: 14px;height: 14px;background-color: #fff;cursor: pointer;-webkit-box-sizing: border-box;box-sizing: border-box}
.yg-radio-button__inner,
.yg-switch__core {-webkit-box-sizing: border-box;vertical-align: middle}
.yg-radio__inner:hover {border-color: #43A0C8}
.yg-radio__inner::after {width: 4px;height: 4px;border-radius: 100%;background-color: #fff;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);-webkit-transition: -webkit-transform .15s ease-in;transition: -webkit-transform .15s ease-in;transition: transform .15s ease-in;transition: transform .15s ease-in, -webkit-transform .15s ease-in}
.yg-radio__original {opacity: 0;outline: 0;position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;margin: 0}
.yg-radio-button,
.yg-radio-button__inner {display: inline-block;position: relative;outline: 0}
.yg-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .yg-radio__inner {-webkit-box-shadow: 0 0 2px 2px #43A0C8;box-shadow: 0 0 2px 2px #43A0C8}
.yg-radio__label {font-size: 14px;padding-left: 10px}
.yg-radio__label:hover{color: #000;}
.yg-radio-group {display: inline-block;line-height: 1;vertical-align: middle;font-size: 0}
.yg-radio-button__inner {line-height: 1;white-space: nowrap;background: #fff;border: 1px solid #dcdfe6;font-weight: 500;border-left: 0;color: #606266;-webkit-appearance: none;text-align: center;box-sizing: border-box;margin: 0;cursor: pointer;-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);transition: all .3s cubic-bezier(.645, .045, .355, 1);padding: 12px 20px;font-size: 14px;border-radius: 0}
.yg-radio-button__inner.is-round {padding: 12px 20px}
.yg-radio-button__inner:hover {color: #43A0C8}
.yg-radio-button__inner [class*=yg-icon-] {line-height: .9}
.yg-radio-button__inner [class*=yg-icon-]+span {margin-left: 5px}
.yg-radio-button:first-child .yg-radio-button__inner {border-left: 1px solid #dcdfe6;border-radius: 4px 0 0 4px;-webkit-box-shadow: none !important;box-shadow: none !important}
.yg-radio-button__orig-radio {opacity: 0;outline: 0;position: absolute;z-index: -1}
.yg-radio-button__orig-radio:checked+.yg-radio-button__inner {color: #fff;background-color: #43A0C8;border-color: #43A0C8;-webkit-box-shadow: -1px 0 0 0 #43A0C8;box-shadow: -1px 0 0 0 #43A0C8}
.yg-radio-button__orig-radio:disabled+.yg-radio-button__inner {color: #c0c4cc;cursor: not-allowed;background-image: none;background-color: #fff;border-color: #ebeef5;-webkit-box-shadow: none;box-shadow: none}
.yg-radio-button__orig-radio:disabled:checked+.yg-radio-button__inner {background-color: #f2f6fc}
.yg-radio-button:last-child .yg-radio-button__inner {border-radius: 0 4px 4px 0}
.yg-popover,
.yg-radio-button:first-child:last-child .yg-radio-button__inner {border-radius: 4px}
.yg-radio-button--medium .yg-radio-button__inner {padding: 10px 20px;font-size: 14px;border-radius: 0}
.yg-radio-button--medium .yg-radio-button__inner.is-round {padding: 10px 20px}
.yg-radio-button--small .yg-radio-button__inner {padding: 9px 15px;font-size: 12px;border-radius: 0}
.yg-radio-button--small .yg-radio-button__inner.is-round {padding: 9px 15px}
.yg-radio-button--mini .yg-radio-button__inner {padding: 7px 15px;font-size: 12px;border-radius: 0}
.yg-radio-button--mini .yg-radio-button__inner.is-round {padding: 7px 15px}
.yg-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {-webkit-box-shadow: 0 0 2px 2px #43A0C8;box-shadow: 0 0 2px 2px #43A0C8}
.yg-radio__inner:after {width: 4px;height: 4px;border-radius: 100%;background-color: #fff;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);transition: transform .15s cubic-bezier(.71,-.46,.88,.6);}
/*******************
 新自研控件总体css -- loading
 日期: 2019-08-20
********************/
.yg-mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0; background-color: rgba(0,0,0,0.2)}
.yg-loader{width: 72px; height: 72px; position: fixed; top:50%; left: 50%; margin-top: -36px !important; margin-left:-36px !important}
.yg-loading{position:relative;display:inline-block;width:100%;height:100%}
.yg-loading .dot{position:absolute;opacity:0;width:50px;height:50px;left:11px;top:12px;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);-webkit-animation-name:loading;-moz-animation-name:loading;-ms-animation-name:loading;-o-animation-name:loading;animation-name:loading;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-o-animation-duration:5.28s;-moz-animation-duration:5.28s;-webkit-animation-duration:5.28s;animation-duration:5.28s}
.yg-loading .dot:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#47ABD6}
.yg-loading .dot:nth-child(2){-webkit-animation-delay:.23s;-moz-animation-delay:.23s;-ms-animation-delay:.23s;-o-animation-delay:.23s;animation-delay:.23s}
.yg-loading .dot:nth-child(3){-webkit-animation-delay:.46s;-moz-animation-delay:.46s;-ms-animation-delay:.46s;-o-animation-delay:.46s;animation-delay:.46s}
.yg-loading .dot:nth-child(4){-webkit-animation-delay:.69s;-moz-animation-delay:.69s;-ms-animation-delay:.69s;-o-animation-delay:.69s;animation-delay:.69s}
.yg-loading .dot:nth-child(5){-webkit-animation-delay:.92s;-moz-animation-delay:.92s;-ms-animation-delay:.92s;-o-animation-delay:.92s;animation-delay:.92s}
@-webkit-keyframes loading{
    0%{-webkit-transform:rotate(225deg);opacity:1;-webkit-animation-timing-function:ease-out}
    8%{-webkit-transform:rotate(345deg);-webkit-animation-timing-function:linear}
    30%{-webkit-transform:rotate(455deg);-webkit-animation-timing-function:ease-in-out}
    40%{-webkit-transform:rotate(690deg);-webkit-animation-timing-function:linear}
    60%{-webkit-transform:rotate(815deg);opacity:1;-webkit-animation-timing-function:ease-out}
    75%{-webkit-transform:rotate(965deg);-webkit-animation-timing-function:ease-out}
    76%{opacity:0}100%{opacity:0}
}
@-moz-keyframes loading{
    0%{-moz-transform:rotate(225deg);opacity:1;-moz-animation-timing-function:ease-out}
    8%{-moz-transform:rotate(345deg);-moz-animation-timing-function:linear}
    30%{-moz-transform:rotate(455deg);-moz-animation-timing-function:ease-in-out}
    40%{-moz-transform:rotate(690deg);-moz-animation-timing-function:linear}
    60%{-moz-transform:rotate(815deg);opacity:1;-moz-animation-timing-function:ease-out}
    75%{-moz-transform:rotate(965deg);-moz-animation-timing-function:ease-out}
    76%{opacity:0}100%{opacity:0}
}
@keyframes loading{
    0%{transform:rotate(225deg);opacity:1;animation-timing-function:ease-out}
    8%{transform:rotate(345deg);animation-timing-function:linear}
    30%{transform:rotate(455deg);animation-timing-function:ease-in-out}
    40%{transform:rotate(690deg);animation-timing-function:linear}
    60%{transform:rotate(815deg);opacity:1;animation-timing-function:ease-out}
    75%{transform:rotate(965deg);animation-timing-function:ease-out}
    76%{opacity:0}
    100%{opacity:0}
}
/*******************
 新自研控件总体css -- 表格
 日期: 2019-08-20
********************/
.yg-table-set{width:100%;height:calc(100% - 2px);display:table}
.yg-table-set .left{display:table-cell;vertical-align: top}
.yg-table-set .right{display:table-cell;vertical-align: top;width:140px;text-align:center; padding-top:10px;border-left:solid 1px #f0f0f0; height:100%}
.yg-table-set .yg-radio+.yg-radio {margin-left: 10px}
.yg-table-set .yg-radio__label{padding-left:0px;}
.yg-table-set .table-content{width:100%;height:calc(100% - 33px); overflow-y:auto;}
.yg-table-set .table-content .current-row{background-color:#1b8ebf}
.yg-table-set .table-content::-webkit-scrollbar,
.table-fre::-webkit-scrollbar{width:12px !important;height:12px !important; }
.yg-table-set .table-content::-webkit-scrollbar-thumb,
.table-fre::-webkit-scrollbar-thumb:horizontal:hover {background-color:#c5c5c5 !important;transition: 0.5s all;}
.yg-table-set .table-content::-webkit-scrollbar-thumb:vertical:hover,
.table-fre::-webkit-scrollbar-thumb:vertical:hover {background-color:#c5c5c5 !important;transition: 0.5s all;}
.yg-table-set .table-content::-webkit-scrollbar-track-piece,
.table-fre::-webkit-scrollbar-track-piece{background-color:#fafafa !important;-webkit-border-radius: 0px;}
.yg-table-set .table-content::-webkit-scrollbar-thumb:vertical,
.table-fre::-webkit-scrollbar-thumb:vertical{height:4px;background-color:#d9d9d9 !important;-webkit-border-radius:0px  !important;}
.yg-table-set .table-content::-webkit-scrollbar-thumb:horizontal,
.table-fre::-webkit-scrollbar-thumb:horizontal{width:4px;background-color:#d9d9d9 !important;-webkit-border-radius:0px  !important;}
.table-fre{overflow-y:overlay;box-sizing:border-box;}
/* .yg-table-list-com.nohscroll{overflow-x: hidden !important;} */
.yg-table-list-com{font-size:14px;width:100%;height:100%;position:relative;/*padding-right:12px;*/ box-sizing: border-box;}
.yg-table-list-com .bgc-fa{background:#fafafa}
.yg-table-list-com .table-head{height:30px;width:100%;box-sizing:border-box;overflow: hidden;border-top:solid 1px #f0f0f0}
.hright{text-align: right !important;}
.hcenter{text-align: center !important;}
.yg-table-list-com #th_last_null{background:#fff;border:none !important;}
.yg-diaglog-wrapper .no-data-tag,
.yg-table-list-com .no-data-tag{position: absolute;top: 50%;left: 50%;margin-top: -86px;margin-left: -60px;width: 134px;height: 156px;background: var(--no-data-img) no-repeat center center;z-index: 1;}
.yg-diaglog-wrapper .no-data-tag::after,
.yg-table-list-com .no-data-tag::after{ content: var(--no-data-text);color: #999; font-size: 14px;  position: absolute; bottom: 15px;white-space: nowrap;left: 50%;transform: translateX(-50%); letter-spacing: 1px;}
.foot-total{box-sizing:border-box;border-bottom:solid 0px #f0f0f0; /*padding-right:12px;*/ box-sizing: border-box; }
/* .yg-table-list-com .foot-total tr td{border-bottom:none !important} */
.yg-table-list-com .yg-tablelist{border-bottom:solid 1px #f0f0f0}
.yg-search-bar{min-width:1055px;position:relative;padding-top:8px;height:50px;padding-top:10px;box-sizing:border-box;position:relative}
.yg-search-bar .btn-relative button{margin-left:2.5px;margin-right:2.5px;}

.yg_tablenew{border-collapse: unset;table-layout: fixed;word-break: break-all; word-wrap: break-word;}

/* .yg_tablenew.btop th{border-top:solid 1px #f0f0f0 !important} */
.yg_tablenew.bLeftLine  tr th:first-child,
.yg_tablenew.bLeftLine  tr td:first-child{border-left:solid 1px #f0f0f0 !important}
.yg_tablenew.nobLeftLine tr th:first-child,
.yg_tablenew.nobLeftLine tr td:first-child{border-left:none !important}
.yg_tablenew.bRightLine tr td:last-child{border-right:solid 1px #f0f0f0 !important}
.yg_tablenew.nobRightLine tr td:last-child{border-right:none !important}
.yg_tablenew.bBootomLine tr td{border-bottom:solid 1px #f0f0f0 !important}
.yg_tablenew.nobBootomLine tr td{border-bottom:none !important}

.yg_tablenew td,.yg_tablenew th{/*-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;*/max-width:100%}
.yg_tablenew th{border-bottom:none}
.yg_tablenew>tfoot>tr:first-child>td{height:30px;color: #333;font-size: 13px;/*padding: 0 10px;*/box-sizing: border-box}
/* .yg_tablenew>tfoot>tr:last-child>td{} */
.yg_tablenew>tfoot>tr>td{height:30px;color: #333;font-size: 13px;padding: 0 10px;  box-sizing: border-box;border-bottom: none !important;}
.yg_tablenew>tfoot>tr:last-child>td{border-bottom: solid 1px #f0f0f0 !important;}

.yg_tablenew>thead>tr>th{
    /* color: #333; */
    color: #000;
    font-size: 13px;
}
.yg_tablenew>tbody>tr>td{ height:30px;color: #333;font-size: 13px;/*padding: 0 10px;*/box-sizing: border-box;border-right: solid 1px #f0f0f0;border-bottom: solid 1px #f0f0f0;padding: 0px 5px;}

.yg_tablenew>thead>tr>th{background-color: #fafafa}
.yg_tablenew>thead>tr>th{font-weight: unset; text-align: left;position: relative;}
.yg_tablenew>thead>tr>th.fixrgt,
.yg_tablenew>thead>tr>th.fixlft{position: relative;}
.yg_tablenew>thead>tr>th .asc,
.yg_tablenew>thead>tr>th .desc{color:#43A0C8;right:5px; top:2px; position: absolute; font-size: 14px;}
.yg_tablenew>thead>tr>th .asc{top:5px}
.yg_tablenew>thead>tr>th .desc{top:12px}
.yg_tablenew>thead>tr>th .asc:hover,
.yg_tablenew>thead>tr>th .desc:hover{color:#47ABD6; cursor: pointer;}
.yg_tablenew>thead>tr>th .asc:active,
.yg_tablenew>thead>tr>th .desc:active{transform: translateY(1px);}
/* .yg_tablenew>thead>tr>th:first-child, */
/* .yg_tablenew>tfoot>tr>th:first-child, */
/* .yg_tablenew>tbody>tr>td:first-child{} */
.yg_tablenew>tbody>tr>td.vue_tablecheck,.yg_tablenew>thead>tr>th.vue_tablecheck{overflow: inherit}
/* .yg_tablenew>tbody>tr>td{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} */
/* .yg_tablenew>tbody>tr>td:last-child,  */
/* .yg_tablenew>thead>tr>th:last-child{} */
.yg_tablenew>thead>tr>th{height:28px}
/* .yg_tablenew>thead>tr>th:nth-last-child(2){} */
.yg_tablenew tbody tr:nth-child(even) td {background: #fafafa;}
.yg_tablenew tbody tr:nth-child(odd) td {background: #fff;}
.yg_tablenew tbody tr:hover td{background-color: #E8F8FF}
.yg_tablenew tbody tr:active td{background-color: #CDECFA}
.yg_tablenew tbody tr td .el-button--text{padding-top:unset; padding-bottom: unset}
.yg_tablenew tbody tr td .ibtn{display:inline-block; margin-right:5px;color:#466dc4; cursor: pointer;}
.yg_tablenew tbody tr td .ibtn[disabled="true"],
.yg_tablenew tbody tr td .ibtn[disabled="disabled"]{color:#ccc; pointer-events: none}
.yg_tablenew tbody tr td .ibtn::after{content:"|";color:#ccc; display: inline-block;margin-left:4px;}
.yg_tablenew tbody tr td .ibtn:last-child::after{content:"";}
.yg_tablenew tbody tr td .ibtn:hover{text-decoration: underline}
.yg_tablenew tbody tr td i{font-style: normal}
.yg_tablenew tbody tr td img{ vertical-align: middle;margin-left:2px;margin-right:2px;}
.yg_tablenew tbody tr.act td{background-color: #CDECFA;}
.yg_tablenew tbody tr td.left,.yg_tablenew thead tr th.left,.yg_tablenew tfoot tr td.left{text-align: left}
.yg_tablenew tbody tr td.center,.yg_tablenew thead tr th.center,.yg_tablenew tfoot tr td.center{text-align: center}
.yg_tablenew tbody tr td.right,.yg_tablenew thead tr th.right,.yg_tablenew tfoot tr td.right{text-align: right}
.yg_tablenew .caret-wrapper {cursor:pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;    -webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 28px;width: 24px; vertical-align: middle;cursor: pointer;overflow: initial;position: relative;}
.yg_tablenew .sort-caret {width: 0;height: 0;border: 5px solid transparent;position: absolute;left: 7px;}
.yg_tablenew .sort-caret.ascending {border-bottom-color: #c0c4cc;top: 3px}
.yg_tablenew .sort-caret.descending {border-top-color: #c0c4cc;bottom: 3px}
.yg_tablenew .ascending .sort-caret.ascending {border-bottom-color: #43A0C8}
.yg_tablenew .descending .sort-caret.descending {border-top-color: #43A0C8}

/*排序按钮相关*/
.yg_tablenew .ascico,.yg_tablenew .decico{display: inline-block; position: absolute; right:15px; pointer-events: none;}
.yg_tablenew .ascico{width: 0;height: 0;border-style: solid;border-width: 1px 5px 7px;border-color: transparent transparent #47ABD6; top:4px;}
.yg_tablenew .ascico:after{content: '';border-style: solid;border-width: 1px 3px 5px;border-color: transparent transparent #ffffff;position: absolute;top: 0px;left: -3px;}
.yg_tablenew .decico{width: 0;height: 0;border-style: solid;border-width: 1px 5px 7px;border-color: transparent transparent #47ABD6; transform: rotate(180deg); top:14px}
.yg_tablenew .decico:after{content: '';border-style: solid;border-width: 1px 3px 5px;border-color: transparent transparent #ffffff;position: absolute;top: 0px;left: -3px;}

.yg_tablenew .sortdf:after{content: '';border-style: solid;border-width: 1px 3px 5px;border-color: transparent transparent #47ABD6 !important;position: absolute;top: 0px;left: -3px;}
.yg_tablenew .thact{cursor: pointer;}
.yg_tablenew .thact:active{transform: translateY(1px);}

.yg_tablenew tfoot td{height:30px;border:solid 1px #f0f0f0; background: #fff}
.yg-table-list-com .v-line{width:1px; background: #d9d9d9;position: fixed; display:none;left:1px;top:1px;height:700px; pointer-events: none;z-index:10}

.el-search-bar{padding-top: 3px;box-sizing: border-box; overflow: hidden;height:35px}
.fix-head-th th{white-space: nowrap; overflow: hidden; text-overflow: ellipsis}

.yg-page-bar{padding-top:5px !important; position:absolute;right:10px;bottom:10px;z-index:3}
.yg-table-list-com.wh100{width:100%;height:100%}
.h-35{height:35px}
.p-t10{padding-top:3px;}
.fmr10{position: fixed;right: 10px;}
.fmr100{position: fixed;right: 100px;}
.fmr190{position: fixed;right: 190px;}
.el-tabs__content{height: calc(100% - 51px);}
.posi100,.el-tab-pane{position:absolute;width:100%;top:0;left:0;bottom:0;}
#demo-talbehead{width: 100%;}
.el-col-9{width: 33.33333%;}
.el-col-7{width: 17%;}
.w_44{min-width: 44px;position: fixed;right: 64px;width: 44px;padding: 0 !important;}
.w_54{min-width: 44px;position: fixed;right: 10px;width: 44px;padding: 0 !important;}
#pane-second .fillBtn{    padding: 0 !important;min-width: 40px;width: 50px;}
.el-page-bar ul {float: none;}
.table-container{position: relative;}
.table-head{padding-right:12px; box-sizing: border-box; background-color: #fafafa; box-sizing: border-box; border-top:solid 1px #f0f0f0; overflow-y:hidden !important;  }
.foot-total::-webkit-scrollbar,
.table-head::-webkit-scrollbar{width: 12px; height: 0px;}
.foot-total::-webkit-scrollbar-thumb,
.table-head::-webkit-scrollbar-thumb {background: #fafafa;}
.foot-total::-webkit-scrollbar-track,
.table-head::-webkit-scrollbar-track {background: #fff;}
.table-head::before{content: ' ';width: 12px;height: 27px;background: #fafafa;position: absolute;top: 0px;right:0;z-index: 1;border: solid 1px #f0f0f0;border-left: none;}
.yg-tb-line,.v-line{position: fixed;left:0;top:0;height:100%;width:1px; background-color: #ccc;z-index:10; display: none;}
.top-condition{height:40px;box-sizing: border-box; padding-top:5px ;}
/*隐藏底部横向滚动条*/
.hide-scorll{/*overflow-y: scroll !important;*/overflow-x:auto !important;border-bottom:solid 0px #f0f0f0 !important}
.hide-scorll::-webkit-scrollbar {width: 12px !important; height: 0px !important;}

.yg-table-wrap table tr td,
.yg-table-wrap table tr th:last-child{border-right:none !important}
.yg-table-wrap table tr td,
.yg-table-wrap table tr th{border-left:solid 1px #f0f0f0; padding:0 5px}


/*******************
 新自研控件总体css -- 树型
 日期: 2019-10-15
********************/
.yg_treelist_com .rowact{background-color: #43A0C8;color:#fff !important;}
.yg_treelist_com ul{/*padding: 0;margin: 0;*/width: 100%; padding-left:0px;margin:0}
.yg_treelist_com ul li{list-style: none;width: 100%; text-align: left;}
.yg_treelist_com ul p{display: inline-block;width: 100%;box-sizing: border-box;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;height: 30px;line-height: 30px;margin:0;padding:0;margin-bottom: -4px;}
.yg_treelist_com ul .new_tree_html{position: relative;font-size:14px;cursor: pointer;color: #333;overflow:hidden;text-overflow:ellipsis;height: 30px;line-height: 30px;background-repeat:no-repeat;background-position-y: 42%;padding-right:10px;}
.yg_treelist_com ul .new_tree_html i:first-child{margin-left:10px}
.yg_treelist_com ul .new_tree_html>*{pointer-events: none}
.yg_treelist_com ul .new_tree_html .file{vertical-align: -6px; margin-left:-3px;}
.yg_treelist_com ul .new_tree_html .folder{vertical-align: -3px}
.yg_treelist_com ul .new_tree_html .rigth_ico{padding: 6px;top:10px;position: absolute;background:no-repeat center center;cursor:pointer;}
.yg_treelist_com ul .new_tree_html:hover{background-color: #47ABD6;color: #fff;}
.yg_treelist_com ul .new_tree_html.tree_node{background-color: #1B8EBF;color: #fff;}
.yg_treelist_com .yg_downlistnodata{width:100%;height: 60px;position: relative;}
.yg_treelist_com .yg_downlistnodata>span{position:absolute;display: inline-block;left:50%;top:50%;margin-top:-10px;margin-left:-40px;width: 70px;height: 20px;line-height: 20px;/*background: url(/static/public/img/dl_nodata.png) no-repeat left center*/}
.yg_treelist_com .yg_downlistnodata>span::after{content: '暂无数据';color: #999;font-size:12px;padding-left:20px;line-height: 20px;}
.yg_treelist_com .treelist-area{overflow:hidden;border:solid 1px #1b8ebf;position:fixed;z-index:1;background-color: #fff;}
.yg_treelist_com .treelist-area:hover{overflow: auto;}
.yg_treelist_com .treelist-area::-webkit-scrollbar{width:6px !important;height:1px !important; }
.yg_treelist_com .treelist-area::-webkit-scrollbar-thumb:horizontal:hover {background-color:#c5c5c5 !important;transition: 0.5s all;}
.yg_treelist_com .treelist-area::-webkit-scrollbar-thumb:vertical:hover {background-color:#c5c5c5 !important;transition: 0.5s all;}
.yg_treelist_com .treelist-area::-webkit-scrollbar-track-piece{background-color:#fafafa !important;-webkit-border-radius: 0px;}
.yg_treelist_com .treelist-area::-webkit-scrollbar-thumb:vertical{height:1px;background-color:#d9d9d9 !important;-webkit-border-radius:0px  !important;}
.yg_treelist_com .treelist-area::-webkit-scrollbar-thumb:horizontal{width:6px;background-color:#d9d9d9 !important;-webkit-border-radius:0px  !important;}
.yg_treelist_com .yg_treeline{width:100px;height:1px;background-color:#fff;position:absolute;left:1px;z-index:2;}
.yg_treelist_com .tree-ipt{width:100%;height:28px;}
.yg_treelist_com .lst-close-btn{background:transparent;position:absolute;height:calc(100% - 3px);width:20px;right:1px;top:1px;pointer-events: none;line-height:normal !important}
.yg_treelist_com .lst-close-btn img{position: absolute;top: 36%;left:3px}

.yg_treelist_com .act,
.yg_treelist_com .tree-ipt:hover,
.yg_treelist_com .tree-ipt:focus{border: solid 1px #43A0C8 !important;background-color: #FFF;}
.yg_treelist_com .tree-lst-area{padding:10px;}
.yg_treelist_com .item-children{display:none}

/*******************
 新自研控件总体css -- 字典维护组件
 日期: 2019-10-29
********************/
.mt-10{margin-top:10px}
.fz-18{font-size:18px;}

.yg-dic-set .message .right{border-left:solid 1px #f0f0f0; padding:10px; box-sizing:border-box}
.yg-dic-set .ico-btn{color:#666;cursor:pointer;margin-left:5px;}
.yg-dic-set .ico-btn::before{color:#999}
.yg-dic-set .ico-btn:hover::before{color:#43A0C8}
.yg-dic-set .ico-btn:active::before{color:#000}
.yg-dic-set .yg-icon-delete:hover::before{color:#f00}
.yg-dic-set .act{background-color: #1b8ebf !important;color:#fff !important}
.yg-dic-set .isedit{-webkit-user-modify: read-write-plaintext-only; outline: solid 1px #e6a23c;}

/*******************
 新自研控件总体css -- a 链接式文字控件
 日期: 2019-11-13
********************/
.yg-atext {color: #409EFF;background: 0 0;padding-left: 0;padding-right: 0;display:line-block;text-decoration: none; margin-right:5px;}
.yg-atext:focus,
.yg-atext:hover {color: #66b1ff;border-color: transparent;background-color: transparent}
.yg-atext:active {color: #3a8ee6;background-color: transparent}
/*******************
 新自研控件总体css -- alert静态显示控件
 日期: 2019-11-12
********************/
.yg-alert {width: 100%;padding: 8px 16px;margin: 0;box-sizing: border-box;border-radius: 4px;position: relative;background-color: #fff;overflow: hidden;opacity: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: opacity .2s;transition: opacity .2s}
.yg-alert.is-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.yg-alert--success {background-color: #f0f9eb;color: #67c23a}
.yg-alert--success .yg-alert__description {color: #67c23a}
.yg-alert--info {background-color: #f4f4f5;color: #909399}
.yg-alert--info .yg-alert__description {color: #909399}
.yg-alert--warning {background-color: #fdf6ec;color: #e6a23c}
.yg-alert--warning .yg-alert__description {color: #e6a23c}
.yg-alert--error {background-color: #fef0f0;color: #f56c6c}
.yg-alert--error .yg-alert__description {color: #f56c6c}
.yg-alert__content {display: table-cell;padding: 0 8px}
.yg-alert__icon {font-size: 16px;width: 16px}
.yg-alert__icon.is-big {font-size: 28px;width: 28px}
.yg-alert__title {font-size: 13px;line-height: 18px}
.yg-alert__title.is-bold {font-weight: 700}
.yg-alert .yg-alert__description {font-size: 12px;margin: 5px 0 0}
.yg-alert__closebtn {font-size: 12px;color: #c0c4cc;opacity: 1;position: absolute;top: 12px;right: 15px;cursor: pointer}
.yg-alert-fade-enter,
.yg-alert-fade-leave-active{opacity: 0}
.yg-alert__closebtn.is-customed {font-style: normal;font-size: 13px;top: 9px}

/*******************
 新自研控件总体css -- 上传
 日期: 2019-11-13
********************/
.yg-upload{height:auto}
.yg-upload .a-upload {position: absolute;font-size: 12px;left:0;top: 0;height:100%;width:86px;cursor:pointer;border-radius: 3px;}
.yg-upload .a-upload input{position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer}
.yg-upload .a-upload:hover{color: #fff;background: #47ABD6;border-color: #ccc;text-decoration: none}
.yg-upload .a-upload:active{background: #43A0C8;}
.yg-upload .a-upload:hover::before{content:'选择文件';position: absolute;width:100%;height:100%;text-align: center;color:#fff;display: flex;justify-content:center;align-items:center;}

.yg-upload .tool .tool-tb{display: inline-block; pointer-events: all !important;vertical-align: 11px; font-size:12px;}
.yg-upload .tool .tool-tb .label{background-color: #eee; box-sizing: border-box; padding:0 5px;}
.yg-upload .tool .tool-tb .val{width:80px; height:23px}
.yg-upload .tool .tool-tb .select{height:23px;padding: 0 9px;}
.yg-upload .tool .tool-tb .td-val{background-color: #eee;padding:0px;}

.yg-upload .buttonarea{position: relative;}
.yg-upload .file{position: relative;display: inline-block;background: #D0EEFF;border: 1px solid #99D3F5;border-radius: 4px;padding: 4px 12px;overflow: hidden;color: #1E88C7;text-decoration: none;text-indent: 0;line-height: 20px;}
/* .yg-upload .file input{position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;height:100%;width:100%} */
.yg-upload .file:hover{background: #AADFFD;border-color: #78C3F3;color: #004974;text-decoration: none;}
.yg-upload .yg-upload__input{position: absolute;left:0;top:0; opacity: 0.2;width:86px;bottom:0; z-index: 1;}
.yg-upload .yg-upload__tip{font-size: 12px;color: #606163;margin-top: 7px;}
.yg-upload .file-lst{width:100%;margin:0;padding:0;list-style:none;}
.yg-upload .file-lst li{margin:0;padding:5px;box-sizing: border-box; list-style:none;font-size:12px; color:#999;margin-top:5px; width:100%;min-height:15px;position:relative; transition: all ease-out 0.2s;}
.yg-upload .file-lst li:hover{background-color:#f8f8f8}
.yg-upload .file-lst{height:auto !important; overflow: hidden;}

.yg-upload .file-lst li>span{margin-right:10px;}
.yg-upload .file-lst li>span:first-child{float:left}
.yg-upload .file-lst li>span:last-child{float:right; text-align:left}
.yg-upload .file-lst li>.del-ico{cursor:pointer;font-size:15px;position:absolute;top:2px;right:2px;z-index:1}
.yg-upload .file-lst li>.del-ico:hover:before{color:#f00}
.yg-upload .file-lst .up-process{position:absolute;pointer-events:none;height:100%;z-index:1;background-color:#51a81f59;left:0;top:0}
.yg-upload .file-lst li .img{width:50px;height:50px;margin-right:10px;}
.yg-upload .file-lst li .filename{display: inline-block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yg-upload .file-lst li .size{display: inline-block;}

/* 横向排列 */
.yg-upload .row-dir li{height:60px;}
.yg-upload .row-dir li img{float:left;cursor:pointer}
.yg-upload .row-dir li .filename{display: inline-block;width:calc(100% - 70px);color:#333}
.yg-upload .row-dir li .size{display: inline-block;width:calc(100% - 70px)}

/* 格式排列 */
.yg-upload .row-tb li>.del-ico{right:-9px;top:1px;}
.yg-upload .row-tb li{height:110px;width:100px; transition: all ease-out 0.2s; cursor: pointer; float:left;margin:2px 5px 2px 5px; text-align:center;border:solid 1px #f0f0f0;padding-top:10px;padding-bottom:10px; box-sizing:border-box;background-color:#f0f0f0;}
.yg-upload .row-tb li:hover{box-shadow:0px 0px 5px #333;background-color: #eee; transform: translate(0px, -10px);-webkit-transform: translate(0px,-10px);}

.yg-upload .row-tb li img{cursor:pointer;margin-right:0px !important}
.yg-upload .row-tb li .filename{display: inline-block;width:100% ;color:#333}
.yg-upload .row-tb li .size{display: inline-block;width:100%}

.yg-upload-pop{overflow:auto;box-sizing:border-box;text-align:center;position: absolute;left: 0;right: 0;top: 45px;bottom: 0;overflow:visible}
.yg-upload-pop .img-tool{width:100%;height:35px; background-color:rgba(0,0,0,0.1);position:absolute;z-index:1;top:0px;left:0;}
.yg-upload-pop .fixed-parent{width:auto;height:auto;/*position:relative;*/overflow:hidden}
.yg-upload-pop .content{width:100%;height:100%; position: relative;/*padding:20px;*/box-sizing:border-box;overflow:auto;background-color: #383838;display: box;display: -webkit-box;display: -moz-box;-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;    -moz-box-align:center;}
.yg-upload-pop .content canvas{/*width:calc(100% - 40px);height:calc(100% - 40px);*/position: absolute;left:50%;top:50%;}
.yg-upload-pop .tool{position:absolute;width:50%;height:40px;text-align: right; background-color: rgba(0,0,0,0);top:-40px;right:50px;z-index:1;padding-top:0px;box-sizing:border-box}
.yg-upload-pop .tool [class*="yg-icon-"]{color:#1b8ebf;font-size:20px}
.yg-upload-pop .tool [class*="yg-icon-"]:hover{color:#F00;cursor:pointer}
.yg-upload-pop .tool .txt{color:#707070; font-size:12px;margin:2px 5px; text-align: left;line-height: 40px; display:inline-block;max-width:250px;height:100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.yg-upload-pop .tool .ico{vertical-align: 16px; cursor:pointer}
.yg-upload-pop .tool .ico:hover{transform: translateY(-1px);}
.yg-upload-pop .tool .ico:active{transform: translateY(1px);}
.yg-upload-pop .tool .pic-crop,
.yg-upload-pop .tool .left-roate,
.yg-upload-pop .tool .right-roate{transform: translateY(2px)}
.yg-upload-pop .prev_img{position: absolute;right:10px;top:10px;width:200px;box-shadow: 0px 0px 10px;z-index: 10;}
.yg-upload-pop input[type=range] {-webkit-appearance: none;width: 100px;border-radius: 10px; background: #1b8ebf; outline: none}
/* .yg-upload-pop input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;}  */
.yg-upload-pop input[type=range]::-webkit-slider-runnable-track {height: 4px;border-radius: 4px; /*将轨道设为圆角的*/ /*轨道内置阴影效果*/}
.yg-upload-pop input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; cursor: pointer; height: 18px;width: 7px;margin-top: -7px;background: -webkit-linear-gradient(#0a707d, #30e3f0);background: linear-gradient(#0a707d, #30e3f0);border-radius: 5px;}
.yg-upload-pop #crop_idom{display: none;}
.yg-upload-pop .readinfo{position: absolute;left:50%;text-align:center; margin-left:-243px;top:5px;width:486px;background-color: rgba(0, 0, 0, 0.4);font-size:12px;color:#fff;padding:10px;box-sizing: border-box;z-index:5}
/*******************
 新自研控件总体css -- 走马灯
 日期: 2019-11-20
********************/
.yg-carousel {    position: relative}
.yg-carousel__container {position: relative;    height: 300px}
.yg-carousel__arrow {border: none;    outline: 0;    padding: 0;    margin: 0;    height: 36px;    width: 36px;    cursor: pointer;    -webkit-transition: .3s;    transition: .3s;    border-radius: 50%;    background-color: rgba(31, 45, 61, .11);    color: #fff;    position: absolute;    top: 50%;    z-index: 10;    -webkit-transform: translateY(-50%);    transform: translateY(-50%);    text-align: center;    font-size: 12px}
.yg-carousel__arrow--left {left: 16px}
.yg-carousel__arrow--right {right: 16px}
.yg-carousel__arrow:hover {background-color: rgba(31, 45, 61, .23)}
.yg-carousel__arrow i {cursor: pointer}
.yg-carousel__indicators {position: absolute;    list-style: none;    bottom: 0;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    margin: 0;    padding: 0;    z-index: 2}
.yg-carousel__indicators--outside {bottom: 26px;    text-align: center;    position: static;    -webkit-transform: none;    transform: none}
.yg-carousel__indicators--outside .yg-carousel__indicator:hover button {opacity: .64}
.yg-carousel__indicators--outside button {background-color: #c0c4cc;    opacity: .24}
.yg-carousel__indicators--labels {left: 0;    right: 0;    -webkit-transform: none;    transform: none;    text-align: center}
.yg-carousel__indicators--labels .yg-carousel__button {height: auto;    width: auto;    padding: 2px 18px;    font-size: 12px}
.yg-carousel__indicators--labels .yg-carousel__indicator {padding: 6px 4px}
.yg-carousel__indicator {display: inline-block;    background-color: transparent;    padding: 12px 4px;    cursor: pointer}
.yg-carousel__indicator:hover button {opacity: .72}
.yg-carousel__indicator.is-active button {opacity: 1}
.yg-carousel__button {display: block;    opacity: .48;    width: 30px;    height: 2px;    background-color: #fff;    border: none;    outline: 0;    padding: 0;    margin: 0;    cursor: pointer;    -webkit-transition: .3s;    transition: .3s}.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {-webkit-transform: translateY(-50%) translateX(-10px);    transform: translateY(-50%) translateX(-10px);    opacity: 0}.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {-webkit-transform: translateY(-50%) translateX(10px);    transform: translateY(-50%) translateX(10px);    opacity: 0}
.yg-scrollbar {overflow: hidden;    position: relative}
.yg-scrollbar:active>.yg-scrollbar__bar,
.yg-scrollbar:focus>.yg-scrollbar__bar,
.yg-scrollbar:hover>.yg-scrollbar__bar {opacity: 1;    -webkit-transition: opacity 340ms ease-out;    transition: opacity 340ms ease-out}
.yg-scrollbar__wrap {overflow: scroll;    height: 100%}
.yg-scrollbar__wrap--hidden-default::-webkit-scrollbar {width: 0;    height: 0}
.yg-scrollbar__thumb {position: relative;    display: block;    width: 0;    height: 0;    cursor: pointer;    border-radius: inherit;    background-color: rgba(144, 147, 153, .3);    -webkit-transition: .3s background-color;    transition: .3s background-color}
.yg-scrollbar__thumb:hover {background-color: rgba(144, 147, 153, .5)}
.yg-carousel__mask,
.yg-cascader-menu,
.yg-cascader-menu__item.is-disabled:hover,
.yg-collapse-item__header,
.yg-collapse-item__wrap {background-color: #fff}
.yg-scrollbar__bar {position: absolute;    right: 2px;    bottom: 2px;    z-index: 1;    border-radius: 4px;    opacity: 0;    -webkit-transition: opacity 120ms ease-out;    transition: opacity 120ms ease-out}
.yg-scrollbar__bar.is-vertical {width: 6px;    top: 2px}
.yg-scrollbar__bar.is-vertical>div {width: 100%}
.yg-scrollbar__bar.is-horizontal {height: 6px;    left: 2px}
.yg-carousel__item,
.yg-carousel__mask {height: 100%;    top: 0;    left: 0;    position: absolute}
.yg-scrollbar__bar.is-horizontal>div {height: 100%}
.yg-carousel__item {width: 100%;    display: inline-block;    overflow: hidden;    z-index: 0}
/* .yg-carousel__item.is-active {z-index: 2} */
.yg-carousel__item.is-animating {-webkit-transition: -webkit-transform 1s ease-in-out;    transition: -webkit-transform 1s ease-in-out;    transition: transform 1s ease-in-out;    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out}

.yg-carousel__item--card {width: 50%;    -webkit-transition: -webkit-transform .4s ease-in-out;    transition: -webkit-transform .4s ease-in-out;    transition: transform .4s ease-in-out;    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out}
.yg-carousel__item--card.is-in-stage {cursor: pointer;    z-index: 1}
.yg-carousel__item--card.is-in-stage.is-hover .yg-carousel__mask,
.yg-carousel__item--card.is-in-stage:hover .yg-carousel__mask {opacity: .12}
.yg-carousel__item--card.is-active {z-index: 2}
.yg-carousel__mask {width: 100%;    opacity: .24;    -webkit-transition: .2s;    transition: .2s}
/*******************
 新自研控件总体css -- tabs
 日期: 2020-02-08
********************/
.yg-tabs__header {padding: 0;position: relative;margin: 0 0 15px}
.yg-tabs__active-bar {position: absolute;bottom: 0;left: 0;height: 2px;background-color: #43A0C8;z-index: 1;-webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);transition: transform .3s cubic-bezier(.645, .045, .355, 1);transition: transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);list-style: none}
.yg-tabs__new-tab {float: right;border: 1px solid #d3dce6;height: 18px;width: 18px;line-height: 18px;margin: 12px 0 9px 10px;border-radius: 3px;text-align: center;font-size: 12px;color: #d3dce6;cursor: pointer;-webkit-transition: all .15s;transition: all .15s}
.yg-tabs__new-tab .yg-icon-plus {-webkit-transform: scale(.8, .8);transform: scale(.8, .8)}
.yg-tabs__new-tab:hover {color: #409EFF}
.yg-tabs__nav-wrap {overflow: hidden;margin-bottom: -1px;position: relative}
.yg-tabs__nav-wrap::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;/* background-color: #e4e7ed; */background-color: #fff;z-index: 1}
.yg-tabs--border-card>.yg-tabs__header .yg-tabs__nav-wrap::after,
.yg-tabs--card>.yg-tabs__header .yg-tabs__nav-wrap::after {content: none}
.yg-tabs__nav-wrap.is-scrollable {padding: 0 20px;-webkit-box-sizing: border-box;box-sizing: border-box}
.yg-tabs__nav-scroll {overflow: hidden}
.yg-tabs__nav-next,
.yg-tabs__nav-prev {position: absolute;cursor: pointer;line-height: 44px;font-size: 12px;color: #909399}
.yg-tabs__nav-next {right: 0}
.yg-tabs__nav-prev {left: 0}
.yg-tabs__nav {white-space: nowrap;position: relative;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;float: left;z-index: 2;/*margin-left:15px;*/}
.yg-tabs__nav.is-stretch {min-width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex}
.yg-tabs__nav.is-stretch>* {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;text-align: center}
.yg-tabs__item {padding: 0 20px;height: 40px;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 40px;display: inline-block;list-style: none;font-size: 14px;font-weight: 500;color: #303133;position: relative}
.yg-tabs__item:focus,
.yg-tabs__item:focus:active {outline: 0}
.yg-tabs__item:focus.is-active.is-focus:not(:active) {-webkit-box-shadow: 0 0 2px 2px #409eff inset;box-shadow: 0 0 2px 2px #409eff inset;border-radius: 3px}
.yg-tabs__item .yg-icon-close {border-radius: 50%;text-align: center;-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);transition: all .3s cubic-bezier(.645, .045, .355, 1);margin-left: 5px}
.yg-tabs__item .yg-icon-close:before {-webkit-transform: scale(.9);transform: scale(.9);display: inline-block}
.yg-tabs__item .yg-icon-close:hover {background-color: #c0c4cc;color: #fff}
.yg-tabs__item.is-active {/* color: #409EFF */color: #43A0C8}
.yg-tabs__item:hover {/* color: #409EFF;*/color: #43A0C8; cursor: pointer}
.yg-tabs__item.is-disabled {color: #c0c4cc;cursor: default}
.yg-tabs__content {overflow: hidden;position: relative}
.yg-tabs--card>.yg-tabs__header {border-bottom: 1px solid #e4e7ed}
.yg-tabs--card>.yg-tabs__header .yg-tabs__nav {border: 1px solid #e4e7ed;border-bottom: none;border-radius: 4px 4px 0 0;-webkit-box-sizing: border-box;box-sizing: border-box}
.yg-alert,
.yg-tag {-webkit-box-sizing: border-box}
.yg-tabs--card>.yg-tabs__header .yg-tabs__active-bar {display: none}
.yg-tabs--card>.yg-tabs__header .yg-tabs__item .yg-icon-close {position: relative;font-size: 12px;width: 0;height: 14px;vertical-align: middle;line-height: 15px;overflow: hidden;top: -1px;right: -2px;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%}
.yg-tabs--card>.yg-tabs__header .yg-tabs__item.is-active.is-closable .yg-icon-close,
.yg-tabs--card>.yg-tabs__header .yg-tabs__item.is-closable:hover .yg-icon-close {width: 14px}
.yg-tabs--card>.yg-tabs__header .yg-tabs__item {border-bottom: 1px solid transparent;border-left: 1px solid #e4e7ed;-webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1);transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1)}
.yg-tabs--card>.yg-tabs__header .yg-tabs__item:first-child {border-left: none}
/* .yg-tabs--card>.yg-tabs__header .yg-tabs__item.is-closable:hover {padding-left: 13px;padding-right: 13px} */
.yg-tabs--card>.yg-tabs__header .yg-tabs__item.is-active {border-bottom-color: #fff}
.yg-tabs--card>.yg-tabs__header .yg-tabs__item.is-active.is-closable {padding-left: 20px;padding-right: 20px}
.yg-tabs--border-card {background: #fff;border: 1px solid #dcdfe6;-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04)}
.yg-tabs--border-card>.yg-tabs__content {padding: 15px}
.yg-tabs--border-card>.yg-tabs__header {background-color: #f5f7fa;border-bottom: 1px solid #e4e7ed;margin: 0}
.yg-tabs--border-card>.yg-tabs__header .yg-tabs__item {-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);transition: all .3s cubic-bezier(.645, .045, .355, 1);border: 1px solid transparent;margin: -1px -1px 0;color: #909399}
.yg-tabs--border-card>.yg-tabs__header .yg-tabs__item.is-active {color: #409EFF;background-color: #fff;border-right-color: #dcdfe6;border-left-color: #dcdfe6}
.yg-tabs--border-card>.yg-tabs__header .yg-tabs__item:not(.is-disabled):hover {color: #409EFF}
.yg-tabs--border-card>.yg-tabs__header .yg-tabs__item.is-disabled {color: #c0c4cc}
.yg-tabs--bottom .yg-tabs__item.is-bottom:nth-child(2),
.yg-tabs--bottom .yg-tabs__item.is-top:nth-child(2),
.yg-tabs--top .yg-tabs__item.is-bottom:nth-child(2),
.yg-tabs--top .yg-tabs__item.is-top:nth-child(2) {padding-left: 0}
.yg-tabs--bottom .yg-tabs__item.is-bottom:last-child,
.yg-tabs--bottom .yg-tabs__item.is-top:last-child,
.yg-tabs--top .yg-tabs__item.is-bottom:last-child,
.yg-tabs--top .yg-tabs__item.is-top:last-child {padding-right: 0}
.yg-tabs--bottom .yg-tabs--left .yg-tabs__item:nth-child(2),
.yg-tabs--bottom .yg-tabs--right .yg-tabs__item:nth-child(2),
.yg-tabs--bottom.yg-tabs--border-card .yg-tabs__item:nth-child(2),
.yg-tabs--bottom.yg-tabs--card .yg-tabs__item:nth-child(2),
.yg-tabs--top .yg-tabs--left .yg-tabs__item:nth-child(2),
.yg-tabs--top .yg-tabs--right .yg-tabs__item:nth-child(2),
.yg-tabs--top.yg-tabs--border-card .yg-tabs__item:nth-child(2),
.yg-tabs--top.yg-tabs--card .yg-tabs__item:nth-child(2) {padding-left: 20px}
.yg-tabs--bottom .yg-tabs--left .yg-tabs__item:last-child,
.yg-tabs--bottom .yg-tabs--right .yg-tabs__item:last-child,
.yg-tabs--bottom.yg-tabs--border-card .yg-tabs__item:last-child,
.yg-tabs--bottom.yg-tabs--card .yg-tabs__item:last-child,
.yg-tabs--top .yg-tabs--left .yg-tabs__item:last-child,
.yg-tabs--top .yg-tabs--right .yg-tabs__item:last-child,
.yg-tabs--top.yg-tabs--border-card .yg-tabs__item:last-child,
.yg-tabs--top.yg-tabs--card .yg-tabs__item:last-child {padding-right: 20px}
.yg-tabs--bottom .yg-tabs__header.is-bottom {margin-bottom: 0;margin-top: 10px}
.yg-tabs--bottom.yg-tabs--border-card .yg-tabs__header.is-bottom {border-bottom: 0;border-top: 1px solid #dcdfe6}
.yg-tabs--bottom.yg-tabs--border-card .yg-tabs__nav-wrap.is-bottom {margin-top: -1px;margin-bottom: 0}
.yg-tabs--bottom.yg-tabs--border-card .yg-tabs__item.is-bottom:not(.is-active) {border: 1px solid transparent}
.yg-tabs--bottom.yg-tabs--border-card .yg-tabs__item.is-bottom {margin: 0 -1px -1px}
.yg-tabs--left,
.yg-tabs--right {overflow: hidden}
.yg-tabs--left .yg-tabs__header.is-left,
.yg-tabs--left .yg-tabs__header.is-right,
.yg-tabs--left .yg-tabs__nav-scroll,
.yg-tabs--left .yg-tabs__nav-wrap.is-left,
.yg-tabs--left .yg-tabs__nav-wrap.is-right,
.yg-tabs--right .yg-tabs__header.is-left,
.yg-tabs--right .yg-tabs__header.is-right,
.yg-tabs--right .yg-tabs__nav-scroll,
.yg-tabs--right .yg-tabs__nav-wrap.is-left,
.yg-tabs--right .yg-tabs__nav-wrap.is-right {height: 100%}
.yg-tabs--left .yg-tabs__active-bar.is-left,
.yg-tabs--left .yg-tabs__active-bar.is-right,
.yg-tabs--right .yg-tabs__active-bar.is-left,
.yg-tabs--right .yg-tabs__active-bar.is-right {top: 0;bottom: auto;width: 2px;height: auto}
.yg-tabs--left .yg-tabs__nav-wrap.is-left,
.yg-tabs--left .yg-tabs__nav-wrap.is-right,
.yg-tabs--right .yg-tabs__nav-wrap.is-left,
.yg-tabs--right .yg-tabs__nav-wrap.is-right {margin-bottom: 0}
.yg-tabs--left .yg-tabs__nav-wrap.is-left>.yg-tabs__nav-next,
.yg-tabs--left .yg-tabs__nav-wrap.is-left>.yg-tabs__nav-prev,
.yg-tabs--left .yg-tabs__nav-wrap.is-right>.yg-tabs__nav-next,
.yg-tabs--left .yg-tabs__nav-wrap.is-right>.yg-tabs__nav-prev,
.yg-tabs--right .yg-tabs__nav-wrap.is-left>.yg-tabs__nav-next,
.yg-tabs--right .yg-tabs__nav-wrap.is-left>.yg-tabs__nav-prev,
.yg-tabs--right .yg-tabs__nav-wrap.is-right>.yg-tabs__nav-next,
.yg-tabs--right .yg-tabs__nav-wrap.is-right>.yg-tabs__nav-prev {height: 30px;line-height: 30px;width: 100%;text-align: center;cursor: pointer}
.yg-tabs--left .yg-tabs__nav-wrap.is-left>.yg-tabs__nav-next i,
.yg-tabs--left .yg-tabs__nav-wrap.is-left>.yg-tabs__nav-prev i,
.yg-tabs--left .yg-tabs__nav-wrap.is-right>.yg-tabs__nav-next i,
.yg-tabs--left .yg-tabs__nav-wrap.is-right>.yg-tabs__nav-prev i,
.yg-tabs--right .yg-tabs__nav-wrap.is-left>.yg-tabs__nav-next i,
.yg-tabs--right .yg-tabs__nav-wrap.is-left>.yg-tabs__nav-prev i,
.yg-tabs--right .yg-tabs__nav-wrap.is-right>.yg-tabs__nav-next i,
.yg-tabs--right .yg-tabs__nav-wrap.is-right>.yg-tabs__nav-prev i {-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg)}
.yg-tabs--left .yg-tabs__nav-wrap.is-left>.yg-tabs__nav-prev,
.yg-tabs--left .yg-tabs__nav-wrap.is-right>.yg-tabs__nav-prev,
.yg-tabs--right .yg-tabs__nav-wrap.is-left>.yg-tabs__nav-prev,
.yg-tabs--right .yg-tabs__nav-wrap.is-right>.yg-tabs__nav-prev {left: auto;top: 0}
.yg-tabs--left .yg-tabs__nav-wrap.is-left>.yg-tabs__nav-next,
.yg-tabs--left .yg-tabs__nav-wrap.is-right>.yg-tabs__nav-next,
.yg-tabs--right .yg-tabs__nav-wrap.is-left>.yg-tabs__nav-next,
.yg-tabs--right .yg-tabs__nav-wrap.is-right>.yg-tabs__nav-next {right: auto;bottom: 0}
.yg-tabs--left .yg-tabs__active-bar.is-left,
.yg-tabs--left .yg-tabs__nav-wrap.is-left::after {right: 0;left: auto}
.yg-tabs--left .yg-tabs__nav-wrap.is-left.is-scrollable,
.yg-tabs--left .yg-tabs__nav-wrap.is-right.is-scrollable,
.yg-tabs--right .yg-tabs__nav-wrap.is-left.is-scrollable,
.yg-tabs--right .yg-tabs__nav-wrap.is-right.is-scrollable {padding: 30px 0}
.yg-tabs--left .yg-tabs__nav-wrap.is-left::after,
.yg-tabs--left .yg-tabs__nav-wrap.is-right::after,
.yg-tabs--right .yg-tabs__nav-wrap.is-left::after,
.yg-tabs--right .yg-tabs__nav-wrap.is-right::after {height: 100%;width: 2px;bottom: auto;top: 0}
.yg-tabs--left .yg-tabs__nav.is-left,
.yg-tabs--left .yg-tabs__nav.is-right,
.yg-tabs--right .yg-tabs__nav.is-left,
.yg-tabs--right .yg-tabs__nav.is-right {float: none}
.yg-tabs--left .yg-tabs__item.is-left,
.yg-tabs--left .yg-tabs__item.is-right,
.yg-tabs--right .yg-tabs__item.is-left,
.yg-tabs--right .yg-tabs__item.is-right {display: block}
.yg-tabs--left.yg-tabs--card .yg-tabs__active-bar.is-left,
.yg-tabs--right.yg-tabs--card .yg-tabs__active-bar.is-right {display: none}
.yg-tabs--left .yg-tabs__header.is-left {float: left;margin-bottom: 0;margin-right: 10px}
.yg-tabs--left .yg-tabs__nav-wrap.is-left {margin-right: -1px}
.yg-tabs--left .yg-tabs__item.is-left {text-align: right}
.yg-tabs--left.yg-tabs--card .yg-tabs__item.is-left {border-left: none;border-right: 1px solid #e4e7ed;border-bottom: none;border-top: 1px solid #e4e7ed}
.yg-tabs--left.yg-tabs--card .yg-tabs__item.is-left:first-child {border-right: 1px solid #e4e7ed;border-top: none}
.yg-tabs--left.yg-tabs--card .yg-tabs__item.is-left.is-active {border: 1px solid #e4e7ed;border-right-color: #fff;border-left: none;border-bottom: none}
.yg-tabs--left.yg-tabs--card .yg-tabs__item.is-left.is-active:first-child {border-top: none}
.yg-tabs--left.yg-tabs--card .yg-tabs__item.is-left.is-active:last-child {border-bottom: none}
.yg-tabs--left.yg-tabs--card .yg-tabs__nav {border-radius: 4px 0 0 4px;border-bottom: 1px solid #e4e7ed;border-right: none}
.yg-tabs--left.yg-tabs--card .yg-tabs__new-tab {float: none}
.yg-tabs--left.yg-tabs--border-card .yg-tabs__header.is-left {border-right: 1px solid #dfe4ed}
.yg-tabs--left.yg-tabs--border-card .yg-tabs__item.is-left {border: 1px solid transparent;margin: -1px 0 -1px -1px}
.yg-tabs--left.yg-tabs--border-card .yg-tabs__item.is-left.is-active {border-color: #d1dbe5 transparent}
.yg-tabs--right .yg-tabs__header.is-right {float: right;margin-bottom: 0;margin-left: 10px}
.yg-tabs--right .yg-tabs__nav-wrap.is-right {margin-left: -1px}
.yg-tabs--right .yg-tabs__nav-wrap.is-right::after {left: 0;right: auto}
.yg-tabs--right .yg-tabs__active-bar.is-right {left: 0}
.yg-tag,
.slideInLeft-transition,
.slideInRight-transition {display: inline-block}
.yg-tabs--right.yg-tabs--card .yg-tabs__item.is-right {border-bottom: none;border-top: 1px solid #e4e7ed}
.yg-tabs--right.yg-tabs--card .yg-tabs__item.is-right:first-child {border-left: 1px solid #e4e7ed;border-top: none}
.yg-tabs--right.yg-tabs--card .yg-tabs__item.is-right.is-active {border: 1px solid #e4e7ed;border-left-color: #fff;border-right: none;border-bottom: none}
.yg-tabs--right.yg-tabs--card .yg-tabs__item.is-right.is-active:first-child {border-top: none}
.yg-tabs--right.yg-tabs--card .yg-tabs__item.is-right.is-active:last-child {border-bottom: none}
.yg-tabs--right.yg-tabs--card .yg-tabs__nav {border-radius: 0 4px 4px 0;border-bottom: 1px solid #e4e7ed;border-left: none}
.yg-tabs--right.yg-tabs--border-card .yg-tabs__header.is-right {border-left: 1px solid #dfe4ed}
.yg-tabs--right.yg-tabs--border-card .yg-tabs__item.is-right {border: 1px solid transparent;margin: -1px -1px -1px 0}
.yg-tabs--right.yg-tabs--border-card .yg-tabs__item.is-right.is-active {border-color: #d1dbe5 transparent}
/*******************
 新自研控件总体css -- 图标按钮
 日期: 2020-02-08
********************/
.noselect,.yg-ico-btn{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.yg-ico-btn{padding-left:10px;padding-right:10px;cursor:pointer;border:none;background-color:transparent;line-height: 13px;font-weight: unset !important;}
.yg-ico-btn span{margin-top:-3px;color:#b9b9b9}
.yg-ico-btn:hover>span{color:#333}
.yg-ico-btn:active>span{color:#43A0C8}
.yg-ico-btn:active{transform: translateY(1px);}
.yg-ico-btn[disabled] span{color:#b9b9b9 !important}

/*******************
 日期: 2020-02-13
 ********************/
.yg-chk-ico-btn{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.yg-chk-ico-btn{width:56px; text-align: center;display: inline-block;line-height: 12px;padding-bottom: 6px;padding-top: 5px;position: relative;font-weight: unset !important;}
.yg-chk-ico-btn:active{transform: translateY(1px);}
.yg-chk-ico-btn>.chk{width:100%;height:100%;position: absolute;left:0;top:0;opacity: 0;cursor:pointer;z-index:1}
.yg-chk-ico-btn span{color:#b9b9b9;position: relative;cursor:pointer;}
.yg-chk-ico-btn:hover span{color:#333}
.yg-chk-ico-btn>.chk:checked ~span{color:#43A0C8}
.yg-chk-ico-btn>.chk:checked ~span::after{content: ' '; position: absolute;left:0;bottom:-10px;width:100%;height:3px;background: #43A0C8;}
.yg-chk-ico-btn>.chk-more ~span::before{content: '▲';transform:rotate(180deg) scale(1,0.5);-webkit-transform: rotate(180deg) scale(1,0.5);position: absolute;top: 14px;left: 50%;margin-left: -6px;font-size: 10px;}
.yg-chk-ico-btn>.chk-more:checked ~span::before{content: '▲';transform:rotate(180deg) scale(1,0.5);-webkit-transform: rotate(180deg) scale(1,0.5);position: absolute;top: 14px;left: 50%;margin-left: -6px;font-size: 10px;}
.yg-chk-ico-btn>img{margin-top: -7px;}
/*******************
 新自研控件总体css -- 在线裁剪
 日期: 2020-02-29
********************/
.jcrop-widget .jcrop-handle{display:none;position:absolute;border:1px rgba(127,127,127,0.8) solid;width:10px;height:10px;box-sizing:border-box;background:rgba(255,255,255,0.8)}
.jcrop-widget .jcrop-handle.nw{top:-3px;left:-3px;cursor:nwse-resize}
.jcrop-widget .jcrop-handle.w{top:50%;transform:translateY(-50%);left:-3px;cursor:ew-resize}
.jcrop-widget .jcrop-handle.sw{bottom:-3px;left:-3px;cursor:nesw-resize}
.jcrop-widget .jcrop-handle.ne{top:-3px;right:-3px;cursor:nesw-resize}
.jcrop-widget .jcrop-handle.e{top:50%;transform:translateY(-50%);right:-3px;cursor:ew-resize}
.jcrop-widget .jcrop-handle.se{bottom:-3px;right:-3px;cursor:nwse-resize}
.jcrop-widget .jcrop-handle.n{left:50%;transform:translateX(-50%);top:-3px;cursor:ns-resize}
.jcrop-widget .jcrop-handle.s{left:50%;transform:translateX(-50%);bottom:-3px;cursor:ns-resize}
.jcrop-widget.active .jcrop-handle{display:block}
.jcrop-widget{position:absolute;box-sizing:border-box;border:1px white dashed;opacity:0.7;background:transparent;transition:opacity 1s;padding:0;margin:0;cursor:move}
.jcrop-widget:hover{transition:opacity 0.8s;opacity:0.8}
.jcrop-widget:focus{transition:opacity 0.5s;opacity:1;outline-style:auto;outline-width:3px;outline-color:rgba(0,0,0,0.3)}
.jcrop-shade{background:rgba(0,0,0,0.5);transition:opacity 0.4s, background-color 0.7s;position:absolute}
.jcrop-shade.l{top:0px;left:0px;height:100%}
.jcrop-shade.r{top:0px;right:0px;height:100%}
.jcrop-shade.t{top:0px}
.jcrop-shade.b{bottom:0px}
.jcrop-stage{position:absolute;width:100%}
.jcrop-image-stage img{position:absolute;z-index:-1}
.jcrop-ux-inactive-handles .jcrop-widget .jcrop-handle{display:block}
.jcrop-widget img{width:100%;height:auto}
.jcrop-ux-fade-more .jcrop-widget{opacity:0.25}
.jcrop-ux-fade-more .jcrop-widget:hover{transition:opacity 0.4s;opacity:0.8}
.jcrop-ux-fade-more .jcrop-widget:focus{transition:opacity 0.5s;opacity:1;outline-style:auto;outline-width:3px;outline-color:rgba(0,0,0,0.3)}
.jcrop-ux-fade-more .jcrop-widget{opacity:0.25}
.jcrop-ux-fade-more .jcrop-widget:hover{opacity:0.65}
.jcrop-ux-keep-current .jcrop-widget.active{opacity:1;outline-style:auto;outline-width:3px;outline-color:rgba(0,0,0,0.3)}
.jcrop-ux-no-outline .jcrop-widget{outline:none !important}
.jcrop-disable.jcrop-stage{opacity:.8}
.jcrop-disable.jcrop-stage .jcrop-widget{outline:none !important}

.pic-upload-lading{position:fixed;z-index:1000000;width:100px;height:30px;line-height:30px;left:50%;margin-left:-50px;top:50%;margin-top:-15px;background:#333;color:#fff}
.pic-crop{background: url(/static/img/crop.png)  no-repeat left top /auto 100%; line-height: 1;vertical-align: baseline;display: inline-block;font-size: 20px;width: 20px;height: 20px;}
.left-roate{background: url(/static/img/leftrotate.png)  no-repeat left top /auto 100%; line-height: 1;vertical-align: baseline;display: inline-block;font-size: 20px;width: 20px;height: 20px;}
.right-roate{background: url(/static/img/rightrotate.png)  no-repeat left top /auto 100%; line-height: 1;vertical-align: baseline;display: inline-block;font-size: 20px;width: 20px;height: 20px;}

/*a链接式按钮*/
.yg-link{display: inline-flex;flex-direction: row;align-items: center;justify-content: center;vertical-align: middle;position: relative;text-decoration: none;outline: none;cursor: pointer;padding: 0;font-size: 14px;font-weight: 500}
.yg-link.is-underline:hover:after{content: "";position: absolute;left: 0;right: 0;height: 0;bottom: 0;border-bottom: 1px solid #409eff}
.yg-link.is-disabled{cursor: not-allowed}
.yg-link [class*=yg-icon-]+span{margin-left: 5px}
.yg-link.yg-link--default{color: #466dc4;}
.yg-link.yg-link--default:hover{color: #409eff}
.yg-link.yg-link--default:after{border-color: #409eff}
.yg-link.yg-link--default.is-disabled{color: #c0c4cc}
.yg-link.yg-link--primary{color: #409eff}
.yg-link.yg-link--primary:hover{color: #66b1ff}
.yg-link.yg-link--primary:after{border-color: #409eff}
.yg-link.yg-link--primary.is-disabled{color: #a0cfff}
.yg-link.yg-link--primary.is-underline:hover:after{border-color: #409eff}
.yg-link.yg-link--danger{color: #f56c6c}
.yg-link.yg-link--danger:hover{color: #f78989}
.yg-link.yg-link--danger:after{border-color: #f56c6c}
.yg-link.yg-link--danger.is-disabled{color: #fab6b6}
.yg-link.yg-link--danger.is-underline:hover:after{border-color: #f56c6c}
.yg-link.yg-link--success{color: #67c23a}
.yg-link.yg-link--success:hover{color: #85ce61}
.yg-link.yg-link--success:after{border-color: #67c23a}
.yg-link.yg-link--success.is-disabled{color: #b3e19d}
.yg-link.yg-link--success.is-underline:hover:after{border-color: #67c23a}
.yg-link.yg-link--warning{color: #e6a23c}
.yg-link.yg-link--warning:hover{color: #ebb563}
.yg-link.yg-link--warning:after{border-color: #e6a23c}
.yg-link.yg-link--warning.is-disabled{color: #f3d19e}
.yg-link.yg-link--warning.is-underline:hover:after{border-color: #e6a23c}
.yg-link.yg-link--info{color: #909399}
.yg-link.yg-link--info:hover{color: #a6a9ad}
.yg-link.yg-link--info:after{border-color: #909399}
.yg-link.yg-link--info.is-disabled{color: #c8c9cc}
.yg-link.yg-link--info.is-underline:hover:after{border-color: #909399}

/*穿梭框*/
.yg-transfer{font-size:14px}
.yg-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}
.yg-transfer__buttons .yg-button.primary:disabled{background-color: #c7e4e2   !important;}
.yg-transfer__button{display:block;margin:0 auto;color:#fff !important;background-color:#43A0C8 !important;font-size:0}
.yg-transfer__button.is-with-texts{border-radius:4px}
.yg-transfer__button.is-disabled,
.yg-transfer__button.is-disabled:hover{border:1px solid #dcdfe6;background-color:#f5f7fa !important;color:#333 !important}
.yg-transfer__button:first-child{margin-bottom:10px}
.yg-transfer__button:nth-child(2){margin:0}
.yg-transfer__button i,.yg-transfer__button span{font-size:14px}
.yg-transfer__button [class*=yg-icon-]+span{margin-left:0}

.yg-transfer-panel{border:1px solid #ebeef5;border-radius:4px;overflow:hidden;background:#fff;display:inline-block;vertical-align:middle;width:200px;max-height:100%;box-sizing:border-box;position:relative}
.yg-transfer-panel__body{height:323px}
.yg-transfer-panel__body.is-with-footer{padding-bottom:40px}
.yg-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:323px;overflow:auto;box-sizing:border-box}
.yg-transfer-panel__list.is-filterable{height:194px;padding-top:0}
.yg-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block!important}
.yg-transfer-panel__item+.yg-transfer-panel__item{margin-left:0}
.yg-transfer-panel__item:hover{color:#409eff;background-color: #f0f0f0;}

.yg-transfer-panel__filter{text-align:center;margin:15px;box-sizing:border-box;display:block;width:auto}
.yg-transfer-panel__filter .yg-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}
.yg-transfer-panel__filter .yg-input__icon{margin-left:5px}
.yg-transfer-panel__filter .yg-icon-circle-close{cursor:pointer}
.yg-transfer-panel .yg-transfer-panel__header{height:40px;line-height:40px;background:#f5f7fa;margin:0;padding-left:15px;border-bottom:1px solid #ebeef5;box-sizing:border-box;color:#000}
.yg-transfer-panel .yg-transfer-panel__header .yg-checkbox{display:block;line-height:40px}
.yg-transfer-panel .yg-transfer-panel__footer{height:40px;background:#fff;margin:0;padding:0;border-top:1px solid #ebeef5;position:absolute;bottom:0;left:0;width:100%;z-index:1}
.yg-transfer-panel .yg-transfer-panel__footer:after{display:inline-block;content:"";height:100%;vertical-align:middle}
.yg-transfer-panel .yg-transfer-panel__footer .yg-checkbox{padding-left:20px;color:#606266}
.yg-transfer-panel .yg-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#909399;text-align:center}
.yg-transfer-panel .yg-checkbox__inner{height:14px;width:14px;border-radius:3px}
.yg-transfer-panel .yg-checkbox__inner:after{height:6px;width:3px;left:4px}
.yg-container{display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;min-width:0}
.yg-container.is-vertical{flex-direction:column}
.yg-header{padding:0 20px}
.yg-aside,.yg-header{box-sizing:border-box;flex-shrink:0}
.yg-aside,.yg-main{overflow:auto}
.yg-main{display:block;flex:1;flex-basis:auto;padding:20px}

/*数量显示*/
.yg-badge {position: relative;vertical-align: middle;display: inline-block;right:50px;top:0px;}
.yg-badge__content {background-color: #f56c6c;border-radius: 10px;color: #fff;display: inline-block;font-size: 12px;height: 18px;line-height: 18px;padding: 0 6px;text-align: center;white-space: nowrap;border: 1px solid #fff}
.yg-badge__content.is-fixed {position: absolute;top: 0;right: 10px;transform: translateY(-50%) translateX(100%)}
.yg-badge__content.is-fixed.is-dot {right: 5px}
.yg-badge__content.is-dot {height: 8px;width: 8px;padding: 0;right: 0;border-radius: 50%}
.yg-badge__content--primary {background-color: #409eff}
.yg-badge__content--success {background-color: #67c23a}
.yg-badge__content--warning {background-color: #e6a23c}
.yg-badge__content--info {background-color: #909399}
.yg-badge__content--danger {background-color: #f56c6c}
.top-right-com-mark .yg-badge__content {font-size:11px;padding:0 6px;height:18px;line-height:18px;}

/*avatar*/
.yg-avatar {display: inline-block;box-sizing: border-box;text-align: center;overflow: hidden;color: #fff;background: #c0c4cc;width: 40px;height: 40px;line-height: 40px;font-size: 14px}
.yg-avatar>img {display: block;height: 100%;vertical-align: middle}
.yg-avatar--circle {border-radius: 50%}
.yg-avatar--square {border-radius: 4px}
.yg-avatar--icon {font-size: 18px}
.yg-avatar--large {width: 40px;height: 40px;line-height: 40px}
.yg-avatar--medium {width: 36px;height: 36px;line-height: 36px}
.yg-avatar--small {width: 28px;height: 28px;line-height: 28px}
@keyframes yg-drawer-fade-in {
    0% {opacity: 0}
    to {opacity: 1}
}
@keyframes rtl-drawer-in {
    0% {transform: translate(100%)}
    to {transform: translate(0)}
}
@keyframes rtl-drawer-out {
    0% {transform: translate(0)}
    to {transform: translate(100%)}
}
@keyframes ltr-drawer-in {
    0% {transform: translate(-100%)}
    to {transform: translate(0)}
}
@keyframes ltr-drawer-out {
    0% {transform: translate(0)}
    to {transform: translate(-100%)}
}
@keyframes ttb-drawer-in {
    0% {transform: translateY(-100%)}
    to {transform: translate(0)}
}
@keyframes ttb-drawer-out {
    0% {transform: translate(0)}
    to {transform: translateY(-100%)}
}
@keyframes btt-drawer-in {
    0% {transform: translateY(100%)}
    to {transform: translate(0)}
}
@keyframes btt-drawer-out {
    0% {transform: translate(0)}
    to {transform: translateY(100%)}
}

/*notification*/
.yg-notification {display: flex;width: 330px;padding: 14px 26px 14px 13px;border-radius: 8px;box-sizing: border-box;border: 1px solid #ebeef5;position: fixed;background-color: #fff;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;overflow: hidden}
.yg-notification.right {right: 16px}
.yg-notification.left {left: 16px}
.yg-notification__group {margin-left: 13px;margin-right: 8px}
.yg-notification__title {font-weight: 700;font-size: 16px;color: #303133;margin: 0}
.yg-notification__content {font-size: 14px;line-height: 21px;margin: 6px 0 0;color: #606266;text-align: justify}
.yg-notification__content p {margin: 0}
.yg-notification__icon {height: 24px;width: 24px;font-size: 24px}
.yg-notification__closeBtn {position: absolute;top: 18px;right: 15px;cursor: pointer;color: #909399;font-size: 16px}
.yg-notification__closeBtn:hover {color: #606266}
.yg-notification .yg-icon-success {color: #67c23a}
.yg-notification .yg-icon-error {color: #f56c6c}
.yg-notification .yg-icon-info {color: #909399}
.yg-notification .yg-icon-warning {color: #e6a23c}
.yg-notification-fade-enter.right {right: 0;transform: translateX(100%)}
.yg-notification-fade-enter.left {left: 0;transform: translateX(-100%)}
.yg-notification-fade-leave-active {opacity: 0}

/*button group*/
.yg-button-group {display: inline-block;vertical-align: middle}
.yg-button-group:after,.yg-button-group:before {display: table;content: ""}
.yg-button-group:after {clear: both}
.yg-button-group>.yg-button {float: left;position: relative}
.yg-button-group>.yg-button+.yg-button {margin-left: 0}
.yg-button-group>.yg-button.is-disabled {z-index: 1}
.yg-button-group>.yg-button:first-child {border-top-right-radius: 0;border-bottom-right-radius: 0}
.yg-button-group>.yg-button:last-child {border-top-left-radius: 0;border-bottom-left-radius: 0}
.yg-button-group>.yg-button:first-child:last-child {border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px}
.yg-button-group>.yg-button:first-child:last-child.is-round {border-radius: 20px}
.yg-button-group>.yg-button:first-child:last-child.is-circle {border-radius: 50%}
.yg-button-group>.yg-button:not(:first-child):not(:last-child) {border-radius: 0}
.yg-button-group>.yg-button:not(:last-child) {margin-right: -1px}
.yg-button-group>.yg-button.is-active,.yg-button-group>.yg-button:active,.yg-button-group>.yg-button:focus,.yg-button-group>.yg-button:hover {z-index: 1}
.yg-button-group>.yg-dropdown>.yg-button {border-top-left-radius: 0;border-bottom-left-radius: 0;border-left-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--primary:first-child {border-right-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--primary:last-child {border-left-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--primary:not(:first-child):not(:last-child) {border-left-color: hsla(0,0%,100%,.5);border-right-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--success:first-child {border-right-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--success:last-child {border-left-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--success:not(:first-child):not(:last-child) {border-left-color: hsla(0,0%,100%,.5);border-right-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--warning:first-child {border-right-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--warning:last-child {border-left-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--warning:not(:first-child):not(:last-child) {border-left-color: hsla(0,0%,100%,.5);border-right-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--danger:first-child {border-right-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--danger:last-child {border-left-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--danger:not(:first-child):not(:last-child) {border-left-color: hsla(0,0%,100%,.5);border-right-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--info:first-child {border-right-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--info:last-child {border-left-color: hsla(0,0%,100%,.5)}
.yg-button-group .yg-button--info:not(:first-child):not(:last-child) {border-left-color: hsla(0,0%,100%,.5);border-right-color: hsla(0,0%,100%,.5)}

.yg-button--text {border-color: transparent;color: #409eff;background: transparent;padding-left: 0;padding-right: 0}
.yg-button--text:focus,.yg-button--text:hover {color: #66b1ff;border-color: transparent;background-color: transparent}
.yg-button--text:active {color: #3a8ee6;background-color: transparent}
.yg-button--text.is-disabled,.yg-button--text.is-disabled:focus,.yg-button--text.is-disabled:hover,.yg-button--text:active {border-color: transparent}/*dropdown*/

.yg-dropdown {display: inline-block;position: relative;color: #606266;font-size: 14px}
.yg-dropdown .yg-button-group {display: block}
.yg-dropdown .yg-button-group .yg-button {float: none; min-width: unset !important}
.yg-dropdown .yg-dropdown__caret-button {padding-left: 5px;padding-right: 5px;position: relative;border-left: none}
.yg-dropdown .yg-dropdown__caret-button:before {content: "";position: absolute;display: block;width: 1px;top: 5px;bottom: 5px;left: 0;background: hsla(0,0%,100%,.5)}
.yg-dropdown .yg-dropdown__caret-button.yg-button--default:before {background: rgba(220,223,230,.5)}
.yg-dropdown .yg-dropdown__caret-button:hover:before {top: 0;bottom: 0}
.yg-dropdown .yg-dropdown__caret-button .yg-dropdown__icon {padding-left: 0}
.yg-dropdown__icon {font-size: 12px;margin: 0 3px}
.yg-dropdown .yg-dropdown-selfdefine:focus:active,.yg-dropdown .yg-dropdown-selfdefine:focus:not(.focusing) {outline-width: 0}
.yg-dropdown-menu {position: absolute;top: 0;left: 0;z-index: 10;padding: 10px 0;margin: 5px 0;background-color: #fff;border: 1px solid #ebeef5;border-radius: 4px;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)}
.yg-dropdown-menu__item {list-style: none;line-height: 36px;padding: 0 20px;margin: 0;font-size: 14px;color: #606266;cursor: pointer;outline: none}
.yg-dropdown-menu__item:focus,.yg-dropdown-menu__item:not(.is-disabled):hover {background-color: #C0EAFC;}
.yg-dropdown-menu__item i {margin-right: 5px}
.yg-dropdown-menu__item--divided {position: relative;margin-top: 6px;border-top: 1px solid #ebeef5}
.yg-dropdown-menu__item--divided:before {content: "";height: 6px;display: block;margin: 0 -20px;background-color: #fff}
.yg-dropdown-menu__item.is-disabled {cursor: default;color: #bbb;pointer-events: none}
.yg-dropdown-menu--medium {padding: 6px 0}
.yg-dropdown-menu--medium .yg-dropdown-menu__item {line-height: 30px;padding: 0 17px;font-size: 14px}
.yg-dropdown-menu--medium .yg-dropdown-menu__item.yg-dropdown-menu__item--divided {margin-top: 6px}
.yg-dropdown-menu--medium .yg-dropdown-menu__item.yg-dropdown-menu__item--divided:before {height: 6px;margin: 0 -17px}
.yg-dropdown-menu--small {padding: 6px 0}
.yg-dropdown-menu--small .yg-dropdown-menu__item {line-height: 27px;padding: 0 15px;font-size: 13px}
.yg-dropdown-menu--small .yg-dropdown-menu__item.yg-dropdown-menu__item--divided {margin-top: 4px}
.yg-dropdown-menu--small .yg-dropdown-menu__item.yg-dropdown-menu__item--divided:before {height: 4px;margin: 0 -15px}
.yg-dropdown-menu--mini {padding: 3px 0}
.yg-dropdown-menu--mini .yg-dropdown-menu__item {line-height: 24px;padding: 0 10px;font-size: 12px}
.yg-dropdown-menu--mini .yg-dropdown-menu__item.yg-dropdown-menu__item--divided {margin-top: 3px}
.yg-dropdown-menu--mini .yg-dropdown-menu__item.yg-dropdown-menu__item--divided:before {height: 3px;margin: 0 -10px}

/*steps*/
.yg-steps {display: flex}
.yg-steps--simple {padding: 13px 8%;border-radius: 4px;background: #f5f7fa}
.yg-steps--horizontal {white-space: nowrap}
.yg-steps--vertical {height: 100%;flex-flow: column}
.yg-step {position: relative;flex-shrink: 1}
.yg-step:last-of-type .yg-step__line {display: none}
.yg-step:last-of-type.is-flex {flex-basis: auto!important;flex-shrink: 0;flex-grow: 0}
.yg-step:last-of-type .yg-step__description,.yg-step:last-of-type .yg-step__main {padding-right: 0}
.yg-step__head {position: relative;width: 100%}
.yg-step__head.is-process {color: #303133;border-color: #303133}
.yg-step__head.is-wait {color: #c0c4cc;border-color: #c0c4cc}
.yg-step__head.is-success {color: #67c23a;border-color: #67c23a}
.yg-step__head.is-error {color: #f56c6c;border-color: #f56c6c}
.yg-step__head.is-finish {color: #409eff;border-color: #409eff}
.yg-step__icon {position: relative;z-index: 1;display: inline-flex;justify-content: center;align-items: center;width: 24px;height: 24px;font-size: 14px;box-sizing: border-box;background: #fff;transition: .15s ease-out}
.yg-step__icon.is-text {border-radius: 50%;border: 2px solid;border-color: inherit}
.yg-step__icon.is-icon {width: 40px}
.yg-step__icon-inner {display: inline-block;user-select: none;text-align: center;font-weight: 700;line-height: 1;color: inherit}
.yg-step__icon-inner[class*=yg-icon]:not(.is-status) {font-size: 25px;font-weight: 400}
.yg-step__icon-inner.is-status {transform: translateY(1px)}
.yg-step__line {position: absolute;border-color: inherit;background-color: #c0c4cc}
.yg-step__line-inner {display: block;border: 1px solid;border-color: inherit;transition: .15s ease-out;box-sizing: border-box;width: 0;height: 0}
.yg-step__main {white-space: normal;text-align: left}
.yg-step__title {font-size: 16px;line-height: 38px}
.yg-step__title.is-process {font-weight: 700;color: #303133}
.yg-step__title.is-wait {color: #c0c4cc}
.yg-step__title.is-success {color: #67c23a}
.yg-step__title.is-error {color: #f56c6c}
.yg-step__title.is-finish {color: #409eff}
.yg-step__description {padding-right: 10%;margin-top: -5px;font-size: 12px;line-height: 20px;font-weight: 400}
.yg-step__description.is-process {color: #303133}
.yg-step__description.is-wait {color: #c0c4cc}
.yg-step__description.is-success {color: #67c23a}
.yg-step__description.is-error {color: #f56c6c}
.yg-step__description.is-finish {color: #409eff}
.yg-step.is-horizontal {display: inline-block}
.yg-step.is-horizontal .yg-step__line {height: 2px;top: 11px;left: 0;right: 0}
.yg-step.is-vertical {display: flex}
.yg-step.is-vertical .yg-step__head {flex-grow: 0;width: 24px}
.yg-step.is-vertical .yg-step__main {padding-left: 10px;flex-grow: 1}
.yg-step.is-vertical .yg-step__title {line-height: 24px;padding-bottom: 8px}
.yg-step.is-vertical .yg-step__line {width: 2px;top: 0;bottom: 0;left: 11px}
.yg-step.is-vertical .yg-step__icon.is-icon {width: 24px}
.yg-step.is-center .yg-step__head,.yg-step.is-center .yg-step__main {text-align: center}
.yg-step.is-center .yg-step__description {padding-left: 20%;padding-right: 20%}
.yg-step.is-center .yg-step__line {left: 50%;right: -50%}
.yg-step.is-simple {display: flex;align-items: center}
.yg-step.is-simple .yg-step__head {width: auto;font-size: 0;padding-right: 10px}
.yg-step.is-simple .yg-step__icon {background: transparent;width: 16px;height: 16px;font-size: 12px}
.yg-step.is-simple .yg-step__icon-inner[class*=yg-icon]:not(.is-status) {font-size: 18px}
.yg-step.is-simple .yg-step__icon-inner.is-status {transform: scale(.8) translateY(1px)}
.yg-step.is-simple .yg-step__main {position: relative;display: flex;align-items: stretch;flex-grow: 1}
.yg-step.is-simple .yg-step__title {font-size: 16px;line-height: 20px}
.yg-step.is-simple:not(:last-of-type) .yg-step__title {max-width: 50%;word-break: break-all}
.yg-step.is-simple .yg-step__arrow {flex-grow: 1;display: flex;align-items: center;justify-content: center}
.yg-step.is-simple .yg-step__arrow:after,.yg-step.is-simple .yg-step__arrow:before {content: "";display: inline-block;position: absolute;height: 15px;width: 1px;background: #c0c4cc}
.yg-step.is-simple .yg-step__arrow:before {transform: rotate(-45deg) translateY(-4px);transform-origin: 0 0}
.yg-step.is-simple .yg-step__arrow:after {transform: rotate(45deg) translateY(4px);transform-origin: 100% 100%}
.yg-step.is-simple:last-of-type .yg-step__arrow {display: none}

/*popover*/
.yg-popover {position: absolute;background: #fff;min-width: 150px;border-radius: 4px;border: 1px solid #ebeef5;padding: 20px;z-index: 2000;color: #606266;line-height: 1.4;text-align: justify;font-size: 14px;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);word-break: break-all}
.yg-popover--plain {padding: 18px 20px}
.yg-popover__title {color: #303133;font-size: 16px;line-height: 1;margin-bottom: 12px}
.yg-popover:focus,.yg-popover:focus:active,.yg-popover__reference:focus:hover,.yg-popover__reference:focus:not(.focusing) {outline-width: 0}

/*popconfirm*/
.yg-popconfirm__main {display: flex;align-items: center}
.yg-popconfirm__icon {margin-right: 5px}
.yg-popconfirm__action {text-align: right;margin: 10px 0 0 0}

.yg-popconfirm .text {border-color: transparent;color: #43A0C8;background: transparent;padding-left: 0;padding-right: 0}
.yg-popconfirm .text:focus,.yg-popconfirm .text:hover {color: #43A0C8;border-color: transparent;background-color: transparent}
.yg-popconfirm .text:active {color: #3a8ee6;background-color: transparent}
.yg-popconfirm .text.is-disabled,.yg-popconfirm .text.is-disabled:focus,.yg-popconfirm .text.is-disabled:hover,.yg-popconfirm .text:active {border-color: transparent}

/*timeline*/
.yg-timeline {margin: 0;font-size: 14px;list-style: none}
.yg-timeline .yg-timeline-item:last-child .yg-timeline-item__tail {display: none}
.yg-timeline-item {position: relative;padding-bottom: 20px}
.yg-timeline-item__wrapper {position: relative;padding-left: 28px;top: -3px}
.yg-timeline-item__tail {position: absolute;left: 4px;height: 100%;border-left: 2px solid #e4e7ed}
.yg-timeline-item__icon {color: #fff;font-size: 13px}
.yg-timeline-item__node {position: absolute;background-color: #e4e7ed;border-radius: 50%;display: flex;justify-content: center;align-items: center}
.yg-timeline-item__node--normal {left: -1px;width: 12px;height: 12px}
.yg-timeline-item__node--large {left: -2px;width: 14px;height: 14px}
.yg-timeline-item__node--primary {background-color: #409eff}
.yg-timeline-item__node--success {background-color: #67c23a}
.yg-timeline-item__node--warning {background-color: #e6a23c}
.yg-timeline-item__node--danger {background-color: #f56c6c}
.yg-timeline-item__node--info {background-color: #909399}
.yg-timeline-item__dot {position: absolute;display: flex;justify-content: center;align-items: center}
.yg-timeline-item__content {color: #303133}
.yg-timeline-item__timestamp {color: #909399;line-height: 1;font-size: 13px}
.yg-timeline-item__timestamp.is-top {margin-bottom: 8px;padding-top: 4px}
.yg-timeline-item__timestamp.is-bottom {margin-top: 8px}

/*card*/
.yg-card {border-radius: 4px;border: 1px solid #ebeef5;background-color: #fff;overflow: hidden;color: #303133;transition: .3s}
.yg-card.is-always-shadow,.yg-card.is-hover-shadow:focus,.yg-card.is-hover-shadow:hover {box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)}
.yg-card__header {padding: 18px 20px;border-bottom: 1px solid #ebeef5;box-sizing: border-box}
.yg-card__body {padding: 20px}

/*抽屉*/
@keyframes el-drawer-fade-in {
    0% {opacity: 0}
    to {opacity: 1}
}
@keyframes rtl-drawer-in {
    0% {transform: translate(100%)}
    to {transform: translate(0)}
}
@keyframes rtl-drawer-out {
    0% {transform: translate(0)}
    to {transform: translate(100%)}
}
@keyframes ltr-drawer-in {
    0% {transform: translate(-100%)}
    to {transform: translate(0)}
}

@keyframes ltr-drawer-out {
    0% {transform: translate(0)}
    to {transform: translate(-100%)}
}
@keyframes ttb-drawer-in {
    0% {transform: translateY(-100%)}
    to {transform: translate(0)}
}
@keyframes ttb-drawer-out {
    0% {transform: translate(0)}
    to {transform: translateY(-100%)}
}
@keyframes btt-drawer-in {
    0% {transform: translateY(100%)}
    to {transform: translate(0)}
}
@keyframes btt-drawer-out {
    0% {transform: translate(0)}
    to {transform: translateY(100%)}
}
.yg-drawer {position: absolute; outline: none !important; box-sizing: border-box;background-color: #fff;display: flex;flex-direction: column;box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow: hidden}
.yg-drawer.rtl {animation: rtl-drawer-out .3s}
.yg-drawer__open .yg-drawer.rtl {animation: rtl-drawer-in .3s 1ms}
.yg-drawer.ltr {animation: ltr-drawer-out .3s}
.yg-drawer__open .yg-drawer.ltr {animation: ltr-drawer-in .3s 1ms}
.yg-drawer.ttb {animation: ttb-drawer-out .3s}
.yg-drawer__open .yg-drawer.ttb {animation: ttb-drawer-in .3s 1ms}
.yg-drawer.btt {animation: btt-drawer-out .3s}
.yg-drawer__open .yg-drawer.btt {animation: btt-drawer-in .3s 1ms}
.yg-drawer__wrapper {position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;margin: 0}
.yg-drawer__header {align-items: center;color: #72767b;display: flex;margin-bottom: 0px;padding: 20px 20px 0}
.yg-drawer__header>:first-child {flex: 1;outline: none !important; }
.yg-drawer__title {margin: 0;flex: 1;line-height: inherit;font-size: 1rem;}
.yg-drawer__close-btn {border: none;cursor: pointer;font-size: 20px;color: inherit;background-color: transparent}
.yg-drawer__body {flex: 1}
.yg-drawer__body>* {box-sizing: border-box}
.yg-drawer.ltr,.yg-drawer.rtl {height: 100%;top: 0;bottom: 0}
.yg-drawer.btt,.yg-drawer.ttb {width: 100%;left: 0;right: 0}
.yg-drawer.ltr {left: 0}
.yg-drawer.rtl {right: 0}
.yg-drawer.ttb {top: 0}
.yg-drawer.btt {bottom: 0}
.yg-drawer__container {position: relative;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 100%}
.yg-drawer-fade-enter-active {animation: yg-drawer-fade-in .3s}
.yg-drawer-fade-leave-active {animation: yg-drawer-fade-in .3s reverse}


/*toopid 滑块*/
.yg-tooltip__popper {position: absolute;border-radius: 4px;padding: 10px;z-index: 2000;font-size: 12px;line-height: 1.2;min-width: 10px;word-wrap: break-word}
.yg-tooltip__popper .popper__arrow,.yg-tooltip__popper .popper__arrow::after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid}
.yg-tooltip__popper .popper__arrow {border-width: 6px}
.yg-tooltip__popper .popper__arrow::after {content: " ";border-width: 5px}
.yg-progress-bar__inner::after,.yg-row::after,.yg-row::before,.yg-slider::after,.yg-slider::before,.yg-slider__button-wrapper::after,.yg-upload-cover::after {content: ""}
.yg-tooltip__popper[x-placement^=top] {margin-bottom: 12px}
.yg-tooltip__popper[x-placement^=top] .popper__arrow {bottom: -6px;border-top-color: #303133;border-bottom-width: 0}
.yg-tooltip__popper[x-placement^=top] .popper__arrow::after {bottom: 1px;margin-left: -5px;border-top-color: #303133;border-bottom-width: 0}
.yg-tooltip__popper[x-placement^=bottom] {margin-top: 12px}
.yg-tooltip__popper[x-placement^=bottom] .popper__arrow {top: -6px;border-top-width: 0;border-bottom-color: #303133}
.yg-tooltip__popper[x-placement^=bottom] .popper__arrow::after {top: 1px;margin-left: -5px;border-top-width: 0;border-bottom-color: #303133}
.yg-tooltip__popper[x-placement^=right] {margin-left: 12px}
.yg-tooltip__popper[x-placement^=right] .popper__arrow {left: -6px;border-right-color: #303133;border-left-width: 0}
.yg-tooltip__popper[x-placement^=right] .popper__arrow::after {bottom: -5px;left: 1px;border-right-color: #303133;border-left-width: 0}
.yg-tooltip__popper[x-placement^=left] {margin-right: 12px}
.yg-tooltip__popper[x-placement^=left] .popper__arrow {right: -6px;border-right-width: 0;border-left-color: #303133}
.yg-tooltip__popper[x-placement^=left] .popper__arrow::after {right: 1px;bottom: -5px;margin-left: -5px;border-right-width: 0;border-left-color: #303133}
.yg-tooltip__popper.is-dark {background: #303133;color: #FFF}
.yg-tooltip__popper.is-light {background: #FFF;border: 1px solid #303133}
.yg-tooltip__popper.is-light[x-placement^=top] .popper__arrow {border-top-color: #303133}
.yg-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {border-top-color: #FFF}
.yg-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {border-bottom-color: #303133}
.yg-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {border-bottom-color: #FFF}
.yg-tooltip__popper.is-light[x-placement^=left] .popper__arrow {border-left-color: #303133}
.yg-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {border-left-color: #FFF}
.yg-tooltip__popper.is-light[x-placement^=right] .popper__arrow {border-right-color: #303133}
.yg-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {border-right-color: #FFF}
.yg-slider::after,.yg-slider::before {display: table}
.yg-slider__button-wrapper .yg-tooltip,.yg-slider__button-wrapper::after {vertical-align: middle;display: inline-block}
.yg-slider::after {clear: both}
.yg-slider__runway {width: 100%;height: 6px;margin: 16px 0;background-color: #E4E7ED;border-radius: 3px;position: relative;cursor: pointer;vertical-align: middle}
.yg-slider__runway.show-input {margin-right: 160px;width: auto}
.yg-slider__runway.disabled {cursor: default}
.yg-slider__runway.disabled .yg-slider__bar {background-color: #C0C4CC}
.yg-slider__runway.disabled .yg-slider__button {border-color: #C0C4CC}
.yg-slider__runway.disabled .yg-slider__button-wrapper.dragging,.yg-slider__runway.disabled .yg-slider__button-wrapper.hover,.yg-slider__runway.disabled .yg-slider__button-wrapper:hover {cursor: not-allowed}
.yg-slider__runway.disabled .yg-slider__button.dragging,.yg-slider__runway.disabled .yg-slider__button.hover,.yg-slider__runway.disabled .yg-slider__button:hover {-webkit-transform: scale(1);transform: scale(1);cursor: not-allowed}
.yg-slider__button-wrapper,.yg-slider__stop {-webkit-transform: translateX(-50%);position: absolute}
.yg-slider__input {float: right;margin-top: 3px;width: 130px}
.yg-slider__input.yg-input-number--mini {margin-top: 5px}
.yg-slider__input.yg-input-number--medium {margin-top: 0}
.yg-slider__input.yg-input-number--large {margin-top: -2px}
.yg-slider__bar {height: 6px;background-color: #409EFF;border-top-left-radius: 3px;border-bottom-left-radius: 3px;position: absolute}
.yg-slider__button-wrapper {height: 36px;width: 36px;z-index: 1001;top: -15px;transform: translateX(-50%);background-color: transparent;text-align: center;user-select: none;line-height: normal}
.yg-slider__button-wrapper::after {height: 100%}
.yg-slider__button-wrapper.hover,.yg-slider__button-wrapper:hover {cursor: -webkit-grab;cursor: grab}
.yg-slider__button-wrapper.dragging {cursor: -webkit-grabbing;cursor: grabbing}
.yg-slider__button {width: 16px;height: 16px;border: 2px solid #409EFF;background-color: #FFF;border-radius: 50%;-webkit-transition: .2s;transition: .2s;user-select: none}

/*21/7/19*/
.table-cust-set{padding:20px;position:relative;}
.table-cust-set .set-right{position:absolute;right:30px; top:55px}
.table-cust-set .set-right .mb10{margin-bottom: 10px}
.table-cust-set .set-right .btns{width:77px}
.table-cust-set .set-left-table{width:543px;height:371px; border-collapse: collapse; border-top:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0}
.table-cust-set .set-left-table table{width:100%;}
.table-cust-set .set-left-table table th{text-align: left; font-weight: normal; font-size:12px; height:30px; background-color: #FAFAFA;}
.table-cust-set .set-left-table table td{ font-size:12px; height:30px;}
.table-cust-set .set-left-table table td .yg-radio__label{padding-left:0 !important; font-size: 12px; }
.table-cust-set .set-left-table table td .yg-radio+.yg-radio{margin-left: 5px}
.table-cust-set .set-left-table table tr:hover{background-color: #E8F8FF;}
.table-cust-set .set-left-table table .act{background-color: #CDECFA !important;}

/*21/7/23*/
.list-com-close-btn{position:absolute;right:4px;top:50%; transform: translateY(-50%); color:#999;cursor:pointer}
.list-com-dir{position:absolute;right:4px;top:50%; transform: translateY(-50%); color:#999;cursor:pointer; pointer-events: none; transition: all ease 0.2s;}
.list-com-dir.ico-blue{color: #43A0C8;transform: rotate(180deg) translateY(50%);}

/*21/8/12 新样式*/
.newfont:hover{color: #e8f8ff !important;}
.newfont:active{color: #1b8ebf !important;}
.yg-icon-edit-outline:hover{color: #43A0C8;}
/*21/12/25 原因/备注新样式*/
.remarkcss{display: flex;line-height:26px;font-size:12px;color:#ccc;width:60%;word-break:break-all;}
/*22/1/6 下单内背景样式*/
.order_userinfo{margin: auto;background-color: #fff;margin-top: 20px;padding-top: 20px;padding-bottom: 30px;    display: flex;width:1200px; border-radius: 15px;box-shadow: 0 0 13px #e5e1e1;}
/*22/1/6 hgx下单新建*/
.left-label::before{content: '';display: inline-block;width: 18px;height: 18px;background-image: url('/static/img/doctor/img/icon_order.png');background-size: 100% 100%;margin-right: 3px;vertical-align: -4px;}
/*22/1/13 hgx修改产品*/
.yg-form-item.is-required .yg-form-item__label::before {
    content: '*';
    color: #f56c6c;
    /* position: absolute; */
    left: 30px;
}
.changebtn{color: #466DC4;cursor: pointer;  }
.changebtn:hover{border-bottom: 1px solid #466DC4;  }
/* 手动错误样式 */
.error_css{color:red;margin-left:130px}
.error_css:before {content: "\e7a3";}
.informtips{color: #bfbfbf;font-size: 12px;display: inline-block;margin-left: 5px;font-family: element-icons !important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;vertical-align: baseline;display: inline-block;-webkit-font-smoothing: antialiased;}.informtips::before{content: "\e7a3";margin-right: 5px}
.pub-title{position: relative; z-index: 1;}
.detail-info-css{position: relative; width:1120px; min-height: 200px;}
.right-auto-scroll{background: #fff;overflow: auto;height: calc(100% - 40px);}
.right-auto-scroll>div{min-width: 1000px;}
.order_detail_box{width: 100%;height: 100%;display: flex;}
.detail_left_content{min-width:220px;border-right:solid 1px #e8e8e8;height:100%;flex-shrink: 0;overflow-y: auto;overflow-x: hidden;}
.detail_right_content{height: 100%;width: 0;flex-grow: 1;}
/* sass套壳下单样式改变 */
.un_shoppingmall_css{width: calc(100% - 70px);left: 70px;}
.shoppingmall_css{width:100%;height: 100% !important;left: 0px; top: 0px !important;  }
/* 口扫套壳的下载 弹框样式 */
.againbox{position: fixed;width: 350px;height: 50px;left: 45vw;top: 50vh;margin-left: -75px;margin-top: -60px;color: #fff;background-color:  rgba(0,0,0,.7);border-radius: 5px;text-align: center;user-select: none;line-height: 50px;font-size: 16px;  }
.tobtn{color: #466dc4;font-size: 14px;cursor:pointer;margin: 0px 5px;position: relative;}  /* 正在扫描中的弹框样式 */
.scanbox{position: fixed;width: 370px;height: 240px;left: 45vw;top: 50vh;margin-left: -75px;margin-top: -60px;color: #fff;background-color:  #fff;border-radius: 5px;text-align: center;user-select: none;color: #333;  }
   /* 正在扫描中的弹框样式 */
.comingscan{position: fixed;width: 350px;height: 50px;left: 45vw;top: 50vh;margin-left: -75px;margin-top: -60px;color: #fff;background-color:  rgba(0,0,0,.7);border-radius: 5px;text-align: center;user-select: none;line-height: 50px;font-size: 16px;  }
.dico:hover{
    opacity: 1;
    cursor: pointer;
}
.dico{
    opacity: 0.8;
    cursor: pointer;
}
.xico:hover{
    opacity: 1;
    cursor: pointer;
}
.xico{
    opacity: 0.8;
    cursor: pointer;
}
:focus {
    outline: none;
}
.tobtn::before{
    content: "|";
    color: #ddd;
    position: absolute;
    left: -9px;
}
.tobtn:first-child::before {
    content: "";
}

.newcheckbox .yg-checkbox__label {
  font-size: 14px;
}
.newcheckbox .yg-checkbox__input.is-disabled + span.yg-checkbox__label {
  color: #666;
  cursor: not-allowed;
}
.newcheckbox .yg-checkbox__input.is-disabled.is-checked .yg-checkbox__inner {
  background-color: rgb(200, 228, 239);
  border-color: rgb(200, 228, 239);
}
.newcheckbox .yg-checkbox__input.is-disabled.is-indeterminate .yg-checkbox__inner {
  background-color: rgb(200, 228, 239);
  border-color: rgb(200, 228, 239);
}

.newcheckbox
  .yg-checkbox__input.is-disabled.is-checked
  .yg-checkbox__inner::after {
  border-color: #fff;
}

.yg-radio__input.is-disabled.is-checked .yg-radio__inner {
  border-color: rgb(200, 228, 239);
  background: rgb(200, 228, 239);
}