/*
 * @Author: xhb
 * @Date: 2025-02-07 15:41:46
 * @LastEditors: xhb
 * @LastEditTime: 2025-04-08 18:30:15
 * @Description: 暂无描述
 * @FilePath: \screen-pc\assets\css\logistics.css
 */
.section{
    height: 100%;
}
.section .section_left{
    width: 73%;
    height: 100%;
}
.section .section_right{
    width: 26%;
    height: 100%;
}
.section .box {
    height: 49%;
    margin-bottom: 12px;
}
.section .box .title{
    height: 40px;
    line-height: 40px;
    background-image: url(../images/box_title_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
    font-size: 16px;
    color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
}
.section .box .content{
    height: calc(100% - 40px);
    background-image: url(../images/box_center_bg3.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
    padding: 10px 12px;
    box-sizing: border-box;
}

.section .section_left .box {
    height: calc(98% + 12px);
}
.section .section_left .box .content{
    height: 100%;
    background-image: url(../images/box_center_bg4.png);
    padding:24px 5px 5px 18px;
    box-sizing: border-box;
}
.section .section_left .box .content .map{
    width: 100%;
    height: 100%;
}

.section_right .content .content_top{
    border-bottom: 1px solid rgba(31,255,198,0.13);
}
.content_top .item{
    width: 33.3%;
    margin-bottom: 15px;
}
.content_top .item .item_icon{
    width: 48px;
}
.content_top .item .item_info{
    width: calc(100% - 48px);
    padding-left: 10px;
}
.content_top .item .item_info .item_tit{
    color: #B4C0CC;
    font-size: 12px;
}
.content_top .item .item_info .item_desc{
    /* margin-top: 10px; */
}
.content_top .item .item_info .item_desc .item_num{
    font-size: 12px;
    color: #B4C0CC;
}
.content_top .item .item_info .item_desc .item_num span{
    color: #FFE71F;
    font-size: 24px;
    /* margin-right: 3px; */
}
.content_top .item:last-child {
    width: 100%;
}
.content_top .item:last-child .item_info .item_desc .item_num{
    width: 25%;
}

.section_right .content .content_bottom{
    padding-top: 10px;
    height: calc(100% - 135px);
    box-sizing: border-box;
}
.content_bottom .item{
    width: 50%;
}
.content_bottom .item p{
    text-align: center;
    font-size: 12px;
    color: #fff;
}
.content_bottom .item .echart{
    width: 100%;
    height: calc(100% - 18px);
    /* height: 200px; */
}

.section_right .content .list{
height: 100%;
}
.section_right .content .list .item{
    padding: 10px 10px;
    color: #fff;
}
.section_right .content .list .item.head{
    background: rgba(31,255,198,0.16);
    color: #12D0A0;
}
.section_right .content .list .item .desc{
    width: 23%;
}
.section_right .content .list .info{
    height: calc(100% - 40px);
    overflow: hidden;
    overflow-y: auto;
}
.section_right .content .list .info .item .desc:first-child{
    color: #fff;
}
.section_right .content .list .item .desc .icon{
    width: 12px;
}
.section_right .content .list .item .desc:nth-child(1){
    width: 28%;
}
.section_right .content .list .item .desc:nth-child(2){
    width: 32%;
}
.section_right .content .list .item .desc:nth-child(3){
    width: 17%;
}
.section_right .content .list .item.bg1{
    background: rgba(255,31,31,0.25);
}
.section_right .content .list .item.bg2{
    background: rgba(255,160,28,0.38);
}
.section_right .content .list .info .item .desc.col{
    color: #FF1F1F;
}
.section_right .content .list .info .item .desc.col2{
    color: #FFA01C;
}

.amap-marker-label {
    border: none;
    background-color: rgba(0,0,0,0);
    padding: 3px 10px 6px;
    font-size: 10px;
    /* line-height: 16px; */
    white-space: nowrap;
    /* border-radius: 3px; 添加圆角 */
    background-image: url(../images/label_txt1.png);
    background-size: 100% 100%;
    color: #fff;
}

.amap-logo {display: none;opacity: 0 !important;}
.amap-copyright {opacity: 0;}

@media (min-width: 3000px) {
    .section .box .title{
        height: 80px;
        line-height: 80px;
        font-size: 32px;
    }
    .section .box .content{
        height: calc(100% - 80px);
    }
    .content_top .item .item_info{
        width: calc(100% - 96px);
    }
    .content_top .item .item_icon{
        width: 96px;
    }
    .section_right .content .content_bottom{
        height: calc(100% - 230px);
    }
    .content_top .item .item_info .item_tit{
        font-size: 24px;
    }
    .content_top .item .item_info .item_desc .item_num{
        font-size: 24px;
    }
    .content_top .item .item_info .item_desc .item_num span{
        font-size: 48px;
    }
    .content_bottom .item p{
        font-size: 24px;
    }
    .section_right .content .list .item{
        padding: 30px 10px;
    }
    .section_right .content .list .item .desc{
        font-size: 24px;
    }
    .section_right .content .list .item .desc .icon{
        width: 24px;
    }
    .content_bottom .item .echart{
        height: calc(100% - 35px);
    }

    .amap-marker-label{
        padding: 6px 20px 15px;
        font-size: 20px;
    }
}

@media (max-width: 1500px) {
    .section .box .title{
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }
    .section .box .content{
        height: calc(100% - 36px);
        padding: 5px 6px;
    }
    .content_top .item .item_info{
        width: calc(100% - 40px);
        padding-left: 5px;
    }
    .content_top .item .item_icon{
        width: 40px;
    }
    .section_right .content .content_bottom{
        height: calc(100% - 90px);
    }
    .content_top .item .item_info .item_tit{
        font-size: 9px;
    }
    .content_top .item .item_info .item_desc .item_num{
        font-size: 10px;
    }
    .content_top .item .item_info .item_desc .item_num span{
        font-size: 14px;
    }
    .content_bottom .item p{
        font-size: 10px;
    }
    .section_right .content .list .item{
        padding:7px 5px;
    }
    .section_right .content .list .item .desc{
        font-size: 10px;
    }
    .section_right .content .list .item .desc .icon{
        width: 10px;
    }
    .content_bottom .item .echart{
        height: calc(100% - 16px);
    }
    .section_right .content .list .info{
        height: calc(100% - 30px);
    }
    .content_top .item:first-child{
        width: 26%;
    }
    .content_top .item:nth-child(2){
        width: 36%;
    }
    .content_top .item:nth-child(3){
        width: 36%;
    }
    .amap-marker-label{
        padding: 0px 6px 4px;
        font-size: 9px;
    }
}