* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 14px;
}

body {
  height: 100vh;
  min-width: 720px;
  display: flex;
}

li {
  list-style: none;
}

button,button:focus{border: none;outline: none;cursor: pointer;}

a,
a:visited,
a:link,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  color: #666;
}

table{
  border-collapse: collapse;
  border: none;
}
td{
  border: none;
}

.mcb-form-label{
  width: 130px!important;
}
.mcb-input-block{
  margin-left: 140px!important;
}
/************ 左侧框架 *************/
.left {
  width: 250px;
  height: 100%;
  background-color: var(--nav-background);
  padding: 22px 21px;
}

/* logo */
.logo_img {
	background-image: url(../img/home_logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 208px;
	height: 90px;
}
.logo_text {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}

/* menu */
.left_menu {
  margin-top: 10px;height: calc(100% - 95px);
}
.first_level_ul{height: 100%;overflow-y: auto;scrollbar-width: none;}
.first_level_ul::-webkit-scrollbar {
	width: 0px;
}
.first_level_ul::-moz-scrollbar  {
	width: 0px;
}
.first_level_ul::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	opacity: 0.2;
	background: rgba(0,0,0,0.1);
}
.first_level_ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
	border-radius: 0;
	background: rgba(0,0,0,0);
}
.first_level_li {
  background-color: var(--opened-nav-container-background);
  border-radius: 8px;
  margin-bottom: 20px;
}
.first_level_li .first_level_div {
  height: 50px;
  line-height: 50px;
  width: 100%;
  border-radius: 8px;
  padding: 0 15px;
  color: var(--first-nav-fontcolor);
  background-color: var(--first-nav-background);
}
.first_level_li.closed .second_level_ul {
  display: none;
}
.first_level_li.active .first_level_div {
  background-color: var(--active-first-nav-background);
  color: var(--acitve-first-nav-fontcolor);
}
.first_level_li.active .first_level_div .menu_text{
	color: var(--acitve-first-nav-fontcolor);
}
.menu_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu_icon {
  margin-right: 10px;
  width: 17px;
  height: 17px;
}
/* 左侧菜单图标设置 */
.first_level_ul li.first_level_li .menu_icon{
	background-size: 17px!important;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/nav/tip_icon9_2.png);
}
.first_level_ul li.first_level_li.active .menu_icon,
.first_level_ul li.first_level_li.opened .menu_icon{
	background-image: url(../img/nav/tip_icon9_1.png);
}


.first_level_ul li.first_level_li:nth-child(1) .menu_icon{
	background-image: url(../img/nav/tip_icon1_2.png);
}
.first_level_ul li.first_level_li:nth-child(2) .menu_icon{
	background-image: url(../img/nav/tip_icon2_2.png);
}
.first_level_ul li.first_level_li:nth-child(3) .menu_icon{
	background-image: url(../img/nav/tip_icon3_2.png);
}
.first_level_ul li.first_level_li:nth-child(4) .menu_icon{
	background-image: url(../img/nav/tip_icon4_2.png);
}
.first_level_ul li.first_level_li:nth-child(5) .menu_icon{
	background-image: url(../img/nav/tip_icon5_2.png);
}
.first_level_ul li.first_level_li:nth-child(6) .menu_icon{
	background-image: url(../img/nav/tip_icon6_2.png);
}
.first_level_ul li.first_level_li:nth-child(7) .menu_icon{
	background-image: url(../img/nav/tip_icon7_2.png);
}
.first_level_ul li.first_level_li:nth-child(8) .menu_icon{
	background-image: url(../img/nav/tip_icon8_2.png);
}
.first_level_ul li.first_level_li:nth-child(9) .menu_icon{
	background-image: url(../img/nav/tip_icon9_2.png);
}

.first_level_ul li.first_level_li:nth-child(1).active .menu_icon,
.first_level_ul li.first_level_li:nth-child(1).opened .menu_icon{
	background-image: url(../img/nav/tip_icon1_1.png);
}
.first_level_ul li.first_level_li:nth-child(2).active .menu_icon,
.first_level_ul li.first_level_li:nth-child(2).opened .menu_icon{
	background-image: url(../img/nav/tip_icon2_1.png);
}
.first_level_ul li.first_level_li:nth-child(3).active .menu_icon,
.first_level_ul li.first_level_li:nth-child(3).opened .menu_icon{
	background-image: url(../img/nav/tip_icon3_1.png);
}
.first_level_ul li.first_level_li:nth-child(4).active .menu_icon,
.first_level_ul li.first_level_li:nth-child(4).opened .menu_icon{
	background-image: url(../img/nav/tip_icon4_1.png);
}
.first_level_ul li.first_level_li:nth-child(5).active .menu_icon,
.first_level_ul li.first_level_li:nth-child(5).opened .menu_icon{
	background-image: url(../img/nav/tip_icon5_1.png);
}
.first_level_ul li.first_level_li:nth-child(6).active .menu_icon,
.first_level_ul li.first_level_li:nth-child(6).opened .menu_icon{
	background-image: url(../img/nav/tip_icon6_1.png);
}
.first_level_ul li.first_level_li:nth-child(7).active .menu_icon,
.first_level_ul li.first_level_li:nth-child(7).opened .menu_icon{
	background-image: url(../img/nav/tip_icon7_1.png);
}
.first_level_ul li.first_level_li:nth-child(8).active .menu_icon,
.first_level_ul li.first_level_li:nth-child(8).opened .menu_icon{
	background-image: url(../img/nav/tip_icon8_1.png);
}
.first_level_ul li.first_level_li:nth-child(9).active .menu_icon,
.first_level_ul li.first_level_li:nth-child(9).opened .menu_icon{
	background-image: url(../img/nav/tip_icon9_1.png);
}







/* .closed #create_home .menu_icon {
  background: url(../img/create_module_closed.png) no-repeat;
}
.opened #create_home .menu_icon, 
.active #create_home .menu_icon {
  background: url(../img/create_module_opened.png) no-repeat;
}

.closed #content_manage .menu_icon {
  background: url(../img/content_manage_closed.png) no-repeat;
}
.opened #content_manage .menu_icon,
.active #content_manage .menu_icon{
  background: url(../img/content_manage_opened.png) no-repeat;
}

.closed #create_module .menu_icon {
  background: url(../img/create_module_closed.png) no-repeat;
}
.opened #create_module .menu_icon, 
.active #create_module .menu_icon {
  background: url(../img/create_module_opened.png) no-repeat;
}

.closed #link .menu_icon {
  background: url(../img/link_closed.png) no-repeat;
}
.opened #link .menu_icon, 
.active #link .menu_icon {
  background: url(../img/link_opened.png) no-repeat;
} */
/* 左侧菜单 -- 模型管理icon */
/* .closed #model .menu_icon {
	background: url(../img/model_icon2.png) no-repeat;
}
.opened #model .menu_icon, 
.active #model .menu_icon {
   background: url(../img/model_icon1.png) no-repeat;
} */
/* 左侧菜单 -- 专题管理icon */
/* .closed #special .menu_icon {
   background: url(../img/special_icon2.png) no-repeat;
}
.opened #special .menu_icon, 
.active #special .menu_icon {
	background: url(../img/special_icon1.png) no-repeat;
} */
/* 左侧菜单 -- 资源管理icon */
/* .closed #resources .menu_icon {
  background: url(../img/resources_qt.png) no-repeat -23px -17px;
}
.opened #resources .menu_icon, 
.active #resources .menu_icon {
  background: url(../img/resources_qt.png) no-repeat -48px -17px;
} */

.first_level_div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.first_level_div {
  cursor: pointer;
}

.first_level_li.opened .open_close {
  background: url(../img/jianhao_white.png) no-repeat;
  width: 12px;
  height: 2px;
}

.first_level_li.closed .open_close {
  background: url(../img/jiahao_white.png) no-repeat;
  width: 10px;
  height: 10px;
}

.second_level_ul{
	margin-top: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* overflow: hidden; */
}
.second_level_li {
  /* height: 50px; */
  line-height: 50px;
  cursor: pointer;
}

.second_level_li a{
	color: var(--second-nav-fontcolor);
    width: 100%;
    display: block;
    padding-left: 60px;
}
.second_level_ul .second_level_li:last-child a{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.second_level_li.active a{
	color: var(--active-second-nav-fontcolor);
	background-color: var(--active-second-nav-background);
	height: 50px;
	overflow: hidden;
}
.second_level_li.active ul{}
.second_level_li.active ul li{}
.second_level_li.active ul li a{
	color: var(--second-nav-fontcolor);
	background-color: var(--opened-nav-container-background);
	padding-left: 75px;
}
.second_level_li.active ul li.three_level_li.active a{
	color: var(--active-second-nav-fontcolor);
	background-color: var(--active-three-nav-background);
}

.menu_text,.menu_text a{color:var(--first-nav-fontcolor)}

.second_level_li.closed .three_level_ul{display: none;}
/* .three_level_ul{display: block;}
.three_level_li a{color: var(--second-nav-fontcolor);} */


.first_level_div,
.first_level_div .menu_wrapper,
.first_level_div .menu_wrapper .menu_icon,
.first_level_div .menu_wrapper .menu_text,
.first_level_div .menu_wrapper .open_close{pointer-events: none;}

/********* 右侧框架 ************/
.right {
  width: calc(100% - 250px);
  height: 100%;
  background-color: var(--content-container);
  overflow: hidden;
}
.sidebar_right {width: 100%;height: 100%;display: block;}
.iframe_cont{border: 0;width: 100%;height: 100%;display: block;overflow: hidden;}