.smart-suggest-wap-20210824 { width: 3.55rem; margin: 0 auto; border-radius: 12px; } .smart-suggest-wap-20210824 .smart-guggest-midd { display: flex; flex-direction: row; width: 3.55rem; height: 1.3rem; margin: 0 auto .1rem; box-shadow: 0 0 4px 0 rgba(224, 224, 224, .3); border-radius: 12px; background-color: #fff; overflow: hidden; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-img-wrap { position: relative; flex-grow: 0; display: flex; justify-content: center; align-items: center; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-img-wrap a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: ignore; -moz-user-select: none; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-img-wrap .suggest-img-icon { display: block; width: .29rem; height: .16rem; background-image: url(//p3.lefile.cn/fes/cms/2021/08/24/i5wgqg3kdo92thlv4uk6a1lwd13yyj037664.png); background-size: cover; position: absolute; top: 10px; left: 0; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap { position: relative; flex-grow: 1; padding: 19px 20px 11px 10px; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-title { margin-bottom: .06rem; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-title .pro-title { font-size: .14rem; color: #252525; font-weight: bold; letter-spacing: .2px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 2.15rem; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-des { margin-bottom: 9.5px; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-des .pro-des { font-size: .11rem; color: #979797; letter-spacing: .16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 2.15rem; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-img-wrap .suggest-img { width: 1rem; height: 1rem; flex-grow: 0; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-icon { height: .16rem; line-height: .16rem; width: .67rem; background-image: linear-gradient(129deg, #fff2d4 1%, #fcc39b 100%); border-radius: 2px; font-size: .1rem; color: #996b3c; letter-spacing: .13px; margin-bottom: .08rem; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-icon .pro-icon { display: block; height: 100%; width: 100%; text-align: center; white-space: nowrap; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-price { width: 1.45rem; color: #ff2f2f; font-size: 0; font-weight: bold; margin-top: .15rem; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-price .pro-price-sign { font-size: .14rem; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-price .pro-price { font-size: .18rem; margin-right: .07rem; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-price .pro-price-icon { display: inline-block; width: .33rem; height: .12rem; background-size: cover; background-repeat: no-repeat; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-price .pro-price-icon.miaosha { background-image: url(//p2.lefile.cn/fes/cms/2021/08/24/1k520tyzu44mlajke58l68m9ffrz40272445.png); } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-price .pro-price-icon.yuyue { background-image: url(//p1.lefile.cn/fes/cms/2021/10/08/znitefnjfxor2bmrfy1nbsqvnhhdzf538201.png); } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-price .pro-price-icon.yushou { background-image: url(//p2.lefile.cn/fes/cms/2021/10/08/jh5ipw5mqur45p2ztyees02x7gmj20202233.png); } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-price .pro-del-price { font-size: 11px; color: #bdbdbd; letter-spacing: 0; display: block; padding-bottom: .2rem; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-btn { position: absolute; right: .2rem; bottom: .25rem; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-btn .pro-buy-btn { width: .81rem; text-align: center; display: block; height: .28rem; line-height: .28rem; background-image: linear-gradient(121deg, #ff1c1c 0%, #fb8c5e 100%); border-radius: 36px; border: 0; font-size: .12rem; color: #fff; } .smart-suggest-wap-20210824.two-line-waterfall-flow { margin: 0 auto; width: 3.55rem  !important; height: auto; } .smart-suggest-wap-20210824.two-line-waterfall-flow:after { content: ''; display: block; clear: both; } .smart-suggest-wap-20210824.two-line-waterfall-flow .smart-guggest-midd { display: inline-block; width: 1.7rem; height: auto; margin: 0 0 .1rem; } .smart-suggest-wap-20210824 .smart-guggest-midd .smart-suggest-img-wrap { } .smart-suggest-wap-20210824.two-line-waterfall-flow .smart-guggest-midd .smart-suggest-img-wrap .suggest-img { width: 1.55rem; height: 1.55rem; margin: .09rem; } .smart-suggest-wap-20210824.two-line-waterfall-flow .smart-guggest-midd .smart-suggest-context-wrap { padding: 0 .14rem; } .smart-suggest-wap-20210824.two-line-waterfall-flow .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-des { display: none; } .smart-suggest-wap-20210824.two-line-waterfall-flow .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-btn .pro-buy-btn { display: none; } .smart-suggest-wap-20210824.two-line-waterfall-flow .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-price .pro-price { font-size: .16rem; } .smart-suggest-wap-20210824.two-line-waterfall-flow .smart-guggest-midd .smart-suggest-context-wrap .suggest-pro-title .pro-title { width: 100%; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; }
.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; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
.tab_lout2021 { } .tab_lout2021 .tab { overflow: hidden; position: relative; } .tab_lout2021 .tab .swiper-wrapper { height: auto; } .tab_lout2021 .tab .swiper-slide { text-align: center; width: auto; } .tab_lout2021 .tab .swiper-slide img { width: .89rem; } .tab_lout2021 .laout { width: 100%; height: calc(100vh - 1.45rem); overflow: hidden; } .tab_lout2021 .laout .swiper-wrapper .content_box { min-height: 3rem; overflow: hidden; overflow-y: auto; background-color: #f6f8fe; } .tab_lout2021 .laout .swiper-wrapper .active{ display: block; } .tab_lout2021 .tab span{display: none} .tab_lout2021 .tab .active span{ display: inline-block; width: 40%; height: 2px; background: #ff2f2f; position: absolute; left: 0; bottom: .12rem; right: 0; margin: auto; }