Helvetica neue",Helvetica,Arial,"sans-serif"; } .shopclass { float: left; width: 100%; } .shopclass .topclas { font-size: 15px; top: 0; float: left; width: 100%; background: #fff; line-height: 50px; border: 1px solid #ccc; margin-bottom: 10px; } .shopclass .topclas span { line-height: 50px; width: 150px; float: left; margin-left: 20px; border-bottom: 5px solid #fff; cursor:pointer; font-weight: bold; text-align: center; } .shopclass .topclas span:hover { border-bottom: 5px solid #1a71e0; color: #1a71e0; } .shopclass .topclas .spans { border-bottom: 5px solid #1a71e0; color: #1a71e0; } .shopclass .topclas .spans a { color: #1a71e0; } .shopclass .topclas span:hover a { color: #1a71e0; } .shopclass .topclas span a { line-height: 50px; color: #333; text-decoration:none; float: left; width: 100%; } .shopclass .mode_div { display: flow-root; background: #fff; border: 1px solid #ccc; margin-left: 0; margin-right: 0; margin-top:0; } .shopclass .mode_div .title_top { font-family: "Helvetica neue",Helvetica,Arial,"sans-serif"; border-bottom: 1px solid #ccc; color: #333; font-size: 20px; margin-left: 10px; margin-right: 10px; line-height: 40px; font-weight: bold; /* text-align: center; */ } .shopclass .mode_div .title_top span { border-left: 3px solid #F60; padding-left: 10px; } .shopclass .mode_div .text_notcd { padding-top: 20px; padding-bottom: 20px; font-size: 14px; font-family: "Helvetica neue",Helvetica,Arial,"sans-serif"; } .shopclass .mode_div .text_notcd span { margin-bottom: 0px; font-size: 12px; } .shopclass .mode_div .text_notcd .imgs_css { max-width: 1001px; max-height: 1001px; margin: 10px auto; text-align: center; } .shopclass .mode_div .text_notcd .imgs_css img { width: 100%; height: 100%; } .list_imgs { text-align: center; } .list_imgs .list_lisimg { width: 22%;; background: #fff; margin-bottom: 10px; border: 1px solid #fff; display: inline-block; vertical-align: top; margin-left: 1%; border: 1px solid #ddd; position: relative; padding-top: 22%;; padding-bottom: 30px; overflow: hidden; } .list_lisimg a{ display: block; position: absolute; left: 0; top:0; } .textbot{ width:100%; position: absolute; bottom:0; left:0; box-sizing: border-box; background-color: #fff; } .list_lisimg:nth-child(n+5) { display:none; } /*.list_lisimg:nth-child(n+19){ display:none; }*/ @media (max-width:1300px) { .list_imgs .list_lisimg { height: auto; padding-top: 22%;; position: relative; padding-bottom: 30px; overflow: hidden; } } @media (max-width:768px) { .list_lisimg:nth-child(n+5) { display:none; } /*.list_lisimg:nth-child(n+7){ display:none; }*/ .list_imgs .list_lisimg { width: 22%;; padding-top: 22%;; position: relative; padding-bottom: 30px; overflow: hidden; } .list_imgs .list_lisimg .textbot .rmbleft { font-size: 10px; } .shopclass .mode_div .text_notcd span { font-size: 10px; } } .list_imgs .list_lisimg img { width: auto; height: auto; display: block; max-width: 100%; max-height: 100%; } .list_imgs .list_lisimg:hover { border: 1px solid #999; } .list_imgs .list_lisimg .textbot { line-height: 30px; padding-left: 10px; padding-right: 10px; margin-top: 0px; } .list_imgs .list_lisimg .textbot .rmbleft { float: left; font-size: 12px; font-weight: bold; } .list_imgs .list_lisimg .textbot .rmbright { float: right; font-size: 20px; font-weight: bold; color: red; } .numberjs { font-size: 17px; margin-right: 2px; } .rmbnum { color:red; font-weight: bold; font-size: 14px; } .sapnblack span { display: block; } .bomtimg { max-width: 620px; max-height: 280px; min-width: 200px; min-height: 200px; display: block; } .bomtimg img { width: 100%; }

HOT SALE

Description

Preview