
body{
/*    background: #eee;*/
}
.mb10{
    margin-bottom: 10px;
}
div{
    outline: none;
}

.custom-leftBar-style{
    width: 420px;
    position: fixed;
    bottom: 10px;
    top: 204px;
    left: 30px;
    z-index: 20;
}
#culturemap{
    position: relative;
    z-index: 1;
}
/*搜索框*/
.custom-searchbox-style1{
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
    height: 40px;
    position: relative;
}
.custom-searchbox-style1 .el-input__inner{
    background: none;
    border-radius: 0;
    border: none;
    padding: 0 50px 0 19px;
}
.custom-searchbox-style1 .el-button.icon_search_1{
    position: absolute;
    height: 40px;
    width: 50px;
    background: #A30004;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 0;
    border: none;
    padding: 0;
    text-align: center;
}
.custom-searchbox-style1 .el-button.icon_search_1 i{
    width: 20px;
    height: 20px;
    background: url('../images/icon_search_1.svg') no-repeat;
    background-size: 100%;
    display: inline-block;
    position: relative;
    top: 2px;
}
.custom-searchbox-style1 .icon-delete{
    width: 18px;
    height: 18px;
    background: url('../images/icon_close_1.svg') no-repeat;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: 11px;
    right: 64px;
    z-index: 0;
    cursor: pointer;
}
.custom-searchbox-style1 .icon-delete:before{
    display: none;
}


/* 固定左侧栏tab标签样式 */
.custom-leftBarcontent-style{
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
}
.custom-leftBarcontent-style .el-tabs__nav-wrap::after{
    display: none;
}
.custom-leftBarcontent-style .el-tabs__header{
    background: #FAFAFA;
    margin: 0;
}
.custom-leftBarcontent-style .el-tabs__item{
    height: 60px;
    line-height: 60px;
    width: 100px;
    padding: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #666666;
}
.custom-leftBarcontent-style .el-tabs__item.is-active{
    background: #FFFFFF;
    transition: all 0.4s;
    color: #A30004;
}
.custom-leftBarcontent-style .el-tabs__active-bar{
    top: 0;
    height: 3px;
    background: #A30004;
}
.custom-leftBarcontent-style .innerbox{
    overflow-y: auto;
    padding: 30px 0 30px;
    position: relative;
}
.custom-leftBarcontent-style .innerbox .total{
    position: absolute;
    right: 24px;
    top: 30px;
    font-size: 12px;
    color: #999999;
}

/* 类型样式 */
.custom-typeBox-style{
    position: relative;
}
.custom-typeBox-style .itembox{
    padding: 0 24px 0;
}
.custom-typeBox-style .itembox h3{
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin: 0 0 16px 0;
}
.custom-typeBox-style .itembox ul{
    margin: 0 0 8px 0;
}
.custom-typeBox-style .itembox ul li{
    display: block;
    float: left;
    height: 29px;
    line-height: 27px;
    border: 1px solid #DDDDDD;
    padding: 0 14px;
    margin: 0 16px 16px 0;
    font-size: 12px;
    color: #666666;
    cursor: pointer;
}
.custom-typeBox-style .itembox ul li.active{
    background: #F2E9E9;
    border-color: #F2E9E9;
    color: #A30004;
}
.custom-typeBox-style .itembox ul li:hover{
    border: 1px solid rgba(163, 0, 4, 0.5);
    color: #A30004;
    transition: all 0.3s;
}
.custom-typeBox-style .itembox.mb4{
    margin-bottom: 4px;
}

/* 列表样式 */
.custom-listulbox-style ul li{
    padding: 16px 24px 16px 62px;
    cursor: pointer;
}
.custom-listulbox-style ul li a{
    display: flex;
    position: relative;
}
.custom-listulbox-style ul li a .txtbox{
    flex: 1;
    min-width: 0;
}
.custom-listulbox-style ul li a .txtbox h2{
    font-weight: 500;
    font-size: 16px;
    height: 22px;
    overflow: hidden;
    line-height: 22px;
}
.custom-listulbox-style ul li a .txtbox h2 i{
    color: #A30004;
}
.custom-listulbox-style ul li a .txtbox p{
    margin: 6px 0 0;
    color: #666666;
    line-height: 20px;
    font-size: 14px;
}
.custom-listulbox-style ul li a .imgbox{
    width: 120px;
    height: 68px;
    margin: 0 0 0 20px;
    position: relative;
}
.custom-listulbox-style ul li a .imgbox img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custom-listulbox-style ul li a .icon_address_1{
    display: block;
    width: 24px;
    height: 32px;
    background: url('../images/icon_address_red.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -36px;
    top: 0;
    text-align: center;
    color: #fff;
    line-height: 26px;
    font-weight: 500;
}
.custom-listulbox-style ul li:hover,
.custom-listulbox-style ul li.active{
    background: #F7F7F7;
    transition: all 0.3s;
}
.custom-listulbox-style ul li:hover a .icon_address_1,
.custom-listulbox-style ul li.active a .icon_address_1{
    background: url('../images/icon_address_blue.png') no-repeat;
    background-size: 100% 100%;
    transition: all 0.3s;
}
.custom-listulbox-style.style1 ul li a .txtbox h2{
    height: auto;
    max-height: 44px;
}
.custom-listulbox-style.style2 ul li a .imgbox{
    width: 72px;
    height: 72px;
}

/* 分页样式 */
.custom-pagination-model1{
    text-align: center;
    margin: 57px 0 0;
}
.custom-pagination-model1 .el-pagination{
    width: auto;
    display: inline-block;
    padding: 0;
}
.custom-pagination-model1 span,
.custom-pagination-model1 .el-pagination.is-background .btn-next, 
.custom-pagination-model1 .el-pagination.is-background .btn-prev, 
.custom-pagination-model1 .el-pagination.is-background .el-pager li{
    display: inline-block;
    height: 28px;
    border: solid 1px #D9D9D9;
    border-radius: 0;
    background: #fff;
    font-size: 12px;
    padding: 0 5px;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
}
.custom-pagination-model1 span{
    width: auto;
    padding: 0 12px;
}
.custom-pagination-model1 .el-pagination.is-background .el-pager li:not(.disabled):hover,
.custom-pagination-model1 span:hover{
    border: 1px solid rgba(30, 111, 250, 0.7);
    color: #474F59;
}
.custom-pagination-model1 .el-pagination.is-background .el-pager li:not(.disabled).active{
    background: #A30004;
    border: 1px solid #A30004;
    color: #fff;
}
.custom-pagination-model1 .el-pagination .btn-prev .el-icon,
.custom-pagination-model1 .el-pagination .btn-next .el-icon{
    opacity: 0.5;
}
.custom-pagination-model1 .el-pagination .btn-prev .el-icon{
    background: url('../images/icon-arrow-left.svg') no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}
.custom-pagination-model1 .el-pagination .btn-next .el-icon{
    background: url('../images/icon-arrow-left.svg') no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.custom-pagination-model1 .el-pagination .btn-next .el-icon:before,
.custom-pagination-model1 .el-pagination .btn-prev .el-icon:before{
    display: none;
}
.custom-pagination-model1 .el-pagination .btn-prev .el-icon:hover,
.custom-pagination-model1 .el-pagination .btn-next .el-icon:hover{
    opacity: 1;
}

/* 地图样式 */
#map_container {
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

/* 地图坐标点样式 */
.custom-content-marker{
    position: relative;
}
.custom-content-marker p{
    position: absolute;
    width: 24px;
    top: 4px;
    color: #fff;
    text-align: center;
    z-index: 1;
}

/* 地图卡片样式 */
.custom-mapinfoBox{
    width: 100%;
    padding: 0 20px 18px 20px;
    background: #FFFFFF;
    position: relative;
    cursor: pointer;
}
.custom-mapinfoBox .imgbox img{
    width: 100%;
    height: 148px;
    margin: 0 0 20px 0;
    vertical-align: top;
}
.custom-mapinfoBox .txtbox h2{
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}
.custom-mapinfoBox .txtbox p{
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    margin: 8px 0 0;
}
.custom-mapinfoBox:after{
    position: absolute;
    content: '';
    width: 20px;
    height: 10px;
    background: url(../images/icon_custom_arrow_bottom.png) no-repeat;
    background-size: 100% 100%;
    bottom: -9px;
    z-index: 1;
    left: 50%;
    margin-left: -10px;
}
.custom-mapinfoBox.style2{
    display: flex;
    width: 100%;
    padding: 0 20px 20px;
}
.custom-mapinfoBox.style2 .imgbox{
    width: 100px;
    height: 100px;
    margin: 0 20px 0 0;
}
.custom-mapinfoBox.style2 .imgbox img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.custom-mapinfoBox.style2 .txtbox{
    flex: 1;
    min-width: 0;
}
.custom-mapinfoBox.style2 .txtbox p:nth-child(1){
    margin: 14px 0 0;
}

/* 无数据样式 */
.nodata{
    text-align: center;
    padding: 50px 0;
}


/* 20241030 添加 */

#culturemap{
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
#map_container{
    width: 100%;
    height: 100%;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
}
.BMapLabel {
    border: none !important;
    background-color: transparent !important;
}
.BMap_bubble_pop{
    padding: 0!important;
    border-radius: 0!important;
    overflow: hidden;
}
.BMap_bubble_content,
.BMap_bubble_center{
    width: 100% !important;
}
.shadow,
.BMap_bubble_pop>img,
.anchorBL{
    display: none!important;
}