html,body{font-family:"microsoft yahei","微软雅黑"}
body{background-color: #EFEFF4;}
html::-webkit-scrollbar {display:none}

/* 防止vue闪烁出现花括号 */
[v-cloak] {
  display: none !important;
}

/* 公共底部copyright处理 */
.el-footer a {
  color: rgba(0, 0, 0, 0.45);
  text-decoration: none;
  cursor: pointer;
}
.el-footer a:hover{
  color: #4185F4;
}

/* 弹出层图片选择 */
.img-select-wrap{width: 100%;max-height: 400px;margin-top: 10px;}
.img-select-wrap .imgs-items-box{width: 100%;height: 350px;overflow: auto;border: 1px solid #dedede;}
.img-select-wrap .img-box{position: relative;width: 100%;text-align: center;vertical-align: middle;background-color: #eee;background-size: contain;background-repeat: no-repeat;background-position: 50% 50%;height:154px;cursor: pointer;transition: all 0.3s ease;}
.img-select-wrap .img-box:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px)}
.img-select-wrap .img-box:after{content: " ";height: 3px;width: 100%;position: absolute;bottom: -3px;left: 0;background-color: #1AAD16;transform: scale(0);transition: all 0.3s ease;}
.img-select-wrap .img-box:hover:after{transform: scale(1)}

.img-select-wrap .img-mask{position: absolute;left:0;bottom: 0;top:0;right: 0;background-color: rgba(0,0,0,.5);z-index: 88;display: none;}
.img-select-wrap .img-box.active .img-mask{display: block;}
.img-select-wrap .img-box.active:after{content: " ";transform: scale(1);}
.img-select-wrap .img-box-title{width: 100%;line-height: 32px;position: absolute;bottom: 0;left: 0;color: #fff;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background-color: #999;}
.img-select-wrap .fire-checked{position: absolute;font-size: 14px;left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 89;transition: all 0.3s ease;display: none;font-size: 40px;}
.img-select-wrap .fire-checked i{color: #fff!important;}
.img-select-wrap .img-box.active .fire-checked{display: block;}
.img-select-wrap .fire-del:hover{transform: rotate(180deg)}
.img-select-wrap .img-select-pagination{height: 40px;margin-top: 10px;}
.img-select-wrap .video-img {width: 60px;height: 92px;position: absolute;padding-bottom: 32px;left: 50%;top: 50%;transform: translate(-50%, -50%); z-index: 80;}
.v8-el-dialog .el-dialog__body{padding: 10px 20px 0!important;}
.v8-el-dialog .el-dialog{ transform: translateX(50%)!important; margin-left: 110px!important; -webkit-transform: translateX(50%)!important; -moz-transform: translateX(50%)!important; -ms-transform: translateX(50%)!important; -o-transform: translateX(50%)!important; }
.v8-upload-dialog .el-dialog{min-width: 950px!important;}

/* header-help 通用悬浮帮助按钮 */
.v8-help-aside {height: auto;position: fixed;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 11px;padding-top: 12px;bottom: 60px;right: 10px;width: 60px;height: auto;background: rgba(255,255,255,.8);-webkit-box-shadow: 0 5px 6px 0 rgba(0,0,0,0.17);-moz-box-shadow: 0 5px 6px 0 rgba(0,0,0,0.17);box-shadow: 0 5px 6px 0 rgba(0,0,0,0.17);-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;z-index: 9999;display: block;}
.v8-help-aside span.v8-aside-item {transition: all 0.6s;box-shadow: 5px 5px 15px #aaa;display: block;margin-bottom: 12px;width: 38px;height: 38px;text-align: center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.v8-help-aside span.v8-aside-item.v8-aside-gongdan {background: url(../images/gongdan.png) center center no-repeat;background-size: 100% 100%;}
.v8-help-aside span.v8-aside-item.v8-aside-help {background: url(../images/help.png) center center no-repeat;background-size: 100% 100%;}
.v8-help-aside span.v8-aside-item.v8-aside-edit {background: url(../images/edit.png) center center no-repeat;background-size: 100% 100%;}
.v8-help-aside span.v8-aside-item.v8-aside-gotop {background: url(../images/gotop.png) center center no-repeat;background-size: 100% 100%;}
.v8-help-aside span.v8-aside-item:hover {cursor:pointer;transform: scale(1.2);box-shadow: 10px 10px 15px #aaa;}
.v8-help-box1 {display: none!important}
.v8-help-box {display:block;padding:10px;min-width:800px;height:760px;position:fixed;top:100px;left:25%;z-index:1000;}
.v8-help-box .v8-modal-dialog {top:0;}
.v8-work-order-add .v8-work-order-content {padding:0px!important;background-color:#ededed;}
.v8-work-order-add .v8-modal-content {height:auto!important;}
.v8-work-order-add iframe {width:100%;min-height:550px;margin:0;padding:0;border:0;outline:none;}
.v8-help-box .v8-modal-content {overflow-y:auto;}
.el-dialog_header {background-color: #fff}
.v8-help-article-content {width: 100%; overflow-x: auto;}
.v8-help-article-content img {max-width: 700px;}

/* 消息模板同步进度弹框 */
.v8-sync-tpl-remark {width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0, 0.6);z-index:9999;}
.v8-sync-tpl-box {width:300px;height:275px;background:#FFF;position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-150px;border-radius:10px;}
.v8-sync-tpl-box .el-progress--circle{display:block;width:150px;height:150px;margin:25px auto;}
.v8-tpl-list-table .el-table__body .el-table_1_column_3 .cell .el-popover__reference{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.aside-help .help-switcher {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 10px;
}
.v8-statistics {
  margin-right: 240px;
}

.mainContent {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  padding: 10px 260px 0 260px;
  margin-bottom: 60px;
  overflow-x: hidden;
  background-color: #fff;
  padding-right: 251px!important;
}

.mainC {
  padding-right: 251px!important; 
  margin-bottom: 0px; 
}

@media only screen and (max-width: 1440px) {
  .v8-statistics {
    margin-right: 0;
  }
  .mainContent {
    padding-right: 20px!important;
    margin-bottom: 0px;
  }
  .mainC {
    padding-right: 251px!important; 
    margin-bottom: 0px; 
  }
  .aside-help {
    width: auto;
    height: auto;
  }
  .aside-help.show-help {
    height: 100%;
    /*width: 250px;*/
  }
  .aside-help .el-aside {
    /*display: none;*/
  }
  .aside-help.show-help .el-aside {
    display: block;
  }
  .aside-help .help-switcher {
    display: block;
  }
}

@media only screen and (min-width: 1441px){
  .aside-help ~ .el-main{padding-right: 328px;} 
  .aside-help ~ .el-main ~ .el-footer{padding-right: 328px !important;}
}

/* 可视化编辑全屏模式 */
#app.fullscreen {
  display: none;
}
#moduleFrame.fullscreen {
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}