@charset "utf-8";

@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}

@font-face
{font-family: MiSans;
src: url('../font/MiSans-Regular.ttf')}






body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit;font-family:'MiSans','SourceHanSansCN', 'PingFang SC','PingFangMedium',"microsoft yahei";/* font-family: "microsoft yahei"; */}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
*{box-sizing:border-box;color:inherit;font-size: inherit;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; appearance: none;}
input[type="button"] {
    border: none;
}

textarea {
    -webkit-appearance: none;
    appearance: none;
}

:hover {
    transition: all .2s;
}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.05,1.05);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 1; line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-clamp: 3;}
body{overflow-x: hidden;}

.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}
.block{display: block!important;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline:hover {
    text-decoration: underline;
}

label {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}

.flex-pack-end {
    justify-content: flex-end;
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: flex;
}

.flex-w {
    flex-wrap: wrap;
}

.flex-1 {
    flex: 1;
    overflow: hidden;
}

.flex-11 {
    flex: 1;
    width: 0;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}


html {
    font-size: 5.2083vw;
}

::-webkit-scrollbar {
    width: 4px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px; /* background: linear-gradient(rgba(96,146,215,.66), rgba(55,86,134,.66)); */
    background: #0f70ff;
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-resizer {
    display: none;
}

.hidden {
    overflow: hidden;
}

.scrolly {
    overflow-y: auto !important;
}

.scrolly::-webkit-scrollbar {
    width: 0;
}

.scrollybg {
    overflow-y: auto !important;
}

.scrollybg::-webkit-scrollbar {
    width: 4px;
}

.scrollybgw {
    overflow-y: auto !important;
    width: calc(100% + 10px);
    padding-right: 10px;
}

.relative{position:relative;}
a,a:hover{color:inherit;transition: all 0s;}
.img_full{width: 100%;height: 100%;object-fit: cover;}


::-webkit-input-placeholder{color:rgba(255,255,255,.5);}
:-moz-placeholder{color:rgba(255,255,255,.5);}
::-moz-placeholder{color:rgba(255,255,255,.5);}
:-ms-input-placeholder{color:rgba(255,255,255,.5);}

/* 公共部分 */
.body{background:url(../images/img.jpg) no-repeat center top;background-size:cover;/* height: 100vh; */display: flex;flex-direction: column;font-size: 14px;color:#fff;overflow: hidden;}
.body.h100{height: 100vh;}
.conwrap{width: 100%;height: 100%;min-height: 750px;}

.container{flex:1;overflow: hidden;margin:0 0 20px 25px;overflow-y: auto!important;padding-right: 25px;}

.head{height: 100px;display: flex;align-items: center;justify-content: space-between;padding:0 40px;position: sticky;width: 100%;left: 0;top: 0;z-index:100;background:url(../images/img.jpg) no-repeat center top;margin-bottom: 20px;}
.head .l,.head .r{display: flex;align-items: center;}

.hd-logo {
    margin-right: 40px;
}

.hd-logo .img {
    height: 80px;
    width: auto;
}

.hd-nav {
    display: flex;
}

.hd-nav li {
    margin-right: 55px;
}

.hd-nav li:last-child {
    margin-right: 0;
}

.hd-nav li:last-child {
    margin-right: 0;
}

.hd-nav li > a {
    display: block;
    font-size: 16px;
    line-height: 70px;
    position: relative;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 8px;
    border-radius: 4px;
}

.hd-nav li > a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(79, 172, 254, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}

.hd-nav li > a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 12px;
    height: 2px;
    width: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(90deg, transparent, #4facfe, transparent);
    border-radius: 1px;
    box-shadow: 0 0 8px rgba(79, 172, 254, 0.4);
}

.hd-nav li.cur:not(.auth-buttons):not(.lang-switcher) > a::before, .hd-nav li:not(.auth-buttons):not(.lang-switcher):hover > a::before {
    width: 120px;
    height: 40px;
}

.hd-nav li.cur:not(.auth-buttons):not(.lang-switcher) > a::after, .hd-nav li:not(.auth-buttons):not(.lang-switcher):hover > a::after {
    width: 100%;
    left: 0;
}

.hd-nav li.cur:not(.auth-buttons):not(.lang-switcher) > a, .hd-nav li:not(.auth-buttons):not(.lang-switcher):hover > a {
    color: #4facfe;
    text-shadow: 0 0 8px rgba(79, 172, 254, 0.5), 0 0 16px rgba(79, 172, 254, 0.3), 0 0 32px rgba(79, 172, 254, 0.1);
    transform: translateY(-1px);
}

.head .ico-lk {
    width: 30px;
    height: 30px;
    margin-left: 20px;
    border-radius: 5px;
    border: 1px solid #515151;
    background-color: #161922;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.head .ico-lk::after {
    content: '';
}

.head .notice::after {
    content: '📢';
}

.head .help::after {
    content: '❓';
}

.head .ico-lk:hover {
    background-color: #0f70ff;
    border-color: #0f70ff;
}


/* Navbar language select and auth buttons - unify dark style */
.head .lang-select,
.head select[name="language"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(53, 62, 73, .56);
    border: 1px solid #515151;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 26px 0 10px;
    border-radius: 6px;
    cursor: pointer;
}

.head .lang-select:focus,
.head select[name="language"]:focus {
    border-color: #5a37ff;
}

.head .lang-select option,
.head select[name="language"] option {
    background-color: #0b0c14;
    color: #fff;
}

/* remove any white background wrappers */
.head .hd-nav li form {
    background: transparent;
}

/* Auth buttons consistent dark style - unified transparent */
.head .r .hd-nav .auth-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.head .r .hd-nav .auth-buttons .auth-btn {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 6px;
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .3);
    line-height: 1;
    box-shadow: none;
    transform: none;
}

.head .r .hd-nav .auth-buttons .auth-btn:hover {
    background: rgba(255, 255, 255, .1);
    color: #fff;
    text-decoration: none;
    box-shadow: none;
    transform: none;
}


.container.toggle .con-side {
    transform: translate(-200%, 0);
    width: 0;
    overflow: hidden;
    margin-right: 15px;
}

.container.toggle .con-main {
    width: 100%;
}

.container.toggle .foldicon {
    transform: rotate(180deg);
}


.con-side {
    width: 225px;
    border-radius: 26px;
    background: url(../images/img_02.jpg) no-repeat center top #0b0c14;
    background-size: 100% auto;
    border: 1px solid #2667ff;
    transition: all 0.15s;
}



.m-w{background-color: #0b0c14;border:1px solid #31333e;border-radius:26px;}
.m{background-color: #131622;border-radius:16px;}

.p20{padding: 20px;}
.p10-20{padding:10px 20px 20px;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.fz13{font-size: 13px;}
.fz14{font-size: 14px;}
.color-light{color:rgba(255,255,255,.5);}

.c-main{color:#0f70ff!important;}
.c-red{color:#ff0000!important;}
.c-org{color:#ff7e00!important;}

.img-fill{width: 100%;height: 100%;object-fit: contain;}


.foldicon{width: 40px;height: 40px;border:2px solid #31333e;border-radius:50%;position: absolute;left: -18px;top: 25px;background-color: #0b0c14;font-size: 18px;cursor: pointer;}
.foldicon::after{content:'▶';}
.foldicon:hover{background-color: #0f70ff;border-color:#0f70ff;}


.con-main{flex:1;width:0;padding:25px;position: relative;margin-left: 25px;}

.top-tool{display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;padding:0 0 0 25px;}
.top-tool .l,.top-tool .r{display: flex;align-items: center;}
.top-tool .bt{font-size: 20px;}

.top-tool .text{font-size: 13px;color:#0f70ff;padding:0 20px;line-height: 30px;background-color: rgba(4,83,243,.09);}
.top-tool .avatar{width: 30px;height: 30px;border-radius:50%;margin-left: 15px;border:1px solid #d1d1d1;}
.top-tool .x{width: 1px;height: 12px;border:1px solid #515151;margin-left: 15px;}
.top-tool .icon{width: 30px;height: 30px;margin-left: 15px;background-color: rgba(53,62,73,.56);border:1px solid #515151;border-radius:5px;display: flex;align-items: center;justify-content: center;font-size: 17px;cursor: pointer;}
.top-tool .cn{font-size: 12px;font-weight: bold;}
.top-tool .icon:hover{background-color: #0f70ff;border-color:#0f70ff;}


.form-bar{padding:20px 20px 1px;border-bottom:1px solid #31333e;}
.form-bar .row{/* margin-bottom: 20px; */align-items: center;}
.form-bar .item{display: flex;align-items: center;margin-bottom: 20px;}
.form-bar .tit{font-size: 13px;margin-right: 10px;}
.form-bar .ipt,.layui-form-select .layui-input{width: 100%;font-size: 13px;padding:0 15px;border-radius:10px;height: 44px;line-height: 44px;background-color: #0b0c14;border:1px solid #31333e;}

.form-bar .buttons{margin-left: 3%;margin-bottom: 20px;}
.form-bar .button{font-size: 16px;min-width: 100px;line-height: 44px;height: 44px;background-color: #0f70ff;border-radius:15px;border:0;cursor: pointer;}
.form-bar .button:hover{background-color: #5a37ff;}

.form-bar .items{display: flex;flex-wrap: wrap;flex:1;width: 0;}

.form-bar .col-5{margin-left:-2%;}
.form-bar .col-5 .item{width: 23%;margin-left: 2%;}



.layui-input, .layui-select, .layui-textarea{color:#fff;font-size: 13px;}
.layui-form-select dl{background-color: #0b0c14;border: 1px solid #31333e;}
.layui-form-select dl dd, .layui-form-select dl dt{color:#fff;}
.layui-form-select dl dd.layui-this{background-color: #0f70ff;}
.layui-form-select dl dd:hover{background:rgba(255,255,255,.05);}
.layui-input:focus, .layui-textarea:focus,.layui-input:hover, .layui-textarea:hover{border-color:#31333e!important;}

/* 表格 */
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even){background:transparent;border:0;}
.layui-table tbody tr:hover{background-color: #131f39;}
.layui-table tbody tr:hover *{color:#0f70ff;}
.layui-table-header{overflow: initial;}

.layui-table tr td:first-child{border-radius:12px 0 0 12px;}
.layui-table tr td:last-child{border-radius: 0 12px 12px 0;}


.layui-table{background:transparent;width: 100%!important;}
.layui-table td,.layui-table th,.layui-table-page, .layui-table-total, .layui-table-view{border:0;}


.layui-table .layui-table-cell{height: auto;line-height: 22px;}
.layui-table-grid-down{display: none!important;}
.layui-table .layui-table-cell,.layui-table .layui-table-tool-panel li{text-overflow: initial;white-space: initial;}



.layui-table-view .layui-table td, .layui-table-view .layui-table th{line-height: 22px;padding:15px 0;text-align: center;}
.layui-table td, .layui-table th{padding: 0;line-height: 1.4;font-size: 14px;color:#ccd6eb;}
.layui-table-body tr:nth-child(odd){background-color: #0b0c14;}

.table{display: flex;flex-direction: column;}
.table .layui-table-view{height: 100%;margin: 0;display: flex;flex-direction: column;margin: 0;}
.table .layui-table-box{flex:1;overflow: hidden;display: flex;flex-direction: column;}

.table .lk{font-size: 14px;margin:0 10px;cursor: pointer;}
.table .lk i{margin-right: 3px;}
.table .lk.delete i{font-size: 16px;}
.table .lk:hover span{text-decoration: underline;}
.table .url{color:#0f70ff;text-decoration: underline;}


.layui-table-page{border-top:none;text-align: right;margin-top: 20px;padding:0;height:auto;}
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span{border:0;}

.layui-table-page>div{height: 30px;}
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span,.layui-laypage a, .layui-laypage span{line-height: 30px;font-size: 14px;height: 30px;color:#fff;margin:0 5px;padding:0 5px!important;min-width: 22px;text-align: center;border-radius:5px;background-color: #262933;border:0;}
.layui-table-page .layui-laypage a,.layui-laypage-prev,.layui-laypage-prev,.layui-laypage a{background-color: rgba(64,118,198,.1);}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #0f70ff;border-radius:5px;}
.layui-laypage .layui-laypage-curr em{color:#fff;}


.layui-table-page .layui-laypage-count{margin-right: 20px!important;background:transparent!important;}
.layui-laypage .layui-laypage-skip{margin-left: 0.3rem!important;background:transparent!important;}
.layui-table-page .layui-laypage input,.layui-table-page .layui-laypage button{border:0;height: 30px;line-height: 30px;font-size: 14px;text-align: center;}
.layui-laypage input{width: 38px;background-color: rgba(64,118,198,.1);}
.layui-laypage button{width: 44px;background-color: #0f70ff;padding: 0;}
.layui-table-page .layui-laypage button:hover{background-color: #5a37ff;}
.layui-table-page .layui-laypage button{padding: 0;}

.pagelist{display: flex;justify-content: flex-end;margin-top: 20px;}
.pagelist .layui-laypage-count{font-size: 14px;color:#fff;background:none;}
.layui-laypage{margin:0;}
.layui-laypage button, .layui-laypage input{border:0;border-radius:5px;}
.layui-laypage .layui-laypage-skip{font-size: 14px;color:#fff;margin:0 0 0 15px!important;}
.layui-laypage a:hover{color:#0f70ff;}
.layui-laypage .layui-laypage-spr{color:#fff;background-color: rgba(64, 118, 198, .1);}

@media screen and (max-width:1400px) {
	.form-bar .col-5 .item{width: 48%;margin-left: 2%;}
	.form-bar .col-5{margin-left:-2%;}

}


@media screen and (max-height: 900px) {
    .head {
        height: 90px;
    }

    .body.h100 {
        height: auto;
    }


}


/* ===== Navbar width/spacing tuning to prevent wrapping ===== */
.hd-nav {
    flex-wrap: nowrap
}

.hd-nav li {
    white-space: nowrap
}

@media (max-width: 1680px) {
    .head {
        padding: 0 28px
    }

    .hd-nav li {
        margin-right: 34px
    }

    .head .r .hd-nav .auth-buttons .auth-btn {
        padding: 7px 18px
    }
}

@media (max-width: 1500px) {
    .head {
        padding: 0 22px
    }

    .hd-nav li {
        margin-right: 26px
    }

    .hd-nav li > a {
        font-size: 15px;
        padding: 0 6px
    }

    .head .r .hd-nav .auth-buttons .auth-btn {
        padding: 6px 16px
    }
}

@media (max-width: 1366px) {
    .head {
        padding: 0 16px
    }

    .hd-nav li {
        margin-right: 20px
    }

    .hd-nav li > a {
        font-size: 14px
    }
}


/* ===== Global compact navbar overrides (applies to all widths) ===== */
.head {
    padding: 0 24px
}

.hd-nav li {
    margin-right: 30px
}

.hd-nav li > a {
    font-size: 15px;
    padding: 0 6px
}

.hd-logo {
    margin-right: 24px
}


/* ===== Navbar active/hover -> blue text highlight (no box) ===== */
/* Remove decorative pseudo-elements that draw boxes/underlines */
.hd-nav li > a::before, .hd-nav li > a::after {
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important
}

/* Active and hover: just blue text, no transform/shadow */
.hd-nav li.cur > a, .hd-nav li > a:hover {
    color: #4facfe !important;
    text-shadow: none !important;
    background: transparent !important;
    transform: none !important
}