@charset "utf-8";
/**
 * @Title: LarryMS 后台主框架css
 * @Date: 2017-11-15
 * @Site: www.larryms.com
 * @Author: Larry
 * @QQ号：313492783
 * @QQ群号码：290354531
 * @Version:larryMS2.08
 * @Last Modified time: 2017-11-15 09:00:00
 */
/*initialize css*/
html,body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background: #f1f4f7;
	overflow-x: hidden;
}
.layui-fluid{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
.larryms-header{
	width: 100%;	
	border-bottom: 3px solid #1AA094;
	position: relative;
}
.larryms-topbar-left{
	width: 200px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.larryms-topbar-left span.mini-logo{
	display: none;
}
.top {
	display: flex;
	/*background: linear-gradient(to right, #7C5ADD, #5144E3);*/
	background: #fff;
	box-shadow: 0 3px 10px #eaeaea;
}

.el-menu{
	background-color: #3FACB3 !important;
	border: none !important;
	width: 100% !important;

}

.top .el-tabs{
	flex: 1;
	display: flex;
	align-items: center;
	--el-tabs-header-height: 70px !important;
  overflow: hidden !important;
}
.el-tabs .el-tabs__nav-wrap::after{
	background-color: transparent;
}


.top .el-tabs .el-tabs__item{
	color: #333 ;
	font-size: 17px !important;
	font-family: PingFang SC;
}
.top .el-tabs .el-tabs__item .icon{
	font-size: 18px !important;
	margin:0 12px 0 0;
}
.top .el-tabs .el-tabs__item.is-active{
	/*font-weight: bold;*/
	color: #3FACB3 !important;
}

.el-tabs__active-bar{
	background-color: #3FACB3 !important;
	height: 1px !important;
	border-radius: 10px;
	display: none;
}

.el-tabs__header{
	margin: 0 !important;
	overflow:hidden !important;
}
.el-tabs__nav-wrap.is-scrollable{
	padding:0 40px !important;
}
.el-tabs__nav-prev{
	top: 25px !important;
	font-size: 18px !important;
}
.el-tabs__nav-next{
	right:20px !important;
	top: 25px !important;
	font-size: 18px !important;
}
.el-tabs--top .el-tabs__item.is-top:last-child{
	padding-right: 30px !important;
}
.el-menu-item{
	/* padding: 0 10px 0 30px !important; */
	position: relative;
}

.menuList {
	width: 100%;

}
.top .logo {
	width: 300px ;
	height: 70px;
	/*padding: 23px 30px;*/
	/*box-sizing: border-box;*/
	/*line-height: 60px;*/
	text-align: center;
	color: #ffffff;
	font-size: 22px;
	font-weight: 600;
	transition: width 0.28s;
}
.top .logo img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}
.larryms-topbar-left .layui-logo{
	width: 155px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #ffffff;
	font-size: 22px;
	font-weight: 600;
}
.larryms-topbar-left .layui-logo img{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}
.larryms-topbar-left .larryms-switch{
    width: 45px;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 155px;
    color: #ffffff;
}
.larryms-mobile-menu{
	display: none;
	cursor: pointer;
}
.larryms-mobile-menu i.larry-icon{
	font-size: 26px;
	color: #ffffff;
}


.larryms-topbar-left .larryms-switch i.larry-icon{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 60px;
	color: #ffffff;
}
.larryms-topbar-left .larryms-switch .larry-icon{
	color: #ffffff;
	font-size: 22px;
	cursor: pointer;
}
.larryms-extend{
	width: calc(100% - 200px);
	width: -moz-calc(100% - 200px);
	width: -webkit-calc(100% - 200px);
	height: 100%;
	position: absolute;
	top: 0px;
	left: 200px;
	/*border-left: 1px solid #000000;*/
}
.larryms-extend .larryms-topbar-menu{
	height: 80px;
	position: absolute;
	top: 0px;
	left: 0px;
	/*width: calc(100% - 140px);*/
	/*width: -moz-calc(100% - 140px);*/
	/*width: -webkit-calc(100% - 140px);*/
}
.larryms-extend .larryms-topbar-menu .larryms-nav{
	height: 80px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.larryms-topbar-menu .larryms-nav li.larryms-nav-item{
	padding: 0px;
	cursor: pointer;
}
/*hover start*/
.larryms-topbar-menu ul.larryms-nav li.larryms-nav-item:hover{
	background: #393D49;
}
.larryms-topbar-menu ul.larryms-nav li.larryms-this{
	background: #000000;
}
.larryms-topbar-menu ul.larryms-nav li.larryms-this:hover{
	background: #000000;
}
/*hover end*/
.larryms-topbar-menu ul.larryms-nav li.larryms-nav-item:last-child{
	margin-right: 0px;
}
.larryms-topbar-menu ul.larryms-nav li.larryms-nav-item a{
	display: inline-block;
	/*vertical-align: middle;*/
	height: 80px;
	padding-left: 10px !important;
	padding-right: 10px !important;
	line-height: 60px !important;
	color: #fff;
}
.larryms-topbar-menu ul.larryms-nav li.larryms-nav-item a i{
	display: inline-block;
	vertical-align: middle;
	margin-right: 0px;
	padding-right: 4px !important;
}
.larryms-topbar-menu ul.larryms-nav li.larryms-nav-item a cite{
	display: inline-block;
	vertical-align: middle;
}
.larryms-topbar-menu ul.larryms-nav li.larryms-this:after{
	top: 60px !important;
	height: 4px;
}
.larryms-topbar-menu ul.larryms-nav span.larryms-nav-bar{
	top: 60px !important;
	height: 4px;
}


.larryms-topbar-menu ul.larryms-nav li.larryms-this:after {
	/*width: 34px;*/
	height: 4px;
	color: #fff !important;
	border-radius: 10px;
	top: 60px !important;
	left: 50%;
	transform: translateX(-50%);
}

.larryms-topbar-menu ul.larryms-nav:hover span.larryms-nav-bar{
	top: 60px !important;
	height: 4px !important;
	/*width: 34px !important;*/
	border-radius: 10px;
	/*left: 50% !important;*/
	/*transform: translateX(-50%) !important;*/
}
.larryms-topbar-menu ul.larryms-nav li.larryms-nav-item a{
	padding-left: 6px !important;
	padding-right: 6px !important;
}
.larryms-topbar-menu ul.larryms-nav li.larryms-nav-item a i{
	font-size: 20px;
	padding-right: 2px !important;
}
.message .layui-badge-dot {
    margin: -9px 10px 0 !important;
}

/*折叠隐藏菜单*/
.larryms-topbar-menu .dropdown{
	display: none;
	height: 100%;
	cursor: pointer;
	float: left;
	position: relative;
}
.larryms-topbar-menu .dropdown .submenubtn{
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 60px;
    font-size: 22px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: none;
    /*border-left: 1px solid #000000;
	border-right: 1px solid #000000;*/
}
.larryms-topbar-menu .extend-show{
    display: block !important;
}
.larryms-topbar-menu .extend-show:hover .submenubtn{
	background: #40434F;
}
.larryms-topbar-menu .dropdown ul.dropdown-menu{
	display: none;
	position: absolute;
	top: 60px;
	right: 0px;
	min-width: 40px;
}

.larryms-extend .larryms-topbar-right{
	position: absolute;
	top: 0px;
	right: 0px;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 300px;
}
.larryms-extend .layui-nav{
	padding: 0px;
}
.larryms-extend ul.layui-nav li.layui-nav-item {
	cursor: pointer;
}
/*hover start*/
.larryms-extend  ul.layui-nav li.layui-nav-item:hover{
	background: #393D49;
}
.larryms-extend  ul.layui-nav li.layui-this{
	background: #000000;
}
.larryms-extend  ul.layui-nav li.layui-this:hover{
	background: #000000;
}
/*hover end*/
.larryms-extend ul.layui-nav li.layui-nav-item:last-child{
	margin-right: 0px;
}
.larryms-extend ul.layui-nav li.layui-nav-item a{
	display: inline-block;
	vertical-align: middle;
	height: 60px;
	margin-top: -3px;
	padding-left: 10px !important;
	padding-right: 10px !important;
	line-height: 60px !important;
	color: #f5f5f5;
}
.larryms-extend ul.layui-nav li.layui-nav-item a i{
	display: inline-block;
	vertical-align: middle;
	margin-right: 0px;
	margin-top: 3px;
	padding-right: 4px !important;
}
.larryms-extend ul.layui-nav li.layui-nav-item a cite{
	display: inline-block;
	vertical-align: middle;
}
.larryms-extend ul.layui-nav li.layui-this:after{
	top: 59px !important;
}
.larryms-extend ul.layui-nav span.layui-nav-bar{
	top: 59px !important;
	height: 3px;
}
.larryms-extend ul.layui-nav:hover span.layui-nav-bar{
	top: 59px !important;
}
.larryms-extend .larrycms-top-menu ul.layui-nav li.layui-nav-item a{
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.larryms-extend .larrycms-top-menu ul.layui-nav li.layui-nav-item a i{
	font-size: 20px;
	padding-right: 2px !important;
}
.larryms-body{
	width: 100%;
    position: absolute;
    top: 99px;
    left: 0px;
    bottom: 0px;
}
.larryms-body .larryms-left{
	position: absolute;
	top: 0px;
	bottom: 0px;
	border-right: 2px solid #18BAAC;
	z-index: 1001;
	background: #393D49;
}
.larryms-body .larryms-left .layui-side-scroll{
	padding-left: 0px;
}
.layui-side-scroll .user-info{
	width: 200px;
	height: auto;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 8px;
}
.layui-side-scroll .user-info .photo{
	display: block;
	width: 76px;
	height: 76px;
	margin-left: 50px;
	padding: 0px;
}
.layui-side-scroll .user-info .photo img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-border-radius:50%;
	border: 4px solid #44576B;
}
.layui-side-scroll .user-info p{
	display: block;
	width: 100%;
	height: 25px;
	color: #ffffff;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	margin-top: 15px;
}
.layui-side-scroll a{
	cursor: pointer;
}
.layui-side-scroll  .sys-public-menu{
	width: 200px;
	padding-left: 0px;
}
.layui-side-scroll  .sys-public-menu ul.larryms-nav{
	padding-left: 0px;
	margin-left: 0px;
}
ul.larryms-nav li.larryms-nav-item dl.larryms-nav-child dd a{
	display: inline-block;
	vertical-align: middle;
	padding-left: 35px !important;
	padding-right: 0px;
}
ul.larryms-nav li.larryms-nav-item dl.larryms-nav-child dd dl dd a{
	padding-left: 55px !important;
}
.layui-side-scroll ul.larryms-nav li a i{
	display: inline-block;
	vertical-align: middle;
	padding-right: 2px;
}


/*左侧导航结束*/
.larryms-body .larryms-right{
	top: 0;
	bottom: 40px;
}
.larryms-right .larryms-tab{
	margin: 0px;
	height: 100%;
	position: relative;
}
.larryms-right .larryms-tab .larryms-title-box{
	width: 100%;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    border: none;
    /*border-bottom: 1px solid #1AA094;*/
}
.larryms-right .larryms-tab .larryms-title-box .hide{
	display: none !important;
}
.larryms-right .larryms-tab .larryms-title-box .larryms-btn-default{
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	float: left;
	cursor: pointer;
	background: #FFFFFF;
}
.larryms-right .larryms-tab .larryms-title-box .larryms-pull-left{
	border-right: 1px solid #d2d2d2;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1005;
}
.larryms-right .larryms-tab .larryms-title-box .larryms-btn-default i{
	display: block;
	line-height: 40px;
	width: 100%;
	height: 100%;
	font-size: 18px !important;
	text-align: center;
	font-family: "Microsoft YaHei";
	color: #3FACB3;
	font-weight: 600;
	cursor: pointer;
}
.larryms-right .larryms-tab .larryms-title-box .larryms-btn-default:hover{
	background: #dddddd;
}
/*.larryms-right .larryms-tab .larryms-title-box .larryms-btn-default:hover i{
	color: #ffffff;
}*/
.larryms-right .larryms-tab .larryms-title-box .larryms-tab-title{
	border: none;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	height: 40px;
	/*background: #fafafa;*/
	/*border-bottom: 1px solid #1AA094;*/
	width: auto;
/*	width: calc(100% - 183px);
	width: -moz-calc(100%-183px);
	width: -webkit-calc(100%-183px);*/
	position: relative;
	/*border-right: 1px solid #E5E5E5;*/
}
.larryms-right .larryms-tab .larryms-tab-auto .larryms-tab-title{
	position: absolute;
	top: 0px;
	left: 41px;
	z-index: 1000;
}
ul.larryms-tab-title li{
	background: #fff;
	cursor: pointer;
	border-top: none;
	border-radius: 5px;
	margin-right: 10px;
}

.layui-tab-title .layui-this:after{
	border-style: none !important;
}

#larryms_home{
	padding: 0 12px;
	/*margin-left: -150px;*/
}
ul.larryms-tab-title li i{
	padding-right: 3px;
	line-height: 40px;
}
ul.larryms-tab-title li cite{
    line-height: 36px;
		font-style: normal;
}
ul.larryms-tab-title li:hover{
	background: #f2f2f2;
}
ul.larryms-tab-title .layui-this{
	background: #009688;
	color: #ffffff;
}
ul.larryms-tab-title .layui-this:after{
	border-top: none;
	border-left: none;
	border-bottom: 1px solid #1AA094;
}
ul.larryms-tab-title .layui-this:hover{
    background: #009688;
}
.larryms-right .larryms-tab .larryms-title-box .larryms-btn-group{
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    z-index: 1005;
    

}
.larryms-title-box .larryms-btn-group .larryms-pull-right{
	background: #FFFFFF;
	border-left: 1px solid #d2d2d2;
}
.larryms-title-box .larryms-btn-group .larryms-press{
	display: block;
	vertical-align: top;
	margin: 0px;
    padding: 0px;
    float: left;
}

.common-layout .main-content{
	position: absolute;
	top: 88px;
	left: 236px;
	right: 20px;
	bottom: 20px;
}
.common-layout .main-content.is-active{
	left: 88px;
}

.el-popper .el-menu-item.is-active{
	color:#fff;
}

.header-right .larryms-press{
	cursor: pointer;
}

.header-right .larryms-press .xz-icon-top{
	font-size: 16px;
	color: #666666;
	margin-right: 10px;
}

.larryms-title-box .larryms-btn-group .refresh{
	width: 76px;
	height: 40px;
	background: #5EB95E;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
.larryms-title-box .larryms-btn-group .refresh i{
	font-weight: normal;
	font-size: 15px;
	color: #ffffff;
}
.larryms-title-box .larryms-btn-group .refresh cite{
	font-size: 15px;
	line-height: 40px;
	padding-left: 1px;
	color: #ffffff;
}
.larryms-title-box .larryms-btn-group .refresh:hover{
	background: #F7B824;
}
.larryms-title-box .larryms-btn-group .often{
	height: 100%;
    background: #F1F2F7;
	cursor: pointer;
}
.larryms-title-box .larryms-btn-group .often ul.larryms-nav{
	height: 100%;
	margin: 0px;
	border-radius: 0px;
	border: none;
	padding:0px;
    text-align: center;
	background: none;
}
.often ul.larryms-nav li.larryms-nav-item{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.often ul.larryms-nav li.larryms-nav-item a.top{
	width: 95px;
    text-align: center;
    line-height: 40px;
    padding-left: 0px;

}
.often ul.larryms-nav li.larryms-nav-item a.top i{
	line-height: 40px;
	padding-right: 3px;
	padding-left: 6px;
	color: #555;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}
.often ul.larryms-nav li.larryms-nav-item a.top:hover i{
	color: #FF784E;
}
.often ul.larryms-nav li.larryms-nav-item a.top cite{
	display: inline-block;
	vertical-align: middle;
	color: #333333;
}
.often ul.larryms-nav li.larryms-nav-item a.top span.larryms-nav-more{
	border-color: #393D49 transparent transparent;
	right: 5px;
}
.often ul.larryms-nav li.larryms-nav-item a.top span.larryms-nav-mored{
	border-color: transparent transparent #393D49;
}
.often ul.larryms-nav .larryms-nav-bar{
	height: 2px;
	top: 39px !important;
}
.often ul.larryms-nav li dl.layui-show{
	width: 146px;
	text-align: center;
	position: absolute;
	top: 45px;
	left: -34px;
	background: #ffffff;
	text-align: left;
	overflow: hidden;
	padding: 0px;
}
.often ul.larryms-nav li dl.layui-show dd{
	width: 100%;
	padding: 0px;
	height: 40px;
}
.often ul.larryms-nav li dl.layui-show dd a{
	color: #333333;
	padding-left: 0px !important;
	padding-right: 0px;
	width: 100%;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
.often ul.larryms-nav li dl.layui-show dd a i{
	padding-right: 4px;
	color: #333333;
	font-size: 18px;
	line-height: 40px;
	display: inline-block;
	vertical-align: middle;
}
.often ul.larryms-nav li dl.layui-show dd a cite{
	line-height: 40px;
	display: inline-block;
	vertical-align: middle;
}
.often ul.larryms-nav li dl.layui-show dd a:hover{
	background: #5EB95E;
	color: #ffffff;
}
.often ul.larryms-nav li dl.layui-show dd a:hover i{
	color: #ffffff;
}
.often ul.larryms-nav li dl.layui-show dd.larryms-this a{
    color: #ee0c0c;
} 
.often ul.larryms-nav li dl.layui-show dd.larryms-this a i{
	color: #073fea;
}
.often ul li dl dd i.larry-qianjin1{
	color: #888888 !important;
}
.often ul li dl dd:hover i.larry-qianjin1{
	color: #ffffff !important;
}
.often ul li dl dd.larryms-this i.larry-qianjin1{
	color: #0cdeea !important;
}
/*tab item*/
.larryms-right .larryms-tab .larryms-tab-content{
	width: 100%;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top:41px;
	left: 0px;
	bottom: 0px;
	overflow: hidden;
}
.larryms-right .larryms-tab .larryms-tab-content .layui-tab-item{
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
}
.larryms-right .larryms-tab .larryms-tab-content .layui-tab-item iframe{
	width: 100%;
    height: 100%;
    border: none;
}
/*右侧主体内容区域*/
.larryms-layout .larryms-footer{
	height: 40px;
	padding: 0 10px;
	background: #2F4056;
	color: #ffffff;
	font-size: 12px;
	line-height: 40px;
	left: 202px;
}
.larryms-layout .larryms-footer a{
	color: #01AAED;
	line-height: 40px;
}
.larryms-layout .larryms-footer i.layui-icon{
	
	line-height: 40px;
	margin-left: 5px;
}
.larryms-layout .larryms-footer p.block{
	text-align: center;
	color: #999999;
	color: #A89C63;
}
.larryms-mobile-shade{
	display: none;
	cursor: pointer;
}
/*针对大屏*/
@media screen and (min-width:1200px) {

}
/*针对中型屏幕*/
@media screen and (min-width: 768px) and (max-width: 1199px) {

}
/*针对手机小型屏幕*/
@media screen and (max-width:767px) {
   /*larryms-header*/
    .larryms-mobile{
    	overflow: hidden;
    }
    .larryms-header .larryms-topbar-left{
    	width: 75% !important; 
	    position: relative;
    }
    .larryms-header .larryms-topbar-left .larryms-logo{
    	width: 100% !important;
    	padding-left: 50px;
    	text-align: center !important;
    }
    .larryms-header .larryms-topbar-left .larryms-switch{
    	display: none !important;
    }
    .larryms-header .larryms-topbar-left .larryms-mobile-menu{
    	display: block !important;
    	width: 50px;
    	height: 60px;
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	color: #ffffff;
    	line-height: 60px;
    	text-align: center;
    }
    .larryms-header .larryms-extend{
    	width: 25%;
    	position: absolute;
    	top: 0px;
    	left: 75% !important;
    	border-left: none;
    }
    .larryms-hide-xs{
    	display: none;
    }
    .larryms-extend .larryms-topbar-right .layui-nav li{
    	display: none;
    }
    .larryms-extend .larryms-topbar-right .layui-nav li.exit{
    	display: block;
    }
   /*larryms-body*/
   .larryms-body{

   } 
   .larryms-left{
   	  display: none !important;
   	  height: 100%;
   }
   .larryms-right{
   	  /*position: static !important;*/
   	  /*padding: 20px;*/
      width: 100%;
      position: absolute;
      left: 0px;
   }
   .larryms-right .often{
   	  display: none !important;
   }
   /*larryms-footer*/
   .larryms-footer{
   	  position: absolute;
      left: 0px !important;
      right: 0px !important;
   }
   .larryms-footer p.block{
	  display: none;
   }
}
/*larryms-mobile*/
.larryms-mobile-layout .larryms-body {
	position: absolute;
	top: 63px;
	left: 0px;
	bottom: 0px;
}

.larryms-mobile-layout .larryms-body .larryms-left {
	display: block !important;
	z-index: 1001;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
}

.larryms-mobile-layout .larryms-mobile-shade {
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 1000;
}
.larryms-mobile .larryms-extend{
	border-left: none;
}
.larryms-mobile .larryms-hide-xs{
    	display: none;
    }
.larryms-mobile .larryms-extend .larryms-topbar-right .layui-nav li{
    	display: none;
    }
.larryms-mobile .larryms-extend .larryms-topbar-right .layui-nav li.exit{
    	display: block;
    }
/*菜单折叠/展开样式*/
.larryms-fold .larryms-header .larryms-topbar-left {
	width: 105px !important;
}

.larryms-fold .larryms-header .larryms-topbar-left .larryms-logo {
	display: none;
}

.larryms-fold .larryms-header .larryms-topbar-left span.mini-logo {
	display: block;
	width: 40px !important;
	height: 40px;
	text-align: center;
	font-size: 28px;
	color: #ffffff;
	margin-top: 10px;
	margin-left: 8px;
	line-height: 50px;
}
.larryms-fold .larryms-header .larryms-topbar-left span.mini-logo img{
	display: block;
	width: 100%;
	height: 100%;
}
.larryms-fold .larryms-header .larryms-topbar-left .larryms-switch {
	position: absolute;
	top: 0px;
	left: 60px;
	border-left: 1px solid #000000;
}

.larryms-fold .larryms-header .larryms-extend {
	width: calc(100% - 105px);
	width: -moz-calc(100% - 105px);
	width: -webkit-calc(100% - 105px);
	position: absolute;
	top: 0px;
	left: 105px;
}

.larryms-fold .larryms-body .larryms-left {
	width: 60px !important;
	margin: 0 0 20px 20px !important;
}

/*折叠图标显示*/
.larryms-fold .larryms-body .larryms-left .layui-side-scroll .user-info{
	width: 60px;
	height: auto;
	padding-top: 8px;
	padding-bottom: 12px;
	border-bottom: 1px solid #23262E;
}
.larryms-fold .larryms-body .larryms-left  .layui-side-scroll .user-info .photo{
	display: block;
	width: 40px;
	height: 40px;
	margin-left: 8px;
	padding: 0px;

}
.larryms-fold .larryms-body .larryms-left  .layui-side-scroll .user-info .photo img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-border-radius:50%;
	border: 2px solid #44576B;
}
.larryms-fold .larryms-body .larryms-left .layui-side-scroll .user-info p{
	display: none;
}
.larryms-fold .larryms-body .larryms-left .sys-menu-box{
	width: 60px;
}
.larryms-fold .larryms-body .larryms-left .larryms-nav-tree{width: 60px;}
.larryms-fold .larryms-body .larryms-left .larryms-nav-tree .larryms-nav-item{
     line-height: 40px;
}
.larryms-fold .larryms-body .larryms-left .larryms-nav-tree .larryms-nav-item a{
     padding-left: 0px;
     height: 40px;
     line-height: 40px;
}
.larryms-fold .larryms-body .larryms-left .larryms-nav-tree .larryms-nav-item a i{
	display: block;
	width: 50px;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
}
.larryms-fold .larryms-body .larryms-left .larryms-nav-tree .larryms-nav-item a cite{
	display: none;
}
.larryms-fold .larryms-body .larryms-left ul.larryms-nav li.larryms-nav-item dl.larryms-nav-child dd a{
	padding-left: 0px !important;
}
.larryms-fold .larryms-body .larryms-left ul.larryms-nav li.larryms-nav-item dl.larryms-nav-child dd dl dd a{
	padding-left: 0px !important;
}
.larryms-fold .larryms-body .larryms-left  .larryms-nav .larryms-nav-more{
	right: 5px;
	top: 16px;
}
.larryms-fold .larryms-body .larryms-left  .larryms-nav .larryms-nav-itemed .larryms-nav-more{
	right: 5px;
	top: 10px;
}

.larryms-fold .larryms-body .larryms-left  .larryms-nav-tree .larryms-nav-itemed dl.larryms-nav-child dd.grandson .larryms-nav-more{
    right: 5px;
	top: 20px !important;
}
.larryms-fold .larryms-body .larryms-left  .larryms-nav-tree .larryms-nav-itemed dl.larryms-nav-child dd.grandsoned .larryms-nav-more{
	
	right: 5px;
	top: 20px !important;
}
/*折叠图标结束*/

.larryms-fold .larryms-body .larryms-right {
	position: absolute;
	top: 0px;
	left: 102px !important;
}

.larryms-fold .larryms-footer {
	position: absolute;
	bottom: 0px;
	left: 62px !important;
}


.xz-icon-shrink{
	color: #6F5BE3;
	font-size: 20px !important;
}

.bread-content{
	display: flex;
	align-items: center;
	height: 45px;
}



.larryms-unfold{

}
.larryms-unfold .larryms-header .larryms-topbar-left {
	width: 200px !important;
}
.larryms-unfold .larryms-header .larryms-topbar-left .larryms-logo {
	display: block;
}

.larryms-unfold .larryms-header .larryms-topbar-left span.layui-icon {
	display: none;
}

.larryms-unfold .larryms-header .larryms-topbar-left .larryms-switch {
	position: absolute;
	top: 0px;
	left: 155px;
}
.larryms-unfold .larryms-header .larryms-extend {
	position: absolute;
	top: 0px;
	left: 200px;
}

.larryms-unfold .larryms-body .larryms-left {
	width: 200px !important;
	margin: 0 0 20px 20px;
}

.larryms-unfold .larryms-body .larryms-right {
	position: absolute;
	top: 0px;
	left: 239px !important;
}

.larryms-unfold .larryms-footer {
	position: absolute;
	bottom: 0px;
	left: 202px !important;
}


/*针对手机小型屏幕*/
@media screen and (max-width:767px) {
	.larryms-unfold .larryms-body .larryms-right
	,larryms-fold .larryms-body .larryms-right {
		left: 0 !important;
	}
	.larryms-unfold .larryms-footer
	,.larryms-fold .larryms-footer {
		left: 0 !important;
	}
}


/*主题设置*/

.larryms-layer-right {
	position: absolute;
	top: 63px !important;
	bottom: 0;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
	border-radius: 0;
	overflow: auto;
	background: #fff;
	overflow-x: hidden;
}

/*锁屏设置*/
.lock-screen{
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background:#F1F2F7 url(../images/lockscreenbg.jpg) repeat fixed;
   background-size:cover;
   background-repeat:repeat;
   z-index: 999999;
}
.lock-wrapper{
	margin:10% auto;
	max-width:400px;
}
#time{
	width:100%;
	color:#fff;
	font-size:60px;
	margin-bottom:80px;
	display:inline-block;
	text-align:center;
}
.lock-box{
	background:rgba(255,255,255,.3);
	padding:20px;border-radius:3px;
	-webkit-border-radius:3px;
	position:relative;
	height: 215px;
}
.lock-wrapper img{
	display: block;
	width: 90px;
	height: 90px;
	position:absolute;
	left:50%;
	top:-45px;
	margin-left: -45px;
	border-radius:50%;
	-webkit-border-radius:50%;
	border:5px solid #fff;
}
.lock-wrapper h1{
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align:center;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	padding:50px 0 0 0;
	margin-bottom: 23px;
}
.lock-wrapper .lock-form{
	width: 100%;
	height: 105px;
}

.lock-wrapper .lock-form .layui-form-item{
	width: 100%;
	height: 50px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
}
.lock-wrapper .lock-form .layui-form-item input[type='password']{
	width: 60%;
	height: 40px;
	margin: 0 auto;
	border: solid 1px #E2E2E4;
	cursor: auto;
	font-size: 14px;
	user-select: text;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
}
.lock-wrapper .lock-form .layui-form-item span.layui-btn{
	display: block;
	width: 100px;
	text-align: center;
	margin: 0 auto;
	line-height: 40px;
	height: 40px;
	color: #ffffff;
}
.lock-wrapper .lock-form .layui-form-item span.layui-btn:hover{
	background: #FE5722;
	color: #ffffff;
}


/* 行知风格样式 */

.layui-layout-admin .layui-header,
.larryms-title-box .larryms-btn-group .refresh {
	/*background-color: #3FACB3 !important;*/
	/*background-color: #3FACB3 !important;*/
	background: linear-gradient(to right, #7C5ADD, #5144E3);
}

.layui-header{
	height: 80px;
}

.larryms-header {
	border-bottom: 3px solid #F1F2F7 !important;
}

.larryms-topbar-menu ul.larryms-nav li.larryms-nav-item:hover {
	background-color: transparent !important;
}

.larryms-topbar-menu ul.larryms-nav li.larryms-this{
	background-color: transparent !important;
}


/*.larryms-nav-bar, .larryms-nav .larryms-this:after, .larryms-nav-tree .larryms-nav-itemed:after {*/
/*	background: transparent;*/
/*}*/


.larryms-unfold .larryms-header .larryms-extend {
	/*border-left: 1px solid #F1F2F7 !important;*/
}

.larryms-nav .larryms-this a, .larryms-nav .larryms-nav-item a:hover {
	color: #fff !important;
	/*scale: 1.1;*/
}

.larryms-right .larryms-tab .larryms-title-box,
.larryms-right .larryms-tab .larryms-title-box .larryms-tab-title {
	/*border-bottom: 1px solid #3FACB3 !important;*/
}

ul.larryms-tab-title .layui-this,
.layui-bg-green,
.layui-laypage .layui-laypage-curr .layui-laypage-em {
	/*background-color: #3FACB3 !important; */
	background-color: #3FACB3 !important;
}

.larryms-body .larryms-left {
	border-right: 2px solid #F1F2F7 !important;
}

.layui-elem-quote {
	border-left: 5px solid #3FACB3 !important;
}

.layui-bg-black {
/*	background-color: #fff !important;
	color: #333 !important;*/

	border-radius: 18px;

	background-color: #fff !important;
    /*color: #fff !important;*/
}

.larryms-nav-itemed .larryms-nav-child {
	background-color: #fff !important;
	color: #1B1C20 !important;
}

.larryms-nav-itemed dl.larryms-nav-child dd, .larryms-nav-tree .larryms-nav-item {
	/* border-bottom: 1px solid #F1F2F7 !important;
	color: #333 !important;*/
}


.larryms-nav-tree .larryms-nav-child a, larryms-nav-tree .larryms-nav-itemed>a, .larryms-nav-tree .larryms-nav-item a {
	color: #1B1C20 !important;
}

.larryms-nav-tree .larryms-nav-child dd.larryms-this,
.larryms-nav-tree .larryms-this,
.larryms-nav-tree .larryms-nav-child dd.larryms-this a,
.larryms-nav-tree .larryms-this>a,
.larryms-nav-tree .larryms-nav-item a:hover,
.larryms-nav-itemed dl.larryms-nav-child dd:hover {
	/*background-color: #F1F2F7 !important;
	color: #333 !important; */

	background-color: #FAF8FF !important;
    color: #3FACB3 !important;
	font-weight: bold;
}

/*.larryms-nav-tree .larryms-this a {*/
/*	color: #3FACB3 !important;*/
/*}*/


.larryms-nav-tree .larryms-nav-bar {
	background-color: transparent !important;
}

.larryms-unfold .larryms-header .larryms-extend {
	left: 240px !important;
	width: calc(100% - 240px) !important;
	width: -moz-calc(100% - 240px) !important;
	width: -webkit-calc(100% - 240px) !important;
}

.larryms-unfold .larryms-header .larryms-topbar-left {
	width: 240px !important;
}

.logo-mini-text{
	font-size: 10px;
	color: #fff;
	position: absolute;
	top: 45px;
	left: 22px;

	width: auto !important;
	padding-left: 0 !important;
	text-align: center !important;
}

.larryms-topbar-left .layui-logo {
	width: 200px !important;
	font-size: 20px !important;
	letter-spacing: 2px;
	margin-left: 10px !important;

}
.larryms-unfold .larryms-header .larryms-topbar-left .larryms-switch {
	left: 195px !important;
}

.top-nav-right{
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	height: 80px;
}

.top-nav-right .refresh .larry-shuaxin{
	color: #fff;
	font-size: 20px;
	cursor: pointer;
}

.main-content-header{
	background-color: transparent !important;
	padding-left: 0 !important;
}

.el-menu-item i{
	color: #fff;
}
.aside{
	width:340px;
	overflow:hidden;
}
.common-layout .el-menu-item.is-active{
	/* background-image: url("../newImages/menu/menu_img@2x.png"); */
	height:53px;
	background:#D6F7F9;
	width:220px;
	transition: width 2s;
	box-shadow:0px 7px 5px #3b9fa6;
}
.isCollapse .el-menu-item.is-active{
	height:56px;
	margin-left:0px!important;
	padding: 18px !important;
	width: 90px;
	border-radius: 0px;
}
.common-layout .el-menu-item{
	position: relative;
}
.common-layout .el-menu-item .menu_right{
 	display: none;
	position: absolute;
	top: -5px;
	height: 72px;
	width: 20px;
	right: -20px;
}

.el-aside,.el-scrollbar,.el-scrollbar__wrap{
	overflow: initial !important;
}
.common-layout .el-menu-item.is-active .menu_right{
	display: block;
}
.el-menu--popup  .menu_right{
	display: none !important;
}
.common-layout .el-menu-item:hover{
	background:#D6F7F9;
	color:#3FACB3;
}

.common-layout .el-menu-item.is-active:hover{
	background:#D6F7F9;
	color:#3FACB3;
}
.el-sub-menu .el-menu-item.is-active{
	background-position: 5px 1px !important;
}