
.server-wrap{padding-top:1.2rem;padding-bottom:1.1rem}.server-wrap input,.server-wrap button{background-color:rgba(0,0,0,0);border:none;outline:none;margin:0;padding:0}.server-wrap .icon-box{display:flex;align-items:center;justify-content:center;width:1em;height:1em;transition:.3s}.server-wrap .tr-x{transform:rotateY(180deg)}.server-wrap .tr-y{transform:rotateY(180deg)}.server-wrap .cn-wh,.server-wrap .cn-w,.server-wrap .cv-wh,.server-wrap .cv-w{width:100%}.server-wrap .cn-wh,.server-wrap .cn-h,.server-wrap .cv-wh,.server-wrap .cv-h{height:100%}.server-wrap .cn-wh,.server-wrap .cn-w,.server-wrap .cn-h{object-fit:contain}.server-wrap .cv-wh,.server-wrap .cv-w,.server-wrap .cv-h{object-fit:cover}.server-wrap .pic-box{width:100%;height:100%}.server-wrap .pic-box img{max-width:100%;max-height:100%}.server-wrap.wrap,.server-wrap .wrap{padding-left:.6rem;padding-right:.6rem;max-width:100%;overflow:hidden}.server-wrap .area{margin:0 auto;width:100%;max-width:16rem}.server-wrap [data-eps]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:0;/*! autoprefixer:off */-webkit-box-orient:vertical;/*! autoprefixer:on */-webkit-box-orient:vertical;max-width:100%}.server-wrap [data-eps="1"]{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.server-wrap .server{display:flex}.server-wrap .server-item{position:relative;width:19.06%;min-height:4.9rem;border-radius:.2rem;overflow:hidden;transition:.3s}.server-wrap .server-item:nth-child(n+2){margin-left:1%}.server-wrap .server-item.active{width:39.82%}.server-wrap .server-item.active .server-cover2{transform:scale(1)}.server-wrap .server-item.active .server-cover{transform:scale(0)}.server-wrap .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.server-wrap .server-cover{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:50%;padding:.5rem;line-height:1.6;text-align:center;color:#fff;background-image:linear-gradient(0deg,#102739 0%,rgba(16,39,57,0) 100%);transition:.3s;transform-origin:right bottom}.server-wrap .server-cover *{line-height:inherit}.server-wrap .server-cover2{position:absolute;bottom:0;left:0;width:93.63%;min-height:1.7rem;max-height:100%;padding:.4rem .5rem;color:#fff;border-top-right-radius:.2rem;background-color:#1f4e9f;transform:scale(0);transform-origin:left bottom;transition:.3s}.server-wrap .sc2-title{line-height:1.3}.server-wrap .sc2-info{margin-top:.09rem;line-height:1.75;opacity:.5}@media(max-width:750px){.server-wrap .server{flex-direction:column}.server-wrap .server-item{width:100%}.server-wrap .server-item:nth-child(n+2){margin-left:0;margin-top:.3rem}.server-wrap .server-item.active{width:100%}}

.paging-turner{display:flex;align-items:center;justify-content:center}.paging-turner .paging-index-list{display:flex;align-items:center}.paging-turner .paging-prev,.paging-turner .paging-next,.paging-turner .paging-index,.paging-turner .paging-eps{display:flex;align-items:center;justify-content:center;width:2em;height:2em;margin-right:.07rem;border-radius:50%;background-color:#fff;color:#666;cursor:pointer;transition:.3s}.paging-turner .paging-prev span,.paging-turner .paging-next span,.paging-turner .paging-index span,.paging-turner .paging-eps span{user-select:none}.paging-turner .paging-prev::after,.paging-turner .paging-next::after{content:"";display:block;width:.08rem;height:.15rem;background:url("../images/icon/page-next.png") no-repeat center/contain;opacity:.5}.paging-turner .paging-prev:hover::after,.paging-turner .paging-next:hover::after{filter:none;opacity:1}.paging-turner .paging-next::after{background:url("../images/icon/page-next.png") no-repeat center/contain}.paging-turner .paging-prev::after{transform:rotateZ(180deg)}.paging-turner .paging-prev:hover,.paging-turner .paging-next:hover,.paging-turner .paging-index:hover{color:#fff;box-shadow:0 0 .01rem 0 rgba(0,0,0,.0666666667)}.paging-turner .paging-prev:hover span,.paging-turner .paging-next:hover span,.paging-turner .paging-index:hover span{color:#fff}.paging-turner .paging-index:hover{background-color:#1f4fa1}.paging-turner .paging-index.active{background-color:#1f4fa1}.paging-turner .paging-index.active span{color:#fff !important}
