.product-topic { width: 1200px; margin: auto; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.topic { float: left; max-width: 1100px; }
.topic > div { }
.topic h1 { display: inline-block; margin-right: 10px; vertical-align: bottom; font-size: 24px; font-weight: bold; }
.topic h2 { display: inline-block; vertical-align: bottom; font-size: 14px; font-weight: normal; }

.favorite { float: right; }
.favorite i { width: 40px; height: 40px; cursor: pointer; }
.favorite .ico-star-16 { background-position: -206px -641px; }
.favorite .ico-star-16:hover { background-position-x: -143px; }
.favorite .ico-star-16b { background-position-x: -143px; }
.favorite .ico-star-16b:hover { background-position-x: -206px; }

.fields { }
.fields > div { width: 1200px; margin: auto; }
.fields .items { }
.fields .items { line-height: 23px; padding: 16px 0px; }
.fields .item { display: inline-block; vertical-align: middle; margin-right: 32px; }
.fields .item:last-child { margin: 0px; }
.fields .item span { font-weight: bold; }

.product-cover { width: 1200px; margin: auto; }
.product-cover > .fll { width: 350px; }
.product-cover > .flr { width: 806px; }

.cover { }
.cover > div { }
.cover img { max-width: 100%; max-height: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.cover .pic { height: 183px; position: relative;padding-top:28px; }
.cover .pic .ico24 { position: absolute; top: 10px; right: 10px; display: none; cursor: pointer; }
.cover .pic .ico24:hover { opacity: 0.8; }
.cover .pic:hover .ico24 { display: block; }
.cover .pic .tags { position: absolute; top: 12px; left: 12px; line-height: 20px; font-size: 12px; }
.cover .pic .tags span { display: inline-block; height: 20px; padding: 0px 4px; border-radius: 3px; margin-right: 8px; }

.cover .picmore { overflow: hidden; height: 60px; padding: 8px 24px; position: relative; }
.cover .picmore .items { margin: auto; position: relative; height: 100%; overflow: hidden; }
.cover .picmore .wrap { position: absolute; left: 0px; top: 0px; height: 100%; }
.cover .picmore .item { float: left; width: 56px; height: 56px; margin: 0px 8px; border: 2px solid #fff; }
.cover .picmore .active { border: 2px solid #e53e41; }
.cover .buttons { position: absolute; top: 8px; line-height: 60px; background: #f5f5f5; cursor: pointer; }
.cover .buttons:hover { opacity: 0.8; }
.cover .buttons-left { left: 0px; }
.cover .buttons-right { right: 0px; }


.prices { padding-bottom: 20px; }
.prices > div { }
.prices table { width: 100%; }
.prices th { height: 23px; padding-bottom: 12px; font-weight: normal; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.prices td { height: 60px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); text-align: center }
.prices .cel1 { width: 10%; }
.prices .cel2 { width: 15%; }
.prices .cel3 { width: 20%; }
.prices .cel4 { width: 25%; }
.prices .cel5 { width: 15%; }
.prices .cel6 { width: 15%; }
.prices .amount { width: 88px; height: 32px; border: 1px solid #BBBBBB; border-radius: 3px; text-align: left; margin: auto; }
.prices .amount input { width: 26px; height: 32px; padding: 0px 4px; text-align: center; vertical-align: middle; font-weight: bold; border: none; outline: none; }
.prices .amount a { display: inline-block; vertical-align: middle; width: 22px; height: 32px; line-height: 30px; font-size: 20px; color: #999; text-decoration: none; text-align: center; }
.prices .amount a:last-child { color: #008CD4 }
.prices .nodata { margin: 54px 0px; background: unset; }
.prices .nodata p { padding-top: 16px; }
.prices .icof-cart-bu { cursor: pointer; }


.download { float: left; margin-top: 8px; }
.download .item { float: left; margin-left: 24px; line-height: 24px; }
.download .item .input { width: 220px !important; margin-left: 24px; }
.download .item .input > label { font-size: 14px; margin-right: 12px; }
.download .item .input input { font-size: 14px; }

.btnitem { float: right; }
.btnitem > div { text-align: right; }
.btnitem .bsize-m { display: inline-block; margin-left: 16px; }

.tab { }
.tab > div { width: 1200px; margin: auto; padding-top: 40px; font-size: 16px; font-weight: bold; border-bottom: 1px solid rgba(0, 0, 0, 0.15); line-height: 29px; }
.tab a { display: block; float: left; margin-right: 40px; padding-bottom: 4px; cursor: pointer; text-decoration: none; }
.tab .active { font-weight: bold; color: #008CD4; border-bottom: 2px solid #008CD4; }

.products { }
.products > div { width: 1200px; margin: auto; padding-top: 40px; }
.products .title { font-weight: bold; padding-bottom: 24px; color: #000; }
.products .wrap { width: 1064px; height: 344px; position: relative; overflow: hidden; margin-bottom: 24px; margin: auto; }
.products .items { white-space: nowrap; font-size: 0px; }
.products .item { font-size: 14px; display: inline-block; width: 234px; height: 344px; position: relative; line-height: 20px; border: 1px solid #EFEFEF; box-sizing: border-box; line-height: 22px; transition: all 0.5s; position: relative; margin-right: 40px; }
.products .item a {display:block; height: 100%; padding: 58px 16px 75px; box-sizing: border-box; text-decoration: none; }
.products .item .pic { width: 100%; height: 100px; margin: auto; }
.products .item .pic img { max-width: 100%; max-height: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.products .item .num { padding: 5px 0px 4px 0px; }
.products .item .name { font-weight: bold; }
.products .item .term { height: 20px; padding: 7px 0px 8px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.products .item .term span:after { content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 14px; background: #ddd; margin: -2px 4px 0px 6px; }
.products .item .term span:last-child:after { display: none; }
.products .item .price { font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.products .item .buttons { position: absolute; top: 4px; right: 4px; cursor: pointer; display: none; }
.products .item:hover .buttons { display: block; }
.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; margin-right: 8px; }

.products .item .action { position: absolute; width: 204px; bottom: 20px; left: 16px; }
.products .item .action .bsize-l { display: inline-block; }
.products .item .action .bsize-l .icof-cart { margin: -5px 9px 0px 0px; }
.products .item .action .btn-light { border: 1px solid #008CD4; color: #008CD4; }
.products .item .action .btn-light .ico24 { margin: -5px 9px 0px 0px; }
.products .item .action .btn-light .icof-cart { background-position-x: -70px; }
.products .item .action label { float: right; cursor: pointer; }
.products .item:hover { box-shadow: 0px 8px 11px 6px rgba(160, 160, 160, 0.16); z-index: 1; }

.products .box { position: relative; }
.products .product-btn { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; cursor: pointer; }
.products .btn-next { right: 0px; }
.products .btn-pre { left: 0px; }
.products:last-child { margin-bottom: 96px; }

.fieldsgroup { }
.fieldsgroup > div { width: 1200px; margin: auto; }
.fieldsgroup .title { font-weight: bold; padding-bottom: 24px; color: #000; }
.fieldsgroup .info { }
.fieldsgroup .info div img { max-height: 40px; }
.fieldsgroup .item { padding-top: 40px; }
.fieldsgroup .item img { max-height: 40px; }
.fieldsgroup table { width: 100%; text-align: left; }
.fieldsgroup table th { width: 143px; height: 44px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); text-align: left; font-weight: normal; position: relative; }
.fieldsgroup table td { height: 44px; padding-left: 80px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); text-align: left }
.fieldsgroup table th span::after { content: ""; display: block; width: 1px; height: 14px; background: #000; opacity: 0.15; position: absolute; right: 0px; top: 15px; }

.detail { }
.detail > div { width: 1200px; margin: auto; padding-top: 40px; }
.detail .title { font-weight: bold; padding-bottom: 24px; color: #000; }
.detail .info { }

#productitem .nodata { background: none; text-align: left; }
#productitem .nodata p { padding-top: 16px; }
.section { }

.document { }
.document > div { width: 1200px; margin: auto; padding-top: 40px; }
.document .title { font-weight: bold; padding-bottom: 24px; color: #000; }
.document .items { }
.document .item { height: 40px; line-height: 40px; padding: 0px 16px; border-bottom: 1px solid #eee; }
.document .item p { width: 908px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.document .item p .ico { margin: -2px 4px 0px 0px; }

.cartflyer { width: 30px; height: 30px; border-radius: 50%; }