@charset 'utf-8';
@font-face {
    font-family: 'eudd';
    src: url(../fonts/EUDD.ttf);
}
.login{max-width:400px;margin:2rem auto 0;text-align:center}
.login h3{margin-bottom:30px;color: #333;}
.login .form-group{width:100%;background: unset;}
.login .form-group span{width:100px}
.login .form-group>input{width:calc(100% - 100px)}
.login .form-group.sms>input{width: calc(100% - 230px);}
.login .suffix{line-height:50px;position:absolute;right:0;top:0;height:100%;cursor:pointer;border:0;background:#7cb350;color:#fff;text-align:center;width: 120px;}
.login .suffix:hover{background:#6c9b45}
.login .suffix:disabled{background:#ccc!important;color: #000;}
.n_nav_sub2{margin-bottom: 0;}
.n_nav_sub2 a:hover, .n_nav_sub2 a.on{border-color: #7cb350;}
.n_nav_sub2 a:before{background: #7cb350;}
.common{margin:20px 0 20px}
.common h3{margin-bottom: 30px;color: #333;}
.common .search_input{width:100%;flex:1;padding:5px 10px;border:1px solid #ccc;height:50px;line-height:50px;background:#fff}
.search-data{width:100%}
.search-data .item{width:100%;background:#f2f4f7;margin-bottom:10px}
.search-data .item .title{padding:10px 20px;font-size:16px;font-weight:700;color:#333;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s}
.search-data .item.active .title{background:#22419e;color:#fff}
.search-data .item .title .title-right{font-weight:400;color:#999}
.search-data .item.active .title .title-right{color:#fff}
.search-data .item .title .title-right i{display:inline-block;transform:rotate(-90deg)}
.search-data .item.active .title .title-right i{transform:rotate(0)}
.search-data .item .content{display:none;padding:20px 20px 10px}
.search-data .item .content .vars{flex:1;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.search-data .item .content .vars .var{width:20%;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}
.search-data .item .content .vars .var span:first-child{font-size:16px;color:#333;margin-bottom:5px}
.search-data .item .btns{max-width: 420px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.search-data .item .btns .btn{display:block;width:49%;max-width: 200px;height:40px;line-height:40px;text-align:center;background:#7eb651;margin:10px auto 10px;color:#fff;font-size:15px;cursor:pointer;transition:.3s}
.search-data .item .btns .btn img{margin-left:2px;vertical-align:middle;width:18px;margin-top:-2px}
.search-data .item .btns .btn:hover{background:#6c9b45}
.custom-rename{display:block;width:150px;height:40px;line-height:40px;text-align:center;background:#7eb651;margin-bottom:10px;float:right;color:#fff;font-size:15px;cursor:pointer;transition:.3s}
.custom-rename:hover{background:#6c9b45}
.rename-form{width:400px;padding:14px}
.rename-form input{width:100%;padding:5px 10px;border:1px solid #ccc;height:40px;line-height:40px;background:#fff}
.rename-form .fields{font-size:14px;margin:10px 0;line-height:1.2;display:flex;flex-wrap:wrap}
.rename-form .fields .field{display:block;margin-right:5px;color:#666;cursor:pointer}
.rename-form .fields .field.active{color:#22419e}
.rename-form .form-group{width:100%;height:41px;margin-bottom:0;background:unset;display:flex;justify-content:space-between;align-items:center}
.rename-form .form-group .btn{width:48%;height:40px;line-height:40px;margin:unset}
.rename-form .form-group .btn:first-child{border:1px solid #22419e;background:unset;color:#22419e}
.search-form{width: 100%;}
.search-form .company span:last-child{margin-left: 10px;}
.search-form-group{display: flex;flex-wrap: wrap;justify-content: space-between;}
.search-form .form-group{width: 32%;overflow: unset;margin-bottom: 0;}
.search-form .form-group:nth-child(4){width: 9%;}
.search-form .form-group:nth-child(5){width: 29%;}
.search-form .form-group:nth-child(6){width: 29%;}
.search-form .form-group:nth-child(7){width: 29%;}
.search-form .form-group:last-child{display: flex;justify-content: space-between;}
.search-form .form-group:last-child .btn{margin: 0;width: 49%;}
.search-form .form-group span{width: 130px;}
.search-form .form-group>input{width: calc(100% - 130px);}
.search-form .form-group .layui-form-select{width: calc(100% - 130px);float: left;}
.search-form .form-group .layui-form-select .layui-input{border:1px solid#e9e5e2;height:50px;color: inherit!important;}
.search-form .form-group .layui-form-select .layui-input:focus{border-color: #e9e5e2!important; box-shadow: unset;}
.search-form .form-group .layui-form-select dl{top:50px}
.search-form .form-group:nth-child(4) .layui-form-select{width: 100%;}
.search-data.order .item .content .vars .var{width: 25%;}
.search-data.order .item .content .vars .var span:last-child{text-overflow: ellipsis;overflow: hidden;word-spacing: normal;width: 100%;white-space: nowrap;text-align: center;}
.error{text-align: center;}
.error .msg{padding: 30px 0;font-size: 16px;color: #999;line-height: 30px;}

@media screen and (max-width: 768px) {
    .search-form .form-group{width: 49%;margin: 1% 0;}
    .search-form .form-group:nth-child(4){width: 100%;}
    .search-form .form-group:nth-child(5){width: 49%;}
    .search-form .form-group:nth-child(6){width: 49%;}
    .search-form .form-group:nth-child(7){width: 100%;}
    .search-form .form-group:last-child{flex: 1;}
}

@media screen and (max-width: 425px) {
    .search-form .form-group{width: 100%;margin: 1% 0;}
    .search-form .form-group:nth-child(5){width: 100%;}
    .search-form .form-group:nth-child(6){width: 100%;}
    .search-form .form-group:last-child{flex: 1;}
    .search-data.order .item .content .vars .var{
        width: 50%;
    }
    .search-data .item .content .vars .var{
        width: 50%;
    }
    .search-data .item .title{font-size: 14px;}
    .search-data .item .title .title-left{width: calc(100% - 120px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
    .search-data .item .title .title-right{width: 100px;}
}

.sfbzTable *{font-family: "PingFang HK","Microsoft YaHei",Arial,"Source Han Serif SC","eudd";}
.sfbzTable .layui-table th{text-align: center;}
.sfbzTable .layui-table span{font-size: 15px;font-weight: bold;color:#000}
.login-info{text-align: right;font-size: 14px;margin-bottom: 10px;}
.login-info a{display: inline-block;padding: 10px; border: 1px solid #e9e5e2;color: #999;transition: .3s;}
.login-info a:hover{background: #7eb651;color: #fff;border-color: #7eb651;}
.layui-layer-btn .layui-layer-btn0{background: #7eb651;color: #fff}