
/*! mod-nav start */
.mod-nav-wrap{background-color:#fff}.mod-nav-wrap .mod-nav{display:flex;min-height:.8rem}.mod-nav-wrap .nav-list{display:flex}.mod-nav-wrap .nav-list::-webkit-scrollbar{background-color:#eee;border-radius:.025rem}.mod-nav-wrap .nav-list::-webkit-scrollbar-thumb{background:linear-gradient(to right,#0f59d2,#bc8bef);border-radius:.025rem}.mod-nav-wrap .nav-list{overflow-x:auto}.mod-nav-wrap .nav-list::-webkit-scrollbar{height:.05rem}.mod-nav-wrap .nav-item:nth-child(n+2){margin-left:.5rem}.mod-nav-wrap .nav-item.active .nav-entry{color:#000}.mod-nav-wrap .nav-item.active .nav-entry::after{transform:scaleX(1)}.mod-nav-wrap .nav-entry{position:relative;display:flex;align-items:center;justify-content:center;height:100%;color:#999;line-height:1.625;white-space:nowrap;transition:.3s}.mod-nav-wrap .nav-entry::after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;border-radius:2px;background:linear-gradient(to right,#0f59d2,#bc8bef);transform:scaleX(0);transition:.3s}
/*! mod-nav end */

/*! product start */
.product-wrap{padding-top:.95rem;padding-bottom:1rem;background-color:#e7ebf5}.product-wrap .product-head{display:flex;align-items:center;justify-content:space-between}.product-wrap .product-list{display:flex;flex-wrap:wrap;margin-top:.58rem}.product-wrap .link{display:flex;align-items:center;color:#999;margin-top:auto;flex-shrink:0}.product-wrap .link .icon-box{margin-left:.1rem;filter:grayscale(1)}.product-wrap .paging-turner{margin-top:.6rem}.product-wrap .bg{z-index:1}.product-item{--theme:#fff;--text-color:#000;width:calc((100% - .6rem)/3);border-radius:.2rem;background-color:var(--theme);color:var(--text-color);text-align:center;overflow:hidden}.product-item{position:relative}.product-item::before{content:"";display:block;padding-top:100%}.product-item .fill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1;transition:.5s}.product-item.dark{--theme:#000;--text-color:#fff}.product-item.dark .bg-dark{opacity:1}.product-item.dark .bg-light{opacity:0}.product-item.big{width:calc((100% - .6rem)/3*2 + .3rem);color:#fff}.product-item.big{position:relative}.product-item.big::before{content:"";display:block;padding-top:48.5335856197%}.product-item.big .fill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1;transition:.5s}.product-item.big .ptd-pic{flex:1}.product-item.big .product-entry{background:none}.product-item.big .product-entry:after{display:none}.product-item:nth-child(n+2){margin-left:.3rem}.product-item:nth-child(n+4){margin-top:.3rem}.product-item:nth-child(3n){margin-left:0;margin-top:.3rem}.product-item .bg-dark{opacity:0}.product-item .bg-light{opacity:1}.product-item .product-entry{padding:.5rem;background:linear-gradient(to right,#0f59d2,#bc8bef);z-index:5}.product-item .product-entry::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 2px);height:calc(100% + 2px);border-radius:0 0 .2rem .2rem;background-color:var(--theme);transition:.3s}.product-item .product-entry:hover .link{color:#0027ee}.product-item .product-entry:hover .icon-box{filter:none}.product-item .product-entry:hover .ptd-pic img{transform:scale(1.1)}.product-item .product-entry:hover::after{transform:translate(-50%,-50%) translateY(-0.05rem)}.product-item .product-inner{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;z-index:5}.product-item .ptd-title{line-height:1.25;flex-shrink:0}.product-item .ptd-info{line-height:2.1428571429;flex-shrink:0}.product-item .ptd-pic{height:2.2rem;margin-top:.6rem}.product-item .ptd-pic img{transition:.5s}@media(max-width:750px){.product-wrap .product-head{flex-direction:column}.product-wrap .switch-wrap{margin-top:.6rem}.product-wrap .product-item{width:100%}.product-wrap .product-item.big{width:100%}.product-wrap .product-item.big{position:relative}.product-wrap .product-item.big::before{content:"";display:block;padding-top:100%}.product-wrap .product-item.big .fill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1;transition:.5s}.product-wrap .product-item:nth-child(n+2){margin-left:0}.product-wrap .product-item:nth-child(n+2){margin-top:.3rem}}
/*! product end */

.product-item .ptd-pic {height: 3.2rem;margin-top: .2rem;}

.paging-index.active,paging-index:hover{color: #000;}
