.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
* { 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 .component-tilte { width: 1200px; margin: 0 auto 24px; font-size: 26px; font-weight: 500; color: #252525; } .sales-integral-wrap20220218 .sales-integral-suggest { width: 1200px; 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 { display: flex; flex-direction: column; background-color: #f9f9f9; position: relative; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .decorate-wrapper { display: flex; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-left { width: 232px; height: 464px; } .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 .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 { background-color: #f9f9f9; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul { width: 968px; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li { float: left; margin: 0px 0px 10px 10px; } .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='#E2E2E2', 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 { position: relative; width: 232px; height: 227px; text-align: center; background-color: #fff; } .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; position: absolute; bottom: 15px; left: 0; right: 0; margin: auto; } .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: 12px; 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: 16px; 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: 12px; 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: 16px; color: #2b6adc; } .sales-integral-wrap20220218[data-type='BenefitGold'] .sales-integral-suggest .sales-pro-wrap .sales-pro-right .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-price-wrap .virtual-number { 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 .virtual-txt { font-size: 12px; color: #252525; 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: #606060; 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: 120px; margin: 15px auto 15px; } .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: 14px; line-height: 16px; color: #252525; padding: 0 9px; overflow: hidden; word-break: break-all; word-wrap: break-word; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .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%; overflow: hidden; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul { width: 1212px; background-color: #f9f9f9; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li { float: left; margin: 0px 10px 10px 0px; } .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='#E2E2E2', 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 { position: relative; width: 232px; height: 227px; text-align: center; background-color: #fff; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-price-wrap { font-size: 0; position: absolute; bottom: 15px; left: 0; right: 0; margin: auto; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .sales-pro-extral .sales-pro-ul .sales-pro-li .integral-pro-wrap .integral-pro-img { height: 120px; margin: 15px auto 15px; } .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: 14px; line-height: 16px; color: #252525; font-weight: bold; padding: 0 9px; overflow: hidden; word-break: break-all; word-wrap: break-word; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .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: #f9f9f9; text-align: center; position: absolute; bottom: -70px; left: 0; right: 0; margin: auto; } .sales-integral-wrap20220218 .sales-integral-suggest .sales-pro-wrap .integral-pro-toggle .pro-toggle-wrap { cursor: pointer; width: 120px; height: 40px; line-height: 40px; border: 1px solid #c4c4c4; border-radius: 2px; font-size: 16px; color: #252525; margin: 10px auto 10px; } .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: 12px; 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: 16px; 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: 12px; 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: 16px; 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; }