.ss-production-li{display:flex;padding:16px}.ss-production-li__img{flex:none;margin-right:16px;height:104px;width:104px;background-size:cover;background-position:50%;border-radius:4px}.ss-production-li__wrap{flex:auto}.ss-production-li__title{height:42px;overflow:hidden;color:#3c3c3c;font-size:14px;line-height:1.57;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ss-production-li__self-support,.ss-production-li__tag{display:inline-block;margin-right:8px;padding:2px;color:#fff;font-size:10px;font-weight:400;line-height:1;border-radius:2px;margin-left:1px}.ss-production-li__tag{background-color:#ff7a00}.jd .ss-production-li__tag{background-color:#f7412d}.ss-production-li__self-support{color:#ff5b34;background-color:#fedad6;box-shadow:0 0 0 1px #ff5b34}.ss-production-li__coupon{display:inline-block;position:relative;margin-right:8px;padding:2px 3px 2px 0;color:#ff7a00;font-size:10px;line-height:1;background:radial-gradient(circle at top right,transparent 2px,#ffe5cd 0) 100% 0,radial-gradient(circle at bottom right,transparent 2px,#ffe5cd 0) 100% 100%,radial-gradient(circle at top left,transparent 2px,#ffe5cd 0) 0 0,radial-gradient(circle at bottom left,transparent 2px,#ffe5cd 0) 0 100%;background-repeat:no-repeat;background-size:50% 50%}.ss-production-li__coupon:before{content:"券";margin-right:3px;padding:0 2px;color:#fff;font-size:10px;background:radial-gradient(circle at top right,#ff7a00,#ff7a00) 100% 0,radial-gradient(circle at bottom right,#ff7a00,#ff7a00) 100% 100%,radial-gradient(circle at top left,transparent 2px,#ff7a00 0) 0 0,radial-gradient(circle at bottom left,transparent 2px,#ff7a00 0) 0 100%;background-repeat:no-repeat;background-size:50% 50%}.jd .ss-production-li__coupon{color:#f7412d;background:radial-gradient(circle at top right,transparent 2px,#fedad6 0) 100% 0,radial-gradient(circle at bottom right,transparent 2px,#fedad6 0) 100% 100%,radial-gradient(circle at top left,transparent 2px,#fedad6 0) 0 0,radial-gradient(circle at bottom left,transparent 2px,#fedad6 0) 0 100%;background-repeat:no-repeat;background-size:50% 50%}.jd .ss-production-li__coupon:before{background:radial-gradient(circle at top right,#f7412d,#f7412d) 100% 0,radial-gradient(circle at bottom right,#f7412d,#f7412d) 100% 100%,radial-gradient(circle at top left,transparent 2px,#f7412d 0) 0 0,radial-gradient(circle at bottom left,transparent 2px,#f7412d 0) 0 100%;background-repeat:no-repeat;background-size:50% 50%}.ss-production-li__sub-title{height:24px;padding:5px 0;color:#ff7a00;font-size:16px;font-weight:500;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jd .ss-production-li__sub-title{color:#f7412d}.ss-production-li__tags{font-size:0;height:14px}.ss-production-li__desc{display:flex;justify-content:space-between;margin-top:8px;color:#979797;font-size:12px;line-height:1.333}.ss-production-li__store{flex:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-production-li__sales{flex:none}.ss-production-li__gray,.ss-production-li__tiny{font-size:12px;font-weight:400}.ss-production-li__gray{color:#979797}.ss-production-li__gray .ss-production-li__tiny{font-size:10px}.ss-production-li__comments{float:right;color:#979797;font-size:12px}.ss-production-li__comments strong{color:#4469b0;font-weight:400}.ss-filter-bar{display:flex;justify-content:space-between;position:relative;width:100%;width:100vw;max-width:480px;height:40px;background-color:#fff;z-index:99}.ss-filter-bar:after{content:"";position:absolute;display:block;bottom:0;width:100%;transform:scaleY(.5);height:1px;background-color:#e6e6e6}.ss-filter-bar__item{flex:auto;display:flex;justify-content:center;align-content:center;color:#979797;font-size:14px;line-height:24px;text-align:center;padding:8px 12px}.ss-filter-bar__item.available,.ss-filter-bar__item.down,.ss-filter-bar__item.up{color:#ff7a00}.jd .ss-filter-bar__item.available,.jd .ss-filter-bar__item.down,.jd .ss-filter-bar__item.up{color:#f7412d}.ss-filter-bar__item:after{content:"";display:inline-block;height:24px;width:24px;background-size:contain;background-position:50%;background-repeat:no-repeat}.ss-filter-bar__item.down:after,.ss-filter-bar__item.up:after{background-image:url(https://static.55haitao.com/m/_nuxt/img/m55-5b1e3c6.svg)}.jd .ss-filter-bar__item.down:after,.jd .ss-filter-bar__item.up:after{background-image:url(https://static.55haitao.com/m/_nuxt/img/m55-57102b9.svg)}.ss-filter-bar__item.up:after{transform:rotate(180deg)}.ss-filter-bar__item.double-arrow.down:after,.ss-filter-bar__item.double-arrow.up:after{background-image:url(https://static.55haitao.com/m/_nuxt/img/m55-e90ff70.svg)}.jd .ss-filter-bar__item.double-arrow.down:after,.jd .ss-filter-bar__item.double-arrow.up:after{background-image:url(https://static.55haitao.com/m/_nuxt/img/m55-f39cb09.svg)}.ss-filter-bar__item.double-arrow.up:after{transform:rotate(180deg)}.ss-filter-bar__item.filter:after{background-image:url(https://static.55haitao.com/m/_nuxt/img/m55-9791b29.svg)}.ss-filter-bar__item.filter.available:after{background-image:url(https://static.55haitao.com/m/_nuxt/img/m55-1ff907d.svg)}.jd .ss-filter-bar__item.filter.available:after{background-image:url(https://static.55haitao.com/m/_nuxt/img/m55-a7a6273.svg)}.filter-modal__mask,.filter-modal__modal{position:fixed;bottom:0;width:100%;max-width:480px}.filter-modal__mask{top:0;background-color:rgba(60,60,60,.7);z-index:101}.filter-modal__modal{max-height:80%;max-height:80vh;background-color:#fff;z-index:110}.filter-modal__header{position:relative;padding:12px 44px;text-align:center;color:#3c3c3c;font-size:14px;font-weight:500;line-height:24px}.filter-modal__close-btn{position:absolute;left:20px;top:50%;margin-top:-8px;height:16px;width:16px;background-image:url(https://static.55haitao.com/m/_nuxt/img/m55-1aff534.svg);background-position:50%;background-size:contain}.filter-modal__footer{display:flex;justify-content:space-between;align-items:center}.filter-modal__sepr{flex:none;height:16px;width:1px;background-color:#e6e6e6}.filter-modal__confirm,.filter-modal__other-btn{flex:auto;font-size:14px;line-height:48px;text-align:center}.filter-modal__other-btn{color:#3c3c3c}.filter-modal__confirm{color:#fe5a58}.tmall .filter-modal__confirm{color:#ff7a00}.jd .filter-modal__confirm{color:#f7412d}.tmall-filter-modal__title{padding:12px 16px;color:#3c3c3c;font-size:14px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tmall-filter-modal__list{display:flex;flex-wrap:wrap;padding:0 4px 0 16px}.tmall-filter-modal__li{flex:none;margin-right:12px;margin-bottom:12px;width:22%;width:calc(25% - 12px);color:#979797;font-size:12px;line-height:32px;text-align:center;border:1px solid #e6e6e6;border-radius:2px}.tmall-filter-modal__li.more{background-color:#eaeaea;border-color:#eaeaea}.tmall-filter-modal__li.available{color:#fff;background-color:#ff7a00;border-color:#ff7a00}.ali-search-tag,.jd-search-tag,.tmall-search-tag{display:inline-block;max-width:50%;min-width:40px;margin-bottom:12px;margin-right:12px;padding:6px 8px;color:#3c3c3c;font-size:12px;line-height:1;background-color:#f5f5f5;border-radius:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ali-list,.jd-list,.tmall-list{background-color:#fff}.ss-search-page{position:fixed;top:0;width:100%;z-index:100;max-width:480px}.ss-search-page form{font-size:0}.ss-search-page--panel{bottom:0;background-color:#fff}.ss-search-page--panel .ss-search-page__panel{display:block}.ss-search-page__bar{display:flex;justify-content:space-between;align-content:center;padding:8px 16px;background-color:#fff}.ss-search-page__input-wrap{flex:auto;display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background-color:#f5f5f5;border-radius:16px}.ss-search-page__clear-btn,.ss-search-page__search-icon{flex:none;height:16px;width:16px;background-size:contain;background-position:0;background-repeat:no-repeat}.ss-search-page__search-icon{background-image:url(https://static.55haitao.com/m/_nuxt/img/m55-d01e7d2.svg)}.ss-search-page__clear-btn{background-image:url(https://static.55haitao.com/m/_nuxt/img/m55-679bc96.svg)}.ss-search-page__input{flex:auto;-webkit-appearance:none;margin:0 8px;height:20px;font-size:14px;line-height:20px;border:none;outline:none}.ss-search-page__input::-webkit-search-cancel-button{display:none}.ss-search-page__cancel-btn{flex:none;margin-left:16px;color:#3c3c3c;font-size:14px;line-height:32px}.ss-search-page__cancel-btn.highlight{color:#ff7a00;font-weight:400}.jd .ss-search-page__cancel-btn.highlight{color:#f7412d}.ss-search-page__panel{display:none}.ss-search-page__autocomplete-li{position:relative;padding:12px 16px;color:#3c3c3c;font-size:16px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-search-page__autocomplete-li:after{content:"";position:absolute;display:block;right:16px;bottom:0;left:16px;transform:scaleY(.5);height:1px;background-color:#e6e6e6}.ss-search-page__autocomplete-li strong{color:#ff7a00;font-weight:400}.jd .ss-search-page__autocomplete-li strong{color:#f7412d}.ss-search-page .tmall-record-wrap{padding:0 4px 4px 16px}.ss-search-page .tmall-record-wrap__title{display:flex;align-content:center;padding:13px 12px 13px 0}.ss-search-page .tmall-record-wrap__title h5{flex:auto;color:#979797;font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-search-page .tmall-record-wrap__clear-btn{flex:none;height:16px;width:16px;background-image:url(https://static.55haitao.com/m/_nuxt/img/m55-679bc96.svg);background-size:contain;background-position:0;background-repeat:no-repeat}.no-result,.ss-search-page .tmall-record-wrap__list{font-size:0}.no-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;text-align:center}.no-result.relative{position:relative;margin:48px auto;top:auto;left:auto;transform:none}.no-result__img{margin:0 auto 15px}.no-result__text{color:#78787d;font-size:14px;line-height:1.7}.tmall-search-page{background-color:#fff}.tmall-search-page__list{padding-top:88px;height:100vh;overflow-x:hidden;-webkit-overflow-scrolling:touch}.tmall-search-page__li{position:relative}.tmall-search-page__li:after{content:"";position:absolute;display:block;right:16px;bottom:0;left:16px;transform:scaleY(.5);height:1px;background-color:#e6e6e6}.tmall-search-page__li:last-child:after{content:normal}.ss-filter-bar{position:fixed!important;top:48px}