.good_1_3 { overflow: hidden; width: 1200px; margin: 0 auto; } .good_1_3 .goodli { width: 393px; height: 355px; float: left; background: #eee; overflow: hidden; position: relative; margin-right: 10px; } .good_1_3 .goodli a { display: inline-block; width: 100%; height: 100%; } .good_1_3 .goodli .goodimg { margin-left: -32%; margin-top: 70px; transition: .2s all; width: 230px; height: 230px; } .good_1_3 .goodli:hover .goodimg { transition: .5s all; transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); } .good_1_3 .goodli:hover .content { transition: .5s all; transform: scale(1.05); } .good_1_3 .goodli .content { transition: .5s all; position: absolute; left: 42%; top: 35%; width: 190px; } .good_1_3 .goodli .content .name { font-size: 16px; color: #3b3e40; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .good_1_3 .goodli .content .berif { color: #798187; font-size: 14px; padding-right: 10px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height: 38px; overflow: hidden; } .good_1_3 .goodli .content .prie { color: #232323; font-size: 22px; line-height: 60px; font-weight: 600 }
.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%; position: relative; } .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; }
.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; }