/* pages/pinduoduo/category.wxss */ #index-content-v2 { padding: 0 0 98rpx; background-color: #f2f2f2; min-height: 100%; } .nav-bar-container { max-width: 640px; position: fixed; height: 82rpx; top: 0; width: 100%; z-index: 10001; background: #fff; overflow: hidden; } .nav-bar-container .nav-bar-edge { position: absolute; display: block; top: 0; left: 0; z-index: 10008; width: 100%; background-color: #fff; height: 82rpx; border-bottom: 1px solid #e5e5e5; } .nav-bar-container .nav-bar-content { position: relative; height: 102rpx; font-size: 28rpx; color: #333; text-align: center; top: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; padding: 0 32rpx; z-index: 10010; -webkit-overflow-scrolling: touch; } .nav-bar-container .nav-bar-item { height: 82rpx; display: inline-block; margin-left: 40rpx; line-height: 82rpx; text-align: center; } .nav-bar-container .nav-bar-item:first-child { margin-left: 0; } .span{ display:inline; } .nav-bar-container .nbi-selected { border-bottom: 2px solid #e02e24; color: #e02e24; height: 82rpx; display: inline-block; position: relative; } .nav-bar-container:after { content: ""; position: absolute; right: 0; top: 0; width: 32rpx; height: 880rpx; background-image: -webkit-linear-gradient(right,#fff,hsla(0,0%,100%,.4)); background-image: linear-gradient(270deg,#fff 0,hsla(0,0%,100%,.4)); z-index: 10011; } #index-main-content { } .hide{ display:none; } .category-board-module-v2-s0, .category-board-module-v2-s1, .category-board-module-v2-s2 { width: 100%; padding: 10rpx 12rpx; position: relative; background-color: #fff; } .category-board-module-v2-s0 .cbmv2-wrapper, .category-board-module-v2-s1 .cbmv2-wrapper, .category-board-module-v2-s2 .cbmv2-wrapper { width: 100%; height: 100%; position: relative; font-size: 0; } .category-board-module-v2-s0 .cbmv2-wrapper .li, .category-board-module-v2-s1 .cbmv2-wrapper .li, .category-board-module-v2-s2 .cbmv2-wrapper .li { display: inline-block; vertical-align: top; width: 25%; height: 140rpx; } .category-board-module-v2-s1 .cbmv2-wrapper .li, .category-board-module-v2-s2 .cbmv2-wrapper .li { width: 20%; } .category-board-module-v2-s0 .cbmv2-wrapper .li .cbmv2-item-box, .category-board-module-v2-s0 .cbmv2-wrapper .li .cbmv2-item-box .cbmv2-item-img, .category-board-module-v2-s1 .cbmv2-wrapper .li .cbmv2-item-box, .category-board-module-v2-s1 .cbmv2-wrapper .li .cbmv2-item-box .cbmv2-item-img, .category-board-module-v2-s2 .cbmv2-wrapper .li .cbmv2-item-box, .category-board-module-v2-s2 .cbmv2-wrapper .li .cbmv2-item-box .cbmv2-item-img { width: 100%; height: 106rpx; } .category-board-module-v2-s0 .cbmv2-wrapper .li .cbmv2-item-box .cbmv2-item-img image, .category-board-module-v2-s1 .cbmv2-wrapper .li .cbmv2-item-box .cbmv2-item-img image, .category-board-module-v2-s2 .cbmv2-wrapper .li .cbmv2-item-box .cbmv2-item-img image { width: 108rpx; height: 108rpx; display: block; margin: 0 auto; } .category-board-module-v2-s0 .cbmv2-wrapper .li .cbmv2-item-box .cbmv2-item-name, .category-board-module-v2-s1 .cbmv2-wrapper .li .cbmv2-item-box .cbmv2-item-name, .category-board-module-v2-s2 .cbmv2-wrapper .li .cbmv2-item-box .cbmv2-item-name { width: 100%; text-align: center; height: 34rpx; line-height: 36rpx; font-size: 24rpx; color: #666; } .react-base-list-wrapper { position: relative; width: 100%; line-height: 1; overflow: hidden; } .pcl-list-wrapper { margin-top: 2rpx; } .double-grid-one { width: 50%; position: relative; display: inline-block; margin-bottom: 6rpx; } .double-grid-item { position: relative; overflow: hidden; background-color: #fff; } .gap-right { margin-right: 3rpx; } .double-grid-item .goods-image, .double-grid-item img { width: 372rpx; height: 372rpx; overflow: hidden; } .double-grid-item .goods-image image, .double-grid-item img image { position: relative; width: 100%; height: auto; max-height: 372rpx; overflow: hidden; } .double-grid-item .goods-name, .portal-list-item .goods-name, .recommend-grid-name { -webkit-line-clamp: 2; word-break: break-all; } .double-grid-item .goods-name { position: relative; padding: 16rpx 16rpx 0; width: 100%; overflow: hidden; word-wrap: break-word; -webkit-box-orient: vertical; text-align: justify; font-size: 26rpx; color: #333; height: 88rpx; line-height: 1.5; } .double-grid-item .detail { width: 100%; padding: 4rpx 14rpx 0; position: relative; height: 62rpx; font-size: 0; line-height: 1.5; } .double-grid-item .detail { width: 100%; padding: 4rpx 14rpx 0; position: relative; height: 62rpx; font-size: 0; line-height: 1.5; } .double-grid-item .detail .b { color:#ff6699; display:inline; font-weight: 700; } .double-grid-item .detail .price-icon { font-size: 20rpx; } .double-grid-item .detail .price { font-size: 32rpx; } .double-grid-item .detail .info { position: absolute; right: 14rpx; bottom: 16rpx; top: 10rpx; font-size: 26rpx; color: #9c9c9c; } #search-bar { width: 100%; position: relative; } #search-bar:before { position: absolute; width: 200%; height: 200%; transform-origin: 0 0; transform: scale(.5); box-sizing: border-box; -webkit-transform-origin: 0 0; -webkit-transform: scale(.5); -webkit-box-sizing: border-box; content: ""; border-bottom: 2rpx solid #d2d2d2; } .search-title-container-result { position: relative; width: 100%; max-width: 640px; background-color: #fff; padding: 14rpx 0 14rpx 32rpx; height: 100rpx; } .search-title-container-result .view-top-container { width: 590rpx; height: 72rpx; float: left; border-radius: 16rpx; background-color: rgb(247, 247, 247); } .search-title-container-result .search-box-view-main { width: 460rpx!important; margin-left: 76rpx; font-size: 30rpx; color: #151516; height: 72rpx; float: left; border-radius: 16rpx; -webkit-border-radius: 16rpx; background-color: #fff; font-family: PingFangSC-Regular,Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Arial; } .search-title-container-result #result-input { background-color: rgb(247, 247, 247); -webkit-appearance: none; } .search-title-container-result .search-view-icon { width: 24rpx; height: 24rpx; position: relative; top: 24rpx; left: 29rpx; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAM1BMVEUAAACenp6dnZ2lpaWdnZ2dnZ2enp6dnZ2dnZ2enp6fn5+cnJydnZ2enp6dnZ2dnZ2cnJwuBT3hAAAAEHRSTlMAL/AR2OVFlopkVcR7Hqa0bCS5IQAAANNJREFUKM91kdm6xRAMRiUSQ4v+7/+0Z2s5bHbXjWHJ8IXpOC8MlhKtWYmKDodvnU8AEuIRU92pmxwpcFE7WA/gGHEKPpa3/7EnmMyMFXBuvfQsA2KUZ6e4zEoC7mSurhuKUBcPWc24FYRFtHx1FIz4Q9JTrPa6Yz/yNTI/UpDeaxacP2SCtgHZXQr8XZrhN3f00Yd9RFZ6LavQJfE13jtAaI77uDBX4DROAsw/7BhQ78hml6oKPNtcMDjJULMNCnIb8fWy24ElorvtYTeGVfNutfwBiJYKBbU3umQAAAAASUVORK5CYII=); background-size: contain; background-repeat: no-repeat; } .search-title-container-result .search-content-clear { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiBAMAAADIaRbxAAAAJFBMVEWxsbGdnZ2dnZ2cnJyenp6dnZ2cnJycnJyfn5+dnZ2cnJycnJwQ7JGfAAAAC3RSTlMBsKP0IHS92VJJMYswFMoAAADTSURBVCjPZVIrDgJBDO2wQAKKBNwagiIZAwFDMBAkBs8BEHgMDosh4QJ7hV2+SS9HZ9pJ2fSJZub1daY/YFwOs9MYFN0+BkyLRDQ9MqqVMHdMWDDRQsUuMntUvALRwX/ciNnUmDkxvsZUlEuIXsfbILxYgCP7hDy6t2R7kJEtoUF2GPkJXDE6PEkcEr50ZJFIyHFEFo1Ygm84I4tAfB9YoojafHgo4xKjUblE2Zfld6e/S4a5ZpiJRKvQSkuu1HbDdsx21XbeTsdO0E7ZboLdFrtRPzHeFgrIg1bIAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-size: contain; position: absolute; height: 36rpx; width: 36rpx; top: 30rpx; right: 142rpx; } .search-title-container-result .search-content-clear-result { top: 30rpx; } .search-title-container-result .cancel-container-view { float: right; margin-right: 0; width: 94rpx; height: 72rpx; font-size: 32rpx; color: #9c9c9c; } .search-title-container-result .cancel-button-view { line-height: 72rpx; } .search-view-container { position: fixed; top: 0; width: 100%; max-width: 640px; height: 100%; background-color: #fff; overflow: auto; z-index: 999999998; font-family: PingFangSC-Regular; } .search-view-container .search-view-box { overflow-y: auto; } .search-view-container .search-view-top { width: 100%; max-width: 640px; padding: 14rpx 0 14rpx 32rpx; height: 100rpx; border-bottom: 1px solid #ededed; } .search-view-container .view-top-container { width: 590rpx; height: 72rpx; float: left; border-radius: 16rpx; background-color: #ededed; } .search-view-container .search-box-view-main { width: 460rpx!important; margin-left: 71rpx; font-size: 30rpx; color: #151516; height: 72rpx; float: left; border-radius: 16rpx; -webkit-border-radius: 16rpx; background-color: #ededed; font-family: PingFangSC-Regular,Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Arial; } .search-view-container #view-input { background-color: #ededed; -webkit-appearance: none; } .search-view-container .search-view-icon { width: 24rpx; height: 24rpx; position: relative; top: 24rpx; left: 29rpx; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAM1BMVEUAAACenp6dnZ2lpaWdnZ2dnZ2enp6dnZ2dnZ2enp6fn5+cnJydnZ2enp6dnZ2dnZ2cnJwuBT3hAAAAEHRSTlMAL/AR2OVFlopkVcR7Hqa0bCS5IQAAANNJREFUKM91kdm6xRAMRiUSQ4v+7/+0Z2s5bHbXjWHJ8IXpOC8MlhKtWYmKDodvnU8AEuIRU92pmxwpcFE7WA/gGHEKPpa3/7EnmMyMFXBuvfQsA2KUZ6e4zEoC7mSurhuKUBcPWc24FYRFtHx1FIz4Q9JTrPa6Yz/yNTI/UpDeaxacP2SCtgHZXQr8XZrhN3f00Yd9RFZ6LavQJfE13jtAaI77uDBX4DROAsw/7BhQ78hml6oKPNtcMDjJULMNCnIb8fWy24ElorvtYTeGVfNutfwBiJYKBbU3umQAAAAASUVORK5CYII=); background-size: contain; background-repeat: no-repeat; } .search-view-container .cancel-container-view { float: right; margin-right: 0; width: 94rpx; height: 72rpx; font-size: 32rpx; color: #9c9c9c; } .search-view-container .cancel-button-view { line-height: 72rpx; } .search-view-container .search-main-view { padding-left: 30rpx; padding-right: 32rpx; height: auto; width: 100%; } .search-view-container .search-main-view-recent { padding-top: 37rpx; } .search-view-container .search-recent-title-view { height: 42rpx; line-height: 42rpx; font-size: 30rpx; color: #9c9c9c; display: inline-block; } .search-view-container .search-recent-delete-view { float: right; } .search-view-container .search-recent-list-view { margin: 8rpx 24rpx 0 2rpx; } .search-view-container .search-recent-list-view .recent-history-list { display: inline-block; padding: 0 30rpx; margin: 16rpx 16rpx 0 0; border-radius: 32rpx; background-color: #f9f9f9; color: #58595b; cursor: pointer; min-width: 102rpx; max-width: 600rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 64rpx; line-height: 64rpx; font-size: 28rpx; text-align: center; vertical-align: top; font-family: PingFangSC-Regular,Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Arial; } .search-view-container .search-recent-list-view .recent-history-list { max-width: 300rpx; } .search-view-container .search-main-view { padding-left: 30rpx; padding-right: 32rpx; height: auto; width: 100%; } .search-view-container .search-main-view-hot { padding-top: 44rpx; } .search-view-container .search-hot-title-view { height: 42rpx; line-height: 42rpx; font-size: 30rpx; color: #9c9c9c; display: inline-block; } .search-hotquery-list-view { height: 160rpx; overflow: hidden; } .search-view-container .search-recent-list-view { margin: 8rpx 24rpx 0 2rpx; } .search-view-container .search-recent-list-view .recent-history-list { display: inline-block; padding: 0 30rpx; margin: 16rpx 16rpx 0 0; border-radius: 32rpx; background-color: #f9f9f9; color: #58595b; cursor: pointer; min-width: 102rpx; max-width: 600rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 64rpx; line-height: 64rpx; font-size: 28rpx; text-align: center; vertical-align: top; font-family: PingFangSC-Regular,Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Arial; } .search-view-container .search-recent-list-view .recent-history-list { max-width: 300rpx; } .search-view-container .search-recent-title-view:before { content: "\e605"; font-family: iconfont; font-size: 28rpx; color: #d2d2d2; margin-right: 12rpx; } .search-view-container .search-hot-title-view:before { content: "\e601"; font-family: iconfont; font-size: 32rpx; color: #d2d2d2; margin-right: 12rpx; } .search-sort-tab-seat { height: 80rpx; width: 100%; } .search-sort-with-filter { position: relative; width: 100%; font-size: 28rpx; color: #58595b; } .search-sort-tab-seat { height: 80rpx; width: 100%; } .search-sort-with-filter { position: relative; width: 100%; font-size: 28rpx; color: #58595b; } .search-sort-with-filter { position: relative; width: 100%; font-size: 28rpx; color: #58595b; } .search-result-sort-sticky { position: absolute; top: 0; z-index: 1000; } #searchSortTabWrap { height: 80rpx; width: 100%; max-width: 640px; background: #fff; } .search-sort-tab { width: 100%; height: 80rpx; overflow-x: hidden; line-height: 80rpx; border-bottom: 1px solid #f2f2f2; } .search-sort-with-filter .search-sort-tab { line-height: 76rpx; height: 80rpx; z-index: 3; background: #fff; border-bottom: 1px solid #f2f2f2; } .search-result-sort-sticky .search-sort-tab { margin-top: 0; } .search-sort-with-filter .search-sort-tab .sort-droplist-trigger { display: inline-block; float: none; width: 33%; padding-top: 2rpx; text-align: center; color: #58595b; } .search-sort-with-filter .search-sort-tab .android-sort-droplist-trigger-down:before, .search-sort-with-filter .search-sort-tab .sort-droplist-trigger-down:before { content: "\e65a"; position: absolute; font-family: iconfont; font-size: 20rpx; color: #ccc; margin-left: 10rpx; } .search-sort-with-filter .add-filter, .search-sort-with-filter .recent-hot-sort, .search-sort-with-filter .sort-by-price { display: inline-block; width: 33%; text-align: center; } .search-sort-with-filter .add-filter, .search-sort-with-filter .recent-hot-sort, .search-sort-with-filter .sort-by-price { display: inline-block; width: 33%; text-align: center; } .search-sort-with-filter .sort-by-price { height: 100%; line-height: 82rpx; } .search-sort-with-filter .search-sort-tab .sort-tab-highlight, .search-sort-with-filter .search-sort-tab .sort-tab-highlight .android-sort-droplist-trigger-down:before, .search-sort-with-filter .search-sort-tab .sort-tab-highlight .android-sort-droplist-trigger-menu:before, .search-sort-with-filter .search-sort-tab .sort-tab-highlight .android-sort-droplist-trigger-up:before, .search-sort-with-filter .search-sort-tab .sort-tab-highlight .sort-droplist-trigger-down:before, .search-sort-with-filter .search-sort-tab .sort-tab-highlight .sort-droplist-trigger-menu:before, .search-sort-with-filter .search-sort-tab .sort-tab-highlight .sort-droplist-trigger-up:before { color: #ff6699; } .search-sort-with-filter .price-icon-wrapper { display: inline-block; position: absolute; height: 80rpx; margin-left: 4rpx; } .search-sort-with-filter .search-sort-tab .price-icon-up { position: relative; top: 6.4rpx; } .search-sort-with-filter .search-sort-tab .price-up-hightlight { border-top-color: #e02e24; } .search-sort-with-filter .search-sort-tab .price-icon-up:before { content: "\e65a"; position: absolute; font-family: iconfont; font-size: 20rpx; color: #d2d2d2; margin-left: 6rpx; } .search-sort-with-filter .search-sort-tab .price-up-hightlight:before { color: #ff6699; } .search-sort-with-filter .search-sort-tab .price-icon-down { position: relative; bottom: 6.4rpx; } .search-sort-with-filter .search-sort-tab .price-icon-down:before { content: "\e612"; position: absolute; font-family: iconfont; font-size: 20rpx; color: #d2d2d2; margin-left: 6rpx; } .search-sort-with-filter .search-sort-tab .price-down-hightlight:before { color: #ff6699; } .search-sort-with-filter .search-sort-tab .search-sort-cut-off { width: 2rpx; height: 28rpx; background-color: #eee; display: inline-block; position: relative; left: 16rpx; top: 4rpx; } .search-sort-with-filter .add-filter, .search-sort-with-filter .recent-hot-sort, .search-sort-with-filter .sort-by-price { display: inline-block; width: 33%; text-align: center; } .search-sort-with-filter .search-sort-tab .android-sort-droplist-trigger-menu:before, .search-sort-with-filter .search-sort-tab .sort-droplist-trigger-menu:before { content: "\e61b"; position: absolute; font-family: iconfont; font-size: 22rpx; margin-left: 10rpx; color: #ccc; } .search-sort-with-filter .search-sort-tab .search-sort-cut-off { width: 2rpx; height: 28rpx; background-color: #eee; display: inline-block; position: relative; left: 16rpx; top: 4rpx; } .search-sort-with-filter .add-filter, .search-sort-with-filter .recent-hot-sort, .search-sort-with-filter .sort-by-price { display: inline-block; width: 33%; text-align: center; } .search-goods-list{ position: relative; } .test-wrap{ position: relative; } .search-sort-with-filter .search-sort-tab .android-sort-droplist-trigger-menu:before, .search-sort-with-filter .search-sort-tab .sort-droplist-trigger-menu:before { content: "\e61b"; position: absolute; font-family: iconfont; font-size: 30rpx; margin-left: 10rpx; color: #ccc; } .filter-panel { font-size: 28rpx; color: #58595b; position: absolute; width: 100%; z-index: 1000; height: 2000rpx; } .filter-panel .filter-panel-mask { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1000; } .filter-panel .filter-content { position: relative; z-index: 1001; background: #fff; } .search-tab-filter-opt .filter-content-conditions { max-height: 620rpx; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .search-tab-filter-opt .price-filter-opt { padding: 0 0 0 28rpx; overflow-x: scroll; } .search-tab-filter-opt .price-padding-bottom { padding-bottom: 34rpx; } .filter-title { line-height: 28rpx; padding: 30rpx 0 22rpx; } .search-tab-filter-opt .filter-title { color: #9c9c9c; padding: 30rpx 0 26rpx; } .search-tab-filter-opt .price-filter-opt .price-items-wrap { padding-bottom: 1px; overflow-x: hidden; overflow-y: hidden; } .search-tab-filter-opt .price-filter-opt .price-items { vertical-align: middle; width: auto; white-space: nowrap; min-width: 750rpx; } .search-tab-filter-opt .price-filter-opt .price-item { display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; min-width: 163rpx; height: 72rpx; border-radius: 8rpx; background: #f8f8f8; color: #58595b; font-size: 28rpx; margin-left: 14rpx; overflow: hidden; vertical-align: middle; } .search-tab-filter-opt .price-filter-opt .no-margin-left { margin-left: 0; width: 160rpx; } .search-tab-filter-opt .price-filter-opt .custom-price { height: 72rpxm; line-height: 72rpx; margin-top: 18rpx; font-size: 28rpx; } .search-tab-filter-opt .price-filter-opt .custom-price .custom-price-item { width: 326rpx; height: 72rpx; border-radius: 8rpx; color: #58595b; text-align: center; background: #f4f4f4; float:left; } .search-tab-filter-opt .price-filter-opt .custom-price .custom-price-line { display: inline-block; width: 42rpx; color: #ccc; text-align: center; float:left; } .search-tab-filter-opt .filter-ok-btn { height: 92rpx; font-size: 34rpx; line-height: 92rpx; color: #e02e24; background: #fff; text-align: center; border-top: 1px solid #ededed; } .search-tab-filter-opt .price-filter-opt .filter-selected { color: #e02e24; background: #fdf4f4; border: none; position: relative; } .filter-selected:before { content: "\E6D6"; font-family: icomoon; line-height: 62rpx; width: 200rpx; font-size: 10px; font-weight: 200; margin-right: 8rpx; } .search-tab-filter-opt .price-filter-opt .filter-selected:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTOAqFd8oEeErFuEqFeErFtQqAOErFuErFcYcAOIsF/////Wvqu55ce+DfPzh4HBfpFAAAAAKdFJOUwCPK/yW1gb0vAmmDls8AAAAh0lEQVR42k3MsQ2DQBBE0QksCiB0huiAkIjUsTMiB7RAE3SBEMJa2W4AKsASBYCoxIn3RtyxG92bLx2A5C7HAVUuAVEjJy5ikFpcLUr/2hX+r9e4Cnz4Ej5M4vBeGWZim45A6Mgg4MpA6PzTQLjkAsHEMBCfhaFXhGstMovC4Pk40d0QUMfAH1MjuEZfNmmEAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-size: 24rpx 24rpx; position: absolute; content: ""; top: 0; left: 0; width: 24rpx; height: 24rpx; }