@charset "utf-8";

.wrap-thumb-box {position: relative; padding:2.8rem 2.4rem; background:#fff; border:1px solid #D8D8D8; border-radius:1.2rem; line-height: 1.5;}
.wrap-thumb-box .frame {position: relative; display: flex; flex-direction: column; height: 100%;}
.wrap-thumb-box .tab {margin-bottom: 2rem;}
.wrap-thumb-box .tab button {overflow: hidden; font-size: 2.4rem; font-family: pbGOV; color:#1d1d1d; letter-spacing: -.03rem;}
.wrap-thumb-box .row {overflow:hidden; height:100%;}
.wrap-thumb-box .row > li {height:100%;}
.wrap-thumb-box .list {height:100%;}
.wrap-thumb-box .list > ul {width:auto; margin:0 -1.2rem}
.wrap-thumb-box .list > ul > li {height:auto; width:50%; padding:0 1.2rem;}
/* .wrap-thumb-box .list li {max-width:50%; } */
.wrap-thumb-box .list li a {display: flex; flex-direction: column; height:100%;}
.wrap-thumb-box .img-box {overflow:hidden; position: relative; max-height:27rem; height:0%; padding-bottom:97.475%; border-radius:.5rem; }
.wrap-thumb-box .img-box img {position: absolute; left:0; top:0; width:100%; height: 100%; object-fit: fill;}
.wrap-thumb-box .list strong { overflow:hidden; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height:100%; margin:0 .4rem; margin-top:2rem; font-family: pbGOV; font-size: 1.9rem; text-align: center; color:#1D1D1D;}
.wrap-thumb-box .list strong span {background-image: linear-gradient(#1d1d1d, #1d1d1d); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .2rem; transition: background-size .5s;}
.wrap-thumb-box .list a:hover strong span {background-size:100% .2rem;}
.wrap-thumb-box .more {position: absolute; right:0; top:1rem; width:1.2rem; height:1.2rem; background:url(../images/ic-more.png) no-repeat center; text-indent: -9999rem; transition: transform .3s;}
.wrap-thumb-box .more:hover {transform: rotate(180deg);}

.wrap-thumb-box .control {position: absolute; right:0; top:0; display: flex; gap:0 .8rem;}
.wrap-thumb-box .control button {display: none; width:2.4rem; height: 2.4rem; border:.1rem solid #D8D8D8; border-radius:.4rem; text-indent: -9999rem;}
.wrap-thumb-box .prev {background:url(../images/ic-prev.png) no-repeat center;}
.wrap-thumb-box .next {background:url(../images/ic-next.png) no-repeat center;}
.wrap-thumb-box .play {background:url(../images/ic-play.png) no-repeat center;}
.wrap-thumb-box .stop {background:url(../images/ic-stop.png) no-repeat center;}

.wrap-thumb-box .nodata-wrap {width:100% !important; justify-content: center;}
.wrap-thumb-box .nodata-wrap li {}
.wrap-thumb-box .nodata {display: flex; align-items: center; justify-content: center; width:100% !important; height:calc(31rem - 1.6rem); font-family: prGOV; font-size: 1.7rem; color:#1d1d1d;}

@media screen and (max-width:1200px) {
    .wrap-thumb-box .list li {width:100%;}
    .wrap-thumb-box .list > ul {margin:0;}
    .wrap-thumb-box .list > ul > li {padding:0;}

    /* .wrap-thumb-box .list li:last-child {display: none;} */
    .wrap-thumb-box .img-box {max-height:42rem;}
    .wrap-thumb-box .img-box img {}
    .wrap-thumb-box .control button {display: block;}
    .wrap-thumb-box .control .play,
    .wrap-thumb-box .control .stop {display: none;}
    .wrap-thumb-box .control .play.on,
    .wrap-thumb-box .control .stop.on {display: block;}
    .wrap-thumb-box .more {position: relative; top:0; width:2.4rem; height:2.4rem; background-color:#fff; background-repeat: no-repeat; background-position: center; border:.1rem solid #D8D8D8; border-radius:.4rem; text-indent: -9999rem;}
    .wrap-thumb-box .more:hover {transform:unset;}
}
@media screen and (max-width:767px) {
    .wrap-thumb-box .nodata-wrap{position: relative; padding-bottom:97.475%;}
}