@import url(icon.css);
::-webkit-scrollbar {width: 5px;height: 5px;background-color: rgba(211, 211, 211, 1);}
::-webkit-scrollbar-track {box-shadow: inset 0 0 0px rgba(211, 211, 211, .3);border-radius: 10px;background-color: rgba(211, 211, 211, 1);}
::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow: inset 0 0 0px rgba(0, 64, 125, .3);background-color: rgba(0, 0, 0, .3);}
body{background-color:#fff;}.logo{width:128px;}
.imgs-hover {transition: all .3s ease .1s;}
.imgs-hover:hover {transform: scale(1.05);}/* 放大1.05倍 */
.nav a:hover,.crumbs a:hover{color:#08c;}
.goodsBox{display: flex;flex-wrap:wrap;align-items: center;justify-content: center;border-radius: 6px;margin:1.8%;position:relative;}
.goodsBox:hover{box-shadow: 0 1px 3px var(--color-darkGrey);}

.fav{font-size: 12px;display: flex;justify-content: center;align-items: center;cursor:pointer;flex-wrap: nowrap;white-space: nowrap;}

.moreColors{margin:0;font-weight:bold;background:-webkit-linear-gradient(left,#000,#0066ff,#0084d1 25%,#0300ff 50%,#0084d1 75%,#ff0000 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:masked-animation 5s infinite linear}
@keyframes masked-animation{0%{background-position:0 0}
100%{background-position:-100%,0}
}

.loadingDom{width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 999999;background-color: rgba(255, 255, 255, 0.85);display: none;align-items: center;justify-content: center;}
.loadingDom svg{width: 200px !important;}