.backstage-ui-asso-process .main-container{display:table-row}.backstage-ui-asso-process .main-container .label{display:table-cell;width:80px}.backstage-ui-asso-process .main-container .tag-box{position:relative;top:5px;display:table-cell}.backstage-ui-asso-process .main-container .tag-box .tag-link{text-decoration:none;max-width:250px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;display:inline-block}.backstage-ui-asso-process .main-container .tag-box i{position:relative;left:3px;top:-5px;font-size:14px !important}.backstage-ui-asso-process .main-container button{margin-left:20px;display:table-cell}
.backstage-ui-pageHeader{background:#fff;padding:16px 32px 0 32px;border-bottom:1px solid #e8e8e8}.backstage-ui-pageHeader .backstage-ui-pageHeader-detail{display:flex}.backstage-ui-pageHeader .backstage-ui-pageHeader-row{display:flex}.backstage-ui-pageHeader .backstage-ui-pageHeader-breadcrumb{margin-bottom:16px}.backstage-ui-pageHeader .backstage-ui-pageHeader-tabs{margin:0 0 -17px -8px}.backstage-ui-pageHeader .backstage-ui-pageHeader-tabs .ant-tabs-bar{border-bottom:1px solid #e8e8e8}.backstage-ui-pageHeader .backstage-ui-pageHeader-logo{flex:0 1 auto;margin-right:16px;padding-top:1px}.backstage-ui-pageHeader .backstage-ui-pageHeader-logo>img{width:28px;height:28px;border-radius:4px;display:block}.backstage-ui-pageHeader .backstage-ui-pageHeader-title{font-size:20px;font-weight:500;color:rgba(0,0,0,0.85)}.backstage-ui-pageHeader .backstage-ui-pageHeader-action{margin-left:56px;min-width:266px}.backstage-ui-pageHeader .backstage-ui-pageHeader-action .ant-btn-group:not(:last-child),.backstage-ui-pageHeader .backstage-ui-pageHeader-action .ant-btn:not(:last-child){margin-right:8px}.backstage-ui-pageHeader .backstage-ui-pageHeader-action .ant-btn-group>.ant-btn{margin-right:0}.backstage-ui-pageHeader .backstage-ui-pageHeader-title,.backstage-ui-pageHeader .backstage-ui-pageHeader-action,.backstage-ui-pageHeader .backstage-ui-pageHeader-content,.backstage-ui-pageHeader .backstage-ui-pageHeader-extraContent,.backstage-ui-pageHeader .backstage-ui-pageHeader-main{flex:auto}.backstage-ui-pageHeader .backstage-ui-pageHeader-title,.backstage-ui-pageHeader .backstage-ui-pageHeader-action{margin-bottom:16px}.backstage-ui-pageHeader .backstage-ui-pageHeader-logo,.backstage-ui-pageHeader .backstage-ui-pageHeader-content,.backstage-ui-pageHeader .backstage-ui-pageHeader-extraContent{margin-bottom:16px}.backstage-ui-pageHeader .backstage-ui-pageHeader-action,.backstage-ui-pageHeader .backstage-ui-pageHeader-extraContent{text-align:right}.backstage-ui-pageHeader .backstage-ui-pageHeader-extraContent{margin-left:88px;min-width:242px}@media screen and (max-width:1200px){.backstage-ui-pageHeader .backstage-ui-pageHeader-extraContent{margin-left:44px}}@media screen and (max-width:992px){.backstage-ui-pageHeader .backstage-ui-pageHeader-extraContent{margin-left:20px}}@media screen and (max-width:768px){.backstage-ui-pageHeader .backstage-ui-pageHeader-row{display:block}.backstage-ui-pageHeader .backstage-ui-pageHeader-action,.backstage-ui-pageHeader .backstage-ui-pageHeader-extraContent{margin-left:0;text-align:left}}@media screen and (max-width:576px){.backstage-ui-pageHeader .backstage-ui-pageHeader-detail{display:block}}@media screen and (max-width:480px){.backstage-ui-pageHeader .backstage-ui-pageHeader-action .ant-btn-group,.backstage-ui-pageHeader .backstage-ui-pageHeader-action .ant-btn{display:block;margin-bottom:8px}.backstage-ui-pageHeader .backstage-ui-pageHeader-action .ant-btn-group>.ant-btn{display:inline-block;margin-bottom:0}}
.backstage-ui-common-page{font-size:24px;text-align:center;padding-top:50px;color:#5F4700;font-weight:200;height:100%;background-color:#FFF}.backstage-ui-common-page .title{font-size:60px}.backstage-ui-common-page .subtitle{font-size:30px;margin-bottom:40px}
.backstage-ui-contentSort{border:1px #E4E4E4 solid}.backstage-ui-contentSort .backstage-ui-contentSort-checkbox{position:absolute;left:10px}.backstage-ui-contentSort .backstage-ui-contentSort-title{position:relative;display:block;text-align:center;height:36px;line-height:36px;padding:0 10px;font-weight:700;border-bottom:1px #E4E4E4 solid;margin-bottom:10px}.backstage-ui-contentSort .backstage-ui-contentSort-li{height:30px;line-height:30px;position:relative;text-align:left;padding:0 10px}.backstage-ui-contentSort .backstage-ui-contentSort-li.dragOver{border-top:2px dashed #2196F3}.backstage-ui-contentSort .backstage-ui-contentSort-li .backstage-ui-contentSort-checkbox{position:unset;margin-right:20px}
.backstage-ui-btn-wrap{text-align:right;padding:20px 10px 0}.backstage-ui-loading-icon{-webkit-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.backstage-ui-form-item .ant-form-item-label label{width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;padding-right:5px}.backstage-ui-form-item.cols_1{padding-right:30%}.backstage-ui-form-collapse{margin:10px 0}.backstage-ui-form-search .ant-form-item{margin-bottom:5px}
.backstage-ui-header{padding:0 12px 0 0;background:#FFF;box-shadow:0 1px 4px rgba(0,21,41,0.08);position:relative;z-index:10}.ant-layout{overflow:hidden}.backstage-ui-header-logo{height:64px;line-height:58px;vertical-align:top;display:inline-block;padding:0 0 0 24px;cursor:pointer;font-size:20px}.backstage-ui-header-logo img{display:inline-block;vertical-align:middle}.backstage-ui-header-menu .anticon{margin-right:8px}.backstage-ui-header-menu .ant-dropdown-menu-item{width:160px}i.backstage-ui-trigger{font-size:20px;line-height:64px;cursor:pointer;transition:all .3s,padding 0s;padding:0 24px}i.backstage-ui-trigger:hover{background:#f0f4ff}.backstage-ui-header-left{float:left;height:100%}.backstage-ui-header-right{float:right;height:100%}.backstage-ui-header-right .backstage-ui-header-action{cursor:pointer;padding:0 12px;display:inline-block;transition:all .3s;height:100%}.backstage-ui-header-right .backstage-ui-header-action>i{font-size:16px;vertical-align:middle}.backstage-ui-header-right .backstage-ui-header-action.ant-popover-open,.backstage-ui-header-right .backstage-ui-header-action:hover{background:#f0f4ff}.backstage-ui-header-right .backstage-ui-header-search{padding:0;margin:0 12px}.backstage-ui-header-right .backstage-ui-header-search:hover{background:transparent}.backstage-ui-header-right .backstage-ui-header-account .backstage-ui-header-avatar{margin:20px 8px 20px 0;color:#6576e2;background:rgba(255,255,255,0.85);vertical-align:middle}@media only screen and (max-width:768px){.backstage-ui-header-header .ant-divider-vertical{vertical-align:unset}.backstage-ui-header-header .backstage-ui-header-name{display:none}.backstage-ui-header-header i.trigger{padding:0 12px}.backstage-ui-header-header .backstage-ui-header-logo{padding-right:12px;position:relative}.backstage-ui-header-header .backstage-ui-header-right{position:absolute;right:12px;top:0;background:#FFF}.backstage-ui-header-header .backstage-ui-header-right .backstage-ui-header-account .backstage-ui-header-avatar{margin-right:0}}
.antdpro-headerSearch .anticon-search{cursor:pointer;font-size:16px}.antdpro-headerSearch .antdpro-headerSearch-input{transition:width .3s,margin-left .3s;width:0;background:transparent;border-radius:0}.antdpro-headerSearch .antdpro-headerSearch-input .ant-select-selection{background:transparent}.antdpro-headerSearch .antdpro-headerSearch-input input{border:0;padding-left:0;padding-right:0;box-shadow:none !important}.antdpro-headerSearch .antdpro-headerSearch-input,.antdpro-headerSearch .antdpro-headerSearch-input:hover,.antdpro-headerSearch .antdpro-headerSearch-input:focus{border-bottom:1px solid #d9d9d9}.antdpro-headerSearch .antdpro-headerSearch-input.antdpro-headerSearch-show{width:210px;margin-left:8px}
.backstage-ui-notfound-list{max-height:400px;overflow:auto}.backstage-ui-notfound-list .backstage-ui-notfound-item{transition:all .3s;overflow:hidden;cursor:pointer;padding-left:24px;padding-right:24px}.backstage-ui-notfound-list .backstage-ui-notfound-item .backstage-ui-notfound-meta{width:100%}.backstage-ui-notfound-list .backstage-ui-notfound-item .backstage-ui-notfound-avatar{background:#FFF;margin-top:4px}.backstage-ui-notfound-list .backstage-ui-notfound-item.backstage-ui-notfound-read{opacity:.4}.backstage-ui-notfound-list .backstage-ui-notfound-item:last-child{border-bottom:0}.backstage-ui-notfound-list .backstage-ui-notfound-item:hover{background:#f0f4ff}.backstage-ui-notfound-list .backstage-ui-notfound-item .backstage-ui-notfound-title{font-weight:normal;margin-bottom:8px}.backstage-ui-notfound-list .backstage-ui-notfound-item .backstage-ui-notfound-description{font-size:12px;line-height:1.5}.backstage-ui-notfound-list .backstage-ui-notfound-item .backstage-ui-notfound-datetime{font-size:12px;margin-top:4px;line-height:1.5}.backstage-ui-notfound-list .backstage-ui-notfound-item .backstage-ui-notfound-extra{float:right;color:rgba(0,0,0,0.45);font-weight:normal;margin-right:0;margin-top:-1.5px}.backstage-ui-notFound{text-align:center;padding:73px 0 88px 0;color:rgba(0,0,0,0.45)}.backstage-ui-notFound img{display:inline-block;margin-bottom:16px;height:76px}.backstage-ui-notfound-clear{height:46px;line-height:46px;text-align:center;color:rgba(0,0,0,0.65);border-radius:0 0 4px 4px;border-top:1px solid #e8e8e8;transition:all .3s;cursor:pointer}.backstage-ui-notfound-clear:hover{color:rgba(0,0,0,0.85)}
.backstage-ui-popover{width:336px}.backstage-ui-popover .ant-popover-inner-content{padding:0}.backstage-ui-popover-noticeButton{cursor:pointer;display:inline-block;transition:all .3s}.backstage-ui-popover-icon{font-size:16px;padding:4px}.backstage-ui-popover-tabs .ant-tabs-nav-scroll{text-align:center}.backstage-ui-popover-tabs .ant-tabs-bar{margin-bottom:4px}
.backstage-ui-header-menu .anticon{margin-right:8px}.backstage-ui-header-menu .ant-dropdown-menu-item{width:160px}.backstage-ui-header-menu .backstage-ui-header-menu-item{display:block;text-align:center}.backstage-ui-header-action{cursor:pointer;padding:0 12px;display:inline-block;transition:all .3s;height:100%}.backstage-ui-header-action>i{font-size:16px;vertical-align:middle}.backstage-ui-header-action.ant-popover-open,.backstage-ui-header-action:hover{background:#f0f4ff}.backstage-ui-header-search{padding:0;margin:0 12px}.backstage-ui-header-search:hover{background:transparent}.backstage-ui-header-account .backstage-ui-header-avatar{margin:20px 8px 20px 0;color:#6576e2;background:rgba(255,255,255,0.85);vertical-align:middle}@media only screen and (max-width:768px){.backstage-ui-header-name{display:none}}
.backstage-ui-gallery{text-align:center;position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:999}.backstage-ui-gallery img{-webkit-transform-origin:left center;transform-origin:left center;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}.backstage-ui-gallery .imageBox{position:absolute;width:calc(100% - 120px);left:0;right:auto;top:0;bottom:50px;margin:auto;cursor:pointer}.backstage-ui-gallery .thumbList{position:absolute;top:0;right:0;bottom:0;left:auto;width:120px;height:auto;overflow-y:auto;overflow-x:hidden;background-color:#0A0A0A;box-shadow:0 0 18px rgba(0,0,0,0.6)}.backstage-ui-gallery .thumbList .thumbListItem{display:inline-block;margin:10px;width:90px;height:60px;overflow:hidden;border:1px solid rgba(255,255,255,0.3);cursor:pointer}.backstage-ui-gallery .thumbList .thumbListItem:hover{box-shadow:0 0 6px rgba(0,0,0,0.4)}.backstage-ui-gallery .thumbList .thumbListItem:hover img{opacity:1}.backstage-ui-gallery .thumbList .thumbListItem img{opacity:.6;width:100%;display:block;margin:auto;border:0}.backstage-ui-gallery .thumbList .thumbListItemActive{opacity:1;border:1px solid #1890FF}.backstage-ui-gallery .toolbar{width:calc(100% - 120px);position:absolute;bottom:0;left:0;height:50px;margin-left:0;text-align:left;line-height:50px;background-color:rgba(34,34,34,0.88)}.backstage-ui-gallery .toolbar .toolbarIndex{color:#FFF;font-size:16px;margin-left:40px}.backstage-ui-gallery .toolbar .toolbarAction{position:absolute;right:0;bottom:0;height:50px}.backstage-ui-gallery .toolbar .toolbarAction span{display:inline-block}.backstage-ui-gallery .toolbar .toolbarAction a{display:inline-block;height:50px;text-align:center;font-size:24px;line-height:50px;padding:0 13px;color:#999;cursor:pointer}.backstage-ui-gallery .toolbar .toolbarAction a:hover{background-color:#000;color:#FFF}.backstage-ui-gallery .toolbar .toolbarAction .actionDisabled{opacity:.2;cursor:default}
.backstage-ui-import-tem .short-ipt{width:220px!important}
.backstage-ui-linkAddress .backstage-ui-linkAddress-title{text-align:center}.backstage-ui-linkAddress .backstage-ui-linkAddress-li{text-align:center}.backstage-ui-linkAddress .backstage-ui-linkAddress-li a{color:#666}.backstage-ui-linkAddress .backstage-ui-linkAddress-li a img{height:16px;width:16px;vertical-align:middle}.backstage-ui-linkAddress .backstage-ui-linkAddress-li a span{vertical-align:middle}.backstage-ui-linkAddress .backstage-ui-linkAddress-li a:hover{color:#40A9FF}
.backstage-ui-loading-bg{text-align:center;background-color:#999;opacity:.3;position:absolute;top:0;left:0;right:0;bottom:0;z-index:9;-webkit-filter:blur(10px);filter:blur(10px)}.backstage-ui-lodaing-spin{position:absolute;z-index:10;left:50%;margin-left:-29px;top:30%}
.backstage-ui-multi-table-multiTable{position:relative}.backstage-ui-multi-table-multiTable .ant-table-title{padding:0}.backstage-ui-multi-table-multiTable .backstage-ui-filter-button{position:absolute;top:18px;right:8px;z-index:99999}.backstage-ui-multi-table-multiTable .backstage-ui-multi-table-tableHeader{position:relative;z-index:1;margin-top:10px}.backstage-ui-multi-table-multiTable .backstage-ui-multi-table-tableHeader .backstage-ui-multi-table-headerExtra{display:inline-block;float:left}.backstage-ui-multi-table-multiTable .backstage-ui-multi-table-tableHeader .backstage-ui-multi-table-headerButtons{display:inline-block;float:right;padding:0 10px 10px}.backstage-ui-multi-table-multiTable .backstage-ui-multi-table-tableFooter{float:left;position:relative;top:-50px}.backstage-ui-multi-table-multiTable .backstage-ui-multi-table-tableFooter .ant-btn{margin-right:15px}.backstage-ui-multi-table-multiTable tr.drop-over-downward td{border-bottom:2px dashed #1890FF}.backstage-ui-multi-table-multiTable tr.drop-over-upward td{border-top:2px dashed #1890FF}.backstage-ui-multi-table-multiTable .ant-btn{margin-right:0}.backstage-ui-multi-table-multiTable .ant-table-wrapper{position:relative}.backstage-ui-multi-table-multiTable .ant-table-wrapper .ant-spin-container{width:100%}.backstage-ui-multi-table-multiTable div::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0)}.backstage-ui-multi-table-multiTable div::-webkit-scrollbar{width:7px;height:7px;border-radius:7px}.backstage-ui-multi-table-multiTable div::-webkit-scrollbar-thumb{background-color:#E9E9E9;background-clip:padding-box;border-radius:5px;min-height:28px}.backstage-ui-multi-table-multiTable div::-webkit-scrollbar-thumb:hover{background-color:#A8A8A8;border-radius:5px}
.backstage-ui-multi-table-btns .ant-btn{margin:0 5px;background:#1890FF;border-radius:0}.backstage-ui-multi-table-btns .ant-btn:hover{color:#FFF;box-shadow:0 2px 8px #AAA}.backstage-ui-multi-table-btns .ant-upload-list{position:absolute;top:-11px;right:155px}.backstage-ui-multi-table-btns .btn-active{color:#FFF}.backstage-ui-multi-table-btns .btns-name{font-weight:600;margin-right:12px}.backstage-ui-multi-table-header-control{display:inline-block}.backstage-ui-multi-table-cols-control{background:#FFF;padding:20px;border:1px solid #CECECE;box-shadow:3px 3px 10px 1px #EEE;border-radius:3px;width:400px}.backstage-ui-multi-table-cols-control .ant-checkbox-group{width:100%}.backstage-ui-multi-table-cols-control .ant-checkbox-group-item,.backstage-ui-multi-table-cols-control .ant-checkbox-wrapper{display:inline-block;width:45%}.backstage-ui-multi-table-cols-control .backstage-ui-multi-table-cols-foot{margin:10px 0 0;text-align:right}.backstage-ui-multi-table-cols-control .backstage-ui-multi-table-cols-foot .ant-btn{margin:5px 5px 0}
.ellipsis{overflow:hidden;display:inline-block;word-break:break-all;width:100%}.lines{position:relative}.lines .shadow{display:block;position:relative;color:transparent;opacity:0;z-index:-999}.lineClamp{position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}
.backstage-ui-process-menu .apply-box{margin-top:20px;padding-left:10px}.backstage-ui-process-menu .apply-list{background:#F5F5F5;padding:12px 12px 0}.backstage-ui-process-menu .apply-list:after{content:'';display:block;clear:both}.backstage-ui-process-menu .apply-box-title{height:22px;line-height:22px;padding:0 30px;border-left:4px solid #3399DB;margin:10px 0;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.backstage-ui-process-menu .card-box{width:200px;height:38px;line-height:38px;float:left;margin-right:10px;margin-left:0;margin-bottom:12px}.backstage-ui-process-menu .card-box:hover{background:#4CB4FF;color:#FFF}.backstage-ui-process-menu .card-box .ant-card-body{padding:0;line-height:35px}.backstage-ui-process-menu .apply-item{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.backstage-ui-slidermenu-logo{height:64px;position:relative;line-height:64px;padding-left:24px;transition:all .3s;background:#002140;overflow:hidden}.backstage-ui-slidermenu-logo img{display:inline-block;vertical-align:middle;height:28px}.backstage-ui-slidermenu-logo h1{color:#FFF;display:inline-block;vertical-align:middle;font-size:20px;margin:0 0 0 10px;font-family:'Myriad Pro','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:600}.backstage-ui-slidermenu-title{height:32px;position:relative;line-height:32px;text-align:center}.backstage-ui-slidermenu-title h1{color:#7f7d7a;display:inline-block;vertical-align:middle;font-size:16px;font-family:'Myriad Pro','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:600}
.drawer {
  position: fixed;
  top: 0;
  z-index: 9999;
}
.drawer > * {
  transition: opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shaow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shaow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shaow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer .drawer-mask {
  background: #000;
  opacity: 0;
  width: 0;
  height: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), width 0s ease 0.3s, height 0s ease 0.3s;
}
.drawer-content-wrapper {
  position: fixed;
  background: #fff;
}
.drawer-content {
  overflow: auto;
  z-index: 1;
  position: relative;
}
.drawer-handle {
  position: absolute;
  top: 72px;
  width: 41px;
  height: 40px;
  cursor: pointer;
  z-index: 0;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.drawer-handle-icon {
  width: 14px;
  height: 2px;
  background: #333;
  position: relative;
  transition: background 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer-handle-icon:before,
.drawer-handle-icon:after {
  content: '';
  display: block;
  position: absolute;
  background: #333;
  width: 100%;
  height: 2px;
  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer-handle-icon:before {
  top: -5px;
}
.drawer-handle-icon:after {
  top: 5px;
}
.drawer-left,
.drawer-right {
  width: 0%;
  height: 100%;
}
.drawer-left .drawer-content-wrapper,
.drawer-right .drawer-content-wrapper,
.drawer-left .drawer-content,
.drawer-right .drawer-content {
  height: 100%;
}
.drawer-left.drawer-open,
.drawer-right.drawer-open {
  width: 100%;
}
.drawer-left .drawer-handle {
  right: -40px;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 0 4px 4px 0;
}
.drawer-left.drawer-open .drawer-content-wrapper {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.drawer-right .drawer-content-wrapper {
  right: 0;
}
.drawer-right .drawer-handle {
  left: -40px;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px 0 0 4px;
}
.drawer-right.drawer-open .drawer-content-wrapper {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.drawer-top,
.drawer-bottom {
  width: 100%;
  height: 0%;
}
.drawer-top .drawer-content-wrapper,
.drawer-bottom .drawer-content-wrapper,
.drawer-top .drawer-content,
.drawer-bottom .drawer-content {
  width: 100%;
}
.drawer-top .drawer-handle,
.drawer-bottom .drawer-handle {
  left: 50%;
  margin-left: -20px;
}
.drawer-top.drawer-open,
.drawer-bottom.drawer-open {
  height: 100%;
}
.drawer-top .drawer-handle {
  top: auto;
  bottom: -40px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 4px 4px;
}
.drawer-top.drawer-open .drawer-wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.drawer-bottom .drawer-content-wrapper {
  bottom: 0;
}
.drawer-bottom .drawer-handle {
  top: -40px;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px 4px 0 0;
}
.drawer-bottom.drawer-open .drawer-content-wrapper {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.drawer.drawer-open .drawer-mask {
  opacity: .3;
  width: 100%;
  height: 100%;
  -webkit-animation: rcDrawerFadeIn 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation: rcDrawerFadeIn 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: none;
}
.drawer.drawer-open .drawer-handle-icon {
  background: transparent;
}
.drawer.drawer-open .drawer-handle-icon:before {
  -webkit-transform: translateY(5px) rotate(45deg);
          transform: translateY(5px) rotate(45deg);
}
.drawer.drawer-open .drawer-handle-icon:after {
  -webkit-transform: translateY(-5px) rotate(-45deg);
          transform: translateY(-5px) rotate(-45deg);
}
@-webkit-keyframes rcDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes rcDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.3;
  }
}

.backstage-ui-slidermenu_logo{height:64px;position:relative;line-height:64px;padding-left:24px;transition:all .3s;background:#002140;overflow:hidden}.backstage-ui-slidermenu_logo img{display:inline-block;vertical-align:middle;height:28px}.backstage-ui-slidermenu_logo h1{color:#FFF;display:inline-block;vertical-align:middle;font-size:20px;margin:0 0 0 10px;font-family:'Myriad Pro','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:600}.backstage-ui-slidermenu_title{height:32px;position:relative;line-height:32px;text-align:center}.backstage-ui-slidermenu_title h1{color:#7f7d7a;display:inline-block;vertical-align:middle;font-size:16px;font-family:'Myriad Pro','Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:600}.backstage-ui-slidermenu_sider{min-height:100vh;box-shadow:2px 0 6px rgba(0,21,41,0.35);z-index:10;position:relative}.backstage-ui-slidermenu_sider .backstage-ui-slidermenu_collapsed{position:absolute;transition:all .3s;right:-24px;top:50vh;width:24px;height:50px;z-index:3;margin-top:-25px}.backstage-ui-slidermenu_sider .backstage-ui-slidermenu_collapsed:hover .backstage-ui-slidermenu_collapsed_bg{left:4px;border-left:19px solid #D9DEE4}.backstage-ui-slidermenu_sider .backstage-ui-slidermenu_collapsed:hover .backstage-ui-slidermenu_collapsed_navbar{left:0}.backstage-ui-slidermenu_sider .backstage-ui-slidermenu_collapsed .backstage-ui-slidermenu_collapsed_inner{top:-50%;position:relative;overflow:hidden}.backstage-ui-slidermenu_sider .backstage-ui-slidermenu_collapsed .backstage-ui-slidermenu_collapsed_bg{width:0;height:50px;position:absolute;top:0;left:0;border-bottom:9px solid transparent;border-left:15px solid #D9DEE4;border-top:9px solid transparent;transition:all .1s ease,.1s ease}.backstage-ui-slidermenu_sider .backstage-ui-slidermenu_collapsed .backstage-ui-slidermenu_collapsed_navbar{height:50px;position:relative;left:-4px;text-align:center;cursor:pointer;transition:all .1s ease,.1s ease}.backstage-ui-slidermenu_sider .backstage-ui-slidermenu_collapsed .backstage-ui-slidermenu_collapsed_navbar .backstage-ui-slidermenu_collapsed_icon{line-height:50px;vertical-align:text-top;font-weight:400}.drawer .drawer-content{background:#001529}
.backstage-ui-steps{display:flex;position:relative;border-radius:15px;overflow:hidden}.backstage-ui-steps .backstage-ui-step:first-child{border-left:0 solid transparent;border-bottom-left-radius:17px;border-top-left-radius:17px}.backstage-ui-steps .backstage-ui-step:last-child{border-right:0 solid transparent;border-bottom-right-radius:17px;border-top-right-radius:17px}.backstage-ui-step{flex:1;color:#40A9FF;height:34px;line-height:34px;margin-left:5px;position:relative;border-bottom:17px solid #f9f9f9;border-top:17px solid #f9f9f9;border-left:20px solid transparent;cursor:pointer}.backstage-ui-step:after{content:"";display:block;border-bottom:17px solid transparent;border-top:17px solid transparent;border-left:20px solid #f9f9f9;position:absolute;right:-20px;top:-17px;z-index:9}.backstage-ui-step.backstage-ui-step-done:hover,.backstage-ui-step:hover{color:#FFF;border-bottom:17px solid #40A9FF;border-top:17px solid #40A9FF}.backstage-ui-step.backstage-ui-step-done:hover:after,.backstage-ui-step:hover:after{border-left:20px solid #40A9FF}.backstage-ui-step.backstage-ui-step-done{color:#FFF;border-bottom:17px solid #1890FF;border-top:17px solid #1890FF}.backstage-ui-step.backstage-ui-step-done:after{border-left:20px solid #1890FF}.backstage-ui-step-content{position:relative;top:-17px;z-index:9;height:34px;width:calc(100% - 45px);margin:0 20px;text-align:center;overflow:hidden}
.backstage-ui-user-select-modal .ant-table-fixed-header .ant-table-scroll .ant-table-header{overflow:hidden;height:55px}
.erp-compoent-search-wrap{border:1px solid #DDD;padding:10px;background-color:#EFEFEF}.erp-compoent-short-ipt{width:220px!important}
input, button {
    margin: 0;
    padding: 0;
    outline: none;
}
li {
    outline: none;
    list-style: none;
}
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'icomoon';
    src: url(https://sta-op.douyucdn.cn/front-publish/ad-marketing-platform-master/fonts/icomoon_511565f.eot);
    src: url(https://sta-op.douyucdn.cn/front-publish/ad-marketing-platform-master/fonts/icomoon_511565f.eot#iefix) format('embedded-opentype'),
         url(https://sta-op.douyucdn.cn/front-publish/ad-marketing-platform-master/fonts/icomoon_29ecc13.ttf) format('truetype'),
         url(https://sta-op.douyucdn.cn/front-publish/ad-marketing-platform-master/fonts/icomoon_9471692.woff) format('woff'),
         url(https://sta-op.douyucdn.cn/front-publish/ad-marketing-platform-master/fonts/icomoon_8e54695.svg#icomoon) format('svg');
}
.dy-Select-arrow {
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
    font-variant: normal;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    line-height: 1;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slide-up-appear, .slide-up-enter, .slide-up-leave, .slide-down-appear, .slide-down-enter, .slide-down-leave {
    -webkit-animation-duration: .2s;
            animation-duration: .2s;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;

    -webkit-animation-fill-mode: both;

            animation-fill-mode: both;
}
.slide-up-appear.slide-up-appear-active, .slide-up-enter.slide-up-enter-active {
    -webkit-animation-name: rcSlideUpIn;
            animation-name: rcSlideUpIn;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
    pointer-events: none;
    -webkit-animation-name: rcSlideUpOut;
            animation-name: rcSlideUpOut;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}
.slide-up-appear, .slide-up-enter, .slide-down-appear, .slide-down-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
            animation-timing-function: cubic-bezier(.23,1,.32,1);
}
.slide-down-leave, .slide-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
            animation-timing-function: cubic-bezier(.755,.05,.855,.06);
}
.slide-down-appear.slide-down-appear-active, .slide-down-enter.slide-down-enter-active {
    -webkit-animation-name: rcSlideDownIn;
            animation-name: rcSlideDownIn;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
    -webkit-animation-name: rcSlideDownOut;
            animation-name: rcSlideDownOut;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}
@-webkit-keyframes rcSlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
                transform: scaleY(.8);
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@keyframes rcSlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
                transform: scaleY(.8);
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@-webkit-keyframes rcSlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
                transform: scaleY(.8);
    }
}
@keyframes rcSlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
                transform: scaleY(.8);
    }
}
@-webkit-keyframes rcSlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
                transform: scaleY(.8);
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@keyframes rcSlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
                transform: scaleY(.8);
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@-webkit-keyframes rcSlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
                transform: scaleY(.8);
    }
}
@keyframes rcSlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
                transform: scaleY(.8);
    }
}

.dy-Modal-mask, .dy-ModalRadius-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    height: 100%;
    background-color: #373737;
    filter: alpha(opacity=50);
    background-color: rgba(55, 55, 55, .6);
}

.dy-Modal-mask-hidden, .dy-ModalRadius-mask-hidden {
    display: none;
}

.dy-Modal.fade-enter, .dy-Modal.fade-appear, .dy-Modal.fade-leave, .dy-ModalRadius.fade-enter, .dy-ModalRadius.fade-appear, .dy-ModalRadius.fade-leave {
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    -webkit-animation-timing-function: cubic-bezier (0.55, 0, 0.55, 0.2);
            animation-timing-function: cubic-bezier (0.55, 0, 0.55, 0.2);
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.dy-Modal.fade-enter, .dy-Modal.fade-appear, .dy-ModalRadius.fade-enter, .dy-ModalRadius.fade-appear {
    opacity: 0;
}

.dy-Modal.fade-enter.fade-enter-active, .dy-Modal.fade-appear.fade-appear-active, .dy-ModalRadius.fade-enter.fade-enter-active, .dy-ModalRadius.fade-appear.fade-appear-active {
    -webkit-animation-name: rcDialogFadeIn;
            animation-name: rcDialogFadeIn;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

.dy-Modal.fade-leave.fade-leave-active, .dy-ModalRadius.fade-leave.fade-leave-active {
    -webkit-animation-name: rcDialogFadeOut;
            animation-name: rcDialogFadeOut;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

@-webkit-keyframes rcDialogFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes rcDialogFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes rcDialogFadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rcDialogFadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

:root {
     /* Standard color */

    /* Standard dark color (light color background) */

    /* Standard light color (dark color background) */

    /* Other colors (dark color background) */
}
.dy-ModalRadius {
     margin: 100px auto 0;
     pointer-events: auto;
}
.dy-ModalRadius.zoom-enter, .dy-ModalRadius.zoom-appear {
     -webkit-animation-duration: 0.3s;
             animation-duration: 0.3s;
     -webkit-animation-play-state: paused;
             animation-play-state: paused;
     -webkit-animation-timing-function: cubic-bezier (0.08, 0.82, 0.17, 1);
             animation-timing-function: cubic-bezier (0.08, 0.82, 0.17, 1);
     -webkit-animation-fill-mode: both;
             animation-fill-mode: both;
     opacity: 0;
}
.dy-ModalRadius.zoom-enter.zoom-enter-active, .dy-ModalRadius.zoom-appear.zoom-appear-active {
     -webkit-animation-name: rcDialogZoomIn;
             animation-name: rcDialogZoomIn;
     -webkit-animation-play-state: running;
             animation-play-state: running;
}
.dy-ModalRadius.zoom-leave {
     -webkit-animation-duration: 0.3s;
             animation-duration: 0.3s;
     -webkit-animation-play-state: paused;
             animation-play-state: paused;
     -webkit-animation-timing-function: cubic-bezier (0.6, 0.04, 0.98, 0.34);
             animation-timing-function: cubic-bezier (0.6, 0.04, 0.98, 0.34);
     -webkit-animation-fill-mode: both;
             animation-fill-mode: both;
}
.dy-ModalRadius.zoom-leave.zoom-leave-active {
     -webkit-animation-name: rcDialogZoomOut;
             animation-name: rcDialogZoomOut;
     -webkit-animation-play-state: running;
             animation-play-state: running;
}
.dy-ModalRadius-wrap {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1050;
     overflow: auto;
     text-align: center;
     -webkit-overflow-scrolling: touch;
     outline: none;
     pointer-events: none;
}
.dy-ModalRadius-title {
     line-height: 22px;
     font-size: 16px;
     font-size: 14px;
     color: #3c3c3c;
     font-weight: bold;
}
.dy-ModalRadius-content {
     position: relative;
     text-align: left;
     background-color: #fff;
     -moz-background-clip: padding-box;
       -o-background-clip: padding-box;
          background-clip: padding-box;
     border-radius: 8px;
}
.dy-ModalRadius-close {
     position: absolute;
     top: 0;
     right: 0;
     width: 34px;
     height: 34px;
     line-height: 42px;
     border: none;
     font-size: 26px;
     color: #999;
     background-color: #fff;
     transition: all 500ms ease-in-out 0s;
     outline: none;
     border-radius: 8px;
     cursor: pointer;
}
.dy-ModalRadius-close:hover {
     color: #333;
}
.dy-ModalRadius-close-x:after {
     content: '\D7';
}
.dy-ModalRadius-header {
     padding: 10px 34px 10px 20px;
     color: #fff;
     border-bottom: 1px solid #f3f4f8;
}
.dy-ModalRadius-body {
     padding: 30px 20px 20px;
     word-break: break-all;
     text-align: center;
}
.dy-ModalRadius-footer {
     padding: 0 16px 16px;
     text-align: center;
}
.dy-ModalRadius-footer button {
     line-height: 26px;
     border: 1px solid #f70;
     text-align: center;
     cursor: pointer;
     white-space: nowrap;
     color: #f70;
     background-color: #fff;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
     border-radius: 0;
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     margin: 0 5px;
     padding: 5px 24px;
     border-radius: 5px;
     font-size: 12px;
}
.dy-ModalRadius-footer button:hover {
     background-color: #f70;
     color: #fff;
}
.dy-ModalRadius--titleLess .dy-ModalRadius-close {
     background-color: transparent;
     color: #aaa;
}
.dy-ModalRadius--titleLess .dy-ModalRadius-close:hover {
     background-color: transparent;
     color: #555;
}
.dy-ModalRadius--center.dy-ModalRadius-wrap:before {
     display: inline-block;
     vertical-align: middle;
     height: 100%;
     content: '';
}
.dy-ModalRadius--center .dy-ModalRadius {
     display: inline-block;
     vertical-align: middle;
     margin: auto;
}
.dy-Modal {
     margin: 100px auto 0;
     pointer-events: auto;
}
.dy-Modal.zoom-enter, .dy-Modal.zoom-appear {
     -webkit-animation-duration: 0.3s;
             animation-duration: 0.3s;
     -webkit-animation-play-state: paused;
             animation-play-state: paused;
     -webkit-animation-timing-function: cubic-bezier (0.08, 0.82, 0.17, 1);
             animation-timing-function: cubic-bezier (0.08, 0.82, 0.17, 1);
     -webkit-animation-fill-mode: both;
             animation-fill-mode: both;
     opacity: 0;
}
.dy-Modal.zoom-enter.zoom-enter-active, .dy-Modal.zoom-appear.zoom-appear-active {
     -webkit-animation-name: rcDialogZoomIn;
             animation-name: rcDialogZoomIn;
     -webkit-animation-play-state: running;
             animation-play-state: running;
}
.dy-Modal.zoom-leave {
     -webkit-animation-duration: 0.3s;
             animation-duration: 0.3s;
     -webkit-animation-play-state: paused;
             animation-play-state: paused;
     -webkit-animation-timing-function: cubic-bezier (0.6, 0.04, 0.98, 0.34);
             animation-timing-function: cubic-bezier (0.6, 0.04, 0.98, 0.34);
     -webkit-animation-fill-mode: both;
             animation-fill-mode: both;
}
.dy-Modal.zoom-leave.zoom-leave-active {
     -webkit-animation-name: rcDialogZoomOut;
             animation-name: rcDialogZoomOut;
     -webkit-animation-play-state: running;
             animation-play-state: running;
}
.dy-Modal-wrap {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1050;
     overflow: auto;
     text-align: center;
     -webkit-overflow-scrolling: touch;
     outline: none;
     pointer-events: none;
}
.dy-Modal-title {
     line-height: 22px;
     font-size: 16px;
     color: #fff;
}
.dy-Modal-content {
     position: relative;
     text-align: left;
     background-color: #fff;
     -moz-background-clip: padding-box;
       -o-background-clip: padding-box;
          background-clip: padding-box;
}
.dy-Modal-close {
     position: absolute;
     top: 0;
     right: 0;
     width: 34px;
     height: 34px;
     line-height: 34px;
     border: none;
     font-size: 26px;
     color: #fff;
     background-color: #fa7102;
     transition: all 500ms ease-in-out 0s;
     outline: none;
     cursor: pointer;
}
.dy-Modal-close:hover {
     background-color: #f50;
}
.dy-Modal-close-x:after {
     content: '\D7';
}
.dy-Modal-header {
     padding: 6px 34px 6px 10px;
     color: #fff;
     background-color: #fb8302;
}
.dy-Modal-body {
     padding: 30px 20px 20px;
     word-break: break-all;
}
.dy-Modal-footer {
     padding: 0 16px 16px;
     text-align: center;
}
.dy-Modal-footer button {
     line-height: 26px;
     border: 1px solid #f70;
     text-align: center;
     cursor: pointer;
     white-space: nowrap;
     color: #f70;
     background-color: #fff;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
     border-radius: 0;
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     margin: 0 5px;
     padding: 2px 34px;
}
.dy-Modal-footer button:hover {
     background-color: #f70;
     color: #fff;
}
.dy-Modal--titleLess .dy-Modal-close {
     background-color: transparent;
     color: #aaa;
}
.dy-Modal--titleLess .dy-Modal-close:hover {
     background-color: transparent;
     color: #555;
}
.dy-Modal--center.dy-Modal-wrap:before {
     display: inline-block;
     vertical-align: middle;
     height: 100%;
     content: '';
}
.dy-Modal--center .dy-Modal {
     display: inline-block;
     vertical-align: middle;
     margin: auto;
}
@-webkit-keyframes rcDialogZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
}
@keyframes rcDialogZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
}
@-webkit-keyframes rcDialogZoomOut {
    0% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
}
@keyframes rcDialogZoomOut {
    0% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
}

.dy-Message {
    position: fixed;
    top: 24px;
    left: 0;
    z-index: 3000;
    width: 100%;
    line-height: 24px;
    pointer-events: none;
}

.dy-Message-notice {
    padding: 8px;
    text-align: center;
}

.dy-Message-notice.move-up-enter, .dy-Message-notice.move-up-leave {
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
            animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.dy-Message-notice.move-up-enter {
    opacity: 0;
}

.dy-Message-notice.move-up-enter, .dy-Message-notice.move-up-enter-active {
    -webkit-animation-name: rcNotificationFadeIn;
            animation-name: rcNotificationFadeIn;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

.dy-Message-notice.move-up-leave, .dy-Message-notice.move-up-leave-active {
    -webkit-animation-name: rcNotificationFadeOut;
            animation-name: rcNotificationFadeOut;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

.dy-Message-notice-content {
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 16px;
    /* background-color: #fff; */
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); */
    background-color: #fb8302;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    color: #fff;
    pointer-events: all;
}

.dy-Message-custom-content > i {
    position: relative;
    top: 2px;
    margin-right: 8px;
}

.dy-Message-custom-content > i:before {
    display: inline-block;
}

@-webkit-keyframes rcNotificationFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }
}

@keyframes rcNotificationFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }
}

@-webkit-keyframes rcNotificationFadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }
}

@keyframes rcNotificationFadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
    }
}