.container { padding: 0 16px; box-sizing: border-box; } .btn-deep { display: inline-block; text-align: center; text-decoration: none !important; cursor: pointer; font-weight: normal; transition: all 0.3s; font-size: 14px; border-radius: 6px; } .btn-deep a { display: block; } .btn-normal { display: inline-block; text-align: center; text-decoration: none !important; cursor: pointer; font-weight: normal; transition: all 0.3s; font-size: 14px; border-radius: 6px; } .btn-normal a { display: block; } .btn-light { display: inline-block; text-align: center; text-decoration: none !important; cursor: pointer; font-weight: normal; transition: all 0.3s; font-size: 14px; border-radius: 6px; box-sizing: border-box; } .btn-light a { display: block; } .bsize-m { width: 102px; height: 30px; line-height: 30px; } .bsize-l { width: 121px; height: 42px; line-height: 42px; } .bsize-xl { width: 100%; height: 42px; line-height: 42px; } .paging { height: 50px; line-height: 50px; margin: 10px 0; text-align: center; } .paging > div { background: #fff; } .paging a { display: inline-block; vertical-align: top; width: 50px; height: 50px; line-height: 50px; border: none; border-radius: inherit; margin-right: 0; } .paging span { display: inline-block; vertical-align: top; padding: 0 45px; font-size: 16px; } /*产品列表卡片*/ .product-list-card { } .product-list-card .item { margin-bottom: 16px; position: relative; } .product-list-card .item a { display: block; } .product-list-card .item .pic { float: left; width: 41%; height: 138px; border: 1px solid #ddd; padding: 0px; background: #fff; } .product-list-card .item .pic img { max-width: 96%; max-height: 96%; } .product-list-card .info { float: right; width: 54%; height: 140px; font-size: 13px; position: relative; font-size: 13px; } .product-list-card .name { font-size: 15px; font-weight: bold; margin-bottom: 8px; max-height: 38px; overflow: hidden; } .product-list-card .num { margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-list-card .term span:last-child:before { content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 14px; margin: 2px 4px 0 4px; background: #ccc; } .product-list-card .price { position: absolute; width: 100%; bottom: 0px; } .product-list-card .price label { font-size: 15px; font-weight: bold; } .product-list-card .price .packsize { margin-left: 8px; } .product-list-card .purity { margin-bottom: 8px; } .product-list-card .product-tags { position: absolute; top: 8px; left: 8px; } .product-list-card .product-tags span { display: inline-block; height: 20px; line-height: 20px; padding: 0px 4px; border-radius: 3px; } /*产品列表形式*/ .product-list-grid { } .product-list-grid table { width: 100%; } .product-list-grid td { padding: 16px 0px; border-bottom: 1px solid rgba(153, 153, 153, 0.3); vertical-align: top; } .product-list-grid table:first-child { padding-top: 0px !important; } .product-list-grid .pic { width: 150px; position: relative; } .product-list-grid .pic:hover .ico-scan-24 { display: block; } .product-list-grid .info { padding-left: 16px; text-align: left; } .product-list-grid .info .name { margin-bottom: 8px; font-weight: bold; word-break: break-all; } .product-list-grid .info .num { word-break: break-all; } .product-list-grid .desc { } .product-list-grid .split { margin: 0 8px; opacity: 0.3; height: 14px; } .product-list-grid .term { text-align: center; font-size: 12px; word-break: break-all; text-align: left; max-height: 110px; overflow: hidden; margin-top: 8px; word-break: break-all; } .product-list-grid .price { text-align: left; margin-top: 8px; } .product-list-grid .price .color-money { font-weight: bold; }