#productlist { width: 1300px; margin: auto; }

#productlist .secondary { }
#productlist .secondary > div { width: 1300px; margin: auto; padding-bottom: 40px; }
#productlist .secondary .fll span { font-size: 24px; font-weight: bold; margin-right: 8px; }
#productlist .secondary .fll label { font-size: 16px; }

#productlist .productclass { padding-bottom: 20px; }
#productlist .productclass .title { padding-bottom: 16px; font-size: 20px; font-weight: bold; }
#productlist .productclass .title:before { content: ""; display: inline-block; width: 6px; height: 24px; background: #008CD8; vertical-align: middle; margin: -4px 8px 0px 0px; }
#productlist .productclass .items { width: 198px; padding: 20px 14px; background: #F9F9F9; border-radius: 5px; }
#productlist .productclass .item { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 16px; text-decoration: none; }
#productlist .productclass .item:last-child { padding-bottom: 0px; }
#productlist .productclass .item:hover { color: #0CA3F3; }

#productlist .filter { }
#productlist .filter .title { padding-bottom: 16px; font-size: 20px; font-weight: bold; }
#productlist .filter .title:before { content: ""; display: inline-block; width: 6px; height: 24px; background: #008CD8; vertical-align: middle; margin: -4px 8px 0px 0px; }
#productlist .filter .items { width: 198px; padding: 20px 14px; background: #F9F9F9; border-radius: 5px; }
#productlist .filter .item { padding-bottom: 20px; }
#productlist .filter .item:last-child { padding-bottom: 0px; }
#productlist .filter .item > div:first-child { font-size: 12px; padding-bottom: 8px; border-bottom: 1px solid #D8D8D8; margin-bottom: 8px; }
#productlist .filter .box a { display: block; margin-bottom: 12px; text-decoration: none; }
#productlist .filter .box a:last-child { margin-bottom: 0px; }
#productlist .filter .box .ico16 { width: 20px; height: 20px; background-image: url(/user/10138/pc/icon.png); background-position: -440px -201px; margin: -2px 8px 0px 0px;background-size:1440px 732px; }
#productlist .filter .box .ico16-tickblock { background-position: -440px -141px; }
#productlist .filter .box .select { color: #008CD8; }



#productlist .filtertip .item { }
#productlist .filtertip .item .name { padding-bottom: 8px; }
#productlist .filtertip .item .desc a { display: inline-block; margin: 5px 14px 0px 0px; width: 40px; height: 20px; background: #f5f5f5; text-align: center; line-height: 20px; text-decoration: none; }
#productlist .filtertip .item .desc a:hover { background: #0F6AB1; color: #fff; }
#productlist .filtertip .item .desc .active { background: #0F6AB1; color: #fff; }



#productlist .main > .fll { float: left; width: 226px; padding-bottom: 100px; }
#productlist .main > .flr { float: right; width: 1036px; padding-bottom: 100px; }
#productlist .main > .flr .title { padding-bottom: 16px; font-size: 20px; font-weight: bold; }
#productlist .main > .flr .title .icoys30 { margin: -8px 8px 0px 0px; }
#productlist .main .paging { padding-top: 40px; }

#productlist .cart { padding-bottom: 40px; }
#productlist .cart .title { font-size: 16px; font-weight: bold; }
#productlist .cart .item { padding-top: 16px; color: #666; position: relative; }
#productlist .cart .item em { font-size: 16px; color: #000; }
#productlist .cart .item .icof { position: absolute; right: 0px; cursor: pointer; }
#productlist .cart .items { padding-bottom: 16px; max-height: 330px; }
#productlist .cart-sum { line-height: 24px; padding: 16px 0px; border-top: 1px solid rgba(0, 0, 0, 0.15); }
#productlist .cart-sum .flr { font-size: 20px; }
#productlist .cart .btn-light { border: 1px solid #008CD4; color: #008CD4; margin-left: 68px; }
#productlist .cart .btn-light a { color: #008CD4; }
#productlist .cart .nodata { margin: 40px 0px; }
#productlist .cart .nodata p { padding-top: 110px; color: #333; }





#list_card .item { float: left; width: 242px; height: 334px; transition: all 0.5s; position: relative; margin-right: 20px; margin-bottom: 20px; background: #fff; overflow: hidden; border-radius: 4px; box-shadow: 0px 4px 9px 0px rgba(150, 150, 150, 0.23); }
#list_card .item:nth-child(4n) { margin-right: 0px; }
#list_card .item a { text-decoration: none; }
#list_card .item .pic { width: 204px; height: 130px; margin: auto; margin-top: 20px; transition: all 0.3s; }
#list_card .item .pic img { max-width: 100%; max-height: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); }

#list_card .item .name { font-weight: bold; height: 36px; line-height: 18px; margin: 30px 20px 0px 20px; overflow: hidden; }
#list_card .item .info { padding: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s; position: relative; }
#list_card .item .info table { width: 100%; text-align: left; }
#list_card .item .info td { height: 24px; }
#list_card .item .info .price { font-weight: bold; color: #008CD8; }
#list_card .item .info .num { width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#list_card .item .tags { position: absolute; top: 12px; left: 12px; }
#list_card .item .tags span { vertical-align: middle; }

#list_card .item .leadtime { font-weight: bold; }
#list_card .item:hover { box-shadow: 3px 4px 10px 0px rgba(162, 162, 162, 0.3); }
#list_card .item:hover .info { background: #0CA3F3; color: #fff; height: 116px; padding: 16px 20px; }
#list_card .item:hover .pic { width: 152px; height: 100px; }
#list_card .item:hover .name { margin: 16px 20px }
#list_card .item:hover .bottons { height: 32px; }
#list_card .item:hover .price { color: #fff !important; }
#list_card .item:hover .leadtime { color: #fff !important; }
#list_card .item .bottons { height: 0px; position: absolute; width: 204px; padding: 0px 20px; left: 0px; bottom: 14px; overflow: hidden; transition: all 0.3s; }
#list_card .item .bottons span { display: inline-block; width: 57px; height: 32px; text-align: center; border-radius: 16.5px; background: #FFFFFF; cursor: pointer; }

.product-list-grid table { width: 100%; text-align: left; }
.product-list-grid table th { font-size: 12px; line-height: 40px; padding: 0px 16px; }
.product-list-grid tbody tr { border: 1px solid #fff; border-bottom: 1px solid #eee; }
.product-list-grid tbody td { padding: 20px 16px; }
.product-list-grid .info { line-height: 26px; }
.product-list-grid .pic { width: 168px; height: 0px; padding-top: 75%; border: 1px solid #eee; position: relative; }
.product-list-grid .pic img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.product-list-grid .name { font-size: 16px; font-weight: bold; }
.product-list-grid .name a { vertical-align: middle; }
.product-list-grid .tags { display: inline-block; height: 20px; line-height: 20px; font-size: 12px; vertical-align: middle; }
.product-list-grid .tags span { display: inline-block; height: 100%; padding: 0px 4px; border-radius: 3px; margin-left: 8px; }
.product-list-grid .num span { margin-right: 16px; }
.product-list-grid .desc span:after { content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 16px; margin: -2px 10px 0px 14px; background: #ddd; }
.product-list-grid .desc span:last-child:after { display: none; }
.product-list-grid .original-price { text-decoration: line-through; }
.product-list-grid .buttons i { margin: -2px 0px 0px 4px; }
.product-list-grid .active { border: 1px solid #eee; border-bottom: none; }
.product-list-grid .active .ico-circledown-16 { background-position: -1522px -442px; }

.product-list-grid .price-box { text-align: center; border: 1px solid #eee; border-top: none; }
.product-list-grid .price-box table { text-align: center; }
.product-list-grid .price-box .cel7 { width: 136px; }
.product-list-grid .price-box .amount { width: 120px; }
.product-list-grid .price-box .amount input { width: 34px; height: 22px; padding: 0px 4px; border: 1px solid #ddd; text-align: center; margin: 0px 4px; vertical-align: middle; font-weight: bold; }
.product-list-grid .price-box .amount a { display: inline-block; vertical-align: middle; width: 22px; height: 22px; line-height: 22px; border: 1px solid #eee; font-size: 18px; text-decoration: none; text-align: center; }
.product-list-grid .price-box .action { padding-top: 16px; }
.product-list-grid .price-box .btn-normal { margin-left: 16px; }
.product-list-grid .price-box .btn-normal .ico24 { filter: brightness(100); }
.product-list-grid .btn-normal { text-align: center; transition: all 0.3s; cursor: pointer; border-radius: 5px; background: #008CD4; color: #fff; }
.product-list-grid .btn-normal a { color: #fff; }

#category { width: 1300px; margin: auto; padding-bottom: 80px }
#category .caption { font-size: 28px; font-weight: bold; padding-bottom: 40px; }
#category .secondary { display: none; }
#category .item { padding-bottom: 20px; }
#category .item .name { font-size: 20px; font-weight: bold; margin-bottom: 24px; }
#category .item .name span { display: inline-block; vertical-align: middle; width: 6px; height: 24px; background: #008CD8; margin: -4px 8px 0px 0px; }
#category .desc { font-size: 0px; }
#category .desc a { display: inline-block; text-decoration: none; width: 216px; height: 46px; line-height: 46px; padding: 0px 12px; border: 1px solid #D9D9D9; color: #333333; font-size: 16px; border-radius: 5px; text-align: center; margin: 0px 20px 20px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#category .desc a:hover { background: #008CD4; color: #fff !important; border: 1px solid #008CD4; }
#category .desc a:nth-child(5n) { margin-right: 0px; }
#category .desc a em { color: #999; margin-left: 4px; }
#category .desc a:hover em { color: #fff; }
#category .btn-light { margin: auto; border: 1px solid #008CD4; }