
.international-case-wrap{padding-top: 0.9rem;padding-bottom: 1rem;background-color: #f1f5fa;}
.international-case-wrap .module-header{display: flex;align-items: center;justify-content: space-between;}
.international-case-wrap .filter-form{display: flex;}
.international-case-wrap .form-item{position: relative;background-color: #fff;border: 0.01rem solid #fff;display: flex;border-radius: 0.1rem;}
.international-case-wrap .form-item:nth-child(n+2){margin-left: 0.2rem;}
.international-case-wrap .ipt-item, .international-case-wrap .drop-list-box, .international-case-wrap .drop-item{display: flex;align-items: center;height: 0.6rem;width: 3.5rem;padding: 0.1rem 0.28rem;}
.international-case-wrap .icon-search{position: absolute;right: 0;top: 0;height: 100%;width: 0.6rem;padding: 0.2rem;aspect-ratio: 1;}
.international-case-wrap .drop-list-box{position: relative;z-index: 10;}
.international-case-wrap .drop-list-box.active .drop-list{transform: scaleY(1);pointer-events: auto;}
.international-case-wrap .drop-list{position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff;border-radius: 0.1rem;overflow: hidden;transform: scaleY(0);transform-origin: top center;pointer-events: none;transition: 0.3s;}
.international-case-wrap .drop-item{transition: 0.3s;cursor: pointer;}
.international-case-wrap .drop-item:hover{color: #fff;background-color: var(--theme-color);}
.international-case-wrap .ic-main{display: flex;flex-wrap: wrap;margin-top: 0.6rem;}
.international-case-wrap .ic-item{position: relative;display: flex;align-items: center;width: calc((100% - 1.2rem) / 4);height: 1.35rem;padding: 0.3rem;background-color: #fff;border-radius: 0.1rem;box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.0666666667);overflow: hidden;transition: 0.3s;}
.international-case-wrap .ic-item:nth-child(n+2){margin-left: 0.4rem;}
.international-case-wrap .ic-item:nth-child(n+5){margin-top: 0.4rem;}
.international-case-wrap .ic-item:nth-child(4n+1){margin-left: 0;}
.international-case-wrap .ic-item:hover{background-color: var(--theme-color);}
.international-case-wrap .ic-item:hover .ic-cover{opacity: 1;}
.international-case-wrap .ic-item:hover .ic-icon{filter: grayscale(1) brightness(10);}
.international-case-wrap .ic-item:hover .ic-content{color: #fff;}
.international-case-wrap .ic-item:hover .ic-cover{opacity: 1;}
.international-case-wrap .ic-icon{width: 0.2rem;flex-shrink: 0;transition: 0.3s;}
.international-case-wrap .ic-content{margin-left: 0.15rem;color: #666;transition: 0.3s;}
.international-case-wrap .ic-cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;padding: 0.3rem;background-image: linear-gradient(-90deg, #0f5ba2 0%, rgba(15, 91, 162, 0) 100%);opacity: 0;transition: 0.3s;}
.international-case-wrap .go-detail{display: flex;align-items: center;justify-content: center;width: 0.42rem;height: 0.42rem;padding: 0.13rem;margin: auto 0 auto auto;background-color: #fff;border-radius: 50%;transition: 0.3s;}
.international-case-wrap .paging-turner{margin-top: 0.6rem;}
@media (max-width: 750px){.international-case-wrap .module-header{flex-direction: column;}
.international-case-wrap .mod-right{margin-top: 0.5rem;}
.international-case-wrap .ic-item{width: calc((100% - 0.4rem) / 2);}
.international-case-wrap .ic-item:nth-child(n+2){margin-left: 0.4rem;}
.international-case-wrap .ic-item:nth-child(n+3){margin-top: 0.4rem;}
.international-case-wrap .ic-item:nth-child(2n+1){margin-left: 0;}
}
 .window {
                position: relative;
            }

            .share-side {
                position: absolute;
                top: 0;
                right: 0.1rem;
                display: flex;
                flex-direction: column;
                width: 2em;
                height: 100%;
                pointer-events: none;
                z-index: 50;
            }

            .share-side .share-list {
                position: sticky;
                top: 2.5rem;
                margin: 0.1rem 0;
            }

           
.share-side .share-item {position: relative;display: flex;align-items: center;justify-content: center;width: 2em;height: 2em;padding: 0.15rem;border-radius: 0.04rem;background-color: #fff;pointer-events: auto;}
.share-side .share-item:nth-child(n+2) {margin-top: 0.04rem;}
.share-side .share-item:hover .popup {transform: translateY(-50%) scaleX(1);opacity: 1;pointer-events: auto;}
