.attr-bottom,.attr-bottom-2 li .check-tag-box,.list-wrap{position:relative}.main{width:100%;width:1200px;min-height:calc(100vh - 697px);margin:0 auto;padding-bottom:50px}.banner{width:1200px;margin-bottom:15px}.banner img{width:100%}.list-wrap{display:flex;flex-wrap:wrap;width:1200px;min-height:320px;margin:0 auto}.list-wrap .pro-224{margin:0 20px 15px 0}.list-wrap .pro-224:nth-child(5n){margin-right:0}.list-wrap .pro-224.bulk-placeholder{border:none;padding:0}.list-wrap .pro-224.loading-placeholder{height:auto;border:none;padding:0}.list-wrap .pro-224.loading-placeholder img{width:100%}.list-wrap .pro-224 .info-wrap .release-time-po{top:60px}.list-wrap .pro-224 .info-wrap .icon-list{margin-bottom:10px}.no-data-wrap{display:none;justify-content:center;align-items:center;height:320px}.no-data,.paginations{justify-content:center}.no-data-wrap .para{margin-left:30px}.paginations{display:flex;align-items:center;height:118px;width:100%;background:#FFF}.paginations .jump-ipt,.paginations a,.paginations span{display:block;height:38px;font-size:14px;line-height:36px;text-align:center}.paginations a,.paginations span{min-width:38px;padding:0 10px;color:#3D3D3D;border:1px solid #EDEDED;border-left:none}.paginations a.jump-btn,.paginations a.next,.paginations a.prev+a,.paginations span.jump-btn,.paginations span.next,.paginations span.prev+a{border-left:1px solid #EDEDED}.paginations a.prev,.paginations span.prev{margin-right:5px;border-left:1px solid #EDEDED}.paginations a.next,.paginations span.next{margin-left:5px}.paginations a.active,.paginations a:hover,.paginations span.active,.paginations span:hover{color:#fff;background:#FD6263;border-color:#FD6263}.paginations .jump-ipt{width:70px;margin:0 5px;padding-left:0;border:1px solid #EDEDED;outline:0;color:#3D3D3D}.no-data{display:flex;align-items:center;width:100%;padding:0 50px}.attr-bottom{background:#f8f8f8;border:1px solid #dfdfdf}.attr-bottom-2{width:100%;height:41px;padding:0 8px;margin-bottom:25px;border:1px solid #eaeaea;border-top:none;background:#fff}.attr-bottom-2 li{height:40px;padding:0 8px;line-height:40px}.attr-bottom-2 li .check-tag-box input[type=checkbox]{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.attr-bottom-2 li .check-tag-box input[type=checkbox]:checked~.icon-check-tag{background:#ff6c00;border-color:#ff6c00}.attr-bottom-2 li .check-tag-box input[type=checkbox]:checked~.icon-check-tag:after{content:'';background:url(/images/main/search/choice_white.png);width:8px;height:6px;position:absolute;top:2px;left:1px}.attr-bottom-2 li .icon-check-tag{display:inline-block;position:relative;top:-1px;width:10px;height:10px;border:1px solid #ccc;vertical-align:middle;margin-right:5px;font-style:normal;cursor:pointer}.bulk-attr-item{border-right:1px solid #eaeaea;color:grey;float:left;line-height:28px;padding:6px 15px;cursor:pointer;position:relative}.bulk-attr-item .attr-detail-list li.active,.bulk-attr-item .attr-detail-list li:hover,.bulk-attr-item.active .name,.bulk-attr-item:hover .name{color:#ff6c00}.bulk-attr-item .i-price{position:relative;top:-1px;width:12px;height:14px;background:url(/images/icon/i-arrow.png) center/100% no-repeat}.bulk-attr-item .i-price.down{background:url(/images/icon/i-arrow-down-2.png) center/100% no-repeat}.bulk-attr-item .i-price.up{background:url(/images/icon/i-arrow-up-2.png) center/100% no-repeat}.bulk-attr-item .attr-detail-list{width:90px}.bulk-attr-item .attr-detail-list li{border-bottom:1px solid #eaeaea;line-height:36px;user-select:none}.bulk-attr-item .attr-detail-list li:last-child{border:none}.bulk-attr-item.arrow{padding-right:22px}.bulk-attr-item.arrow>i{background:url(/images/main/common/ico_arrow_down.png) center no-repeat;width:12px;height:7px;background-size:100%;position:absolute;right:6px;top:18px}.bulk-attr-item.arrow:hover{background:#fff}.bulk-attr-item.arrow:hover>i{background:url(/images/main/common/ico_arrow_down_o.png) center no-repeat;background-size:100%;transform:rotate(180deg);transition:transform .4s;top:17px}.bulk-attr-item.active{background:#fff}.bulk-attr-item.active .attribute-detail-list-2{display:block}.attr-price{width:142px;color:grey;padding:6px 15px;float:left;line-height:27px;height:inherit}.attr-price.focused{position:absolute;background:#FFF;border:1px solid #DFDFDF;border-top:none;box-shadow:0 2px 4px 0 #E0E0E0;height:76px;left:317px}.attr-price span{vertical-align:middle}.attr-price input{width:48px;height:22px;line-height:14px;padding:4px 0 4px 5px;border:1px solid #eaeaea;vertical-align:middle;background:#fff}.attr-price .price-btn{width:48px;height:24px;background:#F3F3F3;margin-left:60px;margin-top:6px;display:none}.attr-price .bulk-price-search{font-size:12px;color:#333;display:block;width:100%;height:100%;line-height:22px;background:#f3f3f3;text-align:center;border:1px solid #eaeaea}.price-percent{position:absolute;left:471px;display:flex;height:100%;align-items:center}.price-percent .price-item{width:16px;height:22px;background:#FFF;border:1px solid #ccc;border-right:none;position:relative;cursor:pointer}.price-percent .price-item:last-child{border-right:1px solid #ccc}.price-percent .price-item .rate{position:absolute;bottom:-1px;left:-1px;width:16px;height:20%;background:#E5E5E5;border:1px solid #ccc;border-right:none}.price-percent .price-item .rate.last{border-right:1px solid #ccc}.price-percent .price-item .rate.active{background:#FF6C00;border:1px solid #FF6C00}.price-percent .price-item .rate-hover{width:150px;height:30px;background:#FFF;box-shadow:0 0 16px 0 rgba(123,128,139,.2);font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#FF6C00;position:absolute;top:-40px;left:-71px;min-width:142px;padding:0 10px;text-align:center;line-height:30px;display:none}.price-percent .price-item .rate-hover:after{content:'';position:absolute;left:49%;bottom:-8px;width:8px;height:8px;background:#fff;transform:translateY(-50%) rotate(45deg)}.price-percent .price-item:hover .rate{background:#FF6C00;border:1px solid #FF6C00}.price-percent .price-item:hover .rate-hover{display:block}.attr-right{float:right;position:relative;height:100%;line-height:26px;color:grey}.attr-right .product-place-switch{display:flex;align-items:center;height:100%;padding:6px 15px;scroll-behavior:unset}.attr-right .product-place-switch p{display:inline-block;vertical-align:middle;padding:0 10px;font-size:12px;font-family:Arial}.attr-right .product-place-switch p .switch-num{color:#ff6c00}.attr-right .product-place-switch p .arrow{font-size:15px;font-weight:700;cursor:pointer;color:#ff6c00}.attr-right .product-place-switch p .arrow.disabled{color:#aaa}.attr-right .product-place-switch p.tips-down{padding-right:0}.attr-right .page-btn-wrap{display:flex;align-items:center;height:20px;border:1px solid #EEE}.attr-right .page-btn-wrap .page-btn{position:relative;width:32px;height:100%;background:url(/images/icon/i-arrow-r-4.png) center/12px 12px no-repeat #fff;cursor:pointer}.attr-right .page-btn-wrap .page-btn.page-btn-prev{transform:rotate(180deg);border-left:1px solid #EEE}.attr-right .page-btn-wrap .page-btn.disable{background-color:#F8F8F8}