@charset "UTF-8";

@font-face {
    font-family: 'AlibabaPuHuiTi';
    src: url('../font/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.woff2') format('woff2'),
        url('../font/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

body{font-family: "AlibabaPuHuiTi";color:#fff;}

.app_box{height: 100vh;display: flex;flex-direction: column;min-height: 9rem;}
.app_box img{max-width: 100%;}
.main{flex: 1;}
.app_box .pub_btn{border-radius: 0.08rem;border: 1px solid rgba(255, 255, 255, 0.5);color:rgba(255, 255, 255, 0.5);padding:0 0.06rem;line-height: 0.28rem;font-size: 0.16rem;text-align: center;cursor: pointer;}
.app_box .pub_btn.active{color:#32C5FF;border-color: #32C5FF;background: rgba(50,197,255,0.2);}

.left_box,
.right_box{margin-top: 0.28rem;width: 5rem;background: rgba(2,0,77,0.7);box-shadow: inset 0px 0px 0.34rem 0px rgba(17,40,255,0.66);border: 2px solid #0D53B7;padding:0.1rem;}
.center_box{margin-top: 0.23rem;padding:0 0.27rem;width: 9.2rem;}

.i_tit{background: url(../images/i_tit_icon.png) no-repeat left center;background-size: 0.23rem 0.20rem;padding-left:0.33rem;color:#fff;font-size: 0.18rem;line-height: 0.24rem;margin-top: 0.3rem;margin-bottom: 0.2rem;}

.qingkuang_cate{padding-left: 0.06rem;}
.qingkuang_cate .pub_btn{margin-right: 0.1rem;}

.qingkuang_type_list{margin-left: -0.05rem;margin-right: -0.05rem;}
.qingkuang_type_list .item{margin-top: 0.2rem;width: 20%;padding:0 0.1rem;text-align: center;}
.qingkuang_type_list .item .tit{font-size: 0.14rem;line-height: 0.2rem;cursor: pointer;}
.qingkuang_type_list .item img{max-width: 100%;margin-top: 0.1rem;cursor: pointer;}

.longhubang_tabs{padding-left: 0.06rem;}
.longhubang_tabs .pub_btn{margin-right: 0.2rem;}
.longhubang_tabs .more{color:rgba(255, 255, 255, 0.5);font-size: 0.16rem;line-height: 0.22rem;background: url(../images/i_icon_right.png) no-repeat right center;background-size: 0.14rem 0.14rem;padding-right: 0.22rem;cursor: pointer;}

.i_longhubang_list{padding:0.2rem;}
.i_longhubang_list .item{margin-bottom: 0.2rem;width: 100%;}
.i_longhubang_list .item:last-child{margin-bottom: 0;}
.i_longhubang_list .item .text{font-size: 0.14rem;line-height: 0.2rem;padding-bottom: 0.1rem;}
.i_longhubang_list .item .progress{width: 100%;display: flex;height: 0.1rem;padding:0.01rem 0.04rem;border-radius: 0.1rem;overflow: hidden;}
.i_longhubang_list .item .progress-bar{height: 100%;}
/* 奇偶背景 */
.i_longhubang_list .item:nth-child(odd) .progress{background: rgba(4, 124, 255, 0.4);}
.i_longhubang_list .item:nth-child(even) .progress{background: rgba(0, 249, 238, 0.4);}
.i_longhubang_list .item:nth-child(odd) .progress-bar{background: url(../images/i_bar_bg1.png) repeat left center;background-size: 0.05rem 0.07rem;}
.i_longhubang_list .item:nth-child(even) .progress-bar{background: url(../images/i_bar_bg2.png) repeat left center;background-size: 0.05rem 0.07rem;}

/* ==================== 弹窗动画 ==================== */

/* 淡入动画 - 用于遮罩层 */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* 滑入动画 - 用于弹窗内容（从顶部滑入） */
@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateY(-50px) scale(0.9);
    }
    50% {
        opacity: 1;
        transform: translateY(10px) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* 缩放淡入动画 - 另一种弹窗效果（从中心放大） */
@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* 滑出动画 - 用于关闭弹窗 */
@keyframes slideOut {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translateY(-50px) scale(0.9);
    }
}

/* 淡出动画 */
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* 从左滑入动画 */
@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 从右滑入动画 */
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 从底部滑入动画 */
@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 弹窗基础样式 */
.dialog-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px);z-index: 999;display: flex;align-items: center;justify-content: center;}
.dialog-content {width:15rem;height:8.25rem;background: url(../images/dialog_bg.png) no-repeat center;background-size: 15rem 8.25rem;position: relative;overflow: hidden;display: flex;flex-direction: column;
padding:0 0.5rem;
}

/* 弹窗头部 */
.dialog-header {padding: 0.4rem 0.5rem 0.4rem 0.3rem;}

.dialog-header .tit{line-height: 0.4rem;font-size: 0.28rem;text-align: center;font-weight: 600;}
.dialog-header .close {cursor: pointer;min-width: 1.1rem;line-height: 0.6rem;text-align: center;background: rgba(41,163,254,0.09);border-radius: 0.6rem;border: 1px solid #29A3FE;backdrop-filter: blur(0.1rem);font-weight: 400;font-size: 0.18rem;color: rgba(255,255,255,0.88);position: absolute;top: 0.5rem;right: 0.5rem;padding:0 0.2rem}


/* 弹窗内容区 */
.dialog-body {
    flex: 1;
    overflow-y: auto;
    position: relative;padding-bottom: 1rem;
}

/* 自定义滚动条样式 */
.dialog-body::-webkit-scrollbar {
    width: 6px;
}

.dialog-body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.dialog-body::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #32C5FF, #00F9EE);
    border-radius: 3px;
}

.dialog-body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, #00F9EE, #32C5FF);
}

.dialog-body.is_list{overflow: hidden;height: 100%;}

/* 弹窗动画类 - 可用于动态切换 */
.dialog-enter-active {
    animation: slideIn 0.3s ease;
}

.dialog-leave-active {
    animation: slideOut 0.3s ease;
}

.dialog-overlay-enter-active {
    animation: fadeIn 0.3s ease;
}

.dialog-overlay-leave-active {
    animation: fadeOut 0.3s ease;
}

.search_btns{padding:0.1rem 0.3rem;}
.search_btns .pub_btn{margin-right: 0.2rem;}

.data_table .item{border-top: 2px solid;opacity: 0.8;border-image: linear-gradient(89deg, rgba(61, 127, 255, 0), rgba(61, 117, 255, 0.7), rgba(102, 255, 255, 1), rgba(61, 117, 255, 0.5), rgba(61, 127, 255, 0)) 2 2;}
.data_table .item:last-child{border-bottom: 2px solid;}

/* 占比进度条 */
.percent-box {
    justify-content: space-between;padding:0 0.2rem;
}

.percent-text {
    width: 40%;
    text-align: right;
    color: #42AAFE;
}

.progress-bar-mini {
    flex: 1;
    height: 0.08rem;
    border:1px solid rgba(242, 242, 242, 0.3);
    border-radius: 0.02rem;
    overflow: hidden;
    margin-left: 0.1rem;
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #32C5FF, #00F9EE);
    background: #42AAFE;
    transition: width 0.3s ease;
}

/* 空数据提示 */
.empty-data {
    text-align: center;
    padding: 0.5rem;
    color: rgba(255, 255, 255, 0.5);
}

/* 表格列宽百分比 */
.flex-1{flex: 1;}
.data_table .col10{width: 10%;}
.data_table .col15{width: 15%;}
.data_table .col20{width: 20%;}
.data_table .col25{width: 25%;}
.data_table .col30{width: 30%;}
.data_table .col35{width: 35%;}
.data_table .col40{width: 40%;}
.data_table .col45{width: 45%;}
.data_table .col50{width: 50%;}
.data_table .col55{width: 55%;}

.table_con .col,
.table_tit .col{text-align: center;font-size: 0.14rem;line-height: 0.2rem;padding:0.1rem 0.12rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* .table_con .text-left,
.table_tit .text-left{text-align: left;} */

.table_tit .col{color:#fff;font-weight: 600;}
.table_con .col{color:#42AAFE;font-weight: 400;}

.longhubang_list{margin-top: 0.3rem;}


/* 分页组件样式 */
.pagination {display: flex;align-items: center;justify-content: center;font-family: serif;position: absolute;bottom: 0.5rem;left: 0;right: 0;}
.pagination-btn {min-width: 0.32rem;height: 0.32rem;border: 1px solid #29A3FE;background-color: transparent;color: #42AAFE;border-radius: 0.02rem;cursor: pointer;font-size: 0.14rem;transition: all 0.2s;margin:0 0.1rem;}
.pagination-btn:hover:not(:disabled) {background-color: rgba(138, 180, 248, 0.1);}
.pagination-btn.active {background-color: #29A3FE;color: #fff;}
.pagination-btn:disabled {opacity: 0.5;cursor: not-allowed;}
.pagination-ellipsis {width: 0.32rem;color: #42AAFE;text-align: center;}


.center_map_box{background: url(../images/i_map_box_bg.png) no-repeat center;background-size: 8.66rem 6.04rem;height: 6.04rem;padding-left: 0.3rem;padding-right: 0.3rem;}

.map_box_tit{text-align: center;font-size: 0.24rem;color: #32C5FF;line-height: 0.32rem;padding:0.13rem 0;font-weight: bold;margin-bottom: 0.2rem;}
.map_box_tit.letter_spacing{letter-spacing: 0.04rem;}
.map_box_bottom_tit{text-align: center;font-size: 0.24rem;color: #32C5FF;line-height: 0.32rem;text-shadow: 0px 0px 0.12rem rgba(255,255,255,0.11);padding:0.35rem 0 0.05rem;}
.map_con_box{flex: 1;}

.map_box{padding:0.1rem 0.15rem 0 0.1rem;}
.map_box .map_bg{background: url(../images/map_bg.png) no-repeat center;background-size: 100% 100%;width:6.5rem;height:4.4rem;position: relative;}
.map_box .btns{width:1.04rem;}
.map_box .pub_btn{margin-bottom: 0.14rem;}
.map_box .point{position: absolute;width:0.13rem;height:0.13rem;top: 0;left: 0;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.map_box .point .icon{background: url(../images/i_icon_wz.png) no-repeat center;background-size: 100% 100%;width:0.13rem;height:0.13rem;position: absolute;z-index: 0;top: 0;left: 0;}
.map_box .point .info_box{border-radius: 0.06rem;padding: 0.05rem 0.1rem;color: #fff;line-height: 1.8;font-size: 0.12rem;;background: rgba(11, 88, 183, 0.9);width: 2rem;position: absolute;bottom: 0.16rem;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;transition: 0.3s;z-index: -1;}
.map_box .point .info_box::after {display: block;content:'';position: absolute;bottom: -7.5px;left: 50%;margin-left: -8px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid rgba(11, 88, 183, 0.9);}
.map_box .point .tit{color:#fff;}
.map_box .point:hover .info_box{opacity: 1;z-index: 10;}
.map_box .point .info_box{display: none;}


.i_zdqy_list{overflow: hidden;padding-bottom: 0.2rem;}
.i_zdqy_list .pics_swipers {max-height: 3.4rem;margin-left: -0.08rem;margin-right: -0.08rem;padding-bottom: 0.24rem;}
.pics_swipers .swiper-slide{width: 20%;padding:0.2rem 0.08rem 0;height: 50%;height: 1.6rem;}
.pics_swipers .swiper-slide .item{cursor: pointer;}
.pics_swipers .swiper-slide img{width:100%;height: 1.1rem;border-radius: 0.1rem;object-fit: cover;}
.pics_swipers .swiper-slide .tit{font-size: 0.14rem;line-height: 0.2rem;margin-top: 0.1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}

.pics_swipers .swiper-pagination{ bottom:0;font-size: 0;line-height: 0;left:50%;width:auto;border-radius:0.1rem;position: absolute;-webkit-transform: translateX(-50%);transform: translateX(-50%);background:rgba(255, 255, 255, 0.5);}
.pics_swipers .swiper-pagination-bullet{ position:relative; width:0.6rem; height:0.06rem; margin:0px!important;background: transparent; opacity:0.5;border-radius:0.1rem;}
.pics_swipers .swiper-pagination-bullet-active{background: #fff;}

.vr_box{height: 100%;position: relative;}
.vr_box .vr_btns{position: absolute;top: 0.2rem;left: 0;display: flex;width: 100%;align-items: center;justify-content: center;}
.vr_box .vr_btns .btn{position: relative;background: rgba(255,255,255,0.1);border-radius: 0.08rem;border: 1px solid #003C8F;backdrop-filter: blur(0.1rem);overflow: hidden;width: 1.5rem;text-align: center;line-height: 0.34rem;margin:0 0.12rem;cursor: pointer;}
.vr_box .vr_btns .btn::before{content: '';position: absolute;z-index: 0;width: 100%;height: 100%;top: 0;left: 0;}
.vr_box .vr_btns .btn.active{border-color: transparent;background: transparent;backdrop-filter:inherit;}
.vr_box .vr_btns .btn.active::before{background: url(../images/vr_btn_active_bg.png) no-repeat top center;background-size: 1.5rem 0.37rem;}
.vr_box .vr_btns .btn span{position: relative;z-index: 1;}
.vr_box .vr_close{width: 1.1rem;line-height: 0.34rem;border: 1px solid #fff;background: rgba(41,163,254,0.09);border-radius: 0.3rem;backdrop-filter: blur(0.1rem);position: absolute;top: 0.2rem;right: 0.15rem;text-align: center;cursor: pointer;}
.vr_box .vr_iframe{width: 100%;height: 100%;}

@keyframes list_scroll {
    from {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-50%);
    }
    to{
        transform: translateY(-100%);
    }
}

.table_list_scroll,
.list_scroll{overflow: hidden;}
.list_scroll .scroll_item{animation: list_scroll 25s linear infinite normal;}
.list_scroll:hover .scroll_item{animation-play-state:paused;-webkit-animation-play-state:paused;}

.guishang_qiye_list{height: 6.3rem;text-align: center;font-size: 0.16rem;color: #C4EEFF;line-height: 0.46rem;
/* border-top: 2px solid;border-image: linear-gradient(89deg, rgba(61, 127, 255, 0), rgba(61, 117, 255, 0.7), rgba(102, 255, 255, 1), rgba(61, 117, 255, 0.5), rgba(61, 127, 255, 0)) 2 2; */
height: calc(100vh - 4.4rem);
}
.guishang_qiye_list li{border-bottom: 2px solid;border-image: linear-gradient(89deg, rgba(61, 127, 255, 0), rgba(61, 117, 255, 0.7), rgba(102, 255, 255, 1), rgba(61, 117, 255, 0.5), rgba(61, 127, 255, 0)) 2 2;}


.data_table .table_con{max-height:4rem;overflow: auto;}
.enterprise_list .data_table .table_con{height:3.5rem;}

.data_table .table_con::-webkit-scrollbar {width: 6px;}
.data_table .table_con::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.1);border-radius: 3px;}
.data_table .table_con::-webkit-scrollbar-thumb {background: linear-gradient(to bottom, #32C5FF, #00F9EE);border-radius: 3px;}
.data_table .table_con::-webkit-scrollbar-thumb:hover {background: linear-gradient(to bottom, #00F9EE, #32C5FF);}


.enterprise_list{margin-top: 0.3rem;}
.enterprise_list .table_con .col{color:#fff;}
.recommend_list_box{overflow: hidden;width: 100%;padding-top: 0.15rem;}
.recommend_list{padding-right: 0.1rem;margin-left: -0.12rem;margin-right: -0.12rem;}
.recommend_list .item{width: 33.333%;padding:0 0.12rem;}
.recommend_list .item .img{width: 2rem;height: 1.5rem;overflow: hidden;margin-right: 0.1rem;}
.recommend_list .item .img img{width: 100%;height:100%;object-fit: cover;border-radius: 0.1rem;}
.recommend_list .item .text{width: 100%;padding-top: 0.07rem;}
.recommend_list .item .tit{font-size: 0.16rem;line-height: 0.22rem;font-weight: 600;}
.recommend_list .item .desc{font-size: 0.14rem;color:rgba(255,255,255,0.5);overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;margin-top: 0.12rem;line-height: 0.2rem;}


.gongxiang_list{overflow: hidden;padding:0 0.05rem;}
.gongxiang_list ul{margin-top: -0.2rem;}
.gongxiang_list li{width: 33.333%;padding:0.2rem 0.1rem 0;}
.gongxiang_list li .item{cursor: pointer;}
.gongxiang_list li img{width:100%;height: 1.1rem;border-radius: 0.1rem;object-fit: cover;}
.gongxiang_list li .tit{font-size: 0.14rem;line-height: 0.2rem;margin-top: 0.1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}


.tesegongchang_list{overflow: hidden;}
.tesegongchang_list ul{margin-top: -0.2rem;margin-left: -0.07rem;margin-right: -0.07rem;padding:0 0.15rem;}
.tesegongchang_list li{width: 25%;margin-top: 0.2rem;padding:0 0.07rem;}
.tesegongchang_list .item{background: linear-gradient( 180deg, #3662A4 0%, rgba(0,10,37,0) 49.98%, #3662A4 100%);border-radius: 3px;border: 1px solid #4F89E0;display: flex;flex-direction: column;align-items: center;height: 1rem;padding-top: 0.2rem;cursor: pointer;}
.tesegongchang_list .item .num{line-height: 0.3rem;font-size: 0.24rem;color:#00FFF4;}
.tesegongchang_list .item .text{line-height: 0.16rem;font-size: 0.12rem;text-align: center;padding-top: 0.1rem;color:rgba(255, 255, 255, 0.8);height: 0.5rem;}
.tesegongchang_list .item .tit3,
.tesegongchang_list .item .tit4{font-size: 0.08rem;line-height: 1.4;margin-left: -0.1rem;margin-right: -0.1rem;}
.tesegongchang_list li:last-child .text{padding-top: 0;}

.enterprise_detail_box{display: flex;height: 100%;align-items: center;padding:0 0.5rem 0.1rem;}
.enterprise_detail .img{border-radius: 0.1rem;width: 5.3rem;height: 4rem;margin-right: 0.4rem;}
.enterprise_detail .img img{width: 100%;height:100%;object-fit: cover;}
.enterprise_detail .text{width:calc(100% - 5.3rem - 0.4rem);}
.enterprise_detail .title{font-size: 0.22rem;line-height: 0.3rem;padding-top: 0.1rem;}
.enterprise_detail .desc{font-size: 0.18rem;line-height: 0.26rem;margin-top: 0.2rem;color:rgba(255,255,255,0.5);overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 13;-webkit-box-orient: vertical;}