.layout-header {
  position: fixed;
  color: #2c3e50 !important;
  box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
  left: 240px !important;
  right: 0 !important;
  z-index: 1000;
  background-color: #ffffff;
}

.layout-header .iconfont{margin-right: 7px;}


.layout-header .layui-nav-child dd.layui-this a{
  background-color: #ffffff !important;
  color: #424242 !important;
}
.layout-side {
  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05);
  z-index: 1001;
  width: 240px;
  height: 100vh;
  display: inline-block;
}

.layout-side .logo {
  transition: width 0.28s;
  width: 240px;
  height: 56px;
  overflow: hidden;
  background-color: transparent;
  font-weight: bold;
  line-height: 56px;
  text-align: center;
  font-size: 1.6rem;
  font-family: Kaiti;
  color: #3f6ddc;
}

.layout-mobile .layout-side .layui-nav{
  right: 17px !important;
  width: unset !important;
}

.layout-side .layui-nav{
  position: absolute !important;
  top: 56px !important;
  bottom: 20px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: calc(100% - 56px);
  overflow-y: auto;
}
.layout-side .layui-nav::webkit-scrollbar { 
  display: none;
}

.layout-side .iconfont {
  margin-left: 20px;
  margin-right: 10px;
  /* font-size: 1.2rem; */
  line-height: 48px;
}

.layout-side .server{position: absolute;bottom: 15px;width: 210px;left: 15px;height: 180px;    background-color: #f1f4f8;
  border-radius: 10px;overflow-y: auto;}
.collapse .layout-side .server{display: none;}
.layout-side .server .server_tab_head{height: 50px;
  line-height: 50px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;}
.layout-side .server .server_tab_head img{margin: 0px 10px 0px 15px;}
.layout-side .server .server_tab{height: 30px;line-height: 30px;color: #666666;}
.layout-side .server .server_tab a{color: #666666;}
.layout-side .server .server_tab img{margin-right:4px;margin-left:5px;}
.layout-side .server .server_tab .content{position: relative;}
.layout-side .server .server_tab .iconfont{font-size: 18px !important;line-height: 50px !important;}
.layout-side .server .server_tab .content .wx_img{display: none;background: #ffffff;position: absolute;width: 120px;height: 120px;left: 50%;transform: translateX(-50%);bottom: 40px;padding: 15px;z-index: 999;}
.layout-side .server .server_tab .content .wx_img img{width: 100%;height: 100%;}
.layout-side .server .server_tab .content:hover .wx_img{display: block;}
.collapse .logo {width: 0px;transition: width 0.28s;color: transparent;}

.collapse .layout-header {left: 56px !important;}
.collapse .layout-side .layui-nav {width: 56px;}
.layout-side i {margin-right: 10px;}
.collapse .layui-layout-admin .layui-side {width: 56px;overflow-x: visible;}
.collapse .layui-layout-admin .layui-side:hover .layui-side-scroll {width: 268px;}

.collapse .nav-tree-main .layui-side-scroll {
  width: 56px;
  overflow-x: initial;
}

.collapse .nav-tree-main.layui-nav-tree {
  width: 268px !important;
  overflow-x: hidden;
}

.nav-tree-main.layui-nav-tree .layui-nav-item {
  position: relative;
}

.nav-tree-main.layui-nav-tree .layui-nav-item .layui-nav-more{
  right: 0 !important;
  left: 220px !important;
}

.collapse .nav-tree-main>.layui-nav-item>.layui-nav-child {
  position: absolute;
  left: 56px;
  top: 0;
  width: 200px;
  background-color: rgba(0, 0, 0, 0.6) !important;
  display: none;
  z-index: 9999;
  border-radius: 0;
}

.collapse .nav-tree-main>.layui-nav-item>.layui-nav-child dd a {
  line-height: 55px;
  text-align: left;
  padding: 0 20px;
  color: #fff;
  width:240px;
}

.collapse .nav-tree-main>.layui-nav-item:hover>.layui-nav-child {
  display: block;
}

.collapse .layout-side .layui-nav .layui-nav-item a {
  padding: 0;
  text-align: center;
  width: 56px;
}

.collapse .layout-side .iconfont {
  margin-left: 0;
  margin-right: 0;
}

.collapse .layout-side .iconfont {
  font-size: 1.2rem;
  line-height: 48px;
}

.collapse .layout-side .menu {
  display: none;
}

.collapse .nav-tree-main>.layui-nav-item>a .layui-nav-more {
  display: none;
}

.collapse .layui-body {
  left: 56px;
}

.layout-mobile.collapse .layout-header {
  left: 0 !important;
}

.layout-mobile.collapse .nav-tree-main.layui-nav-tree {
  width: 0 !important;
}

.layout-mobile.collapse .layui-body {
  left: 0 !important;
}

.layout-mobile .layui-body {
  left: 0 !important;
  z-index: 1;
}

.layout-mobile .layout-side {z-index: 99;position: fixed;}
.layout-mobile.collapse .layout-side {display: none;}
.layout-mobile.collapse .layui-body .cover {display: none;}
.layout-mobile .layui-body .cover {display: block;z-index: 1000;}

.cover {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.layui-side-scroll {
  width: 257px;
}

#iframe {
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  vertical-align: top;
}


.layout-side  .layui-nav .layui-nav-item a{color: black;font-size: 15px;}
.layout-side  .layui-nav-tree .layui-nav-child a{color: #686d88;font-size: 15px;}
.layout-side .layui-nav-more {
  border-top-color: #686d88;
}

.layout-side .layui-nav-tree .layui-nav-itemed>a .layui-nav-more {
  border-bottom-color: #686d88;
}
.layout-side  .layui-nav-itemed>.layui-nav-child {background-color: rgba(255,255,255,0)!important;}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
  color: #3266e5;
}
.layout-side .layui-nav-itemed>a{background-color: #f1f4f8;}
.main-bg .card{background-color: #ffffff;padding:10px;border-radius: 5px;}
.main-bg {padding: 10px !important;background-color: #f2f2f2;}
.main-body {width: 100%;height: 100%;font-size: 14px;}
.main-body .card {background-color: #ffffff;padding:15px;border-radius: 5px;}
.main-body .export {color: #13ce66;float: right;cursor: pointer;font-size: 14px;}
.main-body .export:hover {color: #43de98;}
.main-bg .card .mediaName{padding-left: 5px;}
.layui-layer-page .layui-layer-content {overflow: inherit !important;}

/*公众号二维码*/
.gzhts{position: absolute;width: 150px;height: 240px;border: 1px solid #f2f2f2;right: 15%;top: 25%;z-index: 0;background: #fff url(../images/gongzhonghao.jpg) center 30px no-repeat;background-size: contain;}
.gzhts p{font-size: 18px;text-align: center;line-height: 40px;margin: 0;}
.gzhts div{position: absolute;bottom: 5px;text-align: center;padding: 0 5px;font-size: 12px}
.zfpanel .tishi{text-align:center;padding-bottom: 30px;color:#ff5943;}

/*word上传*/
.layui-btn-sc{padding: 10px;border-radius: 2px;border:2px dashed #607D8B;font-size: 14px;color: #455A64;text-align: center;width: 50%;cursor: pointer;background: #fff;}
.layui-btn-sc:hover{background:#ddd}

/*媒介订单收稿拒稿按钮*/
.layui-btn-shou{border-radius: 5px !important;color: #fff !important;padding: 0 50px;background-color: #13ce66 !important;border-color: #13CE66 !important;}
.layui-btn-ju{border-radius: 5px !important;color: #ffffff !important;background: #f15746 !important;border: 1px solid #f15746 !important;padding: 0 50px;}
.layui-btn-fabu{border-radius: 5px !important;color: #ffffff !important;background: #f15746 !important;border: 1px solid #f15746 !important;padding: 0 50px;}
.layui-btn-bao{color: #ffffff !important;background-color: #13ce66 !important;border-color: #13CE66 !important;}
.layui-btn-fa{color: #ffffff !important;background: #f15746 !important;border: 1px solid #ffffff !important;}
.layui-btn-ruzhu{border-radius: 5px !important;color: #ffffff !important;background-color: #13ce66 !important;border-color: #13CE66 !important;}
.layui-btn-ruzhu span a{color:#ffff;}
.layui-btn-ruzhu span a:hover{color:#ffff;}
.btn-success {color: #ffffff !important;background-color: #13ce66 !important;border-color: #13CE66 !important;}

.resources-search{position: relative;display: inline-block;left: 20px;}
.layui-form a.wz:visited {color: #666 !important;text-decoration: none;}
.layui-form a.bt{color: #666 !important;text-decoration: none;}
.layui-form a.bt:hover{color: #f95555 !important;text-decoration: none;}

.tag-primary{background-color: #e8f4ff;display: inline-block;height: 26px;padding: 0 10px;line-height: 26px;font-size: 13px;border: 1px solid #d1e9ff;border-radius: 4px;box-sizing: border-box;white-space: nowrap;background-color: #1890ff !important;border-color: #1890FF !important;color:#fff;}
.tag-primary:hover{color:#fff;}
.tag-danger{display: inline-block;height: 26px;line-height: 26px;font-size: 13px;background-color: #ffeded;padding: 0 10px;border: 1px solid #ffdbdb;border-radius: 4px;box-sizing: border-box;white-space: nowrap;background-color: #f15746 !important;border-color: #f15746 !important;color:#fff;}
.tag-danger:hover{color:#fff;}
.tag-warning{display: inline-block;height: 26px;line-height: 26px;font-size: 13px;background-color: #fdf6ec;padding: 0 10px;border: 1px solid #faecd8;border-radius: 4px;box-sizing: border-box;white-space: nowrap;background-color: #e6a23c !important;border-color: #e6a23c !important;color:#fff;}
.tag-warning:hover{color:#fff;}
.tag-success{display: inline-block;height: 26px;padding: 0 10px;line-height: 26px;font-size: 13px;background-color: #e7faf0;border: 1px solid #d0f5e0;border-radius: 4px;box-sizing: border-box;white-space: nowrap;background-color: #13ce66 !important;border-color: #13CE66 !important;color:#fff;}
.tag-success:hover{color:#fff;}
.laytable-cell-1-0-10{width: 260px;}

.tabs-left ul .on{background:linear-gradient(128deg, #fa2f2f 0%, #ff5b36 90%);color: #ffffff !important;border-color: #1890ff;}
.tabs-left ul .on:hover{color: #ffffff !important;}

.itemtitle{padding: 0px 10px 30px 30px;font-weight: bold;}
.header-left .layui-nav-item a.active{color: #fa2f2f;}