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

#productlist .secondary { }
#productlist .secondary > div { width: 1200px; margin: auto; padding-bottom: 8px; margin-bottom: 16px; border-bottom: 1px solid #ddd; line-height: 24px; }
#productlist .secondary .fll span { font-size: 24px; font-weight: bold; margin-right: 8px; }
#productlist .secondary .fll label { font-size: 16px; }

#productlist .main > .fll { float: left; width: 954px; padding-bottom: 100px; }
#productlist .main > .flr { float: right; width: 216px; padding-bottom: 100px; }
#productlist .main .items table { width: 100%; text-align: left; }
#productlist .main .items table th { font-size: 12px; line-height: 40px; padding: 0px 16px; }
#productlist .main .items .cel1 { width: 20% }
#productlist .main .items .cel2 { width: 66% }
#productlist .main .items .cel5 { width: 14%; text-align: center }
#productlist .main .items tbody tr { border: 1px solid #fff; border-bottom: 1px solid #eee; }
#productlist .main .items tbody td { padding: 20px 16px; }
#productlist .main .items .price-box { display: none; }
#productlist .main .items .buttons .ico16 { margin: -2px 0px 0px 4px; }
#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; }


#productlist .filter { }
#productlist .filter .title { padding-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); font-size: 16px; font-weight: bold; }
#productlist .filter .item { border-bottom: 1px solid rgba(0, 0, 0, 0.15); font-size: 12px; }
#productlist .filter .item > div:first-child { width: 100%; height: 52px; line-height: 52px; font-size: 16px; font-weight: bold; position: relative; box-sizing: border-box; }
#productlist .filter .item em { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; right: 12px; top: 12px; cursor: pointer; }
#productlist .filter .item em:hover { opacity: 0.8; }
#productlist .filter .item .desc { height: auto; display: none; font-size: 14px; }
#productlist .filter .item .desc a { display: block; height: 20px; line-height: 20px; margin-bottom: 8px; white-space: nowrap; text-decoration: none; }
#productlist .filter .item .desc a:hover { opacity: 0.8; }
#productlist .filter .item .desc .ico16 { margin: -4px 22px 0px 0px; }
#productlist .filter .active .desc { display: block; }


#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; }



#list_card .item { float: left; width: 25%; height: 344px; margin: 0 0 -1px -1px; position: relative; line-height: 20px; border: 1px solid #EFEFEF; box-sizing: border-box; line-height: 22px; transition: all 0.5s; position: relative; }
#list_card .item a { height: 100%; padding: 58px 16px 75px; box-sizing: border-box; text-decoration: none;display:block; }
#list_card .item .pic { width: 100%; height: 100px; margin: auto; }
#list_card .item .pic img { max-width: 100%; max-height: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#list_card .item .num { padding: 5px 0px 4px 0px; }
#list_card .item .name { font-weight: bold; }
#list_card .item .term { height: 20px; padding: 7px 0px 8px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#list_card .item .term span:after { content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 14px; background: #ddd; margin: -2px 4px 0px 6px; }
#list_card .item .term span:last-child:after { display: none; }
#list_card .item .price { font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#list_card .item .buttons { position: absolute; top: 4px; right: 4px; cursor: pointer; display: none; }
#list_card .item:hover .buttons { display: block; }
#list_card .item .tags { position: absolute; top: 12px; left: 12px; line-height: 20px; font-size: 12px; }
#list_card .item .tags span { display: inline-block; height: 20px; padding: 0px 4px; border-radius: 3px; margin-right: 8px; }

#list_card .item .action { position: absolute; width: 204px; bottom: 20px; left: 16px; }
#list_card .item .action .bsize-l { display: inline-block; }
#list_card .item .action .bsize-l .icof-cart { margin: -5px 9px 0px 0px; }
#list_card .item .action .btn-light { border: 1px solid #008CD4; color: #008CD4; }
#list_card .item .action .btn-light .ico24 { margin: -5px 9px 0px 0px; }
#list_card .item .action .btn-light .icof-cart { background-position-x: -70px; }
#list_card .item .action label { float: right; cursor: pointer; }
.product-list .item .action label:hover { opacity: 0.8; }

#list_card .item:hover { box-shadow: 0px 8px 11px 6px rgba(160, 160, 160, 0.16); z-index: 1; }

#category { width: 1200px; margin: auto; }
#category .banner { }
#category .banner .text { float: left; width: 580px; }
#category .banner .pic { float: right; width: 580px; height: 310px; }
#category .banner .pic img { width: 100%; height: 100%; object-fit: cover; }
#category .caption { padding: 40px 0px; text-align: center; color: #008CD4; font-size: 24px; font-weight: bold; }
#category .secondary { display: none; }
#category .item { padding-bottom: 40px; }
#category .item .name { font-size: 16px; font-weight: bold; margin-bottom: 22px; }
#category .item .name .ico24 { margin: -4px 6px 0px 0px; }
#category .item .name a { font-size: 20px; font-weight: bold; color: #008CD4; }
#category .item .name span { display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: -8px 6px 0px 0px; }
#category .desc { font-size: 0px; }
#category .desc a { display: inline-block; text-decoration: none; width: 240px; height: 44px; line-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; transition: all 0.3s; box-sizing: border-box; border: 1px solid #D9D9D9; text-align: center; margin-left: -1px; margin-top: -1px; }
#category .desc a:hover { background: #008CD4; color: #fff !important; border: 1px solid #008CD4; }
#category .desc a:nth-child(6n) { 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; }