* { margin: 0; padding: 0; } body { background-color: #f9f9f9; } .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; font-size: 0; line-height: 0; content: ''; } .clearfix { zoom: 1; } .sales-integral-wrap20220218 .sales-integral-suggest { width: 1140px; margin: 0 auto; padding: 0; box-sizing: border-box; background-color: #fff; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-title-container { margin-bottom: 35px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap { background-color: #f9f9f9; position: relative; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-left { float: left; width: 229px; height: 455px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-left .integral-pro-li-link { display: block; height: 100%; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-left:after { content: ''; position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; background: linear-gradient(135deg, #3870ff, #4ea2ff); border-radius: 30px; content: ''; z-index: -1; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-left .integral-large-pro-img { width: 100%; height: 100%; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-left .integral-large-wrap { padding: 0 10px; text-align: center; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-left .integral-large-wrap .integral-large-title { font-size: 20px; color: #252525; font-weight: bold; margin-bottom: 5px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-left .integral-large-wrap .integral-large-desc { font-size: 14px; color: #7b7b7b; margin-bottom: 11px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-left .integral-large-wrap .integral-number { font-size: 14px; color: #2b6adc; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-left .integral-large-wrap .integral-pro-txt { font-size: 14px; color: #7b7b7b; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right { float: left; width: 911px; height: 455px; background-color: #fff; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul { width: 917px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li { float: left; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-li-link { display: block; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li:hover { -ms-transform: scale(1.01); -moz-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); transition: all .2s; -moz-box-shadow: 4px 3px 10px silver; -webkit-box-shadow: 4px 3px 10px silver; box-shadow: 4px 3px 10px silver; filter: progid:DXImageTransform.Microsoft.Shadow(color='#c0c0c0', Direction=125, Strength=9); } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap { width: 228px; height: 226px; text-align: center; background-color: #fff; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-price-wrap { font-size: 0; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-price-wrap .cash-sign { font-size: 10px; color: #e12726; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-price-wrap .cash-number { font-size: 14px; color: #e12726; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-price-wrap .cash-plus { font-size: 10px; color: #7b7b7b; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-price-wrap .virtual-number { font-size: 14px; color: #2b6adc; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-price-wrap .virtual-txt { font-size: 14px; color: #7b7b7b; margin-left: 3px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-price-wrap .delete-price { font-size: 12px; color: #7b7b7b; margin-left: 10px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-img { height: 104px; margin: 26px auto 34px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-title { font-size: 16px; color: #252525; font-weight: bold; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-price-wrap { font-size: 0; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-price-wrap .integral-price-symbol { font-size: 10px; color: #e12726; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-price-wrap .integral-price-num { font-size: 14px; color: #e12726; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-price-wrap .integral-price-add { font-size: 14px; color: #7b7b7b; margin: 0 2px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-price-wrap .integral-price { font-size: 14px; color: #2b6adc; margin-right: 2px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-price-wrap .integral-price-txt { font-size: 14px; color: #454545; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral { display: none; width: 100%; height: 226px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul { width: 1145px; background-color: #fff; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li { float: left; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li:hover { -ms-transform: scale(1.01); -moz-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); transition: all .2s; -moz-box-shadow: 4px 3px 10px silver; -webkit-box-shadow: 4px 3px 10px silver; box-shadow: 4px 3px 10px silver; filter: progid:DXImageTransform.Microsoft.Shadow(color='#c0c0c0', Direction=125, Strength=9); } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap { width: 228px; height: 226px; text-align: center; background-color: #fff; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-img { width: 153px; height: 104px; margin: 26px auto 34px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-title { font-size: 16px; color: #252525; font-weight: bold; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-price-wrap { font-size: 0; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-price-wrap .integral-price-symbol { font-size: 10px; color: #e12726; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-price-wrap .integral-price-num { font-size: 14px; color: #e12726; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-price-wrap .integral-price-add { font-size: 14px; color: #7b7b7b; margin: 0 2px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-price-wrap .integral-price { font-size: 14px; color: #2b6adc; margin-right: 2px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-price-wrap .integral-price-txt { font-size: 14px; color: #454545; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .integral-pro-toggle { background-color: #fff; text-align: center; position: absolute; bottom: -20px; left: 0; right: 0; margin: auto; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .integral-pro-toggle .pro-toggle-wrap { cursor: pointer; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .integral-pro-toggle .pro-toggle-wrap .pro-toggle { font-size: 14px; color: #7b7b7b; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .integral-pro-toggle .pro-toggle-wrap .pro-toggle-arrow { display: inline-block; width: 12px; height: 7px; background-image: url(//p3.lefile.cn/fes/cms/2021/09/14/qk74tflrrc8y6j2zy8ujrel902kj0t033360.png); background-size: contain; background-repeat: no-repeat; margin-left: 5px; } .sales-integral-wrap20220218 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail .user-not-login, .sales-integral-wrap20220218 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail .user-controller { width: 142px; height: 30px; line-height: 30px; border: 1px solid transparent; text-align: center; background: linear-gradient(14deg, #3870ff, #4ea2ff); border-radius: 4px; } .sales-integral-wrap20220218 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail .user-controller { display: none; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap { font-size: 0; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .cash-sign { font-size: 10px; color: #e12726; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .cash-number { font-size: 14px; color: #e12726; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .cash-plus { font-size: 10px; color: #7b7b7b; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .virtual-number { font-size: 14px; color: #2b6adc; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .virtual-txt { font-size: 14px; color: #7b7b7b; margin-left: 3px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .delete-price { font-size: 12px; color: #7b7b7b; margin-left: 10px; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }