@charset "utf-8";
html,body { background-color: #f0f2f5;}
body {overflow: auto;}
.wrapper { padding: 15px; }
.clearfix { zoom: 1; }
.clearfix::after { content: "";	 height: 0;	line-height: 0;	 display: block; visibility: hidden; clear: both; }
.otherIcon{background: url(../images/otherIcon.png) no-repeat;width: 16px;height: 16px;margin: 2px 2px 2px 3px;float: left;display: inline-block;}

/** 全局头部 **/
.layui-header { z-index: 1000; height: 49px !important; line-height: 49px; border-bottom: 1px solid #f6f6f6; background-color: #FFFFFF; }
.layui-header .layui-nav { background: 0 0;}
.layui-header .layui-nav .layui-nav-item { height: 49px; line-height: 49px; z-index: 1000; }
.layui-header .layui-nav .layui-nav-item a,
.layui-header .layui-nav .layui-nav-item .layui-icon { color: #000 !important; }
.layui-header .layui-nav-item .layui-icon { font-size: 16px; }
.layui-header .layui-this:after { background-color: transparent !important; color: transparent !important; }
.layui-header .layui-nav-child dd.layui-this,
.layui-header .layui-nav .layui-nav-child dd.layui-this a { background-color: transparent !important; color: #000; }
.layui-header .layui-nav-bar, 
.layui-header .layui-nav-tree .layui-nav-itemed:after { bottom: auto; top: 0 !important; height: 2px; background: #20222a!important; }
.layui-header .layui-layout-left { left: 200px; }
.layui-header .layui-layout-left a { padding-left: 5px; padding-right: 5px;font-size: 14px !important;}
.layui-header .layui-layout-left a .layui-icon { font-size: 16px !important; }
.layui-header .userinfo.layui-nav-child { top: 50px !important; }
.layui-header .layui-layout-right .layui-nav-more { border-color: #000 transparent transparent; }
.layui-header .layui-nav .layui-nav-mored,
.layui-header .layui-nav-itemed > a .layui-nav-more { border-color: transparent transparent #000; }

/** 全局菜单 **/
.layui-sidebar::-webkit-scrollbar {width: 0;background-color: #20222a;}
.layui-sidebar {width: 200px;position: fixed;top: 0;bottom: 0;left: 0;z-index: 2000;height: 100%;overflow: visible;box-shadow: 1px 0px 5px rgb(0 0 0 / 5%);background-color: #20222a;}
.layui-sidebar .layui-logo { position: fixed; top: 0; left: 0;  z-index: 1100; width: 200px; height: 61px; line-height: 61px; font-size: 16px; text-align: center; color: #ffffff; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%); background-color: #2F363C; }
.layui-sidebar .layui-logo img { height:50px; width: 170px; }
.layui-sidebar .layui-side-menu { width: 200px;  margin-top: 61px; overflow-y: auto }
.layui-sidebar .layui-side-menu li { cursor: pointer; }
.layui-sidebar .layui-side-menu li > a { display: block; line-height: 48px; padding: 0 15px; font-size: 14px; color: #c1c1c1; }
.layui-sidebar .layui-side-menu li > a > i { display: inline-block; /*width: 20px;*/ font-size: 14px; margin-right:10px; }
/*.layui-sidebar .layui-side-menu li > a.active { color: #ffffff; background: rgba(64, 158, 255, 1); }*/
.layui-sidebar .layui-side-menu li > a:hover { color: #ffffff; }

/** 子级菜单 **/
.layui-sidebar .layui-side-menu li .child-menu { overflow-y: auto; position: fixed; top: 91px; left: 110px;  bottom: 0; z-index: 40; display: none; width: 120px; background: rgba(34, 34, 34, 1);color: #c1c1c1; }
.layui-sidebar .layui-side-menu li .child-menu::-webkit-scrollbar {width: 0;}
.layui-sidebar .layui-side-menu li .child-menu dt { height: 50px; line-height: 50px; padding-bottom: 10px; font-size: 14px; }
.layui-sidebar .layui-side-menu li .child-menu dt strong { display: block; padding-left: 20px;  }
.layui-sidebar .layui-side-menu li .child-menu dd { display: block; width: 100%;  line-height: 40px; }
.layui-sidebar .layui-side-menu li .child-menu dd a { position: relative; display: block; color: #c1c1c1; font-size: 13px; padding-left: 24px; }
.layui-sidebar .layui-side-menu li .child-menu dd > a > i { position: absolute; left: 5px; top: 0;  display: inline-block;  transition: all 0.3s ease-in-out; font-size: 15px; }
.layui-sidebar .layui-side-menu li .child-menu dd a.active { color: #ffffff;background-color: #3A91FB; }
.layui-sidebar .layui-side-menu li .child-menu dd a:hover { color: #ffffff; cursor: pointer; }
.layui-sidebar .layui-side-menu li .child-menu dd .child-menu-title:hover { color: #666; }


/** 第二套子级菜单 **/
.layui-sidebar .layui-side-menu li .child-menu2 {overflow-y: auto;display: none;background: #000000;color: #c1c1c1;}
.layui-sidebar .layui-side-menu li .child-menu2::-webkit-scrollbar {width: 0;}
.layui-sidebar .layui-side-menu li .child-menu2 dt { height: 50px; line-height: 50px; padding-bottom: 10px; font-size: 14px; }
.layui-sidebar .layui-side-menu li .child-menu2 dt strong { display: block; padding-left: 20px;  }
.layui-sidebar .layui-side-menu li .child-menu2 dd { display: block; width: 100%;  line-height: 40px; }
.layui-sidebar .layui-side-menu li .child-menu2 dd a { position: relative; display: block; color: #c1c1c1; font-size: 13px; padding-left: 36px; }
.layui-sidebar .layui-side-menu li .child-menu2 dd > a > i { position: absolute; left: 5px; top: 0;  display: inline-block;  transition: all 0.3s ease-in-out; font-size: 15px; }
.layui-sidebar .layui-side-menu li .child-menu2 dd a.active { color: #409eff;}
.layui-sidebar .layui-side-menu li .child-menu2 dd a:hover { color: #ffffff; cursor: pointer; }
.layui-sidebar .layui-side-menu li .child-menu2 dd .child-menu-title:hover { color: #666; }

/** 全局主体 **/
.layui-body {position: absolute;left: 200px;top: 90px !important;padding: 20px !important;}
.layui-body .lay-tabsbody-item { width: 100%; height: 99%; display: none; }
.layui-body .lay-iframe { width: 100%; height: 100%; border: 0; }

/** 页面标签 **/
.lay-pagetabs{position: fixed; top: 50px; left: 200px; right: 0; z-index: 999;}
.lay-pagetabs{height: 40px; line-height: 40px; padding: 0 80px 0 40px; /*border-bottom: 2px solid #292B34;*/ background-color: #fff; box-sizing: border-box; box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);}
.lay-pagetabs .lay-tabs-control{position: absolute; top: 0; width: 40px; height: 100%; text-align: center; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box; border-left: 1px solid #f6f6f6;}
.lay-pagetabs .lay-tabs-control:hover{background-color: #f6f6f6;}
.lay-pagetabs .layui-icon-prev{left: 0; border-left: none; border-right: 1px solid #f6f6f6;}
.lay-pagetabs .layui-icon-next{right: 40px; }
.lay-pagetabs .layui-icon-down{right: 0;}

.lay-tabs-select.layui-nav{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; background: none;}
.lay-tabs-select.layui-nav .layui-nav-item{line-height: 40px;}
.lay-tabs-select.layui-nav .layui-nav-item>a{height: 40px;}
.lay-tabs-select.layui-nav .layui-nav-item a{color: #666;}
.lay-tabs-select.layui-nav .layui-nav-child{top: 40px; left: auto; right: 0;}
.lay-tabs-select.layui-nav .layui-nav-child dd.layui-this,
.lay-tabs-select.layui-nav .layui-nav-child dd.layui-this a{background-color: #f2f2f2!important; color: #333;}
.lay-tabs-select.layui-nav .layui-nav-more,
.lay-tabs-select.layui-nav .layui-nav-bar{display: none;}

.lay-pagetabs .layui-tab{margin: 0; overflow: hidden;}
.lay-pagetabs .layui-tab-title{height: 40px; border: none;}
.lay-pagetabs .layui-tab-title li{min-width: 0; line-height: 40px; max-width: 160px; text-overflow: ellipsis; padding-right: 40px; overflow: hidden; border-right: 1px solid #f6f6f6; vertical-align: top;}
.lay-pagetabs .layui-tab-title li:first-child{ padding-right: 15px;}
.lay-pagetabs .layui-tab-title li:first-child .layui-tab-close{display: none;}
.lay-pagetabs .layui-tab-title li .layui-tab-close{position: absolute; right: 8px; top: 50%; margin: -7px 0 0 0; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; font-size: 12px;}
.lay-pagetabs .layui-tab-title li:after{content:''; position: absolute; top: 0; left: 0; width: 0; height: 2px; border-radius: 0; background-color: #EBF4FF; transition: all .3s; -webkit-transition: all .3s;}
.lay-pagetabs .layui-tab-title li:hover:after{width: 100%;}

#LAY_app_tabsheader li:hover,
#LAY_app_tabsheader li.layui-this{ background-color: #EBF4FF; }
#LAY_app_tabsheader li.layui-this:after{width: 100%; border: none; height: 2px; background-color: #3A91FB !important;}
#LAY_app_tabsheader .layui-this { color: #3A91FB !important; }
#LAY_app_tabsheader li:after { background-color: #3A91FB !important; }


/* 控制操作提示的css */
.layui-collapse{
	display: none;
}

/*分页*/
#productPageBar{display: flex;justify-content: center;}


#page-content {
	margin: 15px;
	background: white;
	padding: 15px;
	box-shadow: 6px 5px 13px 7px rgb(173 173 173 / 50%);
	border-radius: 5px;
}