/*******************
 新自研控件 动画样式区
 日期: 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;}
/*******************
 新自研控件 动态布局
 日期: 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-info:before {content: "\e61a"}
.yg-icon-error:before {content: "\e62c"}
.yg-icon-success:before {content: "\e62d"}
.yg-icon-warning:before {content: "\e62e"}
.yg-icon-question:before {content: "\e634"}
.yg-icon-back:before {content: "\e606"}
.yg-icon-arrow-left:before {content: "\e600"}
.yg-icon-arrow-down:before {content: "\e603"}
.yg-icon-arrow-right:before {content: "\e604"}
.yg-icon-arrow-up:before {content: "\e605"}
.yg-icon-caret-left:before {content: "\e60a"}
.yg-icon-caret-bottom:before {content: "\e60b"}
.yg-icon-caret-top:before {content: "\e60c"}
.yg-icon-caret-right:before {content: "\e60e"}
.yg-icon-d-arrow-left:before {content: "\e610"}
.yg-icon-d-arrow-right:before {content: "\e613"}
.yg-icon-minus:before {content: "\e621"}
.yg-icon-plus:before {content: "\e62b"}
.yg-icon-remove:before {content: "\e635"}
.yg-icon-circle-plus:before {content: "\e601"}
.yg-icon-remove-outline:before {content: "\e63c"}
.yg-icon-circle-plus-outline:before {content: "\e602"}
.yg-icon-close:before {content: "\e60f"}
.yg-icon-check:before {content: "\e611"}
.yg-icon-circle-close:before {content: "\e607";font-size: 14px;vertical-align: -1px;margin-right: 2px;}
.yg-icon-circle-check:before {content: "\e639"}
.yg-icon-circle-close-outline:before {content: "\e609"}
.yg-icon-circle-check-outline:before {content: "\e63e"}
.yg-icon-zoom-out:before {content: "\e645"}
.yg-icon-zoom-in:before {content: "\e641"}
.yg-icon-d-caret:before {content: "\e615"}
.yg-icon-sort:before {content: "\e640"}
.yg-icon-sort-down:before {content: "\e630"}
.yg-icon-sort-up:before {content: "\e631"}
.yg-icon-tickets:before {content: "\e63f"}
.yg-icon-document:before {content: "\e614"}
.yg-icon-goods:before {content: "\e618"}
.yg-icon-sold-out:before {content: "\e63b"}
.yg-icon-news:before {content: "\e625"}
.yg-icon-message:before {content: "\e61b"}
.yg-icon-date:before {content: "\e608"}
.yg-icon-printer:before {content: "\e62f"}
.yg-icon-time:before {content: "\e642"}
.yg-icon-bell:before {content: "\e622"}
.yg-icon-mobile-phone:before {content: "\e624"}
.yg-icon-service:before {content: "\e63a"}
.yg-icon-view:before {content: "\e643"}
.yg-icon-menu:before {content: "\e620"}
.yg-icon-more:before {content: "\e646"}
.yg-icon-more-outline:before {content: "\e626"}
.yg-icon-star-on:before {content: "\e637"}
.yg-icon-star-off:before {content: "\e63d"}
.yg-icon-location:before {content: "\e61d"}
.yg-icon-location-outline:before {content: "\e61f"}
.yg-icon-phone:before {content: "\e627"}
.yg-icon-phone-outline:before {content: "\e628"}
.yg-icon-picture:before {content: "\e629"}
.yg-icon-picture-outline:before {content: "\e62a"}
.yg-icon-delete:before {content: "\e612"}
.yg-icon-search:before {content: "\e619"}
.yg-icon-edit:before {content: "\e61c"}
.yg-icon-edit-outline:before {content: "\e616"}
.yg-icon-rank:before {content: "\e632"}
.yg-icon-refresh:before {content: "\e633"}
.yg-icon-share:before {content: "\e636"}
.yg-icon-setting:before {content: "\e638"}
.yg-icon-upload:before {content: "\e60d"}
.yg-icon-upload2:before {content: "\e644"}
.yg-icon-download:before {content: "\e617"}
.yg-icon-loading:before {content: "\e61e"}
/*******************
 新自研控件总体css
 日期: 2019-08-29 
 按钮组
********************/
.yg-button{min-width:70px; height:28px; /*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:#47a6a0;color:#fff;border:solid 1px #47a6a0}
.yg-button.default:focus,
.yg-button.default:hover{background:#55c6bf;color:#fff;border:solid 1px #55c6bf}

.yg-button.default:active{background:#328b83;border:solid 1px #55c6bf}
.yg-button.default:disabled{background-color:#c7e4e2  !important;border:solid 1px #c7e4e2  !important; cursor:not-allowed} 

.yg-button.primary{background:#fff;color:#47a6a0;border:solid 1px #47a6a0}
.yg-button.primary:focus,
.yg-button.primary:hover{background:#55c6bf;color:#fff;border:solid 1px #55c6bf}

.yg-button.primary:active{background:#328b83;border:solid 1px #55c6bf;color:#fff}
.yg-button.primary:disabled{background-color:#fff  !important;border:solid 1px #c7e4e2  !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:focus,
.yg-button.cancel:hover{background:#ffefe0;color:#333;border:solid 1px #ea8800}

.yg-button.cancel:active{background:#F52D00;border:solid 1px #F52D00; color:#fff;}
.yg-button.cancel:disabled{background-color:#fffdf6  !important;border:solid 1px #fbf1d1  !important; cursor:not-allowed;color:#999} 
.yg-button.cancel:disabled:hover{color:#999}

/*******************
 表单
 日期: 2019-09-06
********************/
.yg-form-item {margin-bottom: 22px;}
.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: 24px;text-align: right;background-color: #fff;padding-right: 5px;padding-top:1px; box-sizing: border-box;top:1px;left:1px; pointer-events: none;}
.icon-clear {position: absolute;top: 6px;width: 16px;height: 16px;background-size: 100%;}
.icon-clear.pos-left {left: 5px;}
.icon-clear.pos-right {right: 12px;}
.icon-clear {cursor: pointer;background: url(/static/public/ico/delx_icon.png) no-repeat;}

/*******************
 新自研控件总体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 #47a6a0 !important;background-color: #F2FFFE !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:#F2FFFE;}
.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: #47a6a0;cursor: pointer;}
.el-date-interval .txt-btn:hover {color: #55c6bf;}
.el-date-interval .txt-btn:active {color: #328b83;}
.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: 250px;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:hover,
.el-date-interval .hour-seled .content i:hover {cursor: pointer;background: #47a6a0 !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/public/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 #47a6a0 !important;background-color: #F2FFFE}
.el-date-interval-top .ipt:disabled{background: #f5f5f5 !important;cursor: not-allowed !important;}
.el-date-interval-top .ipt:disabled:hover {border: solid 1px #dcdfe6 !important;}
.el-date-interval-top .panel-table{border-collapse: collapse; font-size:13px;}
.el-date-interval-top .panel-table>tr>td{border:solid 1px #f0f0f0}

.el-date-interval .nobd {border: none !important;padding:0px}
.el-date-interval .panel-td {color: #ccc}
.el-date-interval .is_today>i {color: #47A6A0 !important;background-color: #ECF6F5 !important;border-radius: 0px;border: solid 0px #ECF6F5 !important; font-weight: bold;}
.el-date-interval .w-186 {width: 186px}
.el-date-interval i {font-style: normal}
.el-date-interval .b-calendar td i{font-size:13px;}
.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 #47a6a0;box-shadow: 0 0 2px 2px #47a6a0;}
.el-date-interval .el-date-interval {position: fixed;width: 680px;height: 340px;z-index: 100}
.el-date-interval .el-radio-button__orig-radio:checked+.el-radio-button__inner {background-color: #47a6a0;border-color: #47a6a0;-webkit-box-shadow: -1px 0 0 0 #47a6a0;box-shadow: -1px 0 0 0 #47a6a0;}
.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: #47a6a0 !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: 230px;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: #47a6a0}
.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: #47a6a0 !important;color: #fff;border: solid 1px #47a6a0 !important;cursor: pointer;min-width: 65px;border-radius: 2px}

/*实色类似确定按钮*/
.el-date-interval .fillBtn:hover {background-color: #55c6bf !important;border: solid 1px #55c6bf !important;color: #fff;}
.el-date-interval .fillBtn:active {background-color: #328b83 !important;border: solid 1px #328b83 !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: #fff7e0;color: #333;border: solid 1px #f1cf66;cursor: pointer;min-width: 65px;border-radius: 2px}

/*取消按钮*/
.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}
.el-date-interval .td-pad .lft_nav>input:disabled {cursor: not-allowed;}
.el-date-interval .td-pad .lft_nav>input:disabled+span {background:#d8d8d8;color:#fff;border: solid 1px #d8d8d8;}
.el-date-interval .td-pad .lft_nav:hover>span,
.el-date-interval .td-pad .lft_nav>input:checked+span {background: #47a6a0;color: #fff;border: solid 1px #47a6a0;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}
.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;}
.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 td {transition: all ease-out 0.2s;text-align: center;cursor: pointer;font-variant: middle;width: 34px !important;height: 28px;box-sizing: border-box;border-bottom: solid 5px #fff}
.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: #47a6a0  !important; color: #fff !important;border-top-left-radius:3px;border-bottom-left-radius:3px;width:100%;height:100%;position: absolute;left:0;top:0}
.el-date-interval .b-calendar td.eact>i {background: #47a6a0  !important;color: #fff !important;border-top-right-radius:3px;border-bottom-right-radius:3px;;width:100%;height:100%;position: absolute;left:0;top:0}
.el-date-interval .b-calendar td.sact>i:hover,
.el-date-interval .b-calendar td.eact>i:hover {color: #fff !important;}

/*单日期面板*/
.el-date-interval .single-table{font-size:13px}
.el-date-interval .single-table td.sact>i{background: #47a6a0; 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: #ECF6F5;color:#47A6A0;width:100%;height:100%}
.el-date-interval .b-mthpanel td.act {box-sizing: border-box;outline: solid 1px #47a6a0;color: #47a6a0}
.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: #47a6a0;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: #47a6a0;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-mthpanel.yg-vuemonth .action div{background: #47a6a0 !important;color: #fff;}
.el-date-interval .b-yearpanel .action div:hover,
.el-date-interval .b-mthpanel .action div:hover {background: #47a6a0 !important;color: #fff;}
.el-date-interval .b-calendar td>i{transition: all ease-out 0.2s;}
.el-date-interval .b-calendar td:active>i {background: #47a6a0 !important;color: #fff !important}
.el-date-interval .b-calendar td:hover>i {background: #EDF6F5;color: #47a6a0;border-radius: 3px;}
.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;border-radius:2px;}
.yg-diaglog>.digcontent>.header {font-size:16px;position: relative;box-sizing: border-box;padding-left: 10px;min-height: 44px;line-height: 44px;border-bottom: solid 1px #F0F0F0;height: 44px !important;}
.yg-diaglog>.digcontent>.header>.close-btn {position: absolute;min-height: 44px;line-height: 44px;right: 0;top: 0;width: 44px;text-align: center;cursor: pointer;}
.yg-diaglog>.digcontent>.header>.close-btn:hover {background: #F86D5A;color: #fff}
.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;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;}
.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>input[type="button"] {width: 80px;height: 30px;margin-left: 5px;margin-right: 5px;border-radius: 3px;}
.yg-diaglog>.digcontent>.btns>input:hover {background-color: #55c6bf !important;border: solid 1px #55c6bf !important;color: #fff;}
.yg-diaglog>.digcontent>.btns>.okbtn {background-color: #47a6a0 !important;color: #fff;border: solid 1px #47a6a0 !important;cursor: pointer}
.yg-diaglog>.digcontent>.btns>.okbtn:hover {background-color: #55c6bf !important;border: solid 1px #55c6bf !important;color: #fff;}
.yg-diaglog>.digcontent>.btns>.okbtn:active {background-color: #328b83 !important;border: solid 1px #328b83 !important}
.yg-diaglog>.digcontent>.btns>.okbtn:disabled {background-color: #c7e4e2 !important;border: solid 1px #c7e4e2 !important}
.yg-diaglog>.digcontent>.btns>.cnbtn {background-color: #fff7e0;color: #333;border: solid 1px #f1cf66;cursor: pointer}
.yg-diaglog>.digcontent>.btns>.cnbtn:hover {background-color: #ffefe0;border: solid 1px #ea8800;color: #fff}
.yg-diaglog>.digcontent>.btns>.cnbtn:active {background-color: #F52D00;border: solid 1px #F52D00;color: #fff;}
.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;padding-right: 20px;border: solid 1px #e0e0e0;color: #333;border-radius: 2px;outline: none;;background-color:#fff}
.yg-downlst .act,
.yg-downlst .ipt:hover,
.yg-downlst .ipt:focus{border: solid 1px #47a6a0 !important;background-color: #F2FFFE;/*background: url(/static/public/vue_elm/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 #47a6a0;box-sizing: border-box;position: fixed;overflow-y: auto;font-size: 14px; background: #F2FFFE;overflow: hidden;}

.yg-downlst>.list-area::-webkit-scrollbar {width: 6px; height: 6px;}
.yg-downlst>.list-area::-webkit-scrollbar-thumb {border-radius: 0px;background: #eee;}
.yg-downlst>.list-area::-webkit-scrollbar-track {border-radius: 10px;background: #eee;}

.yg-downlst>.list-area p {/*margin: 0px 5px;*/height: 18px;cursor: default;padding: 2px 5px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; max-width:100%; line-height:normal !important; position:relative;cursor:pointer}
.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 p[disabled="disabled"]{ color: #999; cursor: not-allowed}
.yg-downlst>.list-area p.act{ color: #fff !important;background-color: #47A6A0 !important;}
.yg-downlst>.list-area>div {position: static !important;}
.yg-downlst>.list-area p.act span{ color: #fff !important;}
.yg-downlst>.list-area p:hover { background-color: #D0EDEB; color: #333}
.yg-downlst>.list-area p.chklst label{display:inline-block;width:100%;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.yg-downlst>.list-area p.chklst input[type="checkbox"]{width:20px; vertical-align: -9px;}
.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/public/img/chk.png) no-repeat;height: 18px;width: 16px;background-position: 0px 0px;vertical-align: top;}
.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>div {max-height: 310px;overflow: auto;}

/*******************
 新自研控件总体css --topnotice
 日期: 2019-08-20  
********************/
.topnotice{width:380px;/*height:50px;*/box-sizing:border-box;position: fixed;left: 50%; top:20px;margin-left:-190px;transition: opacity .3s,transform .4s;overflow:visible;display: flex;align-items: center;z-index: 999999;}
/*.topnotice>.success{background: #f0f9eb; border:solid 1px #e1f3d8; color:#67c23a} 后期开放出来*/
.topnotice>.success{background: rgba(0,0,0,0.5); border:solid 0px #e1f3d8; color:#fff}
.topnotice>.warning{background: #fdf6ec; border:solid 1px #faecd8; color:#e6a23c}
.topnotice>.info{background: #edf2fc; border:solid 1px #ebeef5; color:#909399;font-size: 14px;font-weight: normal;float: none;line-height: normal;text-indent: 0;}
.topnotice>.error{background: #fef0f0; border:solid 1px #fde2e2; color:#f56c6c}
.topnotice>.info-content{box-sizing: border-box;padding-top:10px;padding: 12px 15px 15px 20px;width:100%;border-radius: 4px;height:100%;display: flex;vertical-align:middle;align-items:center;justify-content:center;}
.topnotice>.info-content>i,.topnotice>.info-content>.ico{margin-right:10px;line-height:1;vertical-align:-4px;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px} 
.topnotice>.info-content>p{flex: 1;/*margin: 0px 0 10px !important; */display: inline-block;padding-top:2px;font-size:14px;position: relative;min-width: auto;background-color: transparent;} 
/* .topnotice>.info-content>.icon-success{background: url(/static/public/vue_elm/img/sucess.png) no-repeat left center/100%}  后期开放出来*/
.topnotice>.info-content>.icon-success{background: url(/static/public/vue_elm/img/sucess.png) no-repeat left center/100%}
.topnotice>.info-content>.icon-success{background: url(/static/public/vue_elm/img/ok.png) no-repeat left center/100%}
.topnotice>.info-content>.icon-warning{background: url(/static/public/vue_elm/img/Informational.png) no-repeat left center/100%}
.topnotice>.info-content>.icon-info{background: url(/static/public/vue_elm/img/Informationalh.png) no-repeat left center/100%}
.topnotice>.info-content>.icon-error{background: url(/static/public/ico/Error.png) no-repeat left center/100%}

/*******************
 新自研控件总体css -- input控件
 日期: 2019-09-17  
********************/
.prela{position: relative;}
.yg-textarea__inner,
.yg-input__inner{font-size:14px;min-height:28px;}
.yg-form-item.is-error .yg-input__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;}
.yg-form-item.is-required .yg-form-item__label{color:#f56c6c}
.yg-form-item.is-required .yg-form-item__label::before{content:'*'}
.yg-form-line .yg-row{display:inline-block}
.yg-form-line{white-space: nowrap;}
.yg-textarea__inner{min-height:28px;}
.yg-input__word-limit{position: absolute;height: 14px;line-height: 14px;right: 12px;bottom: 7px;font-size: 12px;background: #FFF;}
.prela.word-limit .yg-textarea__inner + .yg-input__word-limit{bottom: -10px;right: 0;}
/*******************
 新自研控件总体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: #47a6a0}
.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: #47a6a0 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: #47a6a0;background-color: #47a6a0 */border-color: #47a6a0;background-color: #47a6a0}
.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:#55c6bf}
.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: #55c6bf}
.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: #47a6a0; */color:#fff;background:#55c6bf;}
.yg-pagination.is-background .yg-pager li:not(.disabled).active {background-color: #47a6a0;border-color:#47a6a0;color: #fff}
.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: 2px 5px;color: #303133;}
.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:#fff !important;background:#47a6a0 !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+.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: #47a6a0}
.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: #47a6a0;border-color: #47a6a0;-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: #47a6a0}
.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: #47a6a0}
.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: #47a6a0}
.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: #47a6a0;border-color: #47a6a0 */background-color: #47a6a0;border-color: #47a6a0}
.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: #47a6a0 */color:#606266}
.yg-checkbox__input.is-focus .yg-checkbox__inner {border-color: #47a6a0}
.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: 14px;height: 14px;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: #47a6a0 */border-color: #47a6a0}
.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: 7px;left: 4px;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: #47a6a0 */color:#606266}
.yg-checkbox-group {font-size: 0}
.yg-checkbox.is-checked.partcheck .yg-checkbox__inner{background-color: #fff;}
.yg-checkbox.is-checked.partcheck .yg-checkbox__inner::after{content: '';width: 6px;height: 6px;border: 0;background-color: #47a6a0;top:3px;left: 3px;transform: rotate(90deg);}

.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-bordered.is-checked {border-color: #47a6a0}
.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: #47a6a0;background: #47a6a0}
.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-focus .yg-radio__inner {border-color: #47a6a0}
.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: #47a6a0}
.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 #47a6a0;box-shadow: 0 0 2px 2px #47a6a0}
.yg-radio__label {font-size: 14px;padding-left: 10px}
.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: #47a6a0}
.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: #47a6a0;border-color: #47a6a0;-webkit-box-shadow: -1px 0 0 0 #47a6a0;box-shadow: -1px 0 0 0 #47a6a0}
.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 #47a6a0;box-shadow: 0 0 2px 2px #47a6a0}
.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:#55c6bf}
.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:#ccf3f0}
.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:auto;border-bottom:solid 0px #f0f0f0;box-sizing:border-box;} 
.yg-table-list-com{font-size:14px;width:100%;height:100%;position:relative}
.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}
.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: url(/static/public/img/no-data.png) no-repeat center center;z-index: 1;}
.yg-table-list-com .foot-total{box-sizing:border-box;overflow: auto;border-bottom:solid 1px #f0f0f0}
.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;z-index: 9;}
.yg-search-bar .btn-relative button{margin-left:2.5px;margin-right:2.5px;}
.yg_tablenew{border-collapse: unset !important;border-left:none}       
.yg_tablenew>tfoot>tr:first-child>td{height:30px;    color: #333;    font-size: 13px;    padding: 0 10px;  box-sizing: border-box;border-top:solid 1px #f0f0f0}
.yg_tablenew>tfoot>tr:last-child>td{border-bottom:none}
.yg_tablenew>tfoot>tr>td{height:30px;    color: #333;    font-size: 13px;    padding: 0 10px;  box-sizing: border-box;}
.yg_tablenew>thead>tr>th,
.yg_tablenew>tbody>tr>td{border:none !important; border-left:solid 1px #f0f0f0 !important;border-bottom:solid 1px #f0f0f0 !important; height:30px;    color: #333;    font-size: 13px;    padding: 0 10px;    box-sizing: border-box;}       
.yg_tablenew>thead>tr>th{border-top:solid 1px #f0f0f0 !important; background-color: #fafafa}
.yg_tablenew>thead>tr>th{font-weight: unset; text-align: left; vertical-align: middle;}
.yg_tablenew>thead>tr>th>span{vertical-align: middle;}
.yg_tablenew>thead>tr>th.fixrgt,
.yg_tablenew>thead>tr>th.fixlft{position: relative;}
.yg_tablenew>thead>tr>th:first-child,
.yg_tablenew>tfoot>tr>th:first-child,
.yg_tablenew>tbody>tr>td:first-child{border-left:none !important}
.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{border-right:solid 1px #f0f0f0 !important}
.yg_tablenew>thead>tr>th{border-top:none !important;height:28px}
.yg_tablenew>thead>tr>th:nth-last-child(2){border-right:solid 1px #f0f0f0 !important}
.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: #e4f9f7}
.yg_tablenew tbody tr:active td{background-color: #ccf3f0}
.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: #ccf3f0} 
.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: #47a6a0}
.yg_tablenew .descending .sort-caret.descending {border-top-color: #47a6a0}
.yg_tablenew tfoot td{border-left:none;border-right:none;height:30px;border-bottom:solid 1px #f0f0f0;border-right:solid 0px #f0f0f0 !important; background: #fff}
.yg_tablenew .th-title-icon{display: inline-block;width: 16px;height: 16px;background: url(/static/public/ico/quest-icon.png) center no-repeat;}
.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;}
/* 表头提示 */
.ygtb-tips {position: relative;display: inline-block;width: 18px;height: 18px;background: url(/static/public/img/vip_right_ico1.png) no-repeat center center;left: 3px;z-index: 1;vertical-align: middle;}
.ygtb-tips__tooltip {position: fixed;display: none;background: #fff;border: 1px solid #e0e0e0;padding: 12px 20px;box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.25);border-radius: 2px 2px 2px 2px;line-height: 22px;}

/*******************
 新自研控件总体css -- 树型
 日期: 2019-10-15  
********************/
.yg_treelist_com .rowact{background-color: #47a6a0;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%;}
.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: #55c6bf;color: #fff;}
.yg_treelist_com ul .new_tree_html.tree_node{background-color: #328b83;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 #328b83;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 #47a6a0 !important;background-color: #F2FFFE;}
.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:#47a6a0}
.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: #ccf3f0 !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 .yg-upload__input{display:none}
.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;}
.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:100%;height:100%;position:relative;overflow:hidden}
.yg-upload-pop .content{width:100%;height:100%;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:100%;height:40px;background-color: rgba(0,0,0,0.8);top:0;left:0;z-index:1;padding-top:0px;box-sizing:border-box}
.yg-upload-pop .tool [class*="yg-icon-"]{color:#fff;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; display:inline-block;max-width:250px;height:100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.yg-upload-pop .tool .ico{vertical-align: 16px;}
.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: #47484a; 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;}
/*******************
 新自研控件总体css -- 走马灯
 日期: 2019-11-20  
********************/
.yg-carousel {overflow-x: hidden;    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 .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 {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}

/* 菜单按钮 */
.yg-menu-button {
    position: relative;
}
.yg-menu-button .menu-wrapper {
    position: absolute;
    width: 94%;
    /* height: 60px; */
    background-color: #fff;
    border: solid 1px #47a6a0;
    box-shadow: 0px -2px 2px #ddd;
    z-index: 14;
    transform: translateX(2px);
}
.yg-menu-button .menu-wrapper .menu-item {
    margin: 0;
    padding-left: 15px;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 1px;
    line-height: 29px;
    height: 29px;
    width: 100%;
    display: block;
    color: #333;
}
.yg-menu-button .menu-wrapper .menu-item:hover {
	background-color: #f5f5f5;
}

.yg-menu-button .menu-wrapper .menu-item:active {
	background-color: #eee;
}
.colorRed {color: red !important;}
/* 表头提示 */
.ygtb-tips {position: relative;display: inline-block;width: 18px;height: 18px;background: url(/static/public/img/vip_right_ico1.png) no-repeat center center;left: 3px;z-index: 1;vertical-align: middle;}
.ygtb-tips__tooltip {position: fixed;display: none;background: #fff;border: 1px solid #e0e0e0;padding: 12px 20px;box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.25);border-radius: 2px 2px 2px 2px;line-height: 22px;}

.features-btns {position: fixed;display: block;}

/* local-table */
.yg-local-table .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-local-table .sort-caret {width: 0;height: 0;border: 5px solid transparent;position: absolute;left: 7px;}
.yg-local-table .sort-caret.ascending {border-bottom-color: #c0c4cc;top: 3px}
.yg-local-table .sort-caret.descending {border-top-color: #c0c4cc;bottom: 3px}
.yg-local-table .sort-caret.ascending.active {border-bottom-color: #47a6a0}
.yg-local-table .sort-caret.descending.active {border-top-color: #47a6a0}
.yg-local-table { position: relative; }
.yg-local-table thead { position: sticky; top: 0; z-index: 1;}
.yg-local-table .yg-page-bar { position: sticky; bottom: 0; background-color: #fff; z-index: 1;text-align: right;}
.yg-local-table .yg-page-bar .list-area p { text-align: left;}