﻿.body { margin: 32px 0px 0px 0px; }
a { cursor:pointer; }
.split { height:16px; background:#D8D8D8; }
#success .bsize-l a { color: #ffffff; }
/*功能性样式*/
.sitemap-box { margin-bottom: 32px; padding: 0 0 16px; border-bottom: 1px solid #E9E9E9; }
.sitemap-box .sitemap { width: 50%; }
.sitemap { width: 100%; font-size:14px; box-sizing:border-box; }
.sitemap .items { width: 100%; padding: 0; font-size: 16px; font-weight:500; height:24px; line-height:24px; overflow:hidden; font-size:0; }
.sitemap .items i { margin-right: 12px; margin-top: -2px; }
.sitemap .items em i { margin-left:12px; }
.sitemap .items i, .sitemap .items a, .sitemap .items em, .sitemap .items span { font-size: 14px; }
.sitemap .items > i:first-child { margin-top:-10px; }
.sitemap-box .flr label { margin-right: 8px; }
.sitemap-box .flr i { margin-left: 8px; margin-top:-2px; }
.sitemap-box .darkness i { opacity:0.6; }
.sitemap-box .flr .split { margin: 0 16px; }
.sitemap-box .flr a.hover:hover { text-decoration: none; }

/*分页*/
.paging { margin: 0px auto; text-align: center; font-size:0; }
.paging a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; text-decoration: none; vertical-align: middle; margin-right: 8px; font-size: 14px; transition: all 0.5s; }
.paging a:last-child { margin-right:0; }
.paging .ico16-left { margin-top: -2px; margin-left: -2px; }
.paging .ico16-right { margin-top: -2px; margin-left: 2px; }

.illegal { border: 1px solid red !important; }
.scroller { max-height: 240px; overflow: hidden; overflow-y: auto; }
.nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notclick { pointer-events: none; color: #999 !important; }
.btn-loading { pointer-events: none; }

.bg-burn { position: relative; background-blend-mode: color-burn; background-size: cover; background-repeat: no-repeat; }

.mask { position: fixed !important; }
.mask div { background: #000; opacity: 0.3; }

/*按钮的颜色、触控效果均单独定义，不要追加类*/
.bsize-s { width: 104px; height: 32px; line-height: 28px; text-decoration: none; border-radius: 16px; }
.bsize-m { width: 120px; height: 40px; line-height: 40px; text-decoration: none; border-radius: 20px; }
.bsize-l { width: 160px; height: 40px; line-height:40px; text-decoration: none; border-radius: 20px; }
.bsize-xl { width: 320px; height: 40px; line-height: 36px; text-decoration: none; border-radius: 20px; }
.bsize-s a, .bsize-m a, .bsize-l a, .bsize-xl a { text-decoration: none; }

.container { width: 1200px; margin: 0 auto; }

.topic { line-height: normal; font-weight: 400; font-size:16px; border-bottom: none; padding: 0; margin-bottom: 32px; text-align: center; }
.topic h1 { font-size: 32px; }
.topic .split { height: 32px; width: 5px; margin-right: 12px; }
.tabs .active { font-weight: bold; color: #fff; }

/*indexs分页器切换过渡*/
.indexs span,.indexs span em { transition: all 0.5s; }

/*产品列表卡片-子页面可覆盖*/
.product-list-card { width: 100%; }
.product-list-card .item {float:left; width: 282px; margin-left: 24px; margin-bottom: 24px; box-sizing: border-box; position: relative; transition: all 0.5s; border-radius: 10px; overflow:hidden; }
.product-list-card .item:nth-child(4n+1) { margin-left:0; }
.product-list-card .item a { box-sizing: border-box; text-decoration: none; position:relative; }
.product-list-card .item .pic { background-color: #fff; }
.product-list-card .item .info { padding: 20px; height: 120px; position: relative; font-size: 16px; text-align: left; overflow: hidden; }
.product-list-card .item .num {  }
.product-list-card .item .name { font-size:20px; font-weight: bold; margin-top: 12px; line-height:normal; }
.product-list-card .item .term { margin-top: 12px; width: 100%; }
.product-list-card .item .term .split { height: 14px; margin: -2px 8px 0px 8px; vertical-align:middle; }
.product-list-card .item .price { width: 100%; padding: 0 20px; position: absolute; bottom: 20px; left: 0; box-sizing: border-box; }
.product-list-card .item .buttons { position: absolute; top: 16px; right: 16px; cursor: pointer; display: none; z-index: 1; }
.product-list-card .item .tags { position: absolute; top: 12px; left: 12px; line-height: 20px; font-size: 12px; }
.product-list-card .item .tags span { display: inline-block; height: 20px; padding: 0px 4px; border-radius: 3px; margin-right: 8px; }
.product-list-card .item:hover .buttons { display: block; }
.product-list-card .item .buttons:hover { opacity: 0.8; }
.product-list-card .product-tags { position:absolute; top:16px; left:16px; }
.product-tags i { margin-right:8px; }

/*产品列表形式-子页面可覆盖*/
.product-list-grid table { width: 100%; table-layout:fixed; border-collapse:separate; }
.product-list-grid .item {  }
.product-list-grid td { padding: 24px 0px; border: 1px solid #E9E9E9; }
.product-list-grid .pic { width: 160px; position: relative; padding: 24px 32px; border-right: none; border-radius:10px 0 0 10px; }
.product-list-grid .pic .ratio43 { background: none; border-radius: 10px; overflow:hidden; }
.product-list-grid .ico24-scan { position: absolute; top: 4px; right: 4px; z-index: 1; display: none }
.product-list-grid .pic:hover .ico24-scan { display: block; }
.product-list-grid .info { width: 308px; border-left: none; border-right: none; font-size: 16px; line-height: 1.5; }
.product-list-grid .info .num { margin-bottom:8px;}
.product-list-grid .info .name { font-size: 20px; font-weight: bold; max-height: 56px; overflow: hidden; margin-bottom: 8px; }
.product-list-grid .info .ename { font-size: 16px; max-height: 44px;  overflow: hidden; margin-bottom: 4px; }
.product-list-grid .info div:last-child { margin-bottom:0; }
.product-list-grid .desc { font-size: 16px; }
.product-list-grid .product-tags { position: absolute; display: inline-block; word-spacing: -10px; top: 8px; left: 8px; z-index: 10; }
.product-list-grid .split { margin: -2px 12px 0; height:14px; vertical-align:middle; background:#666;}
.product-list-grid .term {font-size:16px; padding: 24px 0px 24px 32px; text-align: left; line-height: 1.5; border-left: none; border-right: none; }
.product-list-grid .price { width: 160px; padding: 24px 32px; line-height: 1.5; text-align: center; border-left: none; border-right: none; font-size: 16px; }
.product-list-grid .original-price { display:block; color:#999; text-decoration:line-through; }
.product-list-grid .buttons { width: 10%; border-left: none; border-radius: 0 10px 10px 0; }
.product-list-grid .buttons i { margin:-2px 0 0 4px; }
.product-list-grid .active td { border-bottom:0; }
.product-list-grid .active .pic { border-radius:0; }
.product-list-grid .active .buttons { border-radius: 0; }

.product-list-grid .price-box { padding: 8px 0 32px; border-top: none; border-radius: 0 0 10px 10px; }
.product-list-grid .price-box table { padding:0 32px; text-align:center; }
.product-list-grid .price-box .amount a { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #E9E9E9; border-radius: 2px; background: #F6F6F6; box-sizing: border-box; }
.product-list-grid .price-box .amount a:hover { text-decoration: none; }
.product-list-grid .price-box .amount input { width: 41px; height: 24px; margin: 0 8px; text-align: center; border: 1px solid #E9E9E9; border-radius: 2px; box-sizing: border-box; vertical-align: top; }
.product-list-grid .price-box th { padding: 12px 0; border-top: 1px solid #E9E9E9; }
.product-list-grid .price-box tr th:first-child { border-left: 1px solid #E9E9E9; border-radius: 10px 0 0 0; }
.product-list-grid .price-box tr th:last-child { border-right: 1px solid #E9E9E9; border-radius: 0 10px 0 0; }
.product-list-grid .price-box td { padding: 12px 0; border:none; border-bottom: 1px solid #E9E9E9; }
.product-list-grid .price-box tr td:first-child { border-left: 1px solid #E9E9E9; }
.product-list-grid .price-box tr td:last-child { border-right: 1px solid #E9E9E9; }
.product-list-grid .price-box tr:last-child td:first-child { border-radius: 0 0 0 10px; }
.product-list-grid .price-box tr:last-child td:last-child  { border-radius: 0 0 10px 0; }
.product-list-grid .price-box .nodata { margin: 0 32px; padding: 16px 0; border: 1px solid #E9E9E9; border-top: none; border-radius: 0  0 10px 10px; background-position-y:16px; }
.product-list-grid .price-box .action { padding: 0 32px; }
.product-list-grid .price-box .action a { margin: 16px 0 0 16px; }