* { margin: 0; padding: 0; } li { list-style: none; } .integral-mall-20220222 { width: 1200px; height: 180px; margin: 0 auto; margin-top: 30.89px; position: relative; } .integral-mall-20220222 .integral-mall-content .item-exchange { background: #fff; width: 285px; display: flex; float: left; margin-right: 20px; } .integral-mall-20220222 .integral-mall-content .item-exchange:nth-child(4) { margin-right: 0; } .integral-mall-20220222 .integral-mall-content .item-exchange .actives { background-image: url(//p3.lefile.cn/fes/cms/2022/03/03/sza5cjgi48nhdsbex9jf1gufw1w7uc502449.png); background-repeat: no-repeat; background-size: 70px 70px; background-position: right 7px top 20px; } .integral-mall-20220222 .integral-mall-content .item-exchange .item-exchange-left .left-money .nones { display: none; } .integral-mall-20220222 .integral-mall-content .item-exchange .item-exchange-left { width: 224.13px; padding-left: 20px; } .integral-mall-20220222 .integral-mall-content .item-exchange .item-exchange-left .left-money { margin-top: 2px; } .integral-mall-20220222 .integral-mall-content .item-exchange .item-exchange-left .left-money .left-money-y { color: #2b6adc; font-size: 20px; display: inline-block; width: 19px; font-weight: 600; } .integral-mall-20220222 .integral-mall-content .item-exchange .item-exchange-left .left-money .left-money-num { color: #2b6adc; display: inline-block; height: 56px; line-height: 56px; font-size: 28px; font-weight: 600; } .integral-mall-20220222 .integral-mall-content .item-exchange .item-exchange-left .left-money .left-money-ber { display: inline-block; font-size: 12px; color: #252525; font-weight: 400; margin-left: 12px; } .integral-mall-20220222 .integral-mall-content .item-exchange .left-tip { width: 206px; height: 56px; font-size: 12px; letter-spacing: 0; line-height: 17px; font-weight: 400; margin-top: 10px; } .integral-mall-20220222 .integral-mall-content .item-exchange .left-tip .tip-range { color: #252525; height: 34px; line-height: 17px; overflow: hidden; } .integral-mall-20220222 .integral-mall-content .item-exchange .left-tip .tip-date { color: #7b7b7b; font-size: 12px; margin-top: 10px; } .integral-mall-20220222 .integral-mall-content .item-exchange .item-exchange-right { width: 40.87px; height: 140px; background-image: url(//p4.lefile.cn/fes/cms/2022/03/25/kr51tohki9wrb5nfyyu5c9nrs4yz74404250.png); background-repeat: no-repeat; background-size: 100% 100%; position: relative; cursor: pointer; } .integral-mall-20220222 .integral-mall-content .item-exchange .item-exchange-right .right-click { width: 15.06px; font-size: 14px; color: #fff; line-height: 17px; font-weight: 500; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .integral-mall-20220222 .integral-mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .50); display: none; z-index: 2001; } .integral-mall-20220222 .integral-mask .integral-dialog { width: 321px; height: 300px; background: #fff; margin: 0 auto; margin-top: 200px; padding: 0 39.5px; text-align: center; position: relative; } .integral-mall-20220222 .integral-mask .integral-dialog .dialog-titile { display: inline-block; width: 110px; height: 30px; font-size: 22px; color: #434242; font-weight: 500; margin-top: 54px; } .integral-mall-20220222 .integral-mask .integral-dialog .dialog-tip { display: inline-block; font-family: PingFangSC-Regular; font-size: 18px; color: #252525; text-align: center; font-weight: 400; margin-top: 38px; } .integral-mall-20220222 .integral-mask .integral-dialog .dialog-tip .dialog-money { color: #2b6adc; } .integral-mall-20220222 .integral-mask .integral-dialog .dialog-btn { width: 260px; height: 35px; margin: 0 auto; margin-top: 70px; display: flex; position: relative; } .integral-mall-20220222 .integral-mask .integral-dialog .dialog-btn .error-meg { color: #ef1c22; height: 30px; width: 260px; text-align: center; display: block; position: absolute; top: -63px; font-size: 14px; left: 0; display: none; } .integral-mall-20220222 .integral-mask .integral-dialog .dialog-btn .item-btns { width: 130px; height: 100%; line-height: 35px; background: #2b6adc; color: #fff; font-size: 16px; font-weight: 400; cursor: pointer; } .integral-mall-20220222 .integral-mask .integral-dialog .dialog-btn .item-btns1 { width: 130px; height: 100%; line-height: 35px; font-size: 16px; color: #2b6adc; cursor: pointer; } .integral-mall-20220222 .integral-mask .integral-dialog .close-dialogs { width: 14.98px; height: 14.97px; color: #dadada; position: absolute; top: 15px; right: 15px; text-align: center; font-size: 21px; line-height: 14.97px; cursor: pointer; } .integral-mall-20220222 .integral-page { width: 66px; height: 28px; margin-top: 10px; display: none; position: absolute; bottom: 0; right: 0; } .integral-mall-20220222 .integral-page .pages-left { width: 28px; height: 28px; float: left; } .integral-mall-20220222 .integral-page .pages-right { width: 28px; height: 28px; float: right; } .integral-mall-20220222 .integral-page .pages-left .left-img { width: 100%; height: 100%; } .integral-mall-20220222 .integral-page .pages-right .right-img { width: 100%; height: 100%; }
* { 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-wrap20210917 .sales-integral-suggest { width: 1200px; margin: 0 auto; padding: 35px 30px 54px; box-sizing: border-box; background-color: #fff; } .sales-integral-wrap20210917 .sales-integral-suggest .sales-pro-title-container { margin-bottom: 35px; height: 10px; } .sales-integral-wrap20210917 .sales-integral-suggest .sales-pro-title-container .big-title { float: left; font-size: 26px; color: #252525; } .sales-integral-wrap20210917 .sales-integral-suggest .sales-pro-title-container .big-category { float: right; line-height: 35px; } .sales-integral-wrap20210917 .sales-integral-suggest .sales-pro-title-container .big-category .category-txt { display: inline-block; padding: 0 5px; border-right: 1px solid #000; cursor: pointer; height: 15px; line-height: 15px; } .sales-integral-wrap20210917 .sales-integral-suggest .sales-pro-title-container .big-category .category-txt.on { color: blue; } .sales-integral-wrap20210917 .sales-integral-suggest .sales-pro-title-container .big-category .category-txt:last-child { border-right: none; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
.ui-sortable .cms_draggable_href_component { background: rgba(173, 170, 170, .9); border: 2px white dashed; } .cms_draggable_href_component_Body { width: 1px; position: relative; margin: auto; height: 100%; } .cms_draggable_href_component { position: absolute; height: 100px; width: 200px; overflow: hidden; } .cms_draggable_href_component>a { display: block; width: 100%; height: 100%; } .cms_draggable_href_component>a>span { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .cms_draggable_href_component>a>div { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .ui-sortable .cms_draggable_href_component>a>span { display: block; background: white; height: 25px; width: 25px; line-height: 26px; text-align: right; font-size: 14px; position: absolute; right: 0px; top:0px; } .ui-sortable .cms_draggable_href_component>a>div { display: block; position: absolute; top:26px; }
* { 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-wrap20210906 .sales-midd-container { width: 1200px; height: 500px; margin: 0 auto; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-swiper { width: 920px; height: 100%; float: left; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-swiper .sales-integral-swiper-container { height: 100%; overflow: hidden; position: relative; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-swiper .sales-integral-swiper-container .swiper-wrapper { height: 100%; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-swiper .sales-integral-swiper-container .swiper-wrapper .swiper-slide { width: 100%; height: 100%; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-swiper .sales-integral-swiper-container .sales-integral-swiper-pagination { text-align: center; margin-bottom: 40px; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-swiper .sales-integral-swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 57px; height: 8px; background-color: #fff; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-swiper .sales-integral-swiper-container .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; background: rgba(255, 255, 255, .5); border-radius: 85px; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail { width: 280px; height: 100%; float: left; padding: 24px; box-sizing: border-box; background-image: url(//p4.lefile.cn/fes/cms/2021/09/06/01cqqhqe5x8jyano8owz61ix21gj22728842.png); background-size: contain; background-repeat: no-repeat; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo { padding-bottom: 30px; border-bottom: 1px solid #fff; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .user-info-img-wrap { float: left; margin-right: 16px; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail { float: left; margin-top: 12px; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .user-info-img-wrap .user-info-img { width: 72px; height: 72px; border-radius: 50%; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail .user-info-title { width: 126px; font-size: 14px; color: #252525; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail .user-duty-wrap { display: none; width: 120px; height: 24px; line-height: 24px; font-size: 11px; color: #2b6adc; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail .user-duty-wrap .user-duty { cursor: pointer; font-size: 12px; color: #2b6adc; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail .user-duty-wrap .user-duty .subtitle-arrow { display: inline-block; background-image: url(//p3.lefile.cn/fes/cms/2021/09/14/1bukebskwcaqag44jmxtzw83vs397h593585.png); width: 6px; height: 8px; background-size: contain; background-repeat: no-repeat; margin-left: 2px; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail .user-not-login { display: none; width: 142px; height: 26px; line-height: 26px; border: 1px solid transparent; text-align: center; background: linear-gradient(14deg, #3870ff, #4ea2ff); border-radius: 4px; margin-top: 6px; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail .user-controller { display: none; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail .user-controller .color-border { width: 120px; height: 24px; border-radius: 30px; background-color: #ecf0f6; font-size: 12px; color: #2b6adc; border: 1px solid; position: relative; text-align: center; line-height: 24px; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail .user-controller .color-border:after { content: ''; position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; background: linear-gradient(135deg, #3870ff, #4ea2ff); border-radius: 30px; z-index: -1; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-userinfo .uer-info-detail .user-not-login .notlogin-txt { width: 100%; height: 100%; border-radius: 4px; background-color: #ecf0f6; font-size: 12px; color: #2b6adc; cursor: pointer; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-score { margin-top: 29px; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-score .score-wrap .my-integral { font-size: 14px; color: #252525; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-score .score-wrap .my-post-integral { font-size: 14px; color: #252525; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-score .score-wrap .sales-my-score { font-size: 14px; color: #e12726; font-weight: 600; margin-left: 6px; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-score .score-wrap .sales-post-score { font-size: 14px; color: #e12726; font-weight: 600; margin-left: 6px; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-score .score-midd-btn-wrap { margin-top: 12px; padding-bottom: 30px; border-bottom: 1px solid #fff; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-score .score-midd-btn-wrap a { text-align: center; display: inline-block; width: 110px; height: 30px; line-height: 30px; background-image: linear-gradient(270deg, #4ea2ff 0%, #3870ff 100%); border-radius: 4px; font-size: 11px; color: #fff; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-score .score-midd-btn-wrap a.check-score-detail { margin-right: 3px; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-note { margin-top: 24px; overflow: hidden; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-note .note-txt { font-size: 15px; color: #252525; font-weight: 600; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-note .sales-integral-note-ul { margin-top: 10px; height: 167px; overflow-y: auto; text-align: justify; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail .sales-integral-note .sales-integral-note-ul .sales-integral-note-li { margin-top: 16px; font-size: 13px; color: #5f5f5f; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail.nologin .sales-integral-userinfo .uer-info-detail .user-duty-wrap { display: none; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail.nologin .sales-integral-userinfo .uer-info-detail .user-not-login { display: block; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail.nologin .sales-integral-score .score-wrap .sales-my-score { font-size: 14px; color: #7b7b7b; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail.nologin .sales-integral-score .score-wrap .sales-post-score { font-size: 14px; color: #7b7b7b; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail.nologin .sales-integral-score .score-midd-btn-wrap a { background: #b6c8e0; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail.nologin .sales-integral-userinfo .uer-info-detail .user-info-title { font-size: 14px; color: #7b7b7b; } .sales-integral-wrap20210906 .sales-midd-container .sales-integral-detail.nologin .sales-integral-userinfo .uer-info-detail .user-controller { display: none; }