/**补充或重写layui*/
.layui-color-red, .layui-color-danger { color: #FF5722 !important; }
.layui-color-orange, .layui-color-warm { color: #FFB800 !important; }
.layui-color-green, .layui-color-normal { color: #009688 !important; }
.layui-color-cyan { color: #2F4056 !important; }
.layui-color-blue, layui-color-init { color: #1E9FFF !important; }
.layui-form-item .layui-input-small { float: left; width: 100px; margin-right: 10px; }
.layui-layer .layui-layer-content { padding: 20px 20px 20px 20px; height:auto; }

.layui-color-black { color: #333 !important; }
.layui-color-gray { color: #666 !important; }
.layui-color-white, .layui-color-primary { color: #fff !important; }

.padding-5 { padding: 5px; }
.padding-r-10 { padding-right: 10px; }
.padding-l-10 { padding-left: 10px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.margin-l5 { margin-left: 5px; }
.margin-t5 { margin-top: 5px; }
.margin-t15 { margin-top: 15px; }
.margin-t30 { margin-top: 30px; }
.margin-b5 { margin-bottom: 5px; }
.margin-b15 { margin-bottom: 15px; }
.margin-b30 { margin-bottom: 30px; }
.text-align-center { text-align: center; }


.border-bottom { border-bottom: 1px solid #ccc; }
.box-shadow-bottom { box-shadow: 0 5px 5px #efefef; }


html, body { position: relative; height: 100%; }
p { margin: 10px 0; }

.home-page-title { font-size: 2rem; line-height: 80px; margin: 50px; text-align: center; }

.page-nav { position: fixed; top: 0; background-color: white; box-shadow: 0 5px 5px #d3d3d3; z-index: 100; width: 100%; }
.page-nav .page-nav-title { float: left; font-size: 1rem; text-align: center; margin-right: 20px; padding: 0 1rem; line-height: 3rem; }
.page-nav .page-nav-title:hover { background-color: #8098f6; color: white; }
.page-nav .page-nav-box { position: relative; }
.page-nav .page-nav-menu { float: left; height: 48px; }
.page-nav .page-nav-login { float: right; height: 48px; }
.page-nav .page-nav-login img { float: left; width: 30px; height: 30px; margin: 9px 9px 9px 12px; }
.page-nav .page-nav-login .userinfo a { padding-left: 0; }
.page-nav li { height: 48px; float: left; margin-right: 10px; }
.page-nav li:last-child { margin-right: 0; }
.page-nav li a { float: left; display: block; font-size: 1rem; text-align: center; padding: 0 10px; line-height: 3rem; }
.page-nav li a:hover { background-color: #39c2f6; color: white; }
.page-nav .btn { display: none; width: 30px; height: 30px; padding: 9px; position: absolute; right: 0; top: 0; }

.page-nav .btn i { font-size: 30px; }

@media screen and (max-width:992px) {
    #content { min-height: calc(100% - 128px); padding-top: 48px; }
    .page-nav { position: fixed; top: 0; width: 100%; z-index: 1000; }

    .page-nav .btn { display: block; }
    .page-nav .layui-container { padding: 0; }
    .page-nav li { width: 100%; }
    .page-nav li a { width: calc(100% - 20px); }
    .page-nav .page-nav-menu { width: 100%; height: auto; background-color: white; display: none; }

    .page-nav .page-nav-login { width: 100%; height: auto; background-color: white; display: none; border-top: 1px dashed #f3f3f3; border-bottom: 1px dashed #f3f3f3; }
}

@media screen and (min-width:992px) {
    .page-nav .page-nav-menu { display: block; }
    .page-nav .page-nav-menu { display: block; }
}

.layui-card .layui-card-body li { overflow: hidden; }



#content { float: left; padding-top: 48px; width: 100%; min-height: calc(100% - 128px); }
/* 网站底部版权区 */
#copyright { float: left; /*margin-top: 20px;*/ width: 100%; height: 50px; text-align: center; background: none; }
#copyright p { height: 25px; line-height: 25px; }
#copyright p a { /*display: inline-block; background-color: white;*/ margin: 0 5px; font-weight: bold; }