.bar{display: none; align-items: center; justify-content: space-between; width: 100%;padding: calc(0.2rem var(--sizeDefault)); background-color: #eee;}
.bar img{ width: 0.35rem;}
.topRightBut img{width:0.2rem;}
.topRightBut span{color: var(--gray1); }
@media screen and (max-width:1620px) {
    .bar{ display: flex;}
    .topRightBut{ display:none !important}
}

a.colorGray1{ color: var(--gray1);}
a.colorGray1:hover{ color: var(--gray4);transition: color 0.3s ease;}

/* 鼠标移动焦点图标按钮旋转 */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes spin-back {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

.iconSpin:hover img {
    animation: spin 1s ease-in-out forwards;
}

.iconSpin:not(:hover) img {
    animation: spin-back 1s ease-in-out forwards;
}

.modal{
    position:fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.1); justify-content: center; align-items: center; padding: 0 20px;
    display: none;
    z-index: 4;
}
.modal>div{background-color: #fff; width: 100%; max-width: 800px; padding: 20px; border-radius: 10px; position: relative;}
.modal>div>img{width: calc(0.2rem var(--sizeDefault)); position: absolute; right: 20px; cursor: pointer; }

.modal>div>img:hover{opacity: 0.7;}