[v-cloak] {
	display: none;
}

body {
	font-family: '微软雅黑'
}

.img-fill {
	height: -webkit-fill-available;
}

.main-header {
    position: relative;
    max-height:none;
    z-index: 1030;
}

.random_key{
	font-size:0px;
}
#homeCarousel  .carousel-inner>.item>img {
	display: block;
	width: 100%;
	height: 260px;
}

.img-404 {
	height: 155px;
	background: url(../images/page-404.png) center center no-repeat;
	-webkit-background-size: 150px auto;
	margin-top: 40px;
	margin-bottom: 20px;
}

.img-error {
	height: 128px;
	background: url(../images/alert.png) center center no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;
}

.no-found {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center
}

.span-label {
	padding-top: 7px;
	margin-bottom: 0;
}

.span-div {
	padding-right: 10px;
}



.main-header .logo .logo-lg {
	display: block;
	height: 40px;
	margin: 5px auto 0;
}

.required {
	color: red;
}

.g-loginwrapper
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/bg.jpg?ver=1.0) center; 
    background-size: cover;
}


.m-commitwrapper
{
    width: 1000px;
    position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) 
}


.u-toplogo
{
	width: 49%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) 
}
.u-toplogo img
{
    display: block;
    width: 380px;
    height: auto;
    float: left;
}


.u-commitbutton
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 100%;
}
.u-commitbutton:hover
{
    background-color: #FFCE3D;
}

.treecss {
	min-width: 300px;
	margin: 10px;
	padding: 10px;
	border: 1px solid;
	border-radius: 10px;
	overflow: auto;
}

.login-page .has-feedback .form-control {
    padding-left: 10px;
    padding-right: 0;
    margin-bottom: 10px;
}
.login-page .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px 6px 44px;
    font-size: 16px;
    line-height: 32px;
    border: 1px solid #161f6d;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
}
.login-page .form-control:focus {
    border-color: #005561;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.login-page .form-control-feedback {
	left: 10px;
    top: 5px;
    width: 30px;
    height: 30px;
    line-height: 44px;
    /* background: #005561; */
    color: #fff;
}
.login-page .form-group {
    margin-bottom: 20px;
}
.login-page .form-group.has-feedback { border-radius: 4px; overflow: hidden }
.login-page a { color: #161f6d }
.login-page .nav>li>a { padding: 20px 0 0 15px }
.login-page .nav>li>a:hover { background: transparent; color: #161f6d }

/* clear float */
.cf { zoom:1 } /* for IE */
.cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden } /* for other */
/* end of clear float */
/* float */
.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }
/* text-align */
.tleft { text-align:left }
.tright { text-align:right }
.tcenter { text-align:center }
/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }
.margintop10 { margin-top:10px }
.margintop20 { margin-top:20px }
.margintop30 { margin-top:30px }
.paddingleft10 { padding-left:10px } 
.paddingright10 { padding-right:10px }
.padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10_20 { padding:10px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.width20 { width: 20% }
.width100 { width: 100% }


.login-page .u-centerwrapper {    
	width: 400px;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    /*left: 50%;*/
    right: -20%;
    margin-left: -15%;    
    top: 50%;
    margin-top: -255px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.25);
}
/* 隐藏登录框左侧的小用户图标 */
.login-page .form-control-feedback {
    display: none;
}

/* 错误提示条：半透明红底 */
body.login-page .login-con .alert.alert-danger {
    background-color: rgba(221, 75, 57, 0.35)!important;   /* 原 #dd4b39 → 85% 不透明 */
    border-color: rgba(235, 204, 209, 0.9)!important;
    color: #fff;                                 /* 文字保持白色 */
    /*backdrop-filter: blur(4px);*/                  /* 可选：轻微毛玻璃 */
}


/* ========== 输入框半透明 ========== */
.login-page .u-centerwrapper input {
    background-color: rgba(0, 0, 0, 0.2);   /* 20% 透明黑 */
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;                             /* 文字纯白 */
    border-radius: 4px;
    padding: 8px 12px;
    transition: border-color 0.3s;
}

/* 聚焦时高亮 */
.login-page .u-centerwrapper input:focus {
    border-color: #fff;
    outline: none;
}

/* 占位符颜色 */
.login-page .u-centerwrapper input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}



/* 响应式：小屏自动下移并居中 */
@media (max-width: 768px) {
    .login-page .u-centerwrapper {
        position: static;
        transform: none;
        margin: 40px auto;
        right: auto;
    }
}

.login-page .u-centerwrapper::before { content: ""; width: 1px; height: 100%; position: absolute; left: 0; top: 0; /*background-image: linear-gradient(to bottom, rgba(0,85,97,0), rgba(0,85,97,1), rgba(0,85,97,0));*/ }
.login-con { padding: 0px 40px; }
.login-title { font-size: 20px; line-height: 1em; color: #161f6d; margin-bottom: 30px; word-break: keep-all; font-weight: bold; margin-top:32px }

.sidebar-menu>li { /*border-left: 3px solid #005561*/ border-left: 3px solid #FFCE3D }
.sidebar-menu>li:hover, .sidebar-menu>li.active { /*border-left: 3px solid #004953*/ border-left: 3px solid #F4F5F5 }
.sidebar-menu>li>a { padding: 15px 5px 15px 15px }
.treeview.active.menu-open { background: #FFCE3D; border-left:3px solid #F4F5F5; box-sizing: border-box }
.treeview-menu { padding-left: 0 }
.treeview-menu>li>a { padding: 10px 5px 10px 35px;  display: flex; vertical-align: top }
.sidebar-menu { white-space: initial }
.treeview-menu>li>a span { display: inline-block; width: calc(100% - 20px); word-wrap: break-word!important }
.treeview-menu>li:last-of-type>a { padding-bottom: 20px }
.treeview-menu>li>a>.fa { transform: scale(0.5); -webkit-transform: scale(0.5) }
.main-header .navbar-brand { /*color: #b8c7ce*/ color:#151f6d }

.content-wrapper { /*background: #f2f6f7*/ background: #F4F5F5 }

.com-box { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-radius: 3px }

.search-box { padding-bottom: 20px }
.search-box .input-group-addon { width: auto; min-width: 100px; color: #333 }
.search-box .form-control { width: 190px }
.search-box .form-time { width: 150px }
.search-more { display: block; float: left; height: 30px; line-height: 28px; color: rgba(0, 0, 0, 0.6); font-size: 14px; margin: 20px 0 0 20px; cursor: pointer }
.search-more .icon-down { margin-left: 3px; transition: all 0.2s }
.search-more.cur .icon-down, .det-show .icon-down.cur, .upload-show .icon-down.cur { transform: rotate(180deg); -webkit-transform: rotate(180deg) }
.search-show .search-btn { float: right; margin: 20px 20px 0 0 }
.search-show .input-group { display: flex; float: left; margin: 20px 0 0 20px }
.search-box .form-control.search-checkbox-box { width: auto; min-width: 190px }
.search-checkbox { float: left; margin-right: 15px }
.search-checkbox label { margin-bottom: 0; font-weight: 400 }
.search-checkbox input[type=checkbox] { float: left; margin-right: 2px; margin-top: 2px }
.search-hide { display: none }  
.search-hide .input-group { display: flex; float: left; margin: 10px 0 0 20px }

.sub-title { font-size: 18px; line-height: 20px; font-weight: bold; border-bottom: 1px solid #eee }
.det-show, .det-hide, .upload-show { padding-right: 60px; box-sizing: border-box }
.det-show .icon-down, .upload-show .icon-down { float: right; margin-right: -60px; font-size: 30px; color: rgba(0, 0, 0, 0.6); transition: all 0.2s; cursor: pointer }
.det-show .icon-down:hover, .upload-show .icon-down:hover { color: #23527c }
.det-list { font-size: 12px; padding-right: 0; padding-left: 0; display: flex; margin-bottom: 10px }
.det-list label { width: 20em; padding-right: 1em; box-sizing: border-box; font-weight: 400; color: rgba(51, 51, 51, 0.6); text-align: right; height: 30px; line-height: 30px; margin-bottom: 0 }
.det-list input, .det-list select { height: 30px; line-height: 30px} 
.det-list .form-control { font-size: 12px; width: calc(100% - 10em); border-radius: 3px }
.det-list .form-control[readonly] { /*font-weight: 600;*/ color: #333 }
.det-edit { border-top: 1px dashed #eee; margin-top: 10px; padding-top: 20px; padding-right: 60px;box-sizing: border-box;}
.det-edit label { color: #333 }

.upload-box { padding-left: 140px; box-sizing: border-box; margin-bottom: 0 }
.upload-box dt { width: 140px; margin-left: -140px; font-weight: 400 }
.upload-show { height: 40px; overflow: hidden }
.upload-show.up { height: auto }

.upload-list { padding-left: 0; padding-right: 20px; box-sizing: border-box; margin-bottom: 10px }
.upload-list>div { height: 38px; line-height: 38px; border: 1px solid #eee; border-radius: 3px; padding: 0 10px; box-sizing: border-box }
.upload-name { width: calc(100% - 130px); display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.upload-btnbox { display: flex }
.upload-btnbox .layui-btn-xs { margin-top: 8px; line-height: 20px }
.upload-btnbox i.fa-eye, .upload-btnbox i.layui-icon-delete { font-size: 16px!important }



.layui-table-tips-c {
	padding:0px;
}


.home-card-title {
	height:30px;line-height:30px;padding-left:20px;font-size:16px;padding-top:10px;
}
.home-card-link {
	position:absolute;top:3px;right:10px;font-size:14px;
}
.home-card-main {
	height:30px;line-height:30px;padding-left:20px;font-size:20px;font-weight:bold;margin-top:20px;font-size:25px;
}
.home-card-icon {
	border-radius:45px;float:right;margin-right:20px;
}
.home-card-sub {
	height:30px;line-height:30px;padding-left:20px;margin-top:10px;font-size:16px;color:#C0C0C0;
}

.det-show .col-sm-2 { width: calc(16.66% - 6px)}

.s-label { font-size:12px; line-height:30px; font-weight: 400; margin-bottom: 0; margin-right:30px }
.s-label input[type=checkbox], .s-label input[type=radio] { margin: 8px 5px 0 0; float: left }

.layui-tab-brief>.layui-tab-title .layui-this{color:#151f6d!important; font-weight:bold}


.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
	border-bottom: 2px solid #151f6d!important;
}

.layui-table-view .layui-table td,.layui-table-view .layui-table th {
	font-size: 12px!important;
}
.layui-form-select { 
    /*width: 70%!important;*/ 
    width: calc(100% - 9em)!important;
}

.layui-input-block {
    margin-left: 0px;
    min-height: 0px;
    width: 69%
}
.layui-input {
	border: 1px solid #D2D6DE;
}

.layui-form-selectInput dl {    
    top: 30px!important;
    
}
.layui-form-selectInput dl dd:hover {
    background-color: #209FFD!important;
    color: #fff!important;
    
}
	
.layui-form-select dl {   
    top: 30px!important;   
}

.layui-form-selectup dl {
    /*top: unset!important;*/
	top: unset!important;
    bottom: 10px!important;
    
}

.layui-form-select dl dd.layui-this {
    background-color: #209FFD!important;
    color: #fff;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #FAFAFA!important;
    color: #858585!important;
}

.layui-select-disabled .layui-disabled {
    color: #858585!important;
    border-color: #d2d6de!important;
    background-color: #FAFAFA!important;
}


element.style {
}
.treeview-menu>li>a span {
    display: inline-block;
    width: calc(100% - 20px);
    word-wrap: break-word!important;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.treeview-menu>li {
    background-color: #FFDB6E!important;
}
 /*.treeview-menu > li.active {
    background-color: #FFC222!important;
}*/
.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
    color: #fff!important;
}

.skin-blue .sidebar a {
    font-weight: normal!important;;
}

.sub-title-new {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
}

.com-box-new {
	border: 1px solid #eee;
	border-radius: 5px;
}

.layui-table-page select {
    height: 95%!important;
}

select { -webkit-appearance:none; -moz-appearance:none; appearance:none; padding: 0 30px 0 12px!important; background: url(../images/arrow.png) no-repeat calc(100% - 9px) center!important; background-size: 12px!important }