body,
html {
    position: relative;
    width: 100%;
    height: 100%;
    font-family: Microsoft Yahei !important;
    margin: 0;
    padding: 0;
}

.container {
    position: relative;
    width: 100%;
    height: auto
}

.wrapper {
    position: relative;
    margin: 0 auto;
    width: 1200px
}

.fl {
    float: left
}

.fr {
    float: right;
    font-size: 12px;
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0
}

em,
i {
    font-style: normal
}

.slh {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.clear {
    clear: both
}

.head-rightpic {
    margin-right: 0;
    width: 88px;
    border-radius: 0
}

.layui-nav .layui-nav-item {
    line-height: 70px
}

.layui-layout-admin .layui-header {
    z-index: 99999;
    width: 100%;
    height: 70px
}

.logo {
    /* width: 15%; */
    display: block;
    float: left;
    padding-left: 1%;
    height: 70px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* min-width: 300px; */
}

.logo img {
    /* float: left; */
    display: inline-block;
    overflow: hidden;
    /* border-radius: 50%; */
    /* width: 3.2rem; */
    height: 50px;
    /* margin-top: 10px */
}

.logo-right {
    display: inline-block;
    overflow: hidden;
    /* height: 70px; */
    margin-left: 10px;
    /* width: 72%; */
}

.logo-right p {
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    max-width: 144px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.headnav-min li {
    /* float: left; */
    text-align: center;
    /* margin-top: 20px; */
    /* line-height: 30px; */
    list-style: none;
}

.headnav-min li a {
    font-weight: 400;
    color: rgba(255, 255, 255, 1)
}

.headnav-min li a:hover {
    color: #d3b365
}

.activea {
    color: #d4b365 !important
}

.headnav-min li i {
    color: #686e74;
    margin-left: 1.6rem
}

.Container .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #eee;
    background-color: #fff !important
}

.header .wrapper .main-top-nav {
    padding-top: 33px;
    height: 70px
}

.containerBf,
.leftNav {
    top: 70px !important
}

.leftNav .leftNavw {
    width: 200px
}

.leftNav .leftNavw .leftListNum li a {
    height: 50px;
    line-height: 50px
}

.leftNav .leftNavw .layui-nav-tree .layui-nav-item a:hover {
    background-color: transparent
}

.leftNav .leftNavw .layui-nav-tree .layui-nav-bar {
    background-color: #ffe097
}

.headnav-min {
    display: block;
    float: left;
    width: 720px;
    height: 70px;
    margin-left: 20px;
    margin-right: 20px;
}

.width2 {
    color: #686e74;
    margin-left: .9%;
    margin-right: .9%;
    display: block;
}

.header-demo .layui-layout-right {
    display: block;
    float: right
}

.leftNav .leftNavw .leftListNum .active {
    background: rgba(212, 179, 101, 1) !important
}

.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
    border: none
}

.layui-table-tool-self {
    width: 30px
}

.layui-table-tool-self .layui-icon-export,
.layui-table-tool-self .layui-icon-print {
    display: none !important
}

.layui-table-page .layui-laypage {
    margin: 0;
    float: right
}

.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
    border: 1px solid transparent !important
}

select {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-appearance: button !important
}

.layui-nav-tree .layui-nav-bar {
    width: 5px;
    height: 0;
    background-color: #d3b365 !important
}

.layui-laydate .layui-this {
    background-color: #d4b365 !important;
    color: #fff !important
}

input::-webkit-input-placeholder {
    color: #ccc
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #D4B365 !important;
    color: #fff
}

@media screen and (max-width:1284px) and (min-width:1120px) {
    /* .logo-right{
        width: 68%;
    } */
}

@media screen and (max-width:1440px) and (min-width:1120px) {
    /* .logo{
        width: 18%;
    } */
}

/* 结构 */
.s-main{
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    bottom: 0;
    z-index: 998;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: auto;
}
.s-main2{
    position: absolute;
    left: 200px;
    right: 0;
    top: 70px;
    bottom: 0;
    z-index: 998;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: auto;
}
.s-top_bar{
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
    background: #F0F2F5;
    border-bottom: 1px solid #EAEEF0;
}
.s-search_bar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 15px;
}
.s-search_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.s-con{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* flex-wrap: wrap; */
}
.flex-column{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.flex-1{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    /* overflow: auto; */
}
.flex-end{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}


.layui-table, .layui-table-view {
    margin: 0;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #d4b365 !important;
    background-color: #d4b365 !important;
}
.layui-form-select dl dd.layui-this {
    background-color: #d4b365 !important;
    /* color: #fff; */
}
.layui-form-checked[lay-skin=primary] i {
    border-color: #d4b365!important;
    background-color: #d4b365!important;
}
.layui-form-onswitch {
    border-color: #5294F9;
    background-color: #5294F9;
}

/* 表单 */
.s-form{
    
}
.s-form-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* margin-bottom: 10px; */
}
.s-form-item+.s-form-item{
    margin-top: 10px;
}
.s-form-item .s-form-label{
    width: 100px;
}
.s-form-item .s-text-block,
.s-form-item .s-input-block{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.s-text-block{
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 5px;
}
.s-input-block{
    height: 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #DCDFE6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 5px;
    cursor: pointer;
}
.s-input-block:hover{
    border-color: #D4B365;
}
.s-input-block .s-input{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border: none;
}
.s-input-block .s-aux{

}

.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {
    color: #d4b365;
}

/* 按钮 */
.layui-btn {
    background-color: #d4b365;
}
.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
    border: 1px solid #e6e6e6;
    background-color: #fbfbfb;
    color: #c9c9c9;
    cursor: not-allowed;
    opacity: 1;
}
.layui-btn-primary,
.layui-btn-primary:hover {
    border: 1px solid #d2d2d2;
    background: 0 0;
    color: #666;
}
.btn-text{
    cursor: pointer;
    color: #D4B365;
}
.btn-text+.btn-text{
    margin-left: 5px;
}
.icon-btn{
    cursor: pointer;
}
.layui-btn.layui-btn-close{
   background: #919ea8
}

.s-link{
    cursor: pointer;
    color: rgba(153, 153, 153, 1);
}



input[type="number"]{
    -moz-appearance: textfield;
    -webkit-appearance: none !important;
}
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

/* 弹层 */
.pop-box .layui-table-cell {
    padding: 0 7px;
}


/* 弹框 上传图片 */


/* top */
.top-login{
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 40px;
    padding-right: 40px;
}
.top-login .logo-img{
    height: 54px;
}
.nav-login>.nav-item{
    margin-left: 30px;
    font-size: 16px;
    color: #173B75;
    text-decoration: none;
}
.nav-login>.nav-item:hover{
    color: #FFA929;
}

/* 搜索条 */
.s-serch-bar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
}
.s-serch-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* margin-bottom: 10px; */
}
.s-serch-item+.s-serch-item{
    margin-left: 20px;
}
.s-serch-item .s-serch-label{
    /* width: 80px; */
    padding: 0 10px;
}
.s-serch-item .s-serch-input{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

/* 可输入select */
.layui-input{
    /* animation-delay:1s */
}
.select-input-box{
    position: relative;
}
.select-input-box .select-input{
    /* display: none; */
    position: absolute;
    z-index: 1;
    right: 30px;
    left: 1px;
    top: 1px;
    bottom: 1px;
    width: auto;
    height: auto;
    border: none;
    /* border-color: transparent !important; */
    /* background: transparent; */
}


.s-table{
    width: 100%; 
    border-color: #DCDFE6;
    border: 1;
}
.s-table thead tr{
    height: 35px;
    background: rgba(246, 247, 251);
    color: rgba(84, 101, 117);
}
.s-table tbody tr{
    height: 35px;
    color: rgba(96, 97, 101);
    /* background: rgba(246, 247, 251); */
}
.s-table td{
    padding: 5px 10px;
}

.c-red{
    color: #E74E4E
}
.c-gray{
    color: rgba(153, 153, 153, 1);
}

.layui-form-radio>i:hover, .layui-form-radioed>i {
    color: #d4b365;
}

/* 表格内图片 样式 */
.img-table{
    width: 28px;
    height: 28px;
    object-fit: cover;
    vertical-align: top;
}
.img-table+.img-table{
    margin-left: 4px;
}
.pdf-table{
    display: inline-block;
    width: 28px;
    height: 28px;
    position: relative;
}
.pdf-table>a{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* footer */
.foot-bd{background-color:rgba(56,56,56);color:#D3B365}
.foot-bd .main-foot{padding:20px;padding-left:0;overflow: hidden;font-size:12px}
.foot-bd .main-foot .foot-logo-saas .footer-logo{display:inline-block;margin-top:43px;width:120px;height:38px}
.foot-bd .main-foot .foot-logo-saas .footer-logo img{display:block;width:120px;height:38px}
.foot-bd .main-foot .foot-logo-saas{margin-right:20px}
.foot-bd .main-foot .foot-right-main{margin-left:30px;padding-left:20px;height:133px;border-left:1px solid #d7d7d7}
.foot-bd .main-foot .foot-right-main ul{margin-top:31px}
.foot-bd .main-foot .foot-right-main ul li{position:relative;float:left;padding:0 10px}
.foot-bd .main-foot .foot-right-main ul li a,.foot-bd .main-foot .foot-right-main ul li p{color:#fff}
.foot-bd .main-foot .foot-right-main ul li a:hover{color:#D3B365}

.layui-elem-quote {
    border-left: 5px solid #d3b365;
}
.layui-tab-brief>.layui-tab-title .layui-this {
    color: #d3b365;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 2px solid #d3b365;
}
.layui-col-md8 #formBuilder div.layui-form-item:hover, .layui-col-md8 #formBuilder div.layui-form-item.active {
    border: 1px solid #d3b365;
    background-color: #fff !important;
}
.layui-component-tools {
    background: #d3b365;
}
.layui-slider-bar {
    background: #d3b365 !important;
}
.layui-slider-wrap-btn {
    border-color: #d3b365 !important;
}
.component-group ol:hover {
    background: #d3b365
}

[lay-event="LAYTABLE_PRINT"],
[lay-event="LAYTABLE_EXPORT"]{
    display: none;
}
.layui-nav .layui-nav-bar{
    display: none !important;
}