.container[data-v-3420f180]{max-width:1222px;margin:0 auto;position:relative}@media screen and (max-width:992px){.container[data-v-3420f180]{width:100%;max-width:100%}}.top-main[data-v-3420f180]{position:fixed;left:0;top:0;width:100%;box-shadow:0 5px 10px rgba(0,0,0,.05);z-index:99;background-color:#fff}.top-main .tm-body[data-v-3420f180]{height:90px}.top-main .tm-body .left[data-v-3420f180]{padding:5px 0}.top-main .tm-body .left img[data-v-3420f180]{height:90px}.top-main .tm-body .right span[data-v-3420f180]{font-size:13px;padding:0 10px;cursor:pointer;font-weight:700}.top-main .tm-body .right span.active[data-v-3420f180],.top-main .tm-body .right span[data-v-3420f180]:hover{color:#83b735}.top-main .tm-body .right .icon1[data-v-3420f180]{padding:0 10px;cursor:pointer}.top-main .tm-body1[data-v-3420f180]{display:none}@media screen and (max-width:992px){.top-main .tm-body[data-v-3420f180]{display:none}.top-main .tm-body1[data-v-3420f180]{display:flex;height:60px;padding:0 15px}.top-main .tm-body1 .sort[data-v-3420f180]{width:16.5px}.top-main .tm-body1 .logo[data-v-3420f180]{height:50px}.top-main .tm-body1 .sort-main[data-v-3420f180]{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.5)}.top-main .tm-body1 .sort-main .sm-body[data-v-3420f180]{position:absolute;left:0;top:0;width:300px;background-color:#fff;height:100%}.top-main .tm-body1 .sort-main .sm-body .title[data-v-3420f180]{width:100%;padding:18px 15px;background-color:rgba(0,0,0,.04);border-bottom:1px solid #61ce70;font-weight:700}.top-main .tm-body1 .sort-main .sm-body .body[data-v-3420f180]{padding:5px 20px;font-size:13px;font-weight:700;line-height:50px;border-bottom:1px solid rgba(0,0,0,.105)}.top-main .tm-body1 .sort-main .sm-body .body.active[data-v-3420f180]{color:#61ce70}}.app-main{padding:90px 0 0}.im-product{padding:10px 0}.im-product ul{font-size:0}.im-product ul li{display:inline-block;vertical-align:top;width:calc(25% - 15px);cursor:pointer;text-align:center;padding-bottom:20px;box-shadow:0 5px 10px rgba(0,0,0,.05);margin:0 20px 20px 0;border-radius:6px;overflow:hidden}.im-product ul li:nth-of-type(4n){margin:0 0 20px 0}.im-product ul li>div{margin-bottom:5px}.im-product ul li:hover .ip-img .tk{opacity:1}.im-product ul li .ip-img{width:100%;padding-top:100%;overflow:hidden;position:relative}.im-product ul li .ip-img>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:100%;z-index:1}.im-product ul li .ip-img>span{position:absolute;left:10px;top:10px;display:block;width:50px;height:50px;text-align:center;line-height:50px;border-radius:50px;background:#e22d2d;color:#fff;font-size:12px;z-index:2}.im-product ul li .ip-img .tk{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;background-color:rgba(0,0,0,.5);opacity:0;transition:all .2s linear}.im-product ul li .ip-img .tk>div{color:#fff}.im-product ul li .ip-img .tk .read{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);padding:5px 20px;border:1px solid #fff;font-size:12px}.im-product ul li .ip-img .tk .search{position:absolute;right:10px;top:10px;color:#fff}.im-product ul li .ip-img .tk .search img{width:24px}.im-product ul li .ip-name{font-weight:700;height:40px;padding:0 10px;font-size:13px}.im-product ul li .ip-category{color:#a5a5a5;font-size:13px}.im-product ul li .ip-number{color:#83b735}.im-product ul li .ip-stock{color:red}@media screen and (max-width:992px){.app-main{padding:60px 0 0}.app-main .im-product ul li{width:calc(50% - 10px);margin:0 20px 20px 0}.app-main .im-product ul li:nth-of-type(2n){margin:0 0 20px 0}.app-main .im-product ul li .read{width:56%}}.container{max-width:1222px;margin:0 auto;position:relative}@media screen and (max-width:992px){.container{width:100%;max-width:100%}}*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-family:PingFang SC,Golos-UI_Regular,Golos-UI_Bold,PingFangSC-Regular;font-size:14px}li,ol,ul{list-style:none}div{color:#333}.divFlex{display:flex;-webkit-display:flex;justify-content:space-between;align-items:center}.divFlex>div,.middle{display:inline-block}.middle{vertical-align:middle}.ellipsis{white-space:nowrap}.ellipsis,.ellipsisTwo{overflow:hidden;text-overflow:ellipsis}.ellipsisTwo{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}