@charset "utf-8";
.picsbox{width:100%;overflow:hidden;position:relative;}
.newstitles{font-size:20px;}
.piccontext{overflow:hidden;padding:0px}
.piccontext h2{margin:20px 0;font-size:22px;color:#222;}
.source{height:20px;line-height:20px;overflow:hidden;font-size:14px}
.source_left{float:left;height:20px;color:#666666;}
.source_left a{color:#666666;}
.source_left a:hover{color:#ff5d11;text-decoration:underline;}
.source_left span{color:#ababab;padding-right:15px;}
.source_right{float:right;height:20px;color:#666666;}
.source_right a{color:#666666;}
.source_right span{padding:0px 10px;}
.source_right1{float:right;height:20px;color:#666666;display:none;}
.support{float:left;height:20px;overflow:hidden;}
.support img{padding:0px 5px;}
.picshow{width:100%;margin-top:20px;overflow:hidden;}
.picshowtop{text-align:center;position:relative;z-index:1;overflow:hidden;}

/* ========================================================= */
/* 【核心修复】：PC端大图高度防撑爆，完美自适应屏幕 */
/* ========================================================= */
#pic1 {
    max-width: 100%;
    max-height: 82vh; /* 把之前的 75vh 提高到 90vh */
    object-fit: contain;
    margin: auto;
    display: block;
}

#preArrow{left:0px;}
#nextArrow{right:0px;}
#preArrow:before,#nextArrow:before{height:0px;}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute!important;top:0px;z-index:5;}
.contextDiv span{position:absolute;top:50%;margin-top:-10%;width:46px;height:80px;}
#preArrow_A{left:0px;background:url('./img/left.png') 0px 0px no-repeat;display:none;}
#nextArrow_A{right:0px;background:url('./img/right.png') 0px 0px no-repeat;display:none;}
.picshowtxt{min-height:40px;_height:40px;}
.picshowtxt_left{float:left;height:50px;line-height:50px;font-family:Georgia,"Times New Roman",Times,serif;}
.picshowtxt_left span{color:#e55656;font-size:30px;}
.picshowtxt_left i{color:#666666;font-size:20px;}
.picshowtxt_right{color:#666666;font-size:14px;padding-top:14px}
.picshowlist{width:100%;padding-bottom:20px;overflow:hidden;}
.picshowlist a:before{height:0px;}
.picshowlist_left{float:left;width:120px;overflow:hidden;}
.picleftimg{width:120px;height:80px;padding-top:9px;padding-left:5px;overflow:hidden;}
.picleftimg img{width:107px;height:66px;}
.piclefttxt{width:120px;line-height:20px;}
.piclefttxt a{color:#444444;}
.piclefttxt a:hover{color:#ff5d11;text-decoration:underline;}

/* ========================================================= */
/* 【核心修复一：底部缩略图轮播】将高度从 70px 拉长到 140px，适配竖版写真图片 */
/* ========================================================= */
.picshowlist_mid{display:inline;overflow:hidden;height:140px;}
.picmidleft{float:left;width:24px;height:140px;overflow:hidden;}
.picmidleft a{display:block;width:24px;height:140px;}
.picmidmid{float:left;width:898px;overflow:hidden;height:140px;padding:0px;}
.picmidmid ul{width:100%;overflow:hidden;position:relative;height:140px;padding:0 0px 0 6px;}
.picmidmid ul li{float:left;margin:0 3px 0 2px;display:inline;width:106px;text-align:center;overflow:hidden;position:relative;height:140px;border:1px #efefef solid;}
.selectli{border:1px #f00 solid!important;}
.picmidmid ul li img{width:100%;height:100%;object-fit:cover;object-position:top;margin:auto;border:0px!important;}
.picmidright{float:left;width:24px;height:140px;overflow:hidden;}
.picmidright a{display:block;width:24px;height:140px;}
.sleft{display:block;width:23px;height:140px;background:#efefef url(./img/left1.jpg) no-repeat center}
.sright{display:block;width:23px;height:140px;background:#efefef url(./img/right1.jpg) no-repeat center}


.picshowlist_right{float:left;width:120px;float:right;overflow:hidden;}
.piclistshow{width:100%;overflow:hidden;border-top:1px solid #e4e4e4;margin:10px 0;display:none;}
.piclistshow ul{margin-left:-2%!important}

/* ========================================================= */
/* 【核心修复二：列表网格展示】解除高度限制，让竖版图片自然撑满整个完整高度 */
/* ========================================================= */
.piclistshow ul li{width:18%;height:auto !important;float:left;overflow:hidden;cursor:pointer;list-style:none;margin-left:2%;margin-bottom:2%;border:1px solid #e4e4e4;border-radius:0.25rem !important;}
@media (max-width:1024px){.piclistshow ul li{width:23%;height:auto !important;}}
@media (max-width:640px){.piclistshow ul li{width:23%;height:auto !important;}}
@media (max-width:480px){.piclistshow ul li{width:23%;height:auto !important;}}

.piclistshow .picimg{width:100%;height:auto !important;padding:0px;display:block;}
.picimg img{margin:auto;width:100%;height:auto !important;display:block;object-fit:contain;border:0px!important;}


.pictxt{padding:15px 20px 0;line-height:25px;text-align:center;height:80px;overflow:hidden;}
.pictxt h3{font-size:14px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
.gaoqing{padding-left:26px;}
a.gaoqing:hover{color:#FF702D;text-decoration:underline;}
.close2{height:17px;}
.close2 a{width:15px;height:15px;display:block;float:right;color:#FFF}
.replay{height:24px;overflow:hidden;}
.replay h2{float:left;font-size:16px;border:0!important;background:none;border-color:transparent!important;margin:0px;padding:0px;font-weight:normal;line-height:normal;}
.replay p{float:left;margin-left:15px;display:inline;line-height:24px;padding-right:25px;}
.replay p a{color:white;font-size:14px;}
.replay p a:hover{color:#FF702D;text-decoration:underline;}
.firsttop{padding:20px;background:#1C1C1C;position:absolute;top:15%;left:35%;z-index:1200;color:White;display:none;}
.endtop{padding:20px;background:#1C1C1C;position:absolute;top:15%;left:35%;z-index:1200;color:White;display:none;}

@media screen and (min-width:960px) and (max-width:1023px){.picshowlist{display:none}}
@media screen and (min-width:768px) and (max-width:959px){.picshowlist{display:none}}
@media only screen and (min-width:480px) and (max-width:767px){.picsbox{width:100%}.picshowlist{display:none}}

/* ========================================================= */
/* 【核心修复三：清理移动端残留】去除手机端写死的 100px 错误高度 */
/* ========================================================= */
@media only screen and (max-width:479px){
    .picsbox{width:100%}
    .piclistshow ul li{padding:0} 
    .picshowlist,.pictxt{display:none}
    .endtop{left:10%}
    .firsttop{left:10%}
}