.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; }
.outer-bg-a20220317 { display: inline-block; } .outer-bg-box { width: 100%; height: 560px; background: url('https://p3.lefile.cn/fes/cms/2022/01/27/m9eqqu05bw10illc7fwpqo1rjcs437646206.png') no-repeat center; position: relative; cursor: pointer; } .outer-bg-box .goods-work-title { display: block; padding-top: 70px; text-align: center; font-size: 32px; color: #252525; letter-spacing: 0; font-weight: 400; } .outer-bg-box .goods-work-title:hover { color: #252525; } .outer-bg-box .goods-work-box { position: absolute; height: 350px; right: 10%; top: 19%; } .outer-bg-box .goods-work-box .goods-info-box { width: 250px; height: 350px; float: left; text-align: center; background: #fff; margin-left: 10px; } .outer-bg-box .goods-work-box .big-goods-info-box:hover .goods-img { opacity: .8; filter: alpha(opacity=80); -webkit-transition: all .1s; transition: all .1s; } .outer-bg-box .goods-work-box .little-goods-info-box:hover .goods-img { opacity: .8; filter: alpha(opacity=80); -webkit-transition: all .1s; transition: all .1s; } .outer-bg-box .goods-work-box .big-goods-info-box:hover .ask-btn { color: #2077ff; transition: .1s; } .outer-bg-box .goods-work-box .little-goods-info-box:hover .ask-btn { color: #2077ff; transition: .1s; } .outer-bg-box .goods-work-box .goods-info-box:nth-child(1) { margin-left: 0px; } .outer-bg-box .goods-work-box .goods-info-box .goods-img { width: 160px; height: 160px; margin-top: 24px; } .outer-bg-box .goods-work-box .goods-info-box .goods-name .product-name-tag { display: inline-block; height: 18.5px; vertical-align: text-top; } .outer-bg-box .goods-work-box .goods-info-box .goods-name .product-name-tag .activity-tag { height: 100%; width: auto; margin-right: 5px; } .outer-bg-box .goods-work-box .goods-info-box .goods-name { font-size: 14px; color: #252525; letter-spacing: 0; line-height: 24px; font-weight: bold; height: 48px; padding: 0px 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 18px 0; text-align: left; } .outer-bg-box .goods-work-box .goods-info-box .ask-btn { margin: 0 auto; width: 160px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; border: 1px solid #e2e7ee; color: #252525; margin-top: 18px; display: none; } .outer-bg-box .goods-work-box .goods-info-box .goods-store-price { font-size: 12px; color: #7b7b7b; letter-spacing: 0; line-height: 27px; margin-bottom: 2px; text-decoration: line-through; } .outer-bg-box .goods-work-box .goods-info-box .goods-enterprise-price { font-size: 12px; color: #252525; letter-spacing: 0; line-height: 27px; font-weight: bold; } .outer-bg-box .goods-work-box .goods-info-box .goods-enterprise-price .price_box_price { font-size: 22px; color: #252525; letter-spacing: 0; line-height: 27px; } .outer-bg-box .goods-work-box .goods-info-box .inner-top-box { background: #fff; height: 170px; } .outer-bg-box .goods-work-box .goods-info-box .inner-top-box .goods-name { font-size: 14px; color: #252525; letter-spacing: 0; line-height: 24px; font-weight: 400; margin-top: 10px; height: 24px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-weight: bold; } .outer-bg-box .goods-work-box .goods-info-box .inner-top-box:nth-child(1) { margin-bottom: 10px; } .outer-bg-box .goods-work-box .goods-info-box .inner-top-box .goods-img { margin-top: 15px; width: 100px; height: 100px; } @media screen and (max-width: 1500px) { .outer-bg-box .goods-work-box { right: 10%; top: 23%; } .outer-bg-box .goods-work-box .goods-info-box { width: 210px; height: 300px; } .outer-bg-box .goods-work-box .goods-info-box .goods-img { width: 120px; height: 120px; } .outer-bg-box .goods-work-box .goods-info-box .inner-top-box { height: 145px; } .outer-bg-box .goods-work-box .goods-info-box .inner-top-box .goods-img { width: 80px; height: 80px; } }