/*  引入iconfont  */
@import "//at.alicdn.com/t/font_3286893_vq5wfwuq9qh.css";

* {margin: 0;padding: 0;box-sizing: border-box;}
body {width: 100%;min-width:320px;margin: 0 auto;font: 14px/1.5 '微软雅黑';color: #333;overflow-x: hidden;}
body{scrollbar-width: none;-ms-overflow-style: none;}
body::-webkit-scrollbar{display: none;}
li {list-style: none;}
a {text-decoration: none;color: #333;}
a:hover {color: #333;}
i {font-style: normal;}
button, input, textarea, hr {border: none;}
.clear {clear: both;}
table {border-collapse: collapse;max-width: 100%;}
table td {border-collapse: collapse;}
select{outline: unset;}
input:focus ,textarea:focus ,button{outline: none;}
iframe{width:100%;height: 100%;}
img{border:none;}
li{list-style: none;}

.clear{clear: both;}

.flex_start{display: flex !important;justify-content: flex-start;}
.flex_end{display: flex !important;justify-content: flex-end;}
.flex_space_between{display: flex !important;justify-content: space-between;}
.flex_center{display: flex !important;justify-content: center;}
.flex_wrap{flex-wrap: wrap;}
.align_item_center{align-items: center;}
.align_item_baseline{align-items: baseline;}
.main{width:96%;margin:0 auto;max-width: 1200px;}

::-webkit-scrollbar{width: 6px;
    height: 6px;}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: rgba(231,231,231,.7);
    -webkit-box-shadow: inset006pxrgba(0,0,0,.5);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(0,0,0,.3);
    border-radius: 10px;
}
.page{width:100%;display: block;margin:20px 0;}
.page ul{width:100%;}
.page li{margin:0 3px;}
.page li a{width:36px;height: 36px;border:1px solid #eee;color:#333;text-align: center;line-height: 36px;display: block;font-size:14px;background: #fff;}
.page li a i{font-size: 20px;font-weight: 600;}
.page li a:hover,.page li a.current{background: #4d98fc;color:#fff;}
@media screen and (max-width: 1000px) {
    .page ul{justify-content: center;}
    .page li{margin:0 3px 5px;}
}
.no_data{width:100%;text-align: center;font-size:16px;line-height: 30px;display: block;padding-bottom: 90px;color:#333;}

.center {
    text-align: center;
}
.font45 {
    font-size: 45px;
    line-height: 45px;
}

.text_white{color: #fff;}

.align_item_center{align-items: center;}
.align_item_baseline{align-items: baseline;}

.header{width:100%;height: 70px;background: #030619;}
.main{width:96%;margin:0 auto;max-width: 1200px;}
.logo{width: auto;padding:18px 0;display: block;height: 70px;}
.logo a,.logo a img{width: 100%;height:100%;display: block;}
.logo img{object-fit: contain;}
.logo a span,.footer_logo a span{font-size:20px;color:#fff;display: block;}

.nav ul{width: 100%;margin-right: 60px;}
.nav li,.nav li a{width: auto;display: block;}
.nav li a {margin:0 25px;line-height: 70px;height: 70px;font-size:16px;border-bottom:2px solid #030619;color:#bebec2;transition: .4s ease .1s;}
.nav li a.active,.nav li a:hover{border-bottom: 2px solid #fff;color:#fff;}
.header_infos,.user{width: auto;margin:0 25px;cursor: pointer;position: relative;}
.header_infos span,.user span{color:#fff;font-size:14px;line-height: 70px;height: 70px;white-space: nowrap;}
.user p,.user_login{width:auto;padding:0 10px;line-height:24px;border:1px solid #fff;color:#fff;white-space: nowrap;margin-left:5px;}
.header_infos i{width:16px;height: 16px;font-size:12px;background: #F24B60;border-radius: 50%;color:#fff;text-align: center;display: block;margin-left:5px;line-height: 16px;}
.user img{width:16px;height: 16px;object-fit: contain;display: block;margin-right: 5px;}

.header_infos:hover .infos_popup{display: block;}
.infos_popup{position: absolute;top:60px;left:50%;transform: translateX(-50%);background: #272727;padding:12px 21px 11px;color:#ccc;max-height: 227px;display: none;transition: .4s ease .1s;}
.infos_popup ul{margin-right: 0 !important;}
.infos_popup a{margin:0 !important;line-height:34px !important;height: 34px !important;border:unset !important;font-size:14px !important;white-space: nowrap;}
.infos_popup a p{width:260px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 10px;}
.infos_popup a span{line-height:34px !important;height: 34px !important;color:#ccc;}
.online_icon{width:12px !important;min-width:12px !important;height:12px !important;margin:12px 5px 0 0;background: url("../images/online_fl.png") center center no-repeat !important;background-size: cover !important;border-radius: unset !important;}
.infos_popup_url{width:100%;display: block;}
.infos_popup_url a{width:100%;display: block;font-size: 14px;height: 34px;line-height: 34px;padding: 0;color: #ccc;text-align: right;}

.user:hover .user_popup{display: block;}
.user_popup{background-color: #fff;width: 97px;height: 54px;line-height: 54px;color: #666;left: 50%;transform:translateX(-50%);font-size: 12px;top: 62px;z-index: 1;text-align: center;box-shadow: 0 2px 6px 0 rgb(0 ,0, 0 , .2);border-radius: 2px;cursor: pointer;position: absolute;display: none;}
.user_popup:after{content: '';position: absolute;color: #000;width: 0;height: 0;border: 8px solid;border-bottom-color: #fff;left: 60%;bottom: 100%;margin-left: -15px;border-right-color:  transparent;border-left-color: transparent;}
.user_popup a{width: 100%;font-size:12px;line-height: 30px;margin-top:12px;display: block;}

@media screen and (max-width: 1000px) {
    .nav{display: none !important;}
    .header_infos ul{display: block !important;}
    .header_infos, .user{margin:0 2.5vw;}
    .infos_popup a p{width:26vw;}
}
@media screen and (max-width: 400px) {
    .header_infos{display: none !important;}
}

.footer{width:100%;display: block;color: #ccc;background-color: #2D2D2D;padding:60px 0 35px;}
.footer_logo,.footer_logo a ,.footer_logo img{width:auto;height: 30px;object-fit:contain;display: block;}
.footer_contact{display: block;}
.footer_contact h2{width: 100%;font-size:13px;line-height: 13px;margin-bottom: 26px;color:#fff;display: block;}
.footer_contact p{width: 100%;font-size:12px;line-height: 12px;margin-bottom:12px;color:#fff;display: block;}
.footer_wechat{margin-right: 80px;}
.footer_wechat span{width:100%;font-size:12px;line-height: 12px;color:#fff;margin-bottom: 14px;display: block;}
.footer_wechat img{width:115px;height: 115px;object-fit: contain;display: block;}

.foot{font-size: 12px;width: 100%;height: 40px;line-height: 40px;text-align: center;background-color: #000;color:#ccc;}
.foot a{color:#ccc;white-space: nowrap;}

@media screen and (max-width: 750px) {
    .footer_contact,.footer_logo,.footer_wechat{width:100%;display: block;}
    .footer_contact,.footer_wechat{margin-top:30px;}
    .foot{height: auto;line-height: 20px;padding:10px 0;}
}


.login{width:100%;height: 100vh;position: fixed;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,.3);z-index:100;display: none;}
.login_main{width:96%;max-width: 348px;background: #fff;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);border-radius: 5px;box-shadow: 0 0 20px rgba(0,0,0,.5);padding:40px 24px 36px; }
.login_main_title{width:100%;display: block;}
.login_main_title p{width:auto;font-size:20px;color:#333;line-height: 28px;display: inline-block;padding-bottom: 12px;position: relative;}
.login_main_title p:after{content: '';position: absolute;left: 50%;bottom: 0px;height: 4px;width: 28px;margin-left: -14px;border-radius: 2px;background: #0052cc;}
.login_main input{    margin-top: 24px;display: block;width: 100%;height: 36px !important;line-height: normal !important;padding-left: 12px !important;font-size: 14px;border-radius: 6px;border: 1px solid #d3d9e6;}
.login_main button{position: relative;width: 100%;height: 40px;font-size: 16px;border-radius: 8px;color: #fff;background-color: #0052cc;border: 1px solid transparent;box-shadow: 0 4px 15px rgb(0 102 255 / 20%);cursor: pointer;margin-bottom: 16px;margin-top:50px;}
.login_main_close{width:30px;height: 30px;line-height: 30px;font-size:20px;color:#666;position: absolute;top:0;right:0;text-align: center;}

.nav_btn,.web_nav{display: none;}

@media screen and (max-width: 1000px) {
    .nav_btn{display: block;line-height: 70px;height: 70px;width: 50px;text-align: center;}
    .nav_btn i{font-size:30px;width: 100%;height: 100%;display: block;transition: .4s ease .1s;color:#fff;}
}
@media screen and (max-width: 750px) {
    .nav,.user{display: none !important;}
    .web_nav{display: block;background: rgba(0,0,0,.3);position: fixed;top:70px;right: 0;bottom:0;width:0;overflow: hidden;z-index:99;}
    .web_nav_main{width:60%;max-width: 300px;position: absolute;top:0;bottom:0;right:0;background: #fff;display: block;}
    .web_nav_main dl{padding-top:20px;}
    .web_nav_main dd ,.web_nav_main dd a,.web_nav_main dt ,.web_nav_main dt a{width:100%;display: block;font-size:14px;line-height: 36px;}
    .web_nav_main dd a,.web_nav_main dt a{padding:0 20px;}
    .web_nav_main dt a{color:#f00;}
    .web_nav_main dd a:hover,.web_nav_main dt a:hover,.web_nav_main dd a.active,.web_nav_main dt a.active{background: #eee;}
}
.show{display: block !important;}
.hide{display: none !important;}
.table_page{width:100%;display: block;padding:30px;}
.table_page .pagination{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
.table_page li a,.table_page li p,.table_page li span{min-width:28px;height: 28px;line-height: 26px;text-align: center;padding:0 6px;margin:0 2px 5px;display: block;background: #fff;border:1px solid #d9d9d9;border-radius: 3px;transition: .4s ease .1s;cursor: pointer;}
.table_page li a.disable,.table_page li p.disable{pointer-events: none;border: none;color:#aaa;}
.table_page li a.current,.table_page li.active span,.table_page li a:hover,.table_page li p.current,.table_page li p:hover{background: #108ee9;border-color: #108ee9;color:#fff;}
.table_page li.go a,.table_page li.go p{padding:0;border:none;}
.table_page li.go form{width:100%;display: flex;justify-content: flex-end;}
.table_page li.go form input[type=text]{width:50px;line-height: 26px;padding:0 5px;border:1px solid #d9d9d9;border-top-left-radius: 3px;border-bottom-left-radius: 3px;border-right:0;text-align: center;}
.table_page li.go form input[type=submit]{width:auto;line-height: 28px;padding:0 10px;background: #108ee9;color:#fff;}
@media screen and (max-width: 750px) {
    .table_box{padding:4vw 4vw 0;}
    .table_box table thead{display: none;}
    .table_box table tr{padding:20px 0;display: block;}
    .table_box table td{width:100%;display: block;padding:0 8px;text-align: left;}
    .table_td label{width:100px;min-width:100px;display: block;white-space: nowrap;color:#666;}
    .table_td div{color:#000;}
    .table_total{height: auto;line-height: unset;padding:0 4vw;}
    .table_total_intro{width:calc(100% - 60px);min-width: calc(100% - 60px);line-height: 30px;}
    .table_total_check{font-size:14px;line-height: 30px;width:60px;}
    .table_total_intro b{font-size:3.733vw;}
    .table_total_btn{line-height: 6.4vw;height: 6.4vw;min-height:30px;margin:1.333vw 0 1.333vw 2.666vw;vertical-align: middle;}
    .table_page{padding:4vw;}
}

.in_the_load{width:100%;height: 100%;position: fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background: rgba(0,0,0,.3);display: none;}
.in_the_load div {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 5px solid #fff;
    border-left: 5px solid #0d0e1a;
    animation: loading 1.5s linear infinite;
    position: absolute;
    top:50%;
    left:calc(50% - 25px);
    transform: translate(-50%,-50%);
}

@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}