#productitem { font-size: 15px; } .cover { width: 100%; overflow: hidden; position: relative; padding-top: 75%; } .cover .items { width: 100%; white-space: nowrap; position: absolute; left: 0px; top: 0px; } .cover .pic { width: 100%; height: 0; padding-top: 75%; position: relative; display: inline-block; } .cover .pic .ico24 { position: absolute; top: 10px; right: 10px; display: none; cursor: pointer; } .cover .pic:hover .ico24 { display: block; } .cover .indexs { position: absolute; left: 50%; transform: translateX(-50%); bottom: 16px; text-align: center; } .cover .indexs span { background-color: rgba(153, 153, 153, 0.3); width: 12px; height: 12px; border-radius: 50%; margin-right: 8px; } .cover .indexs .active { background-color: rgba(0, 0, 0, 0.5); } .cover .indexs span:last-child { margin-right: 0px; } .topic { } .topic > div { width: 343px; margin: auto; } .topic h1 { font-size: 20px; font-weight: bold; padding: 16px 0 2px 0; } .topic h2 { padding-bottom: 16px; } .topic .tags span { display: inline-block; vertical-align: middle; height: 22px; line-height: 22px; padding: 0 6px; border-radius: 2px; } .topic .tags label { vertical-align: middle; } .fields-top { padding: 16px; border: 1px solid #ddd; box-sizing: border-box; } .fields-top .item { padding-bottom: 8px; font-size: 0px; line-height: 20px; } .fields-top .item:last-child { padding-bottom: 0; } .fields-top .item span { font-size: 15px; display: inline-block; vertical-align: top; width: 30%; } .fields-top .item label { font-size: 15px; display: inline-block; vertical-align: top; width: 70%; } .download { padding: 16px 0; text-align: center; font-size: 0px; } .download a { height: 24px; line-height: 24px; display: inline-block; width: 50%; vertical-align: middle; font-size: 14px; box-sizing: border-box; } .download a:nth-child(2n) { border: none; } .download a:last-child { padding-bottom: 0px; } .product-price0 { margin-top: 10px; } .product-price0 .packsize { font-size: 0px; line-height: 50px; } .product-price0 .packsize span { display: inline-block; vertical-align: middle; width: 30%; font-size: 15px; } .product-price0 .packsize .buttons { display: inline-block; vertical-align: middle; width: 70%; border-bottom: 1px solid #ddd; font-size: 15px; } .product-price0 .items { display: none; } .product-price0 .item { font-size: 0px; height: 50px; line-height: 50px; } .product-price0 .item span { display: inline-block; vertical-align: middle; width: 30%; font-size: 15px; } .product-price0 .item label { display: inline-block; vertical-align: middle; width: 70%; height: 50px; border-bottom: 1px solid #ddd; font-size: 15px; } .product-price0 .buttons { display: inline-block; } .product-price0 .buttons div { padding: 0px 16px; display: inline-block; height: 30px; line-height: 30px; border-radius: 5px;border:1px solid #fff; } .product-price0 .color-money { font-weight: bold; } .product-price0 .amount { font-size: 0px; height: 50px; line-height: 50px; } .product-price0 .amount span { display: inline-block; vertical-align: middle; width: 30%; font-size: 15px; } .product-price0 .amount div { display: inline-block; vertical-align: middle; width: 70%; height: 50px; border-bottom: 1px solid #ddd; font-size: 15px; text-align: right; } .product-price0 .amount a { display: inline-block; vertical-align: middle; width: 35px; height: 30px; line-height: 30px; text-align: center; background: #f5f5f5; font-size: 25px; } .product-price0 .amount input { width: 55px; height: 30px; text-align: center; background: #f5f5f5; vertical-align: middle; } .btnitem { background: #fff; margin-bottom: 10px; line-height: 42px; } .btnitem > div { width: 343px; margin: auto; padding: 16px 0; } .btnitem .fll { font-size: 13px; } .btnitem .fll label { vertical-align: middle; } .btnitem .fll i { margin-top: -4px; } .btnitem .btn-normal { margin-left: 10px; } .section { background: #fff; border-bottom: 1px solid #eee; } .section .title { line-height: 48px; font-weight: bold; } .section .title i { float: right; margin-top: 16px; } .section .title .split { display:none;} .section .info { padding: 16px 0; display: none; } .section .info table { width: 100%; } .section .nodata { background: none; text-align: left; } .section .nodata p { padding: 0px; } .fields .info th { font-weight: normal; width: 75px; height: 35px; line-height: 35px; text-align: left; border: 1px solid #ddd; padding: 0 12px; } .fields .info td { height: 35px; line-height: 35px; text-align: left; border: 1px solid #ddd; padding: 0 12px; } .fields .item { border-bottom: 1px solid #eee; } .products { background: #fff; margin-top: 10px; padding-bottom: 16px; } .products > div { width: 343px; margin: auto; } .products .title { height: 25px !important; line-height: 25px !important; padding: 16px 0 6px 0; margin-bottom: 16px; border-bottom: 1px solid #ddd; font-weight: bold; } .products .wrap { height: 214px; position: relative; overflow: hidden; } .products .items { height: 214px; position: absolute; left: 0px; top: 0px; white-space: nowrap; font-size: 0px; } .products .items .item { display: inline-block; width: 163px; margin-right: 16px; font-size: 15px; vertical-align: top; box-sizing: border-box; } .products .items .item:nth-child(2n) { margin-right:0px;} .products .item .pic { float: inherit; width: 161px; height: 161px; border: 1px solid #ddd; padding: 0px; background: #fff; } .products .item .pic img { max-width: 96%; max-height: 96%; } .products .item .info { float: inherit; width: 100%; height: auto; font-size: 15px; position: relative; } .products .item .name { padding: 8px 0 2px 0;font-weight:normal;margin:0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .products .item .num { display: none; } .products .item .term { display: none; } .products .item .price { position:relative;font-weight:normal;} .products .indexs { padding-top: 15px; text-align: center; } .products .indexs span { display: inline-block; width: 12px; height: 12px; transform: rotate(45deg); margin-right: 8px; } .products .indexs span:last-child { margin-right: 0px; } .products .item .tags { position: absolute; top: 12px; left: 12px; line-height: 20px; font-size: 12px; } .products .item .tags span { display: inline-block; height: 20px; padding: 0px 4px; border-radius: 3px; } .products .nodata { background: none; text-align: left; } .products .nodata p { padding-top: 16px; } .detail { } .detail .info img { max-width: 100%; } .document .item { margin-bottom: 16px; background: #F9F9F9; } .document .item:last-child { margin-bottom: 0px; } .document .item { padding: 12px 15px; margin-bottom: 6px; } .document .remark { } .history { margin-bottom: 10px; }