@charset "utf-8";
.share-gift-li-a html { color: #333; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizelegibility; }
/* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等，推荐在 中添加 .borderbox 这个 class */
html.borderbox *, .customer .infomation html.info-content *, html.nav-top-contain *, .ProductOuter.all-product-outer .item-wrap html.enter *, .cate-content html.cate-part *, .cate-content html.cate-part.hot-brand-cate *, .cate-content .itemgroup html.item-brand *, html.other-cate-content *, .other-cate-content .cate-part .cate-sell-point html.enter *, html.ProductOuter *, .m-rightbar html.back-top *, .m-rightbar .cart-count html.cart-icon *, .m-rightbar html.kefu-icon *, .m-rightbar html.qrcode *, html.borderbox *:before, .customer .infomation html.info-content *:before, html.nav-top-contain *:before, .ProductOuter.all-product-outer .item-wrap html.enter *:before, .cate-content html.cate-part *:before, .cate-content html.cate-part.hot-brand-cate *:before, .cate-content .itemgroup html.item-brand *:before, html.other-cate-content *:before, .other-cate-content .cate-part .cate-sell-point html.enter *:before, html.ProductOuter *:before, .m-rightbar html.back-top *:before, .m-rightbar .cart-count html.cart-icon *:before, .m-rightbar html.kefu-icon *:before, .m-rightbar html.qrcode *:before, html.borderbox *:after, .customer .infomation html.info-content *:after, html.nav-top-contain *:after, .ProductOuter.all-product-outer .item-wrap html.enter *:after, .cate-content html.cate-part *:after, .cate-content html.cate-part.hot-brand-cate *:after, .cate-content .itemgroup html.item-brand *:after, html.other-cate-content *:after, .other-cate-content .cate-part .cate-sell-point html.enter *:after, html.ProductOuter *:after, .m-rightbar html.back-top *:after, .m-rightbar .cart-count html.cart-icon *:after, .m-rightbar html.kefu-icon *:after, .m-rightbar html.qrcode *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; color:#666; }
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video { display: inline-block; }
/* 要注意表单元素并不继承父级 font 的问题 */
body { background-color:#fff; font:normal 12px/1.5 Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans }
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}
/* 去掉各Table cell 的边距并让其边重合 */
table { border-collapse: collapse; border-spacing: 0; }
/* 去除默认边框 */
fieldset, img { border: 0; }
/* 块/段落引用 */
blockquote { position: relative; color: #999; font-weight: 400; border-left: 1px solid #1abc9c; padding-left: 1em; margin: 1em 3em 1em 2em; }
@media only screen and (max-width: 640px) {
blockquote {
margin: 1em 0;
}
}
/* Firefox 以外，元素没有下划线，需添加 */
acronym, abbr { border-bottom: 1px dotted; font-variant: normal; }
/* 添加鼠标问号，进一步确保应用的语义是正确的（要知道，交互他们也有洁癖，如果你不去掉，那得多花点口舌） */
abbr { cursor: help; }
/* 一致的 del 样式 */
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }
/* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */
ul, ol, li { list-style: none; }
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th { text-align: left; }
q:before, q:after { content: ''; }
/* 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
:root sub, :root sup { vertical-align: baseline;/* for ie9 and other modern browsers */ }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* 让链接在 hover 状态下显示下划线 */
a { color: #666; }
a:hover { text-decoration: none; }
.typo a { border-bottom: 1px solid #1abc9c; }
.typo a:hover { border-bottom-color: #555; color: #555; text-decoration: none; }
/* 默认不显示下划线，保持页面简洁 */
ins, a { text-decoration: none; }
/* 专名号：虽然 u 已经重回 html5 Draft，但在所有浏览器中都是可以使用的，
* 要做到更好，向后兼容的话，添加 class="typo-u" 来显示专名号
* 关于 标签：http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-u-element
* 被放弃的是 4，之前一直搞错 http://www.w3.org/TR/html401/appendix/changes.html#idx-deprecated
* 一篇关于 标签的很好文章：http://html5doctor.com/u-element/
*/
u, .typo-u { text-decoration: underline; }
/* 标记，类似于手写的荧光笔的作用 */
mark { background: #fffdd1; border-bottom: 1px solid #ffedce; padding: 2px; margin: 0 5px; }
/* 代码片断 */
pre, code, pre tt { font-family: Courier, 'Courier New', monospace; }
pre { background: #f8f8f8; border: 1px solid #ddd; padding: 1em 1.5em; display: block; -webkit-overflow-scrolling: touch; }
/* 一致化 horizontal rule */
hr { border: none; border-bottom: 1px solid #cfcfcf; margin-bottom: 0.8em; height: 10px; }
/* 底部印刷体、版本等标记 */
small, .typo-small, figcaption { font-size: 0.9em; color: #888; }
strong, b { font-weight: bold; color: #666; }
/* 可拖动文件添加拖动手势 */
[draggable] {
cursor: move;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.text-hide, .m-topics-item .item-title, .m-topics-item .item-sellpoint { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/* 强制文本换行 */
.textwrap, .textwrap td, .textwrap th { word-wrap: break-word; word-break: break-all; }
.textwrap-table { table-layout: fixed; }
/* 提供 serif 版本的字体设置: iOS 下中文自动 fallback 到 sans-serif */
.serif { font-family: Palatino, Optima, Georgia, serif; }
/* 保证块/段落之间的空白隔行 */
.typo p, .typo pre, .typo ul, .typo ol, .typo dl, .typo form, .typo hr, .typo table, .typo-p, .typo-pre, .typo-ul, .typo-ol, .typo-dl, .typo-form, .typo-hr, .typo-table, blockquote { margin-bottom: 1.2em; }
h1, h2, h3, h4, h5, h6 { font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; font-weight: 100; color: #666; line-height: 1.35; }
/* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */
.typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6, .typo-h1, .typo-h2, .typo-h3, .typo-h4, .typo-h5, .typo-h6 { margin-top: 1.2em; margin-bottom: 0.6em; line-height: 1.35; }
.typo h1, .typo-h1 { font-size: 2em; }
.typo h2, .typo-h2 { font-size: 1.8em; }
.typo h3, .typo-h3 { font-size: 1.6em; }
.typo h4, .typo-h4 { font-size: 1.4em; }
.typo h5, .typo h6, .typo-h5, .typo-h6 { font-size: 1.2em; }
/* 在文章中，应该还原 ul 和 ol 的样式 */
.typo ul, .typo-ul { margin-left: 1.3em; list-style: disc; }
.typo ol, .typo-ol { list-style: decimal; margin-left: 1.9em; }
.typo li ul, .typo li ol, .typo-ul ul, .typo-ul ol, .typo-ol ul, .typo-ol ol { margin-bottom: 0.8em; margin-left: 2em; }
.typo li ul, .typo-ul ul, .typo-ol ul { list-style: circle; }
/* 同 ul/ol，在文章中应用 table 基本格式 */
.typo table th, .typo table td, .typo-table th, .typo-table td, .typo table caption { border: 1px solid #ddd; padding: 0.5em 1em; color: #666; }
.typo table th, .typo-table th { background: #fbfbfb; }
.typo table thead th, .typo-table thead th { background: #f1f1f1; }
.typo table caption { border-bottom: none; }
/* 去除 webkit 中 input 和 textarea 的默认样式 */
.typo-input, .typo-textarea { -webkit-appearance: none; border-radius: 0; }
.typo-em, .typo em, legend, caption { color: #666; font-weight: inherit; }
/* 着重号，只能在少量（少于100个字符）且全是全角字符的情况下使用 */
.typo-em { position: relative; }
.typo-em:after { position: absolute; top: 0.65em; left: 0; width: 100%; overflow: hidden; white-space: nowrap; content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・"; }
/* Responsive images */
.typo img { max-width: 100%; }
/* common styles */
.ui-icon { display: inline-block; vertical-align: middle; background-image: url("../images/ui_icon.png"); background-repeat: no-repeat; background-position: -9999px -9999px; }
.width_1190, .w-1190 { width: 1190px; margin: 0 auto; }
input:focus, textarea:focus, button:focus { outline: none; }
.borderbox, .customer .infomation .info-content, .nav-top-contain, .ProductOuter.all-product-outer .item-wrap .enter, .cate-content .cate-part, .cate-content .cate-part.hot-brand-cate, .cate-content .itemgroup .item-brand, .other-cate-content, .other-cate-content .cate-part .cate-sell-point .enter, .ProductOuter, .m-rightbar .back-top, .m-rightbar .cart-count .cart-icon, .m-rightbar .kefu-icon, .m-rightbar .qrcode { -webkit-box-sizing: border-box; box-sizing: border-box; }
/* easyDialog 插件样式 */
.easyDialog_wrapper { width: 460px; color: #444; display: none; font-family: "Microsoft yahei", Arial, sans-serif; }
.easyDialog_wrapper .easyDialog_content { background: #fff; border-radius: 10px; padding-bottom: 20px; }
.easyDialog_wrapper .easyDialog_title { height: 30px; line-height: 30px; overflow: hidden; color: #666; padding: 0 10px; font-size: 14px; text-indent: -9999px; }
.easyDialog_wrapper .close_btn { float: right; width: 9px; height: 9px; margin-top: 15px; margin-right: 5px; background: url(../images/icon-close.png) no-repeat; }
.easyDialog_wrapper .close_btn:hover { color: #333; }
.easyDialog_wrapper .easyDialog_text { padding: 45px 90px; font-size: 16px; line-height: 1.625; color: #666; text-align: center; }
.easyDialog_wrapper .easyDialog_footer { text-align: center; padding: 0 10px; *zoom: 1;
}
.easyDialog_wrapper .easyDialog_footer:after { content: ''; display: block; height: 0; overflow: hidden; visibility: hidden; clear: both; }
.easyDialog_wrapper .btn_highlight, .easyDialog_wrapper .btn_normal { width: 180px; height: 34px; line-height: 32px; margin: 0 10px; border: 1px solid; cursor: pointer; font-family: "Microsoft yahei", Arial, sans-serif; font-size: 14px; padding: 0 12px; margin-bottom: 10px; }
.easyDialog_wrapper .btn_highlight { background: #8dc126; border-color: #8dc126; color: #fff; }
.easyDialog_wrapper .btn_normal { border-color: #8dc126; background: #fff; color: #8dc126; text-align: center; }
/* Header 头部的总体样式 */
.header { width: 100%; height: 30px; line-height: 30px; background: #fafafa; font-size: 12px; }
.header span { float: right; background: #666; height: 11px; width: 1px; margin-left: 15px; margin-top: 9px; }
#kf5-support-btn { display: none !important; }
.mainbody { width:1190px; margin:0 auto; }
.col-right { float: right; width: 950px; }
.col-left { float: left; }
.header .header-left { float: left; color: #fff; }
.header .header-left a.country { float: left; margin-right: 10px; }
.header .header-left a.country img { float: left; vertical-align: middle; margin-top: 5px; margin-right: 5px; }
.header .header-left a.country i { float: left; font-style: normal; }
.header .header-left a.country:hover i { text-decoration: underline; }
.header .header-left > ul > li, .header .header-right > ul > li { float: left; height: 28px; line-height: 28px; margin-right: 15px; }
.header .header-left > ul > li > a, .header .header-right > ul > li > a, .kefu-wrap { color: #fff; position: relative; display: inline-block; height: 30px; }
.header .header-left i.header-arrow { width: 100%; height: 100%; vertical-align: middle; background:url(../images/icon-headarrow.png) no-repeat; }
.header .header-left i.icon-arrow { float: right; background-position: 0 0; width: 8px; height: 4px; margin-top: 13px; margin-left: 10px; }
.header .header-right { float: right; color: #fff; }
.header .header-right a.country { float: left; margin-right: 10px; }
.header .header-right a.country img { float: left; vertical-align: middle; margin-top: 5px; margin-right: 5px; }
.header .header-right a.country i { float: left; font-style: normal; }
.header .header-right a.country:hover i { text-decoration: underline; }
.header .header-right > ul > li, .header .header-right > ul > li { float: left; height: 28px; line-height: 28px; margin-right: 15px; }
.header .header-right > ul > li > a, .header .header-right > ul > li > a, .kefu-wrap { color: #666; position: relative; display: inline-block; height: 30px; }
.header .header-right i.header-arrow { width: 100%; height: 100%; vertical-align: middle; background:url(../images/icon-headarrow.png) no-repeat; }
.header .header-right i.icon-arrow { float: right; background-position: 0 0; width: 8px; height: 4px; margin-top: 13px; margin-left: 10px; }
.drop-rate, .drop-customer { width: 90px; height:54px; padding: 0; color: #333; position: absolute; top: 30px; left: -16px; z-index: 999; display: none; }
.drop-rate, .drop-customer div{ margin-bottom:2px;}
.customer { border: 1px solid #ccc; background: #fff; text-align:center; }
.gqiconlist { margin-left:15px; }
.header img.rate_tip { vertical-align: middle; margin-left: 5px; display: inline; }
.header .tip_text { display: none; position: relative; top: -10px; left: 41px; width: 200px; }
.header .tip_text img { position: absolute; top: -8px; left: 0; }
.header .tip_text p { background: #fff; border: 1px solid #ccc; border-top: none; padding: 15px; line-height: 22px; font-size: 12px; color: #999; text-align: left; }
.header .header-left > ul > li > a:hover > .drop-rate { display: block; width: 180px; height: 60px; line-height: 60px; text-align: center; top: 29px; }
.header .header-left > ul > li > a:hover i.icon-arrow, .kefu-wrap:hover i.icon-arrow { float: right; background-position: 0 -5px; width: 8px; height: 4px; margin-top: 13px; margin-left: 10px; }
.header img.code { float: left; margin-top: 15px; margin-left: 15px; }
.kefu-wrap:hover > .drop-customer { display: block; }
.drop-customer { top: 29px; width: 90px; height: auto; }
.drop-customer .curstomer-icon { width: 20px; height: 16px; margin: -2px 9px 0 13px; }
.drop-customer .weixin-icon { background-position: 0 0; }
.drop-customer .email-icon { background-position: 0 -17px; }
.drop-customer .kefu-icon { background-position: 0 -34px; }
.customer .infomation { position: relative; line-height: 39px; display: block; }
.customer .infomation .email-address { top: 0; padding: 0 5px; height: 39px; }
.customer .infomation .qrcode { top: -1px; padding: 14px 10px 5px; }
.customer .infomation .qrcode-img { display: inline-block; vertical-align: top; width: 70px; height: 70px; }
.customer .infomation .qrcode-text { color: #333; line-height: 36px; }
.customer .infomation .info-content { display: none; position: absolute; width: 150px; left: -150px; text-align: center; background: #fff; border: 1px solid #ececec; }
.customer .infomation:hover { background: #f5f5f5; text-decoration: none; }
.customer .infomation:hover .info-content { display: block; }
.header .welcome { float: left; color: #fff; margin-right: 10px; }
.header .welcome a { display: inline; color: #fff; }
.header a.logout { display: inline; color: #fff; float: left; margin-right: 25px; }
.HeaderMiddle { width: 100%; background: #fff; height:auto;}
.HeaderMiddle .left { float: left; margin-top:15px; width: 210px; height: 75px; }
.HeaderMiddle .middle { float: left; width: 700px; margin-top: 30px; margin-left: 100px; font-size: 12px; }
.HeaderMiddle .right { float: right; width: 180px; position: relative; }
.HeaderMiddle .search_grid { float: left; width: 700px; height: 40px; position: relative; background: #1a87cb; }
.HeaderMiddle .search_box { width: 700px; height: 37px; }
.HeaderMiddle .search_box input { float: left; height: 36px; line-height: 36px; vertical-align: middle; background: #fff; width: 583px; padding-left: 10px; display: inline-block; border: none; margin-left: 2px; margin-top: 2px; outline: none; }
.HeaderMiddle .search_box input:focus { outline: none; }
.HeaderMiddle .search_box .button { float: left; width: 105px; height: 40px; cursor: pointer; background: #1a87cb; border: none; vertical-align: middle; display: inline-block; color: #fff; font-size: 16px; outline: none; }
.HeaderMiddle .search_box .button button { display: block; width: 100%; height: 100%; color: #fff; border: none; }
.HeaderMiddle .search_box .button button:hover { }
.HeaderMiddle .search-list { left: 0; right: 0; top: 40px; }
.HeaderMiddle .hot-search { margin-top: 10px; font-size: 12px; }
.HeaderMiddle .hot-search a { float: left; color: #8f8f8f; margin: 0 5px; border-right: 1px #8f8f8f solid; padding-right: 10px; line-height: 10px; }
.HeaderMiddle .hot-search a:last-child { border-right: none; }
.HeaderMiddle .feature { clear: both; float: left; width: 528px; color: #5fb236; overflow: hidden; margin-top: 10px; }
.HeaderMiddle .feature .num { float: left; margin-right: 15px; }
.HeaderMiddle .feature .num:last-child { margin-right: 0; }
.HeaderMiddle .feature p { float: left; margin-left: 10px; }
.HeaderMiddle .icon-feature { background: url("../images/header/icon-feature.png") no-repeat; width: 100%; height: 100%; display: inline-block; vertical-align: middle; float: left; margin-top: 5px; }
.HeaderMiddle .feature .icon-fone { background-position: 0 0; width: 24px; height: 29px; overflow: hidden; }
.HeaderMiddle .feature .icon-ftwo { background-position: -26px 0; width: 24px; height: 29px; overflow: hidden; }
.HeaderMiddle .feature .icon-fthr { background-position: 0 -30px; width: 24px; height: 29px; overflow: hidden; }
.HeaderMiddle .feature .icon-ffou { background-position: -26px -30px; width: 24px; height: 29px; overflow: hidden; }
.HeaderMiddle .cart-right { float: right; width: 130px; margin-top: 30px; }
.HeaderMiddle .cart-right .cart-index { position: relative; background: url("../images/icon-cart.png") 12px 12px #fafafa no-repeat; width: 130px; height: 40px; line-height: 40px; font-size: 12px; opacity: .8; filter: alpha(opacity=80); border:1px solid #ececec; text-indent:22px; }
.HeaderMiddle .cart-right .cart-index:hover { opacity: 1; filter: alpha(opacity=100); }
.HeaderMiddle .cart-right .cart-index a { float: left; margin-left: 10px; }
.HeaderMiddle .cart-right .cart-index a:hover { text-decoration:none; color:#666; }
.HeaderMiddle .cart-right .cart-index a.allHref { position: absolute; width: 100%; height: 100%; z-index: 9; margin-left: 0; }
.HeaderMiddle .cart-right .cart-index .num-box { position: absolute; top: 12px; left: 95px; border-radius: 100%; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #1a87cb; font-weight:bold; font-size: 14px; z-index: 10; text-indent:0; }
.HeaderMiddle .cart-right .cart-index span { float: left; width: 1px; height: 18px; background: #bb0000; margin-top: 12px; margin-left: 60px; }
.HeaderMiddle .cart-right .cart-index img.cart-brand { clear: both; float: right; margin-top: 10px; }
.HeaderMiddle_second .HeaderBrandLogo { float: left; margin-left: 40px; margin-top: 20px; }
.HeaderBrandLogo img { height:60px }
/* 导航栏的总体样式 */
.nav-container { height: 58px; line-height: 1.5; padding: 0; font-size: 16px; position: relative; }
.nav-box { width: 100%; border-bottom:2px solid #1a87cb; }
.nav-box .tab_content_wrap { width: 1190px; margin: 0 auto; }
.nav-container { height: 40px; }
.nav-container .nav-brand { cursor: pointer; color: #333; }
.nav-container .nav-brand .title { float: left; width: 100%; font-size: 14px; color: #666; margin-left: 30px; margin-top: 15px; text-align: left; }
.nav-container .nav-brand li { position: relative; float: left; margin-left: 30px; margin-top: 15px; margin-bottom: 10px; border: 1px #e0e0e0 solid; width: 192px; height: 115px; background: #fff; }
.nav-container .nav-brand li a { width: 192px; height: 90px; text-align: center; display: table-cell; vertical-align: middle; }
.nav-container .nav-brand li a img { display: inline; max-width: 180px; max-height: 80px; text-align: center; vertical-align: middle; }
.nav-container .nav-brand li a.more { font-size: 16px; height: 115px; line-height: 115px; }
.nav-container .nav-brand li a.more:hover { color: #6fb33e; text-decoration: none; }
.nav-container .nav-brand li .name { position: absolute; display: inline-block; width: 100%; text-align: center; height: 25px; line-height: 25px; font-size: 12px; bottom: 5px; left: 0; }
.nav-container .nav-brand li:hover { border: 1px #6fb33e solid; }
.nav-container .nav-brand-box { background: #fff; position: absolute; left: 0; overflow: hidden; vertical-align: top; padding: 10px 30px 25px 0; width: 1150px; z-index: 100; border: 1px #dcdcdc solid; border-top: none; top: 40px; }
.nav-container .nav-top-title { height: 100%; font-size: 16px; text-decoration: none !important; }
.nav-top-title:hover { color:#1a87cb; }
.H-nav { position: relative; font-size: 16px; z-index: 101; background:url(/images/listmap.png) no-repeat 8px 15px #ffffff; border:1px solid #1a87cb; border-top:none; }
.H-nav .one-title { width: 120px; margin-left: 20px; color: #333; font-weight: bold; border-bottom: 1px #ddd solid; text-align: left; }
.H-nav .nav-top { position: static; z-index: 9; width: 218px; height: 30px; line-height: 30px; text-align: left; font-size:14px; text-indent:40px;overflow: hidden;
white-space: nowrap;
display: block;
text-overflow: ellipsis; }
.H-nav .nav-top:hover, .H-nav .nav-top.active { color:#6fb33e!important; }
.H-nav .nav-top span:hover { color:#6fb33e!important; text-decoration:none; }
.H-nav .nav-top:hover .nav-top-contain { opacity: 1; filter: alpha(opacity=100); visibility: visible; }
.nav-top-contain { visibility: hidden; position: absolute; top: 0px; left: 238px; width: 950px; height:700px; padding: 5px 14px 20px 24px; overflow: hidden; vertical-align: top; background: #fff; border: 1px #dcdcdc solid; border-top: none; text-align: left;
}
.nav-top-contain.topic-nav-top-contain { height: 438px; padding-top: 15px; }
.nav-top-contain.brand-nav-top-contain { height: auto; }
.nav-top-contain a:hover { text-decoration: none; }
.nav-top-contain .more-btn { color: #333; float: right; height: 42px; line-height: 42px; }
.nav-top-nav { width: 950px; float: left; height:420px; }
.top-contain-single { width:440px; margin-right: 20px; float:left; vertical-align: top; }
.top-contain-single .top-contain-title { display: block; margin: 2px 0 2px 0; padding: 0 0 10px; line-height: 14px; color: #333; border-bottom: 1px solid #ececec; font-size: 14px; font-weight: bold; }
.top-contain-single .m-nav-top-single { float: left; margin-right: 30px; }
.top-contain-single .m-nav-top-single:last-child { margin-right: 0; }
.top-contain-single .m-nav-top-single a { display: block; width: 112px; padding: 0 0 0px 0; height: 14px; line-height: 14px; font-size: 12px; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.top-contain-single .m-nav-top-single a:hover { color: #6bac3b; }
.hot-brand { width: 230px; height: 64px; float: right; }
.hot-brand .hot-title { margin: 20px 0 0 0; padding: 0 0 10px; line-height: 18px; color: #333; font-size: 14px; font-weight: bold; }
.hot-brand .hot-brand-item { position: relative; width: 102px; height: 64px; margin: 0 10px 10px 0; float: left; text-align: center; border: 1px solid #efefef; }
.hot-brand .hot-brand-item .hot-brand-img { width: 84px; height: 60px; display: inline-block; }
.hot-brand .hot-brand-item .hot-brand-text { position: absolute; width: 100%; bottom: 5px; line-height: 16px; text-align: center; font-size: 12px; }
/*.H-nav .nav-top-contain .third-contain a.look-more{width: 75%;color: #666;border-top:1px #dcdcdc dashed;padding-top:3px;font-size: 12px;margin-top:10px;text-decoration: underline;}
.H-nav .nav-top-contain .third-contain a.look-more:hover{color:#ff9933;}*/
.H-nav .top-contain-item { display: block; color: #333; line-height: 26px; font-size: 14px; width: 120px; overflow: hidden; text-overflow: ellipsis; }
.H-nav .top-contain-item:hover { color: #6fb33e; text-decoration: none; }
.H-nav .top-menu-line { position: absolute; width: 1px; height: 88%; background: #00a8e4; }
.empty-tip { padding: 50px 0; text-align: center; }
/*=========轮播图========*/
.Carousel { float: left; width: 1190px; height: 380px; position: relative; }
.Carousel .slidesjs-control img { width: 1190px; height: 380px; }
.Carousel .slidesjs-navigation { position: absolute; top: 50%; width: 35px; height: 70px; margin-top: -35px; z-index: 10; text-indent: -9999px; }
.Carousel .slidesjs-navigation.slidesjs-previous:before, .Carousel .slidesjs-navigation.slidesjs-next:before { content: ""; position: absolute; display: block; width: 100%; height: 100%; cursor: pointer; background: #000; opacity: 0.2; filter: alpha(opacity=20); }
.Carousel .slidesjs-navigation.slidesjs-previous:after, .Carousel .slidesjs-navigation.slidesjs-next:after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 20px; margin-top: -9px; margin-left: -5px; background: url(../images/mainPage/arrow.png) no-repeat; }
.Carousel .slidesjs-navigation:hover:before { opacity: 0.5; filter: alpha(opacity=50); }
.Carousel .slidesjs-navigation.slidesjs-previous { left: 5px; }
.Carousel .slidesjs-navigation.slidesjs-next { right: 5px; }
.Carousel .slidesjs-navigation.slidesjs-next:after { background-position: -11px 0; }
.Carousel .slidesjs-pagination, .Carousel .siedesjs-pagination-mask { position: absolute; bottom: 0; left: 0; z-index: 100; text-align: center; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.Carousel .siedesjs-pagination-mask { width: 1190px; height: 105px; z-index: 99; }
.Carousel .slidesjs-pagination { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 2px; }
.Carousel .slidesjs-pagination-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 2px; }
.Carousel .slidesjs-pagination-item a { display: block; height: 32px; line-height: 32px; font-size: 12px; opacity: 0.95; -webkit-filter: aplha(opacity=95); filter: aplha(opacity=95); background: #fff; }
.Carousel .slidesjs-pagination-item a:hover, .Carousel .slidesjs-pagination-item a.active { color: #fff; background: #6fb33e; opacity: 1; -webkit-filter: aplha(opacity=100); filter: aplha(opacity=100); text-decoration: none; }
/* [[专题产品样式 */
.m-topics-wrap { margin-right: -10px; }
.m-topics-item { position: relative; overflow: hidden; width: 290px; height: 188px; float: left; margin: 10px 10px 0 0; color: #333; }
.m-topics-item .m-topics-pic { position: absolute; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 1; filter: alpha(opacity=100); }
.m-topics-item:hover .m-topics-pic { opacity: .8; filter: alpha(opacity=80); }
.m-topics-item .item-text { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 198px; height: 100px; background: #fff; opacity: 0.9; filter: alpha(opacity=90); z-index: 2; }
.m-topics-item .item-title { position: relative; padding: 20px 8px 12px; font-size: 16px; }
.m-topics-item .item-title:after { content: ""; position: absolute; left: 50%; width: 40px; height: 2px; margin-left: -20px; bottom: 0; background: #333; }
.m-topics-item .item-sellpoint { padding: 12px 8px 0; line-height: 16px; font-size: 14px; }
/* 首页产品样式 */
.index-topics-wrap { margin-top: 10px; }
.index-topics-wrap .m-topics-item { width: 390px; height: 212px; }
.nav-topics-wrap .m-topics-item { width: 278px; height: 180px; }
.nav-topics-wrap .m-topics-item .item-text { width: 198px; height: 100px; }
/* 专题产品样式]] */
/* 面包屑导航的样式 */
.breadcrumbs { width: 1190px; margin: 0 auto; height: 55px; line-height: 55px; font-size: 14px; overflow: hidden; }
.breadcrumbs li { float: left; }
.breadcrumbs .home-link { color: #333; margin-right: 0px; }
.breadcrumbs .icon-left { display: inline-block; width: 14px; height: 14px; background: url(../images/mainPage/sprite.png) no-repeat; background-position: -28px 0; vertical-align: text-bottom; margin-right: 10px; }
.breadcrumbs strong { font-weight: normal; }
.breadcrumbs .icon-right, .breadcrumbs a { color: #333; }
.breadcrumbs a:hover { color: #333; }
.breadcrumbs .cur-cat:hover { color: #999; text-decoration: none; cursor: default; }
.breadcrumbs .breadcrumbs-last { display: inline-block; max-width: 400px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/* 页面底部总体样式 */
.index-service { width: 100%; background: #fafafa; height: auto; overflow: hidden; color: #fff; font-size: 12px; }
.index-service .contain { width: 1190px; margin: 0 auto; }
.conStr {
width: 1200px;
margin: 0 auto;
}
.strIn {
padding: 0 10px;
}
.p40450 {
padding: 40px 45px 0;
}
.tj {
text-align: justify;
}.foot .inline_four {
width: 24.5%;
}
.u1, .u2, .u3, .u4 {
background: url(../images/LT_home_Sprite.png);
}.u3 {
width: 28px;
height: 27px;
}
.u324 {
background-position: -28px -108px;
}
.u3144 {
background-position: -364px -108px;
}
.u334 {
background-position: -56px -108px;
}
.u344 {
background-position: -84px -108px;
}
.u354 {
background-position: -112px -108px;
}
.u314 {
background-position: 0 -108px;
}
.ml40 {
margin-left: 40px;
}.mb5 {
margin-bottom: 5px;
}
.mt5 {
margin-top: 5px;
}.u1110 {
width: 31px;
height: 31px;
background-position: 0 -326px;
}.u1, .u2, .u3, .u4, .u5, .u6, .u7, .u8, .u9 {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat; margin-right:5px;
}.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any {
display: inline-block;
*display: inline;
font-size: 12px;
vertical-align: top;
*zoom: 1;
}.co0082 {
color: #0082ca;
font-weight:bold;
}
.l {
float: left;
}.u1210 {
width: 31px;
height: 31px;
background-position: -31px -326px;
}.u1310 {
width: 31px;
height: 31px;
background-position: -62px -326px;
}.u1410 {
width: 31px;
height: 31px;
background-position: -93px -326px;
}.u1510 {
width: 31px;
height: 31px;
background-position: -124px -326px;
}.card {
width: 480px;
overflow: hidden;
margin: 20px auto 10px;
}.inline_box {
font-size: 0;
font-family: Arial;
width:260px;
}.insert_short {
width: 140px;
}.btn_orange {
border: 1px solid #d75602;
background-color: #ff6701;
}
.btn_large {
line-height: 30px;
padding: 0 1em;
}
.btn_large, .btn_middle, .btn_small {
color: #FFF;
cursor: pointer;
vertical-align: middle;
display: inline-block;
}.insert_large, .iinsert_large {
height: 30px;
line-height: 30px;
}
.insert_small, .insert_middle, .insert_large {
border: 1px solid #eaeaea;
vertical-align: middle;
padding: 0 5px;
outline: 0;
}.inline_any {
display: inline-block;
*display: inline;
font-size: 12px;
vertical-align: top;
float:left;
*zoom: 1;
}
.index-service .s-left { float: left; width: 1190px; margin-top: 45px; border-bottom:1px dotted #1a87cb; padding-bottom:40px; }
.index-service .s-left .title, .index-service .s-right .title { font-size: 18px; font-weight: bold; overflow: hidden; text-align:center; }
.index-service .s-left .title .name { color:#1a87cb; border-bottom:2px solid #1a87cb; width:310px; margin:0 auto; }
.index-service .s-left .title a.more { float: right; font-size: 14px; margin-top: 5px; color: #fff; font-weight: normal; }
.index-service .s-left ul li { float: left; width: 220px; margin-top: 20px; margin-right: 55px; padding-left:30px; }
.index-service .s-left ul li.a1 { background:url(../images/botico.png) no-repeat 0 2px; }
.index-service .s-left ul li.a2 { background:url(../images/botico.png) no-repeat 0 -194px; }
.index-service .s-left ul li.a3 { background:url(../images/botico.png) no-repeat 0 -395px; }
.index-service .s-left ul li.a4 { background:url(../images/botico.png) no-repeat 0 -595px; }
.index-service .s-left ul li:last-child { margin-right: 0; }
.index-service .s-left ul li .tlt { font-size: 18px; color:#000; }
.index-service .s-left ul li p { margin-top: 10px; }
.index-service .s-bot { float: left; width: 1190px; margin-top: 45px; }
.index-service .s-bot .title, .index-service .s-right .title { font-size: 18px; font-weight: bold; overflow: hidden; text-align:center; }
.index-service .s-bot .title .name { color:#1a87cb; border-bottom:2px solid #1a87cb; width:220px; margin:0 auto; }
.index-service .s-bot .title a.more { float: right; font-size: 14px; margin-top: 5px; color: #fff; font-weight: normal; }
.index-service .s-bot ul li { float: left; width: 220px; margin-top: 20px; margin-right: 55px; padding-left:30px; }
.index-service .s-bot ul li:last-child { margin-right: 0; }
.index-service .s-bot ul li .tlt { font-size: 18px; color:#000; }
.index-service .s-bot ul li p { margin-top: 10px; }
.index-service .s-right { float: right; width: 235px; margin-top: 45px; }
.index-service .linkImg { background: url("../images/footer/footer-icon.png"); width: 100%; height: 100%; vertical-align: middle; float: left; margin-left: 10px; margin-top: 10px; opacity: 1; filter: alpha(opacity=100); }
.index-service .linkImg:hover { opacity: .8; filter: alpha(opacity=80); }
.index-service .wechat { background-position: 0 0; width: 35px; height: 33px; }
.index-service .weibo { background-position: 0 -33px; width: 35px; height: 33px; }
.index-service .facebook { background-position: 0 -66px; width: 35px; height: 33px; }
.index-service .twitter { background-position: 0 -99px; width: 35px; height: 33px; }
.index-service .s-right img { float: left; margin-top: 20px; margin-right: 15px; }
.index-service .s-right img:last-child { margin-right: 0; }
.index-service .footer-wx { display: none; position: absolute; background: url("../images/code-box.png") no-repeat; width: 100px; height: 108px; text-align: center; top: 40px; left: -30px; }
.index-service .footer-wx img { width: 90px; height: 90px; float: left; vertical-align: middle; margin-top: 12px; margin-left: 5px; }
.footer { width: 100%; }
.footer .contain { width: 1190px; margin: 0 auto; }
.footer .f-logo { float: left; width: 388px; margin-top: 50px; }
.footer .f-logo .address { float: left; width: 194px; font-family: "arial"; color: #666666; margin-top: 40px; font-size: 12px; }
.footer .f-logo .address a { color: #0b94d9; text-decoration: underline; }
.footer ul { width: 780px; float: right; margin-top: 50px; font-size: 14px; }
.footer ul li { float: left; width: 115px; color: #666; margin-left: 10px; }
.footer ul li.contact { float: right; width: 360px; }
.footer ul li a.title { color: #333; }
.footer ul li a:hover { color: #6baf3f; }
.footer ul li a { display: block; margin-bottom: 10px; color: #666; }
.footer ul li img { margin-bottom: 15px; }
.footer ul li p { margin-top: 20px; position: relative; }
.footer ul li .contact-icon { background: url("../images/footer/contact-icon.png") no-repeat; float: left; width: 100%; height: 100%; vertical-align: middle; margin-right: 5px; margin-top: 4px; }
.footer ul li .contact-email { background-position: 0 0; width: 20px; height: 17px; }
.footer ul li .contact-wechat { background-position: 0 -51px; width: 20px; height: 17px; }
.footer ul li .contact-time { background-position: 0 -34px; width: 20px; height: 17px; }
.footer dl { clear: both; float: left; margin-bottom: 10px; }
.footer dl dd { margin-left: 25px; }
.footer dl.wx-contact { margin-top: 10px; }
.footer dl.wx-contact i { font-style: normal; }
.footer dl.wx-contact .kfe-wx, .footer dl.wx-contact .kff-wx, .footer dl.wx-contact .kfu-wx, .footer dl.wx-contact .kcn-wx { display: none; position: absolute; background: url("../images/kfcode-box.png") no-repeat; width: 100px; height: 108px; text-align: center; top: 20px; left: -10px; z-index: 1; }
.footer dl.wx-contact .kfe-wx img, .footer dl.wx-contact .kff-wx img, .footer dl.wx-contact .kfu-wx img, .footer dl.wx-contact .kcn-wx img { width: 90px; height: 90px; float: left; vertical-align: middle; margin-top: 12px; margin-left: 5px; }
.footer dl.wx-contact dd { position: relative; float: left; margin-left: 0; margin-right: 5px; }
.footer dl.wx-contact dd.ml25 { margin-left: 25px; }
.footer .copyright { clear: both; margin-top: 40px; margin-bottom: 20px; font-size: 12px; color: #999; text-align:center; }
.footer .copyright a { color: #999; }
.coupon-dropmenu { width: 248px; padding: 4px 10px; border: 1px solid #ccc; background: #fff; font-size: 12px; position: absolute; z-index: 11; }
.coupon-dropmenu a { display: block; margin-bottom: 5px; }
.coupon-dropmenu .cancel { color: #999; text-align: right; cursor: pointer; }
.coupon-dropmenu a .price { display: inline-block; width: 80px; line-height: 30px; background: #ff3356; color: #fff; text-align: center; }
.coupon-dropmenu a .des { display: inline-block; width: 147px; line-height: 28px; padding-left: 10px; border: 1px solid #fde1c0; border-left: none; background: #fff9f2; color: #666; }
table.onestepcheckout-summary { width: 100%; background: #f5f5f5; font-size: 14px; }
table.onestepcheckout-summary .order-image { display: table-cell; width: 78px; height: 78px; text-align: center; overflow: hidden; }
table.onestepcheckout-summary .order-image img { vertical-align: middle; max-width: 78px; max-height: 78px; border: 1px solid #d8d8d8; margin-left: 30px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; }
.onestepcheckout-summary .col_2, .onestepcheckout-summary .col_4 { width: 24.41%; }
.onestepcheckout-summary .col_freesample { width: 24.41%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.onestepcheckout-summary .col_3 { width: 40.07%; text-align: center; }
.onestepcheckout-summary .col_4 { text-align: center; }
.onestepcheckout-summary th { line-height: 50px; font-size: 12px; color: #5f5f5f; }
.onestepcheckout-place-order button { width: 180px; height: 50px; line-height: 50px; border: none; background: #cc1439; font-weight: 700; font-size: 16px; text-align: center; color: #fff; cursor: pointer; }
.onestepcheckout-place-order button:hover { background: #e31941; }
/* 结算页面 -> 身份证验证 */
.id-validate { font-size: 14px; }
.id-validate .text-input { width: 290px; padding: 2px 4px; border: 1px solid #e7e7e7; }
.id-validate .identity_s { display: inline-block; width: 120px; height: 40px; line-height: 40px; background: #6fb33e; font-weight: 700; color: #fff; border: none; text-align: center; }
/* 个人中心 -> 列表页内支付未支付的订单 */
#repay-order { width: 1188px; margin: 0 auto 40px; padding: 15px 0; border: 1px solid #efefef; }
#repay-order .order-info { margin: 0 30px; }
#repay-order .payment-method { margin: 20px 30px; }
#repay-order .button { width: 180px; height: 50px; line-height: 50px; margin-left: 30px; border: none; background: #cc1439; font-weight: 700; font-size: 16px; text-align: center; color: #fff; cursor: pointer; }
/* 登录页面 / 注册页面 / 找回密码 / 重置密码 */
.account-login, .account-create, .account-findpass, .reset-password { float: left; width: 364px; overflow: hidden; background: #fff; }
.account-login h1 a, .account-create h1 a, .account-findpass h1 a, .reset-password h1 a { display: block; width: 246px; height: 120px; margin: 73px auto 4px; background: url(../images/header-logo.png) no-repeat; text-indent: -9999px; }
.account-login .col2-set, .account-create .col2-set, .account-findpass .col2-set, .reset-password form { padding: 40px 20px; }
.account-login h2, .account-create h2, .account-findpass h2, .reset-password h2 { line-height: 45px; overflow: hidden; border-bottom: 1px solid #e6e6e6; font-size: 18px; }
.account-create h2 { margin-bottom: 40px; }
.account-login h2 a { float: right; font-size: 16px; color: #666666; text-decoration: underline; }
.account-login .form-list, .account-findpass .form-list, .reset-password .form-list { margin-top: 20px; }
.account-login .form-list li, .account-create .form-list li, .account-findpass .form-list li, .reset-password .form-list .input-box { margin-bottom: 22px; padding-top: 42px; position: relative; }
.account-login .form-list .input-text, .account-login .form-list li label, .account-create .form-list .input-text, .account-create .form-list li label, .account-findpass .form-list .input-text, .account-findpass .form-list li label, .reset-password .input-text { width: 302px; height: 36px; line-height: 36px; padding: 2px 9px; border: 1px solid #ccc; position: absolute; top: 0; left: 0; }
.account-login .form-list .error .input-text, .account-create .form-list .error .input-text, .account-findpass .form-list .error .input-text { border-color: #f75354; background-color: #fbf2f6; }
.account-login .form-list .validation-failed, .account-create .form-list .validation-failed { border-color: #f75354; background: #fbf2f6; }
.account-login .form-list li label, .account-create .form-list li label, .account-findpass .form-list li label { width: 314px; height: 38px; border: none; color: #999; cursor: text; z-index: 1; }
.account-login .form-list .input-text:focus, .account-create .form-list .input-text:focus, .account-findpass .form-list .input-text:focus, .reset-password .form-list .input-text:focus { border-color: #f1ca7e; }
.account-login .form-list .validation-advice, .account-create .form-list .validation-advice, .account-findpass .form-list .validation-advice { display: none; }
.account-login .form-list .error .validation-advice, .account-create .form-list .error .validation-advice, .account-findpass .form-list .error .validation-advice { display: block; height: 18px; line-height: 18px; margin-top: 9px; padding-left: 24px; background: url(../images/icon-error-tip.png) left center no-repeat; font-size: 14px; color: #f75354; }
.account-login .ForgetPassword { display: block; font-size: 12px; color: #5f5f5f; text-align: right; margin-top: -10px; }
.account-login .buttons-set, .account-create .buttons-set, .account-findpass .buttons-set { margin-top: 7px; overflow: hidden; }
.account-login .buttons-set button, .account-create .buttons-set button, .account-findpass .buttons-set button, .reset-password .buttons-set button { display: block; width: 320px; height: 40px; line-height: 40px; border: none; background: #6fb33e; font-weight: 700; font-size: 16px; color: #fff; text-align: center; cursor: pointer; margin-left: 0; margin-top: 0; }
.account-login .buttons-set button:hover, .account-create .buttons-set button:hover, .account-findpass .buttons-set button:hover, .reset-password .buttons-set button:hover { background-color: #6fb33e; }
.reset-password .buttons-set button { margin-bottom: 20px; }
.account-create .buttons-set .back-link, .account-findpass .buttons-set .back-link { clear: both; float: left; width: 318px; height: 38px; line-height: 38px; margin-top: 20px; border: 1px solid #777; font-size: 14px; color: #777; text-align: center; text-decoration: none; }
.account-create .buttons-set .back-link:hover, .account-findpass .buttons-set .back-link:hover { background-color: #777; color: #fff; }
/* 共用的页头 -> 购物车交互样式 */
.J-shopping-bag { display: none; width: 320px; padding-top: 10px; border: 1px solid #f1f1f1; background: #fff; font-size: 12px; color: #666; position: absolute; top: 80px; right: 0; z-index: 999; }
.J-shopping-bag ul { width: 300px; margin: 0 auto; overflow: hidden; }
.J-shopping-bag li { min-height: 70px; padding: 10px 0; border-bottom: 1px solid #f1f1f1; position: relative; overflow: hidden; }
.J-shopping-bag li .shop-bagLeft { float: left; width: 250px; }
.J-shopping-bag li .shop-bagRight { float: right; width: 50px; }
.J-shopping-bag li .thumb { float: left; display: block; width: 70px; height: 70px; }
.J-shopping-bag li .name { float: right; width: 170px; overflow: hidden; display: block; font-size: 12px; color: #333; }
.J-shopping-bag li .size { float: left; display: block; color: #ee3333; }
.J-shopping-bag li .price { float: left; margin-right: 15px; display: block; color: #ee3333; }
.J-shopping-bag .shoppingbag-cart { background: #ececec; width: 100%; height: 50px; line-height: 50px; font-size: 12px; color: #666; margin-top: 10px; }
.J-shopping-bag .allPrice, .J-shopping-bag .allSize { float: left; margin-left: 10px; font-size: 12px; color: #666; margin-right: 10px; }
.J-shopping-bag .allPrice span, .J-shopping-bag .allSize span { font-weight: bold; color: #ee3333; }
.J-shopping-bag .shopping-btn a { float: right; display: block; width: 90px; height: 30px; line-height: 30px; background: #ee3333; font-size: 14px; border-radius: 5px; color: #fff; text-align: center; margin-top: 10px; margin-right: 10px; }
.J-shopping-bag .shopping-btn a:hover { background: #e31941; text-decoration: none; }
.J-shopping-bag .info { font-size: 14px; margin-bottom: 10px; }
.J-shopping-bag .ship-info { margin-top: 10px; text-align: right; }
.J-shopping-bag .corner { display: block; width: 30px; height: 15px; background: url(../images/shop-bag-conner.png) no-repeat; position: absolute; top: -9px; right: 45px; }
.J-shopping-bag .close { display: block; width: 9px; height: 9px; background: url(../images/icon-close.png) no-repeat; text-indent: -9999px; position: absolute; top: 14px; right: 14px; }
.J-shopping-bag .loading { display: block; height: 20px; background: url(../images/ajaxload.gif) center center no-repeat; }
/* mini footer */
.FootContain-mini { clear: both; }
.miniFoot { width: 1190px; margin: 0 auto; padding-top: 35px; border-top: 1px solid #ddd; font-size: 14px; text-align: center; }
.miniFoot .links { margin-bottom: 30px; }
.miniFoot .links span { display: inline-block; color: #d9d9d9; }
.miniFoot .links a { display: inline-block; padding: 0 35px; color: #5f5f5f; }
.miniFoot .copyright { color: #999; }
/* 绑定账号 -> 支付宝 */
.UnionBundleOuter { width: 1190px; margin: 0 auto; }
.UnionBundleTitle { margin-top: 40px; margin-bottom: 64px; border-top: 1px solid #ddd; font-weight: 700; font-size: 18px; position: relative; }
.UnionBundleTitle span { display: block; height: 32px; padding-right: 25px; background: #fff; position: absolute; top: -16px; left: 0; }
.UnionBundleLeft { float: left; width: 386px; margin-left: 112px; margin-bottom: 234px; padding-top: 40px; padding-right: 80px; padding-bottom: 20px; border-right: 1px dashed #ddd; }
.UnionBundleAvatar { text-align: center; }
.UnionBundleAvatar .avatar { width: 120px; height: 120px; margin-bottom: 24px; border: 1px #dcdcdc solid; }
.UnionBundleAvatar .usr-name { font-size: 18px; }
.UnionBundleLeft .word { margin-top: 36px; font-size: 14px; }
.UnionBundleRight { float: right; width: 320px; margin-right: 137px; }
.UnionSubmitButton { display: block; cursor: pointer; width: 320px; height: 40px; line-height: 40px; margin-top: 86px; margin-bottom: 18px; background: #6fb33e; font-weight: 700; font-size: 16px; color: #fff; text-align: center; }
.UnionSubmitButton:hover { background: #7bce40; text-decoration: none; }
.UnionJumpButton { display: block; width: 318px; height: 38px; line-height: 38px; margin-bottom: 18px; border: 1px solid #cc1439; background: #fff; font-size: 16px; color: #cc1439; text-align: center; }
.UnionJumpButton:hover { background: #e31941; color: #fff; text-decoration: none; cursor: pointer; }
.UnionTipWord { display: inline-block; width: 156px; font-size: 12px; color: #666; }
.UnionCreatBundle, .UnionBundleRegister .return-login, .UnionBundleLogin .return-login { text-align: right; }
.UnionLoginInput { margin-bottom: 18px; }
.UnionLoginInput input { width: 302px; height: 34px; line-height: 34px; padding: 2px 8px; border: 1px solid #ccc; font-size: 14px; }
.UnionLoginInput input:focus { border-color: #f1ca7e; }
.UnionAgree { font-size: 12px; color: #666; }
.UnionAgree a { color: #666; text-decoration: underline; }
.UnionBundleRegister .UnionSubmitButton, .UnionBundleLogin .UnionSubmitButton { margin-top: 26px; border: none; }
.UnionBundleLogin { padding-top: 34px; }
.UnionForgetPw { display: block; width: 320px; text-align: right; }
.union-login-tip { display: none; height: 18px; line-height: 18px; margin-top: 9px; padding-left: 24px; background: url(../images/icon-error-tip.png) left center no-repeat; font-size: 14px; color: #f75354; }
/* 首页产品列表 */
.CenterContain { width: 238px; }
.IndexProductContain { clear: both; }
.IndexProductTitle { position: relative; z-index: 2; height: 50px; line-height: 50px; margin-top: 20px; border-bottom: 2px solid #1a87cb!important; overflow: hidden; }
.IndexProductTitle h2 { float: left; line-height: 50px; font-size: 20px; color: #1a87cb; font-weight: bold; }
.IndexProductTitle .view-more { color: #999; float: right; font-size: 14px; }
.IndexCatalogImg { float: left; width: 475px; height: 310px; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.IndexCatalogImg img { width: 100%; height: 100%; }
/*单品落地页CSS*/
.container { width:100%; margin: 0 auto; }
.share-products { overflow: hidden; }
.share-products-title { text-align: center; background: url(../images/share_05.png) no-repeat center center; font-size: 20px; color: #333333; font-weight: bold; padding: 35px 0; }
.ProductOuter:nth-child(-n+5) {
border-top: none;
}
.ProductOuter:nth-child(5n) {
border-right: none;
}
.DiscountPercent-share { position: absolute; top: 10px; left: 10px; width: 72px; height: 22px; line-height: 22px; text-align: center; background: #f15151; color: #fff; font-size: 14px; }
/*落地页CSSend*/
/*[[首页商品分类*/
.ProductOuter.all-product-outer { padding: 0; }
.ProductOuter.all-product-outer .all-product-img { width: 100%; height: 100%; position: relative; }
.ProductOuter.all-product-outer .item-wrap { position: absolute; width: 206px; height: 156px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); text-align: center; background: #fff; bottom: 16px; }
.ProductOuter.all-product-outer .item-wrap .item-text { position: relative; font-size: 16px; padding: 24px 8px 12px; line-height: 18px; letter-spacing: 4px; }
.ProductOuter.all-product-outer .item-wrap .item-text:after { content: ""; position: absolute; left: 50%; width: 24px; height: 2px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 0; background: #333; }
.ProductOuter.all-product-outer .item-wrap .item-title { padding-top: 12px; font-size: 22px; line-height: 22px; letter-spacing: 4px; }
.ProductOuter.all-product-outer .item-wrap .enter { width: 85px; height: 24px; line-height: 20px; margin-top: 20px; display: inline-block; border: 1px solid #333; border-radius: 20px; font-size: 12px; vertical-align: top; }
.cate-title { margin-top: 20px; height: 50px; border-bottom: 2px solid #1196d9; }
.cate-title h2 { font-size: 20px; float: left; line-height: 50px; color: #333; font-weight: bold; }
.cate-title .taglist { float: left; margin: 20px 0 0 15px; }
.cate-title .taglist li { float: left; padding: 0 15px; line-height: 16px; border-right: 1px solid #ccc; font-size: 12px; }
.cate-title .taglist li.first { color: #999; }
.cate-title .taglist li:last-child { border-right: none; }
.cate-title .taglist .itm { display: inline-block; cursor: pointer; }
.cate-title .taglist .itm.marked { color: #e33; }
.cate-title .view-more { float: right; }
.cate-content .cate-part { width: 200px; float: left; text-align: center; background: #fff; border-right: 1px solid #ececec; opacity: 1; filter: alpha(opacity=100); }
.cate-content .cate-part:hover { opacity: .8; filter: alpha(opacity=80); }
.cate-content .cate-part > a { height: 325px; }
.cate-content .cate-part > a:hover { text-decoration: none; }
.cate-content .cate-part.hot-brand-cate { width: 190px; height: 325px; border-right: none; padding: 15px 20px; }
.cate-content .cate-part.hot-brand-cate .title { position: relative; width: 116px; margin: 0 auto; font-size: 14px; }
.cate-content .cate-part.hot-brand-cate .title:before, .cate-content .cate-part.hot-brand-cate .title:after { content: ""; position: absolute; width: 20px; height: 1px; background: #b4b4b4; top: 50%; }
.cate-content .cate-part.hot-brand-cate .title:before { left: 0; }
.cate-content .cate-part.hot-brand-cate .title:after { right: 0; }
.cate-content .cate-part-title { padding-top: 40px; font-size: 16px; font-weight: bold; color: #333; }
.cate-content .cate-part-des { padding-top: 15px; font-size: 14px; color: #666; }
.cate-content .cate-part-img { width: 160px; height: 160px; margin: 0 auto; padding-top: 45px; }
.cate-content .cate-part-img img { max-width: 100%; max-height: 100%; }
.cate-content .brandlist .slidesjs-pagination { margin-top: 8px; line-height: 18px; text-align: center; }
.cate-content .brandlist .slidesjs-pagination-item { display: inline-block; margin: 0 4px; }
.cate-content .brandlist .slidesjs-pagination-item a { text-indent: -9999px; width: 10px; height: 10px; border-radius: 50%; background-color: #ccc; }
.cate-content .brandlist .slidesjs-pagination-item a.active, .cate-content .brandlist .slidesjs-pagination-item a:hover { background-color: #6fb33e; }
.cate-content .itemgroup { display: none; }
.cate-content .itemgroup .item-brand { width: 148px; height: 76px; position: relative; margin-top: 10px; border: 1px solid #ececec; }
.cate-content .itemgroup .item-brand a { width: 98px; height: 70px; margin: 0 auto; }
.cate-content .itemgroup .item-brand a img { max-width: 100%; max-height: 100%; }
.cate-content .itemgroup .item-brand .name { position: absolute; width: 100%; left: 0; bottom: 5px; text-align: center; font-size: 12px; line-height: 16px; }
/*首页商品分类]]*/
/*[[德国畅销*/
.other-cate-content { margin-right: -10px; padding: 10px; background: #fff; }
.other-cate-content .cate-part { position: relative; float: left; margin-right: 10px; width: 226px; height: 340px; }
.other-cate-content .cate-part .cate-sell-point { position: absolute; left: 50%; bottom: 20px; width: 186px; height: 120px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); text-align: center; background: #fff; }
.other-cate-content .cate-part .cate-sell-point .cate-part-title { font-size: 14px; padding-top: 20px; color: #333; font-weight: bold; }
.other-cate-content .cate-part .cate-sell-point .cate-part-des { font-size: 12px; padding-top: 5px; color: #666; }
.other-cate-content .cate-part .cate-sell-point .enter { width: 85px; height: 24px; line-height: 20px; margin-top: 12px; display: inline-block; border: 1px solid #333; border-radius: 20px; font-size: 12px; vertical-align: top; }
/*德国畅销]]*/
/* 单个产品容器 */
.ProductOuter { position: relative; float: left; background: #fff; width: 238px; white-space: normal; float: left; vertical-align: middle; height: 340px; font-size: 14px; overflow: hidden; padding: 15px 20px; border-right: 1px solid #ececec; border-top: 1px solid #ddd; }
.ProductImg { display: block;/* height: 185px;*/ margin: 0 auto; text-align: center; }
.ProductImg img { /*display: inline !important; max-width: 170px; max-height: 170px; text-align: center; opacity: 1; */ }
.ProductImg img:hover { opacity: 0.8; }
.ProductName { font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; display: block; margin:15px auto; }
.OrangeButton { width: 100%; display: block; color: #fff; background: url(../images/cart.png) no-repeat 45px #1a87cb; height: 30px; line-height: 30px; cursor: pointer; border: none; margin-top: 8px; text-align: center; padding-left: 5px; font-size: 12px; }
.OrangeButton:hover { background-color: #7bce40; text-decoration: none; }
.OrangeButton:active { text-decoration: none; }
.OrangeButton.disabled { background: #b4b4b4; }
.OrangeButton .cart { display: inline-block; background-position: -54px 3px; width: 30px; height: 30px; vertical-align: middle; }
.GreyButton { width: 100%; color: #fff; background: #b4b4b4; height: 30px; line-height: 30px; cursor: pointer; border: none; margin-top: 8px; display: block; text-align: center; font-size: 12px; }
/* 折扣信息 */
.DiscountPercent { display: none; position: absolute; top: 10px; left: 10px; width: 72px; height: 22px; line-height: 22px; text-align: center; background: #f15151; color: #fff; font-size: 14px; }
.DiscountPercent span { margin-left: 5px; }
.search-productid .DiscountPercent, .main .search-productid .PriceWas { display: block; }
.main .PriceSave { color: #d71714; font-weight: bold; }
/* 价格 */
.PriceContain { height: 22px; margin-top: 5px; overflow: hidden; }
.PriceContain .PriceWasm{ text-decoration: line-through;}
.product-bundle:hover { text-decoration: none; }
.main .PriceWas { float: left; color: #999; height: 18px; text-decoration: line-through; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 0px; padding-right:10px; }
.marginsmall { margin-top:2px; margin-left:5px!important; }
.main .PriceNow { float: left; font-size: 16px; font-weight: bold; color: #1a87cb; font-family: Arial, Helvetica, sans-serif; padding-right:10px; }
.main .PriceNow span.acprice{ background:#F00; font-size:10px; font-weight:bold; padding:4px 2px; color:#FFF; }
.main .PriceOld { float: left; font-size: 16px; font-weight: bold; color: #333; font-family: Arial, Helvetica, sans-serif; }
.main .PriceRmb { font-size: 12px; color: #666; }
.ReferPrice { display: inline-block; margin-left: 20px; font-weight: 900; color: #d71714; }
.pl-soldout { position: absolute; top: 0; left: 0; width: 234px; height: 300px; background: url(../images/mainPage/sold-out.png) no-repeat; z-index: 1000; }
.index-discount { position: absolute; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; top: 18px; right: 18px; font-size: 12px; border-radius: 50%; color: #fff; background: #f06; z-index: 999; }
.index-collect { position: absolute; right: 32px; bottom: 70px; background: url(../images/collect-img.png) no-repeat; width: 100%; height: 100%; vertical-align: middle; cursor: pointer; }
.index-collect-sc { background-position: 0 0; width: 20px; height: 17px; }
.index-collect-wsc { background-position: -20px 0; width: 20px; height: 17px; }
/* 首页产品列表(无切换)*/
.IndexProduct { width: 1190px; position: relative; }
.IndexProduct .IndexProductInner { width: 1190px; }
.IndexProduct .last { border-right: none; }
.IndexProduct .IndexProductContent { background: none; position: relative; z-index: 1; }
.IndexProductContain .IndexProductContent { margin-top: -1px; }
/* 首页广告 */
.index-adv { width: 1190px; margin: 20px 0; overflow: hidden; }
.index-adv a { float: left; }
.index-adv a:last-child { float: right; }
/* 首页品牌 */
.index-brand { width: 1190px; }
.index-brand .title { width: 100%; height: 50px; line-height: 50px; color: #333; font-size: 20px; font-weight: bold; }
.index-brand .brand-box { background: #fff; width: 100%; }
.index-brand .brand-box ul li { float: left; width: 185px; height: 90px; background: #fff; margin-right: 16px; margin-top: 10px; }
.index-brand .brand-box ul li img { float: left; margin-left: 22px; margin-top: 10px; width: 140px; height: 70px; opacity: 0.8; }
.index-brand .brand-box ul li img:hover { opacity: 1; }
.HotBrand-box { float: left; width: 155px; margin-left: 25px; }
#HotBrand { display: table-cell; padding-left: 30px; width: 500px; }
#HotBrand .navproduct-img { float: left; width: 160px; height: 200px; }
.HotBrandTitle { text-align: center; }
.HotBrandTitle .word { font-size: 14px; padding: 0 9px; background: #fff; z-index: 1; position: relative; }
.HotBrandTitle .line { position: relative; width: 100%; height: 1px; background: #efefef; left: 0; top: -11px; z-index: 0; }
.HotBrandImg { width: 155px; }
.HotBrandImg a { float: left; text-align: center; display: table-cell; vertical-align: middle; margin-bottom: 20px; margin-right: 20px; }
.HotBrandImg img { float: left; width: 68px; height: 40px; margin: 5px 3px 5px 4px; border: 1px #e1e1e1 solid !important; }
/* 另一种页面结构 */
.secondTop { width: 1190px; margin: 0 auto; height: 120px; }
.secondTop .logo { float: left; width: 259px; height: 89px; margin-top: 25px; }
.secondTop .logo img { width: 100%; }
.secondTop .content { float: right; color: #666; font-size: 16px; margin-top: 45px; }
.secondTop .line { clear: both; width: 1024px; }
.secondTop .cart-step { float: right; width: 190px; margin-right: 10px; padding-top: 40px; font-size: 14px; color: #6fb33e; position: relative; }
.secondTop .cart-step .step-1 { float: left; }
.secondTop .cart-step .step-2 { float: right; }
.secondTop .cart-step-1 { background: url(../images/checkout_1.png) center top no-repeat; margin-top: 35px; }
.secondTop .cart-step-1 .step-2 { color: #ccc; }
.secondTop .cart-step-2 { background: url(../images/checkout_2.png) center top no-repeat; color: #6fb33e; margin-top: 35px; }
.secondTop .cart-step-2 .step-2 { color: #6fb33e; }
/* 注册页 */
.UnionLogin .account-create { position: absolute; right: 10px; top: 70px; z-index: 10; }
.UnionLogin .account-create input[type="email"].input-text { display: inline-block; background: url("../images/icon-regist-person.png") 10px no-repeat #fff; vertical-align: middle; text-indent: 30px; font-size: 14px; }
.UnionLogin .account-create input[type="password"].input-text { display: inline-block; background: url("../images/icon-regist-password.png") 10px no-repeat #fff; vertical-align: middle; text-indent: 30px; font-size: 14px; }
.UnionLogin .account-create label { text-indent: 30px; }
/* 身份证验证 */
#certification .id-validate .validate-form .J_scname { display: inline-block; font-size: 16px; }
#certification .id-validate .validate-form .pass-validate { color: #66bd00; }
#certification .id-validate .validate-form #idnum_text { color: #eb4949; font-size: 14px; margin-left: 30px; }
#certification .id-validate .validate-form .restrictions_guo { font-size: 14px; color: #eb4949; padding: 5px 10px; line-height: 22px; }
/* 关于我们系列页面 */
.helpCenter-contain { width: 1190px; margin: 0 auto; position: relative; }
#HelpLeftList { position: absolute; left: 0; top: 0; width: 200px; background: #f8f8f8; border: 1px #dadada solid; overflow: hidden; font-size: 14px; color: #333; }
.HelpListItem { width: 200px; height: 50px; line-height: 50px; border-bottom: 1px #dadada solid; padding-left: 21px; }
.HelpListItem.current { border-left: 6px #009fe3 solid; padding-left: 15px; color: #009fe3; }
.HelpListItem:hover { color: #009fe3; }
.HelpLine { position: absolute; height: 100%; width: 3px; right: 0; background: #efefef; z-index: -1; }
#HelpContentList { min-height: 800px; padding-left: 230px; }
#HelpContentList .question { margin-top: 10px; cursor: pointer; }
#HelpContentList .question:hover { color: #6fb33e; text-decoration: none; }
#HelpContentList .answer { display: none; text-indent: 2em; }
#HelpContentList h2 { font-size: 16px; font-weight: 900; margin-top: 10px; margin-bottom: 10px; }
.HelpSingleCt { display: none; font-size: 14px; }
.HelpSingleCt.current { display: block; }
.HelpTitle { border-bottom: 3px solid #efefef; margin-bottom: 30px; padding-bottom: 10px; font-size: 18px; }
#HelpContentList td { width: 130px; border: 1px solid #666; line-height: 30px; text-align: center; }
/*
* 我的订单翻页
*/
.my-account .toolbar-single { clear: both; float: right; margin-bottom: 70px; margin-top: 10px; }
.my-account .toolbar-single ol { text-align: center; }
.my-account .toolbar-single ol li { display: inline-block; border: 1px solid #ececec; font-size: 12px; color: #333; padding: 0px 10px; height: 28px; line-height: 28px; }
.my-account .toolbar-single .current { border-color: #6fb33e; color: #fff; background: #6fb33e; }
.my-account .toolbar-single .first, .my-account .toolbar-single .last { display: inline-block; padding: 0 7px; height: 28px; line-height: 28px; }
/*
* 结算成功返回页
*/
.idcard-wrap { width: 1190px; margin: 0 auto; padding: 50px; }
/*左侧快速导航*/
.product-anchor { position: absolute; top: 1126px; left: 50%; margin-left: -645px; z-index: 9999; width: 40px; text-align: center; border: 1px solid #ececec; border-top: none; }
.product-anchor .anchor-link { position: relative; display: block; height: 40px; line-height: 40px; text-align: center; color: #333; text-decoration: none; cursor: pointer; border-top: 1px solid #ececec; background-color: #fff; overflow: hidden; font-size: 12px; }
.product-anchor .anchor-link:hover, .product-anchor .anchor-link.active { color: #fff; background-color: #6fb33e; }
.product-anchor .anchor-link .anchor-name { width: 30px; height: 30px; line-height: 15px; margin: 5px auto; }
.product-anchor .anchor-link.anchor-one-line .anchor-name { line-height: 28px; }
/*
* 右侧悬浮栏
*/
.m-rightbar { }
.m-rightbar .back-top { display: block; width: 42px; height: 42px; padding-top: 8px; line-height: 12px; margin-top: 6px; font-size: 12px; color: #fff; text-align: center; background: #fafafa url(../images/fhdb.png) no-repeat center center; border:1px solid #ececec; }
.m-rightbar .back-top:hover { text-decoration: none; }
.m-rightbar .back-top .arrow { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 8px solid #fff; font-size: 0; display: inline-block; vertical-align: top; }
.m-rightbar .back-top .txt { display: block; }
.m-rightbar .cart-count { position: relative; display: block; }
.m-rightbar .cart-count .cart-icon { display: block; width: 42px; height: 42px; border: 1px solid #ececec; background: #fafafa url(../images/icon-cart-nav.png) center center no-repeat; }
.m-rightbar .cart-count .num-box { position: absolute; top: 3px; left: 22px; background: #ef3333; border-radius: 100%; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #fff; font-size: 12px; z-index: 10; }
.m-rightbar .kefu-icon { display: block; width: 42px; margin-top:5px; height: 42px; font-size: 0; text-align: center; border: 1px solid #ececec; background: #fafafa url("../images/weixin.png?255") no-repeat center center; }
.m-rightbar .kefu:hover .qrcode { display: block; }
.m-rightbar .qrcode { position: absolute; left: -120px; top: 25px; width: 108px; height: 130px; padding: 14px; border-radius: 5px; border: 1px solid #ececec; text-align: center; background: #fff; display: none; }
.m-rightbar .qrcode .qrcode-img { display: inline-block; vertical-align: top; width: 78px; height: 78px; }
.m-rightbar .qrcode .qrcode-text { font-size: 14px; color: #333; line-height: 36px; }
.m-rightbar .qrcode:before, .m-rightbar .qrcode:after { content: ""; position: absolute; top: 35px; right: -9px; width: 0; height: 0; border-top: 6px solid transparent; border-left: 9px solid #ececec; border-bottom: 6px solid transparent; }
.m-rightbar .qrcode:after { border-left: 9px solid #fff; right: -8px; }
#with_screen { position: fixed; left: 50%; margin-left: 595px; top: 254px; z-index: 99; }
#with_screen .weixin_screen_img { width: 100px; }
/*
* 提示已有邮箱地址
*/
.account-create .messages .error-msg a { text-decoration: underline; color: #f30; }
/*
* 大家都在看
*/
.everyone-watching { clear: both; float: left; }
.everyone-watching .pl-grid { margin-top: 10px; }
/*支付页面重写*/
.payoff-contain { width: 940px; margin: 0 auto; overflow: hidden; }
.payoff { float: left; width: 405px; border: none; text-align: left; margin: 50px 30px 0 0; }
.payoff.pay-center { float: none; margin: 50px auto 0; }
.payoff .success { background: url(../images/icon-sucess.png) no-repeat left center; font-weight: bold; text-indent: 40px; height: 48px; line-height: 48px; font-size: 16px; color: #333; margin: 0 0 20px 0; padding-left: 15px; }
.payoff .order-id { font-size: 14px; line-height: 20px; color: #666; margin-left: 50px; }
.payoff .order-id.pay-total span { font-size: 18px; line-height: 30px; font-weight: bold; color: #333333; }
.payoff .go-links { clear: both; overflow: hidden; margin-left: 50px; margin-top: 20px; }
.payoff .go-links a { float: left; border: 1px #6fb33e solid; background: #6fb33e; width: 90px; height: 34px; text-align: center; line-height: 34px; font-size: 12px; color: #fff; font-weight: normal; }
.payoff .go-links a.back { float: left; margin-left: 22px; display: inline-block; border: 1px #6fb33e solid; background: #fff; text-align: center; color: #6fb33e; }
.payoff .lag-info { width: 400px; margin: 20px auto 20px; font-size: 14px; color: #666; text-align: left; }
.azoya-club { float: left; width: 480px; margin-top: 20px; }
.authenticate-check-index .col-left { display: none; }
.authenticate-check-index .col2-left-layout .col-main { float: left; width: auto; }
.UnionPaySuccess { clear: both; width: 400px; margin: 0 auto; margin-top: 10px; font-size: 14px; color: #333; border-top: 1px #ececec solid; padding-top: 30px; }
.UnionPaySuccess .tip-word { width: 400px; margin-top: 10px; }
.UnionPaySuccess .red-button { display: block; width: 90px; height: 34px; line-height: 34px; margin-top: 24px; margin-left: 150px; background: #6fb33e; font-weight: 700; font-size: 12px; color: #fff; text-align: center; text-decoration: none; }
.UnionPaySuccess .union_binding_tip { width: 400px; margin-top: 20px; text-align: center; }
/*
* Freesample
*/
#mysamples { margin-top: 10px; width: 1190px; margin-bottom: 10px; }
#mysamples #samples { width: 1190px; background: #f5f5f5 none repeat scroll 0 0; margin: 0; padding: 0; overflow: hidden; border: 1px solid #ececec; }
#mysamples #samples .samples-left { width: 100%; background: #f0f0f0; border-bottom: 1px solid #ececec; height: 38px; line-height: 38px; }
#mysamples #samples .samples-left .left { font-size: 16px; color: #333; padding: 0px 10px; }
#mysamples #samples .samples-left .tips { font-size: 12px; padding: 6px 2px 0 10px; line-height: 18px; float: left; }
#mysamples #samples .content_sum { margin: 10px 20px; }
#mysamples #samples h3 { font-size: 16px; font-weight: normal; margin: 0 0 10px; text-transform: uppercase; }
#mysamples #samples .content { margin: 2px 0 0; position: relative; }
#mysamples #samples .content .buttons { color: #999; cursor: pointer; display: block; overflow: hidden; position: absolute; top: 15%; width: 10px; font-size: 18px; font-weight: 700; font-family: "微软雅黑"; display: block; height: 60px; text-indent: -9999px; }
#mysamples #samples .content .prev { left: -28px; background-position: 0% 50%; }
#mysamples #samples .content .next { right: -28px; background-position: 100% 50%; }
#mysamples #samples .content .disable { display: none; }
#mysamples #samples .clear-samples { text-align: center; }
#mysamples #samples .clear-samples.no-samples-selected { opacity: 0.5; }
#mysamples #samples input[type="submit"] { display: none; margin: 0 auto; }
#mysamples .sample { float: left; margin: 10px 20px 20px 0px; width: 500px; }
#mysamples .sample .img-container { margin-top: 10px; text-align: center; float: left; width: 130px; }
#mysamples .sample .img-container:hover { border-color: #000; }
#mysamples .sample .img-container img { width: 74px; height: 74px; border: 1px solid #efefef; padding: 2px; }
#mysamples .sample .img-container .vertical-helper { display: inline-block; height: 100%; vertical-align: middle; }
#mysamples .sample .img-container .dir-txt { float: left; font-size: 12px; width: 130px; margin-top: 5px; }
#mysamples .sample img { cursor: pointer; height: 72px; margin-left: -2px; max-height: 72px; max-width: 72px; vertical-align: middle; width: auto; }
#mysamples .sample .selected-sample { display: block; height: 12px; position: absolute; right: 5px; top: 5px; width: 12px; }
#mysamples .sample.last { margin-right: 0; }
#mysamples .right-con { float: left; width: 350px; }
#mysamples .product-name { float: left; font-size: 12px; padding: 5px 0px; width: 250px; margin-top: 10px; word-wrap: break-word; }
#mysamples button { width: 60px; height: 40px; border: none; cursor: pointer; }
#mysamples button span { text-align: center; line-height: 28px; }
#mysamples button.add-btn { float: right; background: #6fb33e; width: 90px; text-align: center; height: 30px; line-height: 30px; cursor: pointer; display: inline-block; color: #fff; margin-top: 20px; font-size: 14px; }
#mysamples button.add-btn.disabled.img-container { background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0%, white), color-stop(19%, #999999), to(#999999)) !important; background: -webkit-linear-gradient(top, white 0%, white 0%, #999999 19%, #999999 100%) !important; background: linear-gradient(180deg, white 0%, white 0%, #999999 19%, #999999 100%) !important; color: #333333; border-radius: 35px; border-color: #cccccc; -webkit-box-sizing: border-box; box-sizing: border-box; }
.is-free-sample { background: #999 !important; }
.sampleInfo .disabled { background: #ccc; }
.booking_list.booking_product.out-of-stock { left: -190px; top: -110px; padding: 10px 0; width: 170px; }
.freesample { display: block; background: #F90200; padding-top: 2px; width: 50px; padding-bottom: 2px; text-align: center; color: #fff; font-weight: 500; margin-top: 5px; }
/* 首页弹窗 */
.active_gg_mask { position: fixed; width: 100%; height: 100%; background: black; top: 0; left: 0; z-index: 500; opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.active_gg_box { position: fixed; width: 100%; text-align: center; top: 0; left: 0; z-index: 501; height: 100%; }
.active_gg_content { display: inline-block; *display: inline;
zoom: 1; text-align: left; border: 2px solid #6fb33e; position: relative; }
.active_gg_close { position: absolute; right: 0; top: 0; background: #6fb33e; color: white; line-height: 1; padding: 5px; cursor: pointer; }
.list_gg { margin-bottom: 25px; }
.view_gg { margin: 20px 0; }
.view_gg .view_gg_title p { color: white; text-align: left; text-indent: 10px; width: 320px; font-family: "Microsoft Yahei", Arial, serif; line-height: 36px; }
.view_gg .view_gg_box { border: 1px solid #f0f0f0; border-top: none; background: #fcfcfc; text-align: center; padding: 20px 0; }
/* 产品滚动系列页面 */
.viewProduct { width: 1190px; position: relative; }
.viewProduct .IndexProductInner { width: 1190px; position: relative; }
.viewProduct .inner { position: relative; font-size: 0; white-space: nowrap; position: relative; }
.viewProduct .ProductOuter { display: inline-block; float: none; }
.viewProduct .IndexProductContent { background: none; }
.viewProduct .left-arrow { left: 6px; }
.viewProduct .left-arrow:before { background-position: 0 0; }
.viewProduct .right-arrow { right: 6px; }
.viewProduct .right-arrow:before { background-position: 0 -21px; }
.viewProduct .arrow { display: none; position: absolute; width: 36px; height: 70px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #ccc; background-color: rgba(0, 0, 0, 0.2); cursor: pointer; z-index: 10; }
.viewProduct .arrow:hover { background-color: #b2b2b2; background-color: rgba(0, 0, 0, 0.3); }
.viewProduct .arrow:before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 21px; background-image: url("../images/arrow.png"); background-repeat: no-repeat; }
.viewProduct:hover .arrow { display: block; }
.viewProduct .DiscountPercent { display: block; }
.viewProduct .PriceWas { display: block; }
/*[[首页猜你喜欢*/
.IndexProductOuter .IndexGuessProductContain .IndexProductInner { margin-right: 0; }
.IndexProductOuter .IndexGuessProductContain .IndexProductTitle { border-bottom: 2px solid #1196d9; }
.IndexProductOuter .IndexGuessProductContain .ProductOuter { width: 238px; margin-right: 0; border: none; border-right: 1px solid #ececec; border-top: 1px solid #ddd; }
/*首页猜你喜欢]]*/
.IndexGuessProductContain .IndexProductInner, .seeProduct .IndexProductInner { margin-right: -10px; }
.IndexGuessProductContain .IndexProductTitle, .seeProduct .IndexProductTitle { border-bottom: none; }
.IndexGuessProductContain .ProductOuter, .seeProduct .ProductOuter { width: 230px; margin-right: 10px; border: 1px solid #ececec; }
.pd-container { padding-bottom: 20px; }
/* 捆绑商品 */
.bundleProduct { clear: both; width: 1190px; position: relative; }
.bundleProduct .title { height: 50px; line-height: 50px; overflow: hidden; font-size: 20px; font-weight: bold; }
.bundleProduct ul.IndexProductInner { width: 9999px; }
.bundleProduct .inner { white-space: nowrap; font-size: 0; position: relative; }
.bundleProduct .left-arrow { left: 6px; }
.bundleProduct .left-arrow:before { background-position: 0 0; }
.bundleProduct .right-arrow { right: 6px; }
.bundleProduct .right-arrow:before { background-position: 0 -21px; }
.bundleProduct .arrow { display: none; position: absolute; width: 36px; height: 70px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #ccc; background-color: rgba(0, 0, 0, 0.2); cursor: pointer; z-index: 10; }
.bundleProduct .arrow:hover { background-color: #b2b2b2; background-color: rgba(0, 0, 0, 0.3); }
.bundleProduct .arrow:before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 21px; background-image: url("../images/arrow.png"); background-repeat: no-repeat; }
.bundleProduct:hover .arrow { display: block; }
.bundleProduct .ProductOuter { border: 1px #ececec solid; white-space: normal; float: left; vertical-align: middle; width: 228px; margin: 0 5px 15px; font-size: 14px; overflow: hidden; }
.bundleProduct .IndexProductContent { background: none; }
/* Btn Loading*/
.btn { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: 40px; line-height: 40px; -webkit-appearance: none; background-color: #6fb33e; border: 1px solid #6fb33e; outline: 0; color: #fff; text-align: center; cursor: pointer; }
.btn:hover { background: #7bce40; }
.btn.loading { background-image: url("../images/loading.gif"); background-position: center center; background-repeat: no-repeat; }
.btn.disabled { background-color: #999; border: 1px solid #999; }
/* 品牌馆 */
.brand { width: 1190px; margin: 0 auto; }
.brand .brand-banner { height: 280px; }
.brand .IndexProductTitle { border-bottom: 0; }
.brand ul { margin: -10px 0px 100px -20px; overflow: hidden; }
.brand ul li { position: relative; float: left; margin-left: 20px; margin-top: 20px; border: 1px #e0e0e0 solid; width: 280px; height: 200px; background: #fff; }
.brand ul li a { width: 270px; height: 140px; text-align: center; display: table-cell; vertical-align: middle; }
.brand ul li a img { vertical-align: middle; max-width: 270px; max-height: 200px; }
.brand ul li .name { position: absolute; display: inline-block; width: 100%; text-align: center; height: 32px; line-height: 32px; font-size: 20px; bottom: 12px; }
/* 关于我们 */
.about-ba { width: 100%; background: #fff; color: #333; }
.about-ba video { width: 100%; height: 100%; }
.about-ba .about-banner { background: url("../images/about/about-banner.jpg") no-repeat; width: 100%; min-width: 1190px; height: 540px; }
.about-ba .about-content { width: 1190px; margin: 0 auto; }
.about-ba .about-step-one { width: 100%; background: #f5f5f5; height: 805px; overflow: hidden; }
.about-ba .about-step-one .stepone-left { float: left; width: 420px; margin-top: 100px; color: #333; }
.about-ba .about-step-one .stepone-left img.title { width: 420px; }
.about-ba .about-step-one .stepone-left h2 { font-weight: normal; color: #009fe3; font-size: 20px; margin-top: 35px; }
.about-ba .about-step-one .stepone-left a { display: inline-block; color: #009fe3; }
.about-ba .about-step-one .stepone-left p { display: inline-block; width: 420px; margin-bottom: 35px; overflow: hidden; font-size: 18px; }
.about-ba .about-step-one .stepone-left span { color: #009fe3; }
.about-ba .about-step-one .stepone-swf { float: right; width: 640px; height: 480px; margin-top: 100px; overflow: hidden; }
.about-ba .about-step-two { background: #5cd3ff; width: 100%; height: 1000px; overflow: hidden; }
.about-ba .about-step-two img.title { width: 360px; margin: 0 auto; margin-top: 40px; }
.about-ba .about-step-two .steptwo-box { width: 1190px; height: 640px; overflow: hidden; margin-top: 25px; background: #fff; }
.about-ba .about-step-two .steptwo-box .content { width: 100%; height: 320px; overflow: hidden; color: #333; }
.about-ba .about-step-two .steptwo-box .steptwo-left { float: left; width: 593px; }
.about-ba .about-step-two .steptwo-box .steptwo-left .dec { width: 475px; margin: 0 auto; }
.about-ba .about-step-two .steptwo-box .steptwo-left img.s-title { width: 245px; margin-top: 30px; }
.about-ba .about-step-two .steptwo-box .steptwo-left p { font-size: 18px; line-height: 30px; margin-top: 30px; }
.about-ba .about-step-two .steptwo-box .steptwo-right { float: right; width: 597px; }
.about-ba .about-step-two .steptwo-box .steptwo-right .dec { width: 480px; margin: 0 auto; }
.about-ba .about-step-two .steptwo-box .steptwo-right img.s-title { width: 245px; margin-top: 30px; }
.about-ba .about-step-two .steptwo-box .steptwo-right p { font-size: 18px; line-height: 30px; margin-top: 30px; }
.about-ba .about-step-thr { background: #f5f5f5; width: 100%; height: 815px; overflow: hidden; }
.about-ba .about-step-thr img.title { width: 345px; margin: 0 auto; margin-top: 88px; }
.about-ba .about-step-thr .stepthr-one { width: 410px; height: 60px; margin: 0 auto; margin-top: 35px; overflow: hidden; border-left: 3px #009fe3 solid; padding-left: 10px; overflow: hidden; }
.about-ba .about-step-thr .stepthr-one p { font-size: 14px; margin-top: 3px; }
.about-ba .about-step-thr .stepthr-two { width: 1190px; margin-top: 57px; overflow: hidden; }
.about-ba .about-step-thr .stepthr-two ul li { float: left; width: 376px; height: 405px; margin-right: 30px; background: #fff; }
.about-ba .about-step-thr .stepthr-two ul li img { width: 376px; height: 240px; }
.about-ba .about-step-thr .stepthr-two ul li span { color: #009fe3; }
.about-ba .about-step-thr .stepthr-two ul li .time { font-size: 18px; margin-top: 25px; margin-bottom: 15px; }
.about-ba .about-step-thr .stepthr-two ul li p { font-size: 16px; text-align: center; }
.about-ba .about-step-thr .stepthr-two ul li:last-child { margin-right: 0; }
.about-ba .about-step-four { background: url("../images/about/about-bg-four.jpg") no-repeat; width: 100%; min-width: 1190px; height: 727px; overflow: hidden; }
.about-ba .about-step-four .title { width: 180px; margin: 0 auto; margin-top: 95px; }
.about-ba .about-step-four .stepfour-one { width: 650px; height: 60px; margin: 0 auto; margin-top: 35px; overflow: hidden; border-left: 3px #009fe3 solid; padding-left: 10px; overflow: hidden; }
.about-ba .about-step-four .stepfour-one p { font-size: 14px; margin-top: 3px; }
.about-ba .about-step-four .stepfour-two { width: 1190px; margin-top: 75px; overflow: hidden; }
.about-ba .about-step-four .stepfour-two ul li { float: left; width: 275px; height: 310px; margin-right: 180px; }
.about-ba .about-step-four .stepfour-two ul li img { width: 275px; height: 212px; }
.about-ba .about-step-four .stepfour-two ul li span { color: #009fe3; }
.about-ba .about-step-four .stepfour-two ul li p { font-size: 16px; text-align: center; margin-top: 5px; }
.about-ba .about-step-four .stepfour-two ul li:last-child { margin-right: 0; }
.about-ba .about-step-five { background: #f5f5f5; width: 100%; height: 1030px; overflow: hidden; }
.about-ba .about-step-five .title { width: 170px; margin: 0 auto; margin-top: 95px; }
.about-ba .about-step-five .stepfive-one { background: #fff; border: 1px #009fe3 solid; width: 1188px; height: 720px; margin-top: 35px; }
.about-ba .about-step-five .stepfive-one .top-content { width: 100%; height: 480px; overflow: hidden; border-bottom: 1px #009fe3 solid; }
.about-ba .about-step-five .stepfive-one .top-content .left { float: left; width: 395px; height: 480px; border-right: 1px #009fe3 solid; }
.about-ba .about-step-five .stepfive-one .top-content .left .dec { width: 335px; margin: 0 auto; margin-top: 45px; }
.about-ba .about-step-five .stepfive-one .top-content .left .s-title { font-weight: bold; font-size: 22px; }
.about-ba .about-step-five .stepfive-one .top-content .left p { font-size: 18px; line-height: 30px; margin-top: 10px; }
.about-ba .about-step-five .stepfive-one .top-content .left img { width: 395px; margin-top: 28px; border-top: 1px #009fe3 solid; }
.about-ba .about-step-five .stepfive-one .top-content .center { float: left; width: 498px; height: 480px; border-right: 1px #009fe3 solid; }
.about-ba .about-step-five .stepfive-one .top-content .center img { width: 498px; border-bottom: 1px #009fe3 solid; }
.about-ba .about-step-five .stepfive-one .top-content .center .dec { width: 465px; margin: 0 auto; margin-top: 65px; }
.about-ba .about-step-five .stepfive-one .top-content .center .s-title { font-weight: bold; font-size: 22px; text-align: center; }
.about-ba .about-step-five .stepfive-one .top-content .center p { font-size: 18px; line-height: 30px; margin-top: 10px; }
.about-ba .about-step-five .stepfive-one .top-content .right { float: right; width: 293px; height: 480px; }
.about-ba .about-step-five .stepfive-one .bottom-content { width: 100%; height: 240px; overflow: hidden; }
.about-ba .about-step-five .stepfive-one .bottom-content .future { float: left; margin-left: 100px; margin-top: 75px; }
.about-ba .about-step-five .stepfive-one .bottom-content .dec { float: left; width: 785px; margin-left: 68px; margin-top: 65px; font-size: 18px; line-height: 36px; }
.about-ba .about-step-six { background: url("../images/about/about-bg-six.jpg") no-repeat; width: 100%; min-width: 1190px; height: 744px; overflow: hidden; }
/*[[专题列表页*/
.topics-layout { padding-bottom: 34px; }
.topics-list-nav-wrap { margin-top: 18px; padding-top: 1px; overflow: hidden; }
.com-loading { display: block; padding: 50px 0; width: 80px; height: 80px; margin: 0 auto; background: url(../images/com_loading.gif) center center no-repeat; }
.topics-list-nav li { float: left; margin-top: -1px; margin-right: -1px; }
.topics-list-nav li.active, .topics-list-nav li:hover { background: #6fb33e; border-color: #6fb33e; }
.topics-list-nav li.active a, .topics-list-nav li:hover a { color: #fff; font-weight: bold; text-decoration: none; }
.topics-list-nav li a { display: block; width: 197px; height: 40px; line-height: 40px; font-size: 14px; color: #666; text-align: center; border: 1px solid #ececec; }
.topics-products-list { float: left; }
.topics-products-list .IndexProductInner { margin-right: -10px; }
.topics-products-list .ProductOuter { width: 190px; height: 280px; margin-right: 10px; border: 1px solid #ececec; }
.topics-products-list .ProductImg { height: 165px; }
.topics-products-list .ProductImg img { max-width: 100%; max-height: 155px; }
.topics-products-list .ProductName { font-size: 12px; }
.topics-products-wrap { margin-top: 24px; padding-bottom: 24px; border-bottom: 1px dashed #ececec; }
.topics-products-wrap:last-child { border-bottom: none; }
.topics-products-wrap .m-topics-item { position: relative; width: 390px; height: 280px; margin-top: 0; }
.topics-products-wrap .m-topics-item .item-text { width: 270px; height: 160px; }
.topics-products-wrap .m-topics-item .item-title { padding-top: 35px; font-size: 24px; height: 48px; }
.topics-products-wrap .m-topics-item .item-sellpoint { padding-top: 10px; font-size: 18px; }
.topics-products-wrap .m-topics-item .topics-mask { position: absolute; width: 100%; height: 100%; background-color: #b2b2b2; background-color: rgba(0, 0, 0, 0.3); z-index: 10; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.topics-products-wrap .m-topics-item .topics-mask .more-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 150px; height: 36px; line-height: 36px; border-radius: 30px; text-align: center; color: #666; background: #fff; }
.topics-products-wrap .m-topics-item .topics-mask .more-btn:hover { text-decoration: none; }
.topics-products-wrap .m-topics-item:hover .topics-mask { opacity: 1; filter: alpha(opacity=1); }
/*专题列表页]]*/
/*[[专题详情页*/
.topic-banner { position: relative; height: 360px; overflow: hidden; }
.topic-banner img { position: absolute; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.topics-detail-list .IndexProductInner { margin-right: -10px; }
.topics-detail-list .ProductOuter { width: 230px; margin: 10px 10px 0 0; border: 1px solid #ececec; }
.topics-detail-list .DiscountPercent { display: block; }
/*专题详情页]]*/
/*[[品牌推荐页*/
.BrandPageContain { padding-bottom: 40px; }
.all-brands-index { width: 100%; padding: 15px 0; border-bottom: 2px solid #1196d9; background: #fff; }
.all-brands-index .all-brands { float: left; margin-right: 15px; font-size: 20px; font-weight: bold; }
.all-brands-index .anchor-link { padding: 0 13px; cursor: pointer; color: #666; }
.all-brands-index .anchor-link.active { color: #666; font-weight: bold; }
.brands-wrap { padding-top: 10px; }
.brands-wrap a { color: #333; }
.brands-wrap a:hover { color: #6fb33e; }
.brands-wrap h3 { line-height: 54px; font-weight: bold; }
.brands-wrap h3 a { font-size: 18px; }
.brands-wrap .brands-inner-wrap { line-height: 32px; font-size: 14px; }
.brands-wrap .brands-inner-wrap span { width: 184px; margin-right: 10px; display: inline-block; }
/*品牌推荐页]]*/
/*emarsys相关修饰，add by yuands*/
.viewpoints-left { font-size: 20px; line-height: 50px; float: left; color: #333; font-weight: bold; }
.J_show_prodict.show_prodict { overflow: hidden; height: 320px; margin-bottom: 60px; }
.J_emarsys_page .ProductOuter { border: 1px #ececec solid; width: 226px; white-space: normal; display: inline-block; float: none; vertical-align: middle; height: 320px; margin-right: 15px; margin-bottom: 15px; font-size: 14px; overflow: hidden; }
.DetailProductInfoTitle { height: 50px; line-height: 50px; overflow: hidden; }
.change-viewpoints.J_change_viewpoint { float: right; }
.change-viewpoints { background: url(../images/change-viewpoints.png) no-repeat; height: 23px; float: right; padding-left: 24px; line-height: 15px; margin-top: 15px; font-size: 16px; color: #666666; cursor: pointer; }
.J_emarsys_page { white-space: nowrap; font-size: 0; position: relative; }
.J_emarsys_page .PriceWas { display: block; }
/*listProductLisEmarsys修饰*/
.J_emarsys_page .list-product-outer { position: relative; background: #fff; width: 226px; white-space: normal; float: none; vertical-align: middle; height: 350px; padding: 0; margin: 0 2px; font-size: 14px; overflow: hidden; margin-top: 15px; border-bottom: 1px solid #ececec; }
.sidebar .list-product-img { width: 205px; height: 205px; display: table-cell !important; vertical-align: middle; text-align: center; padding-left: 10px; float: none; white-space: normal; text-overflow: initial; margin-top: 0px; }
.list-product-img img { display: inline !important; max-width: 170px; max-height: 170px; text-align: center; opacity: 1; }
.sidebar .list-product-name { text-align: left; width: 205px; font-size: 14px; margin: 0 auto; margin-top: 10px; line-height: 16px; height: 32px; overflow: hidden; display: block; float: none; white-space: initial; }
.price-contain { width: 205px; margin-left: 15px; text-align: left; overflow: hidden; margin-top: 10px; }
.price-now { float: left; font-size: 16px; font-weight: bold; color: #f00; font-family: Arial, Helvetica, sans-serif; }
.price-was { float: left; color: #999; height: 18px; text-decoration: line-through; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 15px; margin-top: 5px; }
.sidebar .OrangeButton { color: #fff; }
.J_show_prodict { height: 717px; overflow: hidden; }
.block-reorder { display: none; }
.block-title .viewpoints-left { color: #6fb33e; font-size: 16px; }
.block-title { overflow: hidden; border-bottom: 1px solid #ececec; margin: 0 5px; }
.block-title span { padding: 0 10px; display: block; overflow: hidden; }
.OrangeButton:hover { text-decoration: none; }
.sidebar .OrangeButton:hover { text-decoration: none; color: #fff; }
.col-left.sidebar .block.block-layered-nav { border: 1px solid #ececec; }
/**
* emarsys 模块样式
* date：2017.08.29
*/
.emarsysProduct { width: auto; }
.emarsysProduct.addLoading .IndexProductInner { border-color: transparent; background: url("../images/com_loading.gif") no-repeat center/auto; }
.emarsysProduct.addLoading:hover .arrow { display: none; }
.emarsysProduct .IndexProductInner { width: auto; background-color: #fff; }
.emarsysProduct .IndexProductInner .horizontal-scroll-box { overflow: hidden; }
.emarsysProduct .IndexProductInner .horizontal-scroll-box .inner { height: 317px; }
.emarsysProduct .IndexProductInner .horizontal-scroll-box .inner .ProductOuter { width: 237px; border: none; margin: 0; }
.emarsysProduct .IndexProductInner .left-arrow { left: 0; }
.emarsysProduct .IndexProductInner .right-arrow { right: 0; }
/*[[商品详情描述*/
.generate-detail-box { width: 790px; float: none; margin-left: 200px; }
.description-paragraph { /** template css **/ }
.description-paragraph .tpl-block:after, .description-paragraph .img-block-box:after { content: ""; display: table; clear: both; }
.description-paragraph .tpl-list { line-height: 1.4; }
.description-paragraph .tpl-block .tpl-list { float: left; }
.description-paragraph .tpl-block .tpl-item { height: 32px; line-height: 32px; }
.description-paragraph .tpl-block.cols-1 .tpl-list { width: 700px; }
.description-paragraph .tpl-block.cols-2 .tpl-list { width: 375px; }
.description-paragraph .tpl-block.cols-3 .tpl-list { width: 250px; }
.description-paragraph .img-responsive { display: block; width: 100%; }
.description-paragraph .img-block-box .tpl-list { width: 340px; margin-top: 45px; margin-left: 35px; }
.description-paragraph .img-block-box .tpl-list .tpl-item { height: 36px; line-height: 36px; }
.description-paragraph .img-block-box .tpl-list .tpl-item:first-child { font-size: 24px; font-weight: bold; margin-bottom: 20px; }
.description-paragraph .img-block-box .image-box { width: 375px; height: 250px; }
.description-paragraph .img-block-box > * { float: right; }
.description-paragraph .img-block-box > :first-child { float: left; }
.description-paragraph .img-block-box + .img-block-box { margin-top: 20px; }
.description-paragraph .image-box + .image-box { margin-top: 20px; }
.description-paragraph .tpl-title { font-size: 20px; white-space: nowrap; }
.description-paragraph .tpl-title .icon-title { width: 16px; height: 21px; margin: 0 8px; background: url("../images/title-middle-bg.png") no-repeat; display: inline-block; }
.description-paragraph .tpl-title .title-en { text-transform: uppercase; letter-spacing: 2px; width: 700px; display: inline-block; color: #bbbbbb; border-bottom: 1px solid #dddddd; }
.description-paragraph .tpl-title.level-1 { margin-top: 50px; padding-bottom: 40px; font-size: 20px; width: 100%; line-height: 1.5; height: 30px; }
.description-paragraph .tpl-title.level-2 { font-size: 36px; font-weight: 500; }
/*商品详情描述]]*/
/*2017127修补*/
.gjicon { float:left; margin-top:7px; }
.ui-autocomplete-input { height: 26px; width: 120px; float: left; border-right: none; border: 1px solid #cccccc; text-indent: 10px; display: inline; margin-top: 10px; }
.search-btn { width: 50px; height: 28px; margin-top: 10px; background:#1a87cb; color:#ffffff; border: none; }
.clear { clear:both; }
.floatleft { float:left; }
.marginleft{ margin-left:20px;}
.marginright{ }
.floatright { float:right; }
.liheight{ line-height:60px;}
.padding20 { padding:0 20px; }
.padtop20{ padding-top:20px;}
.disblock { display:block !important; }
.green { color:#1a87cb; }
#gotopnew { position: fixed; width: 65px; bottom: 260px; right: 10px; height: 180px; cursor: pointer; display: none; background-size: 34px; z-index: 999; }
.fontnormal { font-size:12px; font-weight:100; color:#666; }
.picScroll-left { width:1190px; overflow:hidden; position:relative; }
.picScroll-left .hd { overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
.picScroll-left .prev { display:block; width:30px; height:60px; float:right; margin-right:5px; margin-top:90px; overflow:hidden; cursor:pointer; background:url(../images/next.png) no-repeat; }
.picScroll-left .next { display:block; width:30px; height:60px; float:right; margin-right:5px; margin-top:90px; overflow:hidden; cursor:pointer; background:url(../images/pre.png) no-repeat; }
.picScroll-left .hd .prevStop { background-position:-60px 0; }
.picScroll-left .hd .nextStop { background-position:-60px -50px; }
.picScroll-left .hd ul { float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li { float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on { background-position:0 0; }
.picScroll-left .bd { padding:10px; }
.picScroll-left .bd ul { overflow:hidden; zoom:1; }
.picScroll-left .bd ul li { margin:10px 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li .pic { text-align:center; }
.picScroll-left .bd ul li .pic img { width:200px; height:200px; display:block; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img { border-color:#999; }
.picScroll-left .bd ul li .title { line-height:24px; width:200px; text-align:left; }
.picScroll-left .bd ul li .price { font-size:16px; font-weight:bold; color:#1a87cb; text-align:left; }
.picScroll-left .bd ul li .price span{text-decoration: line-through }
.w-crumbs { color:#666; line-height:45px; }
.w-crumbs .item { line-height:22px; cursor:pointer }
.w-crumbs .item, .w-crumbs .keyword { display:inline-block; height:22px; }
.w-crumbs .keyword { max-width:20em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.w-crumbs .sep { margin:0 8px }
.w-crumbs .cate { height:22px; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:22px }
.w-crumbs .attr, .w-crumbs .cate { display:inline-block; }
.w-crumbs .attr { position:relative; height:23px; line-height:23px; padding:0 22px 0 8px; margin-right:10px; border:1px solid; color:#1d6fb8; background:#fff; cursor:pointer }
.w-crumbs .attr:hover .button { background:#1d6fb8 }
.w-crumbs .total-tips { display:inline-block; height:22px; line-height:22px }
.w-crumbs .total-tips i { color:#1d6fb8 }
.w-crumbs .text { display:inline-block; *width:106px;
max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.w-crumbs .button { position:absolute; top:0; right:0; width:21px; height:21px; text-align:center; background:inherit }
.w-crumbs i { font-style:normal }
.margleft{ margin-left:10px!important;}
.margright{ margin-right:10px;}
.margintop{ margin-top:20px;}
.pd-buy { width: 150px; height: 40px; line-height: 40px; text-align: center; background: #1a87cb; color: #fff; font-size: 16px; font-style: normal; border:none; outline: 0; }
.pd-buy:focus { border: 0; }
.pd-buy:hover { background: #7bce40; cursor: pointer; }
.form-control {
display: block;
height:auto;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #999;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.bluefont{ color:#0066cc;}
.axtalignright{ text-align:right}
.container {
max-width: 1170px;
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11 {
float: left;
}
.col-lg-1 {
width: 8.333333333333332%;
}
.col-lg-2 {
width: 16.666666666666664%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.33333333333333%;
}
.col-lg-5 {
width: 41.66666666666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.333333333333336%;
}
.col-lg-8 {
width: 66.66666666666666%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.33333333333334%;
}
.col-lg-11 {
width: 91.66666666666666%;
}
.col-lg-12 {
width: 100%;
}
.addresslist.selected,
.addresslist.selected:hover {
padding: 11px 18px 0px;
border: none;
background: url(../images/xzdot.png?2017548) right bottom no-repeat;
border: 1px solid #1a87cb; line-height:22px;
}
.addressname{ background: url(../images/addname.png) 0px 3px no-repeat; padding-left:25px;}
.addressphone {
background: url(../images/addsj.png) 0px 3px no-repeat; padding-left:25px; line-height:25px;
height:30px;
float:left;
}
.btnsmall{ padding:0px 8px !important; width:40px !important;}
.addresscart {
background: url(../images/adddz.png) 0px 3px no-repeat; padding-left:25px;
height:50px;
}
.addresslist.first {
margin-left: 0;
}
.addresslist {
position: relative;
float: left;
width: 242px;
height: 147px;
margin-right: 6px;
margin-left: 2px;
margin-bottom: 10px;
padding: 11px 18px 0;
border: 1px solid #ddd;
border-radius: 3px;
line-height:22px;
background: #fff;
cursor: pointer;
}
/********弹框提示信息********/
.pop-header .pop-close, .pop-con .pop-icon { background: url(../images/common-icon.png) no-repeat; }
.pop-mask { position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.15; filter: alpha(opacity=15); left: 0; top: 0; z-index: 999999; display: none; s
}
.pop-main { border: 4px solid rgba(0,0,0,.1); border: 4px solid #ccc\9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 410px; position: fixed; z-index: 1000001; display: none; overflow: hidden; left: 50%; margin-left: -360px; }
.pop-header { position: relative; padding: 0 10px; height: 36px; line-height: 36px; background: #ffffff; font-size: 14px; color: #666; font-family: "Microsoft YaHei"; }
.pop-header .pop-close, .pop-header .tell-me-close { display: block; width: 13px; height: 13px; background-position: -41px -44px; position: absolute; right: 13px; top: 13px; }
.pop-con { padding: 10px 10px 40px; background: #fff; position: relative; min-height: 80px; text-align: center; }
.pop-con .pop-icon { display: block; width: 39px; height: 39px; background-position: -118px -43px; position: absolute; left: 20px; top: 20px; }
.pop-con .pop-text { padding: 10px 20px 15px 60px; font-size: 14px; line-height: 1.5em; text-align: left; }
/*.pop-con .pop-sure{
display: block;
width:100px;
height: 30px;
line-height:30px;
font-size: 14px;
text-align:center;
color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin:10px auto;
border:0;
cursor:pointer;
}*/
/*****登陆弹框*****/
.pop-login .msg-wrap .msg-icon, .pop-login .item .icon, .pop-login .item-coagent a i { background: url(../images/user-icon.png) no-repeat; }
.pop-login { display: none; }
.pop-login .form { margin: 0 auto; padding:0; }
.pop-loginwidth { width:700px; }
.pop-loginwidth .form { margin: 0 auto; padding:0; width:700px; }
.pop-loginwidth2 { width:380px; }
.pop-loginwidth2 .form { margin: 0 auto; padding:0; width:380px; }
.pop-login .form .mt { display: block; overflow: hidden; height: 27px; }
.pop-login .form .mt h2 { height: 27px; line-height: 27px; float: left; color: #666; font-size: 20px; }
.pop-login .form .mt .right_register { float: right; line-height: 27px; }
.pop-login .form .mt .right_register .text { float: left; }
.pop-login .form .mt .right_register .icon { float: left; width: 6px; height: 9px; background: url(../images/common-icon.png) no-repeat; background-position: -90px 0; margin: 9px 0 0 4px; }
.pop-login .form .mc { overflow: hidden; text-align: left; }
.pop-login .msg-wrap { min-height: 31px; height: auto; margin: 5px 0; visibility: hidden; }
.pop-login .msg-wrap .msg-error { position: relative; background: #fff6f7; color: #E31939; border: 1px solid #ff6d82; padding: 3px 10px 3px 40px; line-height: 18px; min-height: 18px; }
.pop-login .msg-wrap .msg-icon { position: absolute; left: 13px; top: 5px; display: block; width: 14px; height: 14px; background-position: 0 0; }
.pop-login .item { overflow: hidden; height: 38px; position: relative; border: 1px solid #ddd; margin-bottom: 20px; }
.pop-login .item-error, .pop-login .item-authcode .item-error { border: 1px solid #E31939!important; }
.pop-login .item-focus, .pop-login .item-authcode .item-focus { }
.pop-login .item .icon { display: block; width: 20px; height: 20px; position: absolute; left: 10px; top: 9px; }
.pop-login .item .text { line-height: 18px; height: 18px; border: 0; padding: 10px 0 10px 40px; width: 264px; float: none; overflow: hidden; font-size: 14px; }
.pop-login .item-name .icon { background-position: 0 -15px; }
.pop-login .item-password .icon { background-position: 0 -36px; }
.pop-login .item-authcode { border: 0; height: 40px; }
.pop-login .item-authcode .item-detail { border: 1px solid #ddd; width: 100px; }
.login-wrap .login-form .item-authcode .item-error { border-color: #E31939; }
.pop-login .item-authcode .icon { background-position: 0 -57px; }
.pop-login .item-authcode .text { width: 60px; float: left; }
.pop-login .item-authcode .img { margin-top: 3px; }
.pop-login .safety { margin-bottom: 15px; overflow: hidden; height: 18px; line-height: 18px; }
.pop-login .safety .checkbox { vertical-align: middle; }
.pop-login .login-btn { margin-bottom: 20px; }
.pop-login .login-btn .btn-img { width: 300px; height: 35px; font-size: 14px; color: #FFF; background: #E31939; text-align: center; line-height: 35px; text-decoration: none; cursor: pointer; letter-spacing: 2px; border: none; }
.pop-login .item-coagent { height: 24px; line-height: 24px; overflow: hidden; }
.pop-login .item-coagent a { float: left; height: 24px; padding-left: 26px; position: relative; margin-right: 25px; }
.pop-login .item-coagent a i { display: block; width: 24px; height: 24px; position: absolute; left: 0; top: 0; }
.pop-login .item-coagent a i.weixin { background-position: -24px 0; }
.pop-login .item-coagent a i.qq { background-position: -24px -25px; }
.pop-login .item-coagent a i.sina { background-position: -24px -50px; }
.pop-login .item-coagent a i.alipay { background-position: -24px -76px; }
.pop-login .item-coagent a.last { margin: 0; }
.addresstable {
width: 60%;
margin-top: 20px;
margin:0 auto;
font-size: 12px;
color: #666;
}
.width90{ width:90%;}
.width100{ width:100%;}
.width70{ width:70%;}
.addresstable td {
line-height: 35px;
height:50px;
}
.tctitile{
font-size: 20px;
color: #1a87cb;
text-align:center;
font-weight: bold; margin-bottom:30px;
}
.aside { width: 220px; margin-bottom: 10px; background:#fafafa; padding-bottom:10px; height:auto; float:left; }
.w-pagination { text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; color:#666; margin-bottom:50px; margin-top:20px; }
.w-pagination .pagination-container { line-height:26px; display:inline-block }
.w-pagination .page-item { float:left; width:30px; height:28px; border:1px solid #ececec; cursor:pointer }
.w-pagination .page-item:hover { color:#1d6fb8; border-color:#1d6fb8 }
.w-pagination .page-item.active { color:#fff; border-color:#1d6fb8; background-color:#1d6fb8 }
.w-pagination .page-item.active:hover { color:#fff; }
.w-pagination .page-item.next, .w-pagination .page-item.prev { width:48px; margin:0 20px; background-color:#fff }
.w-pagination .page-item.next.disabled, .w-pagination .page-item.prev.disabled { color:#d7d7d7; border-color:#ececec!important; cursor:default }
.w-pagination .page-item a, .w-pagination .page-item span { display:block; width:100%; height:100% }
.w-pagination .page-ellipse { float:left; height:26px; border:1px solid transparent }
.w-pageSwitcher .next:hover, .w-pageSwitcher .pre:hover { border-color:#6fb33e }
.w-pageSwitcher .next:hover .arrow, .w-pageSwitcher .pre:hover .arrow {background-image:url(../images/sprite.png); }
.w-pagination .page-item:hover { color:#6fb33e; border-color:#6fb33e }
.w-pagination .page-item.active { border-color:#6fb33e; background-color:#6fb33e }
.data-table { width:100%; }
.data-table th { line-height: 32px; border: 1px solid #d9d9d9; background: #fafafa; color: #666; text-align: center; }
.data-table td { line-height: 25px; padding: 20px 0; border: 1px solid #f1f1f1; color: #666; font-size: 12px; }
.data-table2 { width:100%;border-bottom: 1px dotted #1a87cb; margin:20px 0px; }
.data-table2 th { line-height: 32px; color: #666; text-align: center; }
.data-table2 td { line-height: 25px; padding: 5px 0; border: 0; color: #666; font-size: 12px; }
.data-table .lefttd { border-left:none }
.data-table .righttd { border-right:none; }
.data-table td.carpic img { border: 1px solid #f1f1f1; }
.old-price { color: #a0a0a0; text-decoration: line-through; font-size: 14px; font-weight: 100; }
.save-price { padding: 0 7px; color: #1a87cb; display:inline; border:1px solid #1a87cb; }
.carprice { font-size: 16px; font-weight: bold; color: #1a87cb; width:100%; }
.btn-remove, .checkout-cart-index .btn-remove:visited {
display: inline-block;
width: 88px;
height: 24px;
line-height: 24px;
border: 1px solid #666666;
background:#fafafa;
color: #666;
text-align: center;
}
.btncom{
display: inline-block;
margin: 0;
line-height: 24px;
vertical-align: middle;
font-size: 12px;
text-shadow: none;
box-shadow: none;
background: #1a87cb;
border: 0 none;
color: #fff;
font-weight: 500;
cursor: pointer;
text-align:center; width:90px;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
transition: all .1s linear;
}
.btncom2{
display: inline-block;
margin: 0;
line-height: 32px;
vertical-align: middle;
font-size: 12px;
text-shadow: none;
box-shadow: none;
background: #1a87cb;
border: 0 none;
color: #fff;
font-weight: 500;
cursor: pointer;
text-align:center; width:90px;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
transition: all .1s linear;
}
.titspan { display: inline-block; margin: 0; line-height: 15px; vertical-align: middle; font-size: 12px; text-shadow: none; box-shadow: none; background:#1a87cb; border: 0 none; color: #fff; font-weight: 500; border-radius: 15px; cursor: pointer; padding: 2px 5px; -webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
transition: all .1s linear; margin-right:3px; margin-bottom:3px;
}
.product-layer { margin-bottom:35px }
.product-layer .container { position:relative }
.product-layer .product-container { display:none; margin:0 -7px }
.product-layer .product-container:after { content:""; display:table; clear:both }
.product-layer .m-product { float:left; width:215px; height:405px; margin-left:20px; }
.product-layer .m-product2 { height:315px!important; }
.m-product-action, .m-product-name, .m-product-price, .m-product-warehouse { }
.m-product { position:relative; display:block; -webkit-box-sizing:border-box; box-sizing:border-box; }
.m-product:hover { z-index:1; border-color:#f93; overflow:visible }
.m-product:hover .m-product-scale { }
.m-product:hover .m-product-action { display:block }
.m-product:hover .m-product-name { }
.m-product-scale { width:100%; -webkit-transition:-webkit-transform .3s;
transition:-webkit-transform .3s;
transition:transform .3s;
transition:transform .3s, -webkit-transform .3s
}
.m-product-wrapper { position:relative; display:block; width:100%; height:100%; padding-bottom:16px }
.m-product-pic { padding-top:20px; padding-bottom:12px; text-align:center }
.m-product-pic img { display:inline-block; width:213px; height:213px; vertical-align:top; border:1px solid #ececec; }
.m-product-pic img.error { background:url(//source-ba.azoyacdn.com/skin/frontend/PlumTree/default/release_pc/img/placeholder.jpg) 50% no-repeat }
.m-product-price { margin-bottom:16px; color:#f93 }
.m-product-price i { font-style:normal }
.m-product-price .p-price { display:inline-block; height:1em; font-size:20px; font-weight:600; line-height:1; vertical-align:top }
.m-product-price .p-price i { font-size:60% }
.m-product-price .p-original { float:right; margin-top:4px; color:#999; text-decoration:line-through }
.m-product-price .p-reference { height:1em; margin-top:11px; line-height:1; color:#999 }
.m-product-name { height:40px; overflow:hidden;}
.m-product-warehouse { height:1em; margin:18px 0 9px; line-height:1; color:#999 }
.m-product-sales { position:absolute; top:20px; left:20px }
.m-product-sales .label { width:50px; height:50px; padding:4px; text-align:center; line-height:50px; background-color:#ff4c4c }
.m-product-sales span { display:inline-block; font-size:16px; line-height:1.25; color:#fff }
.m-product-off { position:absolute; top:250px; left:20px; text-align:center; overflow:hidden }
.m-product-off .p-off { display:inline-block; min-width:43px; padding:2px .5em; font-size:12px; line-height:1; border:1px dashed; color:#f93; background:#fff }
.m-product-pro { position:absolute; top:250px; left:66px; width:199px; height:18px; font-size:0; overflow:hidden }
.m-product-pro .p-sale { display:inline-block; padding:3px .5em; line-height:1; color:#fff; font-size:12px; margin-right:3px; background:#f93 }
.m-product-pro.no-sales { left:20px; width:245px }
.m-product-stock { position:absolute; top:212px; left:20px; width:247px; height:32px; font-size:14px; line-height:32px; text-align:center; color:#fff; background-color:rgba(51, 51, 51, .6); -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.m-product-action { text-align:center; z-index:9999; display:none; position:absolute; left:1px; top:210px; width:214px; overflow:hidden; }
.m-product-spu { display:none }
.m-product.scale-x:hover .m-product-scale { width:344px; height:460px; margin-left:-11px }
.m-product.scale-x:hover .m-product-spu { display:block }
.m-product.scale-x:nth-child(4n):hover {
-webkit-transform:translateX(-33px);
transform:translateX(-33px)
}
.m-product.scale-x .m-product-wrapper { position:absolute; top:0; left:0 }
.m-product.scale-x .m-product-spu { position:absolute; top:20px; right:-30px; display:none }
.m-product.scale-x .m-product-spu .spu-wrapper { width:100%; height:222px; margin:8px 0; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.m-product.scale-x .m-product-spu .spu-item { position:relative; display:block; width:38px; height:38px; margin-bottom:8px; text-align:center; border:1px solid transparent; cursor:pointer }
.m-product.scale-x .m-product-spu .spu-item.active, .m-product.scale-x .m-product-spu .spu-item:hover { border-color:#f93 }
.m-product.scale-x .m-product-spu .spu-item.invalid:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(51, 51, 51, .3) }
.m-product.scale-x .m-product-spu .spu-item img { display:inline-block; width:90%; height:90%; margin-top:5% }
.m-product.scale-x .m-product-spu .spu-slide-next, .m-product.scale-x .m-product-spu .spu-slide-pre { visibility:hidden; font-size:0; text-align:center; cursor:pointer }
.m-product.scale-x .m-product-spu.slide .spu-slide-next, .m-product.scale-x .m-product-spu.slide .spu-slide-pre { visibility:initial }
.bigts{ font-size:30px; margin:60px auto; text-align:center;}
.tmprice{
background: #F00;
font-size: 10px;
font-weight: bold;
padding: 4px 2px;
color: #FFF;}
.pd-ctrl { margin-top: 13px; }
.pd-ctrl .add-to-box { clear:both; float:left; margin-top:20px; }
.pd-qty, .pd-collect { float: left; display: block; }
.pd-qty { position: relative; }
.pd-qty .qty-selected { display: block; float:left; width: 32px; height: 30px; text-align: center; padding:0 10px; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; outline: none; color: #333; font-size: 12px; }
.pd-qty .qty-add, .pd-qty .qty-reduce { display: block; width: 15px; height: 18px; position: absolute; right: 0; border: 1px solid #ccc; cursor: pointer; }
.pd-qty .qty-add { top: 0; background: url(../../images/mainPage/qty-selected-add.png) no-repeat #f1f1f1; }
.pd-qty .qty-reduce { bottom: 0; background: url(../../images/mainPage/qty-selected-reduce.png) no-repeat #f1f1f1; }
.pd-qtychoose { clear:both; float:left; width: 100%; font-size:14px; padding-left:20px;}
.pd-qtychoose .pd-selection { float:left; margin-top:5px; font-size:14px; width:70px; }
#DetailQty { border: 1px #cccccc; width: 50px; border-style: solid none; line-height: 30px; height: 30px; text-align: center; font-size: 16px; }
.DetailQtyCt { float:left; font-size: 0; }
.DetailQty { float:left; display: inline-block; width: 30px; height: 30px; font-size:30px; text-align:center; line-height:26px;text-align: center; border: 1px solid #dadada; position: relative; vertical-align: middle; -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ user-select:none; background: #f1f1f1; cursor: pointer; }
.DetailQty.sub { border-radius: 3px 0 0 3px; }
.DetailQty.plus { border-radius: 0 3px 3px 0; }
.DetailQty.rayfont{ color:#a0a0a0;}
/*.DetailQty.plus:before { content: ''; display: block; line-height: 0; width: 12px; height: 2px; position: absolute; top: 50%; left: 50%; background: #31362F; margin: -1px 0 0 -5px; }
.DetailQty.plus:after { content: ''; display: block; line-height: 0; width: 2px; height: 12px; position: absolute; top: 50%; left: 50%; background: #31362F; margin: -6px 0 0 0px; }
.DetailQty.sub:before { content: ''; display: block; line-height: 0; width: 12px; height: 2px; position: absolute; top: 50%; left: 50%; background: #31362F; margin: -1.5px 0 0 -7px; }
.DetailQty.num-sub:before { background: #aaa; }
.DetailQty.plus-sub:before { background: #aaa; }*/
.DetailProductInfo { }
.DetailProductInfoTitle { color: #1d6fb8; font-size: 18px; border-bottom: 1px solid #efefef; font-weight: bold; line-height: 40px; margin-bottom: 20px; }
.DetailProductInfoTitle i { font-size: 16px; font-weight: normal; }
.pd-qty .qty-selected {
display: block;
float: left;
width: 32px;
height: 30px;
text-align: center;
padding: 0 10px;
border: none;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
outline: none;
color: #333;
font-size: 12px;
}
.addcartwidth{ width:120px; margin:0 auto!important; float:none!important;}
.paginationnew { margin: 0; padding: 20px; text-align: center; font-size: 12px; display: block; }
.paginationnew ul { display: inline-block; margin-left: 0; margin-bottom: 0; padding: 0; }
.paginationnew ul li { float: left; }
.paginationnew ul li span { margin: 3px 5px 3px 0; float: left; padding: 7px 2px; color: #999; border-radius: 2px; }
.paginationnew ul>li.normal { display: inline; margin: 3px 5px 3px 0; float: left; padding: 7px 14px; background-color: #ddd; color: #666; border-radius: 2px; }
.paginationnew ul>li.active { display: inline; margin: 3px 5px 3px 0; float: left; padding: 7px 14px; background-color: #1a87cb; color: #ffffff; border-radius: 2px; }
.navcd{ width:1190px; height:40px; margin:0 auto; margin-top:20px; position:relative; line-height:40px; margin-bottom:2px;}
.navcd ul li{ float:left; margin-left:30px; color:#1a87cb;}
.navcd ul li.navhot { background:url(../images/hot.png) no-repeat right top; }
.navcd ul li.navhot{ padding-right:10px; }
.navcd ul li a{color:#1a87cb;}
.CenterContain{ padding-top:10px; padding-bottom:20px;}
.contentseach a{ display:block; float:left; margin-left:10px; color:#999; }
.contentseach a{ color:#999; }
.contentseach{ width:700px; overflow:hidden; margin-left:310px; height:18px;}
.pro-shipping span{ display:block; float:left; line-height:32px; margin-right:10px;}
.float_right {
margin-right: 10px;
float: right;
}.article_list_s li {
line-height: 40px;
padding-left: 20px;
font-size: 12px;
border-bottom: 1px solid #e9f2fd;
}
.graya {
color: #9d9d9d;
}
.hyfont {
font-size: 12px;
}
.article_list_s{ }