.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; }
* { padding: 0; margin: 0; } .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; font-size: 0; line-height: 0; content: "" } .goods_20210929 { width: 1200px; position: relative; left: 50%; transform: translate(-50%, 0); } .goods_20210929 .uls { width: 1200px; } .goods_20210929 .uls .goods-lis { float: left; width: 296px; height: 392px; margin-right: 5px; background-color: #fff; } .goods_20210929 .uls .goods-lis:nth-child(4n) { margin-right: 0; } .goods_20210929 .uls .goods-lis:hover { -moz-box-shadow: 0 0 10px #e5e5e5; -webkit-box-shadow:0 0 10px #e5e5e5; box-shadow:0 0 10px #e5e5e5; transition: all .2s; } .goods_20210929 .uls .goods-lis .pro-lis-link { display: block; } .goods_20210929 .uls .goods-lis .pro-lis-link .box_img { width: 190px; height: 190px; padding-top: 30px; margin: 0 auto; } .goods_20210929 .uls .goods-lis .pro-lis-link .box_img .pro-list-image { width: 190px; height: 190px; } .goods_20210929 .uls .goods-lis .pro-lis-link .names { height: 29px; font-size: 20px; padding: 0 20px; color: #252525; text-align: center; font-weight: bold; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align: center; margin-top: 30px; } .goods_20210929 .uls .goods-lis .pro-lis-link .pro-desc { height: 36px; opacity: .6; font-size: 12px; color: #5f5f5f; text-align: center; line-height: 18px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 13px auto 13px; padding: 0 49px; } .goods_20210929 .uls .goods-lis .pro-lis-link .price { height: 18px; font-size: 20px; color: #252525; text-align: center; line-height: 18px; font-weight: 400; } @media screen and (min-width: 1700px) { .goods_20210929 .uls { width: 1600px; } .goods_20210929 .uls .goods-lis { width: 392px; margin-right: 10px; } .goods_20210929 { width: 1600px; } .goods_20210929 { width: 1600px; position: relative; left: 50%; transform: translate(-50%, 0); } }