/* CSS Document */
body, button, input, textarea, select { outline: none; font-family: "Microsoft YaHei"; }
body { -webkit-font-smoothing: antialiased; background-color: #fff; color: #666; }
ul,dl,li{ margin:0; padding: 0; list-style: none; }
a, button, input, textarea, select{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
a,a:hover{ text-decoration: none; }
html,body{ height:100%;}

.btn:focus,
.custom-select:focus,
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ccc;
    outline: 0;
    box-shadow: 0 0 0 0px rgba(0,123,255,.25);
}

.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.lin-m { }
.lin-m.lin-m-header{ }
.lin-m.lin-m-footer{ }
.lin-m .container-fluid{ position: absolute; z-index: 0;left: 0; top: 0; right: 0; bottom:0; background: #efefef; overflow: auto; padding-left: 0; padding-right: 0;}
.lin-m.lin-m-header .container-fluid{ top: 44px; }
.lin-m.lin-m-footer .container-fluid{ bottom: 44px; }

.footer{ padding: 10px; font-size: 12px; color: #999; text-align: center; }
.footer a{ color: #999; }

.pop-share{ visibility: hidden; position: fixed; z-index: 99999; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.75); -o-transition:all .15s ease-in-out; -webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; transition:all .15s ease-in-out; opacity:0; }
.pop-share .pop-share-inner{ position: relative; float: right; padding: 20px; margin: 45px 5px 0 0; color:#333; background: rgba(255,255,255,1); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -o-transition:all .15s ease-in-out; -webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; transition:all .15s ease-in-out; }
.pop-share .pop-share-inner:before{ position: absolute; right:15px; top: -20px; width:0; height:0; border: 10px solid transparent;border-left-color: #fff;position:absolute;content:'';transform: rotate(270deg);-ms-transform: rotate(270deg); -webkit-transform: rotate(270deg);-o-transform: rotate(270deg);-moz-transform: rotate(270deg); }
.pop-share.active{ visibility:visible; opacity:1; }
.pop-share.active .pop-share-inner{ margin: 15px 5px 0 0;}

.pro-header{ position: fixed; z-index: 99999; top: 0; left: 0; right: 0; text-align: center; /*background: rgba(255,255,255,0.97); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px rgba(0,0,0,0.1);*/ }
.pro-header-nav { position: relative; z-index: 99999; background: #fff; -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.pro-header-nav:before { z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom:0; border-bottom: 1px solid #ddd; content: ""; display: block;}
.pro-header-nav .pro-header-nav-lft{position: relative; z-index: 1; width: 44px; text-align: center; }
.pro-header-nav .pro-header-nav-lft a{ display: block; line-height: 44px; font-size: 24px; color: #999;}
.pro-header-nav .pro-header-nav-rgt{position: relative; z-index: 1; width: 44px; text-align: center; }
.pro-header-nav .pro-header-nav-rgt a{ display: block; line-height: 44px; font-size: 24px; color: #999;}
.pro-header-nav .pro-header-nav-mid {position: relative; z-index: 1; height: 44px; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; text-align: center; }
.pro-header-nav .pro-header-nav-mid .pro-header-nav-logo { vertical-align: top; height: 44px; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.pro-header-nav .pro-header-nav-mid .pro-header-nav-logo img{ margin-top: 5px; height:34px;}
.pro-header-nav .pro-header-nav-mid .pro-header-nav-title{ line-height:44px; font-size: 18px; font-family: "Microsoft YaHei"}
.pro-header-nav .pro-header-nav-mid .pro-header-nav-link{ -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; font-size: 18px; }
.pro-header-nav .pro-header-nav-mid .pro-header-nav-link ul{ margin: 0 6%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pro-header-nav .pro-header-nav-mid .pro-header-nav-link ul li{ -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; line-height: 44px; }
.pro-header-nav .pro-header-nav-mid .pro-header-nav-link a{ display: inline-block; font-size: 16px; color: #999; height: 44px; vertical-align: top;}
.pro-header-nav .pro-header-nav-mid .pro-header-nav-link a.active{ border-bottom: 2px solid #3eb987; }

.pro-header-nav .pro-header-nav-mid .pro-header-nav-search{ height: 44px; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; font-size: 18px; }
.pro-header-nav .pro-header-nav-mid .pro-header-nav-search form{ margin-top: 7px;}
.pro-header-nav .pro-header-nav-mid .pro-header-nav-search form .btn{ width: 40px; background: #fff;border: 1px solid #ced4da; color:#ced4da;}
.pro-header-nav .pro-header-nav-mid .pro-header-nav-search form .btn i { font-size: 16px; margin-top: 3px; color: #999;}

.pro-header-nav.active .pro-header-nav-mid .pro-header-nav-logo { margin-top: -44px; }
.pro-header-nav.active .pro-header-nav-mid .pro-header-nav-link { }

.lin-header-nav{ position: fixed; z-index: 99997; left: 0; right: 0; top: 44px; background: #fff; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px rgba(0,0,0,0.1);display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
/*.lin-header-nav:before {z-index: 999999; height: 0; content: ""; display: block; border-top: 1px solid #ddd; position: absolute; left: 0; right: 0; top: 0; bottom:0; }*/
.lin-header-nav .lin-nav-menu { font-size: 15px; line-height: 44px; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1;}
.lin-header-nav .lin-nav-menu li{ width: auto; padding: 7px 10px; }
.lin-header-nav .lin-nav-menu li a{ display: block; line-height: 2em; color: #666;}
.lin-header-nav .lin-nav-menu li.active a{ padding: 0px 10px; background: #aaa; color: #fff; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  }
.lin-header-nav .lin-nav-more { width: 44px; min-width: 44px; max-width: 44px; line-height: 44px; text-align: center; color: #999; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.lin-header-nav .lin-nav-more i{ color: #999; }
.lin-header-nav .lin-nav-all { display: none; padding: 0 10px; font-size: 15px; line-height: 44px; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1;}
.lin-header-nav .lin-nav-all a{ color: #999; }
.lin-header-nav.active .lin-nav-menu { display: none; }
.lin-header-nav.active .lin-nav-all { display: block; }
.lin-header-nav.active .lin-nav-more i{ transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg); }

.lin-nav-menu-pop{ visibility: hidden; position:fixed; z-index: 99997; left: 0; top:88px;right: 0; bottom:0; background: rgba(255,255,255,0.98); -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.lin-nav-menu-pop .swiper-wrapper { padding: 5px; width: auto; height: auto; font-size: 14px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.lin-nav-menu-pop .swiper-wrapper li{ padding: 5px; width: 33.33333%; min-width: 33.33333%; max-width: 33.33333%; }
.lin-nav-menu-pop .swiper-wrapper li a{ position: relative; display: block; color: #999; text-align: center; padding:0px 10px; line-height:44px; height: 44px;overflow: hidden;}
.lin-nav-menu-pop .swiper-wrapper li a:before{ content: ""; display: block; border: 1px solid #ddd; position: absolute; left: 0; top: 0; right: 0; bottom:0; pointer-events: none; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;  }
.lin-nav-menu-pop .swiper-wrapper li a:focus{ background: #f1f1f1;-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px rgba(0,0,0,0.1); }
.lin-nav-menu-pop.active{ visibility: visible; background: rgba(255,255,255,0.98); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1;}
.lin-nav-menu-pop .swiper-wrapper li.active a{ background: #aaa; color: #fff; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;   }


.lin-submenu{ visibility: hidden; position:fixed; z-index: 99998; left: 0; right: 0; bottom:0; top: -320px; background: rgba(0,0,0,0.5); -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.lin-submenu .pro-home-nav { padding: 5px 0; background: rgba(255,255,255,1); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
.lin-submenu .pro-home-nav li{ padding: 1px; width: 20%; min-width: 20%; max-width: 20%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 12px; }
.lin-submenu .pro-home-nav li a{ display: block; padding: 5px 5px; color: #999; }
.lin-submenu .pro-home-nav li a i{ display: block; margin: auto; width: 48px; height: 48px; line-height: 46px; font-size: 32px; background: #3eb987; color: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.lin-submenu.active{ visibility: visible; top: 44px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}


.lin-m.lin-m-header .pro-header + .lin-header-nav + .container-fluid{ top: 88px; }


.lin-inapp{ margin-top: 0; }
.lin-inapp.lin-m.lin-m-header .pro-header{ top:44px!important; }
.lin-inapp.lin-m.lin-m-header .pro-header + .container-fluid{ top:88px!important; }
.lin-inapp.lin-m.lin-m-header .pro-header + .lin-header-nav + .container-fluid{ top:132px!important; }
.lin-inapp .lin-submenu.active{ top: 88px; }

.pro-footer-nav { position: fixed; z-index: 99999; bottom: 0; left: 0; right: 0; background: #fff; -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pro-footer-nav:before { z-index: 999999; height: 0; content: ""; display: block; border-top: 1px solid #ddd; position: absolute; left: 0; right: 0; top: 0; bottom:0; }
.pro-footer-nav .pro-footer-nav-lft { -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pro-footer-nav .pro-footer-nav-rgt { -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pro-footer-nav a { padding: 0 5px; height: 44px; line-height: 1.2em; font-size: 12px; color: #3eb987;text-align: center; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; display: inline-block; }
.pro-footer-nav a i { display: block; margin:5px auto 0; width: 20px;height: 20px; vertical-align: middle; line-height: 1em; font-size: 20px; }
.pro-footer-nav .pro-footer-nav-lft { font-size: 12px; text-align: center;}
.pro-footer-nav .pro-footer-nav-lft a { line-height: 1.2em; font-size: 12px;}
.pro-footer-nav .pro-footer-nav-lft i { display: block; margin:5px auto 0;}
.pro-footer-nav .pro-footer-nav-rgt a { line-height: 1.2em; font-size: 12px;}
.pro-footer-nav .pro-footer-nav-rgt i { display: block; margin:5px auto 0;}
.pro-footer-nav .btn-home { position: relative; background: #fff; color: #999;}
.pro-footer-nav .btn-home:before { z-index: 999999; content: ""; display: block; border-right: 1px solid #ddd; position: absolute;left:0; right: 0; top: 0; bottom:0; }
.pro-footer-nav .btn-fav { background: #fff; color: #999; }
.pro-footer-nav .btn-zan { background: #fe9402; color: #fff; }
.pro-footer-nav .btn-msg { background: #fe0036; color: #fff; }

.container-fluid{ -webkit-overflow-scrolling: touch;-ms-touch-action: pan-y; }
.container-fluid img { max-width: 100%; }



.pro-content{ display: block; }

.pro-focus { z-index: 9; }
.pro-focus .swiper-slide { max-height: 450px; }
.pro-focus .swiper-slide .pic { width: 100%; height: 0; padding-bottom: 56.25%; background: #fff; overflow: hidden; }
.pro-focus img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
}

.pro-home-search{ padding: 10px; background: #efefef;}
.pro-home-search .btn{ width:44px; height: 38px; background: #fff;border: 1px solid #ced4da; color:#ced4da;}
.pro-home-search .ion-ios-search{ margin-top: 3px; font-size: 20px; line-height: 1em; }

.pro-home-box { position: relative; z-index: 9999; padding: 0px 10px 0; background: #efefef; }
.pro-home-box .pro-home-nav { padding: 5px 0; background: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;/* -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px rgba(0,0,0,0.1); */}
.pro-home-box .pro-home-nav li{ padding: 1px; width: 20%; min-width: 20%; max-width: 20%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 12px; }
.pro-home-box .pro-home-nav li a{ display: block; padding: 5px 5px; color: #999; }
.pro-home-box .pro-home-nav li a i{ display: block; margin: auto; width: 48px; height: 48px; line-height: 46px; font-size: 32px; background: #3eb987; color: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

.pro-list-box { position: relative; z-index: 9999; padding: 0px 0px 0; background: #fff; }
.pro-list-box .pro-home-nav { padding: 0px 0 10px; background: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pro-list-box .pro-home-nav li{ padding: 0px; width: 16.666666666667%; min-width: 16.666666666667%; max-width: 16.666666666667%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 12px; }
.pro-list-box .pro-home-nav li a{ display: block; padding: 0px 5px; color: #999; font-size: 10px; }
.pro-list-box .pro-home-nav li a i{ border: 1px solid #3eb987;display: block; margin: auto; width: 40px; height: 40px; line-height: 38px; font-size: 24px; background: #fff; color: #3eb987; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.pro-list-box .pro-home-nav li a.active i{ border: 1px solid #3eb987; background: #3eb987; color: #fff; }



.pro-hot-box { border-top: 10px solid #efefef; padding: 10px 10px; }
.pro-hot-btn { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pro-hot-btn li{ padding: 0 1px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 12px; }
.pro-hot-btn li a{ display: block; padding: 10px; background: #3eb987; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.pro-hot-btn li a i{ display: block; background: #3eb987; color: #fff; font-size: 32px; }



.pro-cate-product { margin: 0 -2px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pro-cate-product li { -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; width: 33.333333333%; min-width:33.333333333%; max-width: 33.333333333%; }
.pro-cate-product li .box{ position: relative; margin: 2px; padding: 0px 0px 5px; }
.pro-cate-product li .box:before{ z-index: 1; position: absolute; left: 0; top: 0; right: 0; bottom:0; content: ""; display: block; border: 1px solid #ddd; }
.pro-cate-product li .pic{ width: 100%; height: 0; padding-bottom: 100%; text-align: center; overflow: hidden; }
.pro-cate-product li .txt{ margin: 5px 5px 0; height: 2.8em; line-height: 1.4em; font-size: 13px; word-break: break-all; overflow: hidden;font-family: 'Microsoft Yahei'  }
.pro-cate-product li a{ display: block; color: #999; }

.pro-product-2 { margin: 0 -3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pro-product-2 li { position: relative; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; width: 50%; min-width: 50%; max-width: 50%; }
.pro-product-2 li .box{ position: relative; margin: 3px; padding: 5px; }
.pro-product-2 li .box:before{ z-index: 0; position: absolute; left: 0; top: 0; right: 0; bottom:0; border: 1px solid #ddd; content: ""; display: block; }
.pro-product-2 li .box .pic{ height: 0; padding-bottom: 100%; text-align: center; overflow: hidden; }
.pro-product-2 li .box .txt{ margin: 10px 5px; height: 2.6em; line-height: 1.3em; font-size: 14px; word-break: break-all; overflow: hidden; }
.pro-product-2 li a{ display: block; color: #999; }


.pro-hot-brand{ }

.pro-hot-brand { margin: 0 -1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pro-hot-brand li{ position: relative; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; width:25%; min-width: 25%; max-width:25%; text-align: center; font-size: 12px;}
.pro-hot-brand li .box{ position: relative; z-index: -2; margin: 1px; padding: 1px; }
.pro-hot-brand li .box:before{ z-index: -1; content: ""; display: block; border: 1px solid #ddd; position: absolute; left: 0; top: 0; right: 0; bottom:0; }
.pro-hot-brand li .pic{ height: 0; padding-bottom: 50%; text-align: center; overflow: hidden; }
.pro-hot-brand li .pic img{ width: 100%; }
.pro-hot-brand li .txt{ margin: 5px 5px 0; height: 1.3em; line-height: 1.3em; font-size: 12px; word-break: break-all; overflow: hidden; }
.pro-hot-brand li a{ color: #999;}


.swiper-brand .swiper-slide{ width: 80px; margin-right: 5px; text-align: center;/*position: relative; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; width: 50%; min-width: 50%; max-width: 50%;*/ }
.swiper-brand .swiper-slide .box{ position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.swiper-brand .swiper-slide .box:before{ z-index: 0; position: absolute; left: 0; top: 0; right: 0; bottom:0; content: ""; display: block; border: 1px solid #ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.swiper-brand .swiper-slide .box .pic{ position: relative; z-index: -1; width: 100%; height: 0; padding-bottom: 50%; text-align: center; overflow: hidden; }
.swiper-brand .swiper-slide .box .pic img{ -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }
.swiper-brand .swiper-slide .box .txt{ margin: 2px 2px 0; height: 2em; line-height: 2em; font-size: 13px; word-break: break-all; overflow: hidden; font-family: 'Microsoft Yahei' }
.swiper-brand .swiper-slide a{ display: block; color: #999; }
.swiper-brand.swiper-container-horizontal .swiper-slide{ margin-right: 0px; }

.pro-subtit{ text-align: center; margin-top: 10px;}
.pro-subtit h3{ position: relative; display: inline-block; font-size: 14px; color: #999; }
.pro-subtit h3 i{ position: absolute; top:0.5em; height: 1px; width: 2em; background: #ccc; display: inline-block; }
.pro-subtit h3 i:first-child{ left: -3em; }
.pro-subtit h3 i:last-child{ right: -3em; }

.pro-preview { }
.pro-preview .swiper-slide .pic { width: 100%; height: 0; padding-bottom: 100%; background: #fff; overflow: hidden; }
.pro-preview img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
}

.pro-bar{ display: none; margin: 0 0 10px; padding: 0 10px; height: 44px; line-height: 44px; font-size: 14px; background: #3eb987; }
.pro-price{ float: left; font-size: 18px; color: #fff; }
.pro-btnbar{ float: right; font-size: 14px; color: #fff; }
.pro-btnbar a{ color: #fff; }
.pro-title{ position: relative; z-index: 0; margin: 0; padding: 10px 10px 10px; background: #fff; font-size: 18px; line-height: 1.5em; font-family: 'Microsoft Yahei'; }
.pro-title:before{ border-top: 1px solid #ddd; z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom:0; content: ""; height: 0; display: block; }
.pro-desc{ position: relative; padding:10px 10px 10px; background: #fff; font-size: 14px; line-height: 1.5em; color: #999; }
.pro-desc:before{ border-top: 1px solid #ddd; z-index: 1; position: absolute; left: 0; right: 0; top: 0; bottom:0; content: ""; height: 0; display: block; }
.pro-view img { max-width: 100%; vertical-align: middle; }

.pro-box { position: relative; padding: 20px 10px; font-size: 16px; line-height: 1.8em; background: #fff;}
.pro-box .pro-hd { margin-bottom: 10px; font-size: 16px; color: #333; line-height: 1em; }
.pro-box .pro-hd h2{ margin: 0; padding: 0 10px; border-left: 3px solid #3eb987; line-height: 1em; font-size: 16px;  }

.pro-body { margin: 0 -10px; font-size: 16px; line-height: 1.8em; }
.pro-body table{ margin: auto 10px 1em; width: auto !important; border-collapse: collapse; border: 1px solid #eee; }
.pro-body table td{ border: 1px solid #eee; color: #999; padding: 5px; font-size: 12px; line-height: 1.2em; }
.pro-body p{ margin: 1em auto 1em; font-size: 14px; line-height: 1.5em; }
.pro-body img{ display: block; margin: 0 auto; vertical-align: top; max-width: 100% !important; height: auto !important; }
.pro-body img.lazy{min-width: 100% !important; height: 240px !important; }

.pro-brand-box{ background: #fff; padding: 20px 10px;}
.pro-brand {  }
.pro-brand .pro-logo{ position: relative; float: left; padding: 1px; margin-right: 10px; }
.pro-brand .pro-logo:before{ z-index: 0; content: ""; display: block; border: 1px solid #ddd; position: absolute; left: 0; top: 0; right: 0; bottom:0; }
.pro-brand .pro-logo img { width: 90px; height: 45px; }
.pro-brand .pro-logo a{ position: relative; z-index: 1; }
.pro-brand .pro-brandname{ font-size: 16px; color: #333; }
.pro-brand .pro-brandname a{ color: #333; }
.pro-brand .pro-company{ font-size: 14px; color: #999; }
.pro-brand .pro-company a{ color: #999; }

.pro-link-product{ padding-bottom: 10px; width: 100%; text-align: center;}
.pro-link-product a{ position: relative; margin: 0 5px; padding: 5px 10px; display:inline-block; background: #fff; color: #aaa; text-align: center; font-size: 14px; text-decoration: none; white-space: nowrap; vertical-align: middle; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -o-transition:all .15s ease-in-out; -webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; transition:all .15s ease-in-out; outline: 0;font-family: 'Microsoft Yahei'}
.pro-link-product a:before{ content: ""; display: block; border: 1px solid #ddd; position: absolute; left: 0; top: 0; right: 0; bottom:0; pointer-events: none; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;  }
.pro-link-product a:focus{ background: #f1f1f1; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px rgba(0,0,0,0.1); }
.pro-link-product a i{ display: inline-block; margin-right: 10px; width: 18px;height: 18px; font-size: 18px; vertical-align: middle; }


.pro-brand-info { margin-bottom: 10px; padding: 10px 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pro-brand-info .item{ position: relative; text-align: center; width: 33.33333%}
.pro-brand-info .item:before{ content: ""; display: block; border-left: 1px solid #ddd; position: absolute; left: 0; top: 0; right: 0; bottom:0; }
.pro-brand-info .item:first-child:before{ border-left:none; }
.pro-brand-info .item .t1{ color: #333; font-size: 18px; }
.pro-brand-info .item .t2{ color: #999; font-size: 14px; }

.pro-prop{ font-size: 14px; color: #333;}
.pro-prop .tit{ color: #999;}

.swiper-best { }
.swiper-best .swiper-slide{ width: 100px; margin-right: 5px; /*position: relative; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; width: 50%; min-width: 50%; max-width: 50%;*/ }
.swiper-best .swiper-slide .box{ position: relative; padding-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.swiper-best .swiper-slide .box:before{ z-index: 0; position: absolute; left: 0; top: 0; right: 0; bottom:0; content: ""; display: block; border: 1px solid #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.swiper-best .swiper-slide .box .pic{ position: relative; z-index: -1; width: 100%; height: 0; padding-bottom: 100%; text-align: center; overflow: hidden; }
.swiper-best .swiper-slide .box .pic img{ -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.swiper-best .swiper-slide .box .txt{ margin: 5px 5px 0; height: 3em; line-height: 1.5em; font-size: 12px; word-break: break-all; overflow: hidden; font-family: 'Microsoft Yahei' }
.swiper-best .swiper-slide a{ color: #999;}
.swiper-best.swiper-container-horizontal .swiper-slide{ margin-right: 0px;}

.show-more{ position: relative; max-height:9.5em; overflow: hidden;}
.show-more .show-more-bg{ z-index: 0; position: absolute; left: 0; right: 0; bottom: 0; padding-top: 2em; height: 4em;
	background: -webkit-linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
	background: -o-linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
	background: -moz-linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
	background: -mos-linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
	background: linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
}
.show-more .show-more-bg .show-more-btn{ z-index: 1; position: relative; width: 120px; height: 2em; line-height: 2em; margin: auto; color: #999; text-align: center; font-family: -apple-system,"Microsoft YaHei","黑体","宋体",sans-serif; }
.show-more .show-more-bg .show-more-btn:before{ z-index: -1; content: ""; display: block; border: 1px solid #ddd; position: absolute; left: 0; top: 0; right: 0; bottom:0; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em;  }
.show-more .show-more-bg .show-more-btn i{ margin-right: 10px; -o-transition:all .15s ease-in-out; -webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; transition:all .15s ease-in-out; font-size: 18px;vertical-align: middle;}
.show-more.active{ max-height:100%;}
.show-more.active .show-more-bg{ display: none; }
.show-more.active .show-more-bg .show-more-btn i{ transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg); }


.lin-list-l { margin: 0px -10px; }
.lin-list-l li{ position:relative; overflow:hidden;}
.lin-list-l li:before{ z-index: 0; position: absolute; height: 0; left: 0; top: 0; right: 0; bottom:0; border-top: 1px solid #ddd; content: ""; display: block;}
.lin-list-l li:first-child{ border-top:none; }
.lin-list-l li a{ display:block; padding: 10px; font-size:14px; line-height:20px; text-decoration:none; }
.lin-list-l li a:active{ background-color:#efefef; }
.lin-list-l li img{ vertical-align:middle; }
.lin-list-l li .pic{ float:left; margin:0 10px 0 0; width: 100px; height: 75px; background:#efefef url(/assets/css/img/loading.gif) no-repeat center center;}
.lin-list-l li .txt{ font-size:16px; line-height:26px; font-weight:normal; color:#333;}
.lin-list-l li .txt .tit{ height:52px; line-height:28px; overflow:hidden; font-size:16px; font-weight:normal; color:#333;}

.lin-list-l li .txt .desc{ max-height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#999; }
.lin-list-l li .date{ float: right; margin-top:5px; max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#999; }
.lin-list-l li .lbl{ float: right; display: block; padding:0 2px; margin-left: 10px; margin-top:5px; max-height:18px; line-height:18px; overflow:hidden; font-size:12px; color:#fff; background:#870000; }
.lin-list-l li .lbl-1{ background:#16A085}
.lin-list-l li .lbl-2{ background:#27AE60}
.lin-list-l li .lbl-3{ background:#2980B9}
.lin-list-l li .lbl-4{ background:#8E44AD}
.lin-list-l li .lbl-5{ background:#D35400}
.lin-list-l li .lbl-6{ background:#F39C12}
.lin-list-l li .lbl-7{ background:#C0392B}
.lin-list-l li .lbl-8{ background:#2C3E50}
.lin-list-l li .lbl-9{ background:#870000}

.lin-list-l li .tag{ float: left; margin-top:5px; max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#999; }
.lin-list-l li .pics .date{ float: right; margin-top:5px; margin-right: 5px; max-height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#999; }
.lin-list-l li .pics .tag{ float: left; margin-top:5px; margin-left: 5px; max-height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#999; }
.lin-list-l li.morepic a{ padding-bottom:10px;}
.lin-list-l li.morepic .tit{ margin-bottom: 5px; }
.lin-list-l li.morepic .pics{ margin: 0 -5px; overflow:hidden;}
.lin-list-l li.morepic .pics .pic{ float:left; margin:0; overflow:hidden; width:33.333333%; background-color:transparent;}
.lin-list-l li.morepic .pics .pic div{ margin:0 5px; overflow:hidden; max-height:75px; min-height:75px; background-color:#efefef; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.lin-list-l li.morepic .pics .pic div img{ max-width:400px; width:100%; height:auto; display:none; }
.lin-list-l li.nopic .txt .tit,
.lin-list-l li.morepic .txt .tit{ max-height:28px; height:28px;}
.lin-list-l li.nopic .tag,
.lin-list-l li.morepic .tag{ width:auto;}

.lin-list-l li .txt .num{ max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#999; }
.lin-list-l li .txt .factory{ max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#999; }

.page-none{ padding: 100px 0; text-align: center; font-size: 16px; color: #999;}
.page-none i{ font-size: 48px; color: #999; }
.page-none span{ display: block; }

.load-more{ margin: 10px 0; }
.load-more .load-more-btn{ z-index: 1; position: relative; height: 2em; line-height: 2em; margin: auto; color: #999; text-align: center; font-family: -apple-system,"Microsoft YaHei","黑体","宋体",sans-serif; }
.load-more .load-more-btn:before{ z-index: -1; content: ""; display: block; border: 1px solid #ddd; position: absolute; left: 0; top: 0; right: 0; bottom:0; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em;  }
.load-more .load-more-btn i{ margin-right: 10px; vertical-align: middle;}
.load-more .load-more-btn img{ margin:-3px 10px 0 0; vertical-align: middle;}


.lin-comment-form .input-group-text{ width:80px; font-size: 14px; color: #999;}


/*分类页*/
.page-lft{ position: absolute; left: 0; top: 0px; bottom: 0px; width:80px; background:#ffffff; overflow: auto; z-index: 0; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-y; }
.page-rgt { position: absolute; left: 80px; top: 0px; right: 0; bottom: 0px; background:#efefef; overflow: auto; z-index: 0; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-y;}

.product-cate-lft li{ padding: 15px 5px 15px 5px; line-height:1.2em; overflow:hidden; text-align:center; color: #333; font-size:14px; -webkit-background-size: 100% 1px; background-size: 100% 1px;  background-repeat: no-repeat; background-position: bottom; background-image: -webkit-linear-gradient(90deg, #ccc, #ccc 100%);  background-image: -moz-linear-gradient(90deg, #ccc, #ccc 100%); background-image: -o-linear-gradient(90deg, #ccc, #ccc 100%); background-image: linear-gradient(0deg, #ccc, #ccc 100%);}
.product-cate-lft li.active { padding: 15px 5px 15px 3px; border-left:2px solid #3eb987; background:#efefef; }

.product-cate-rgt h2{ border-left: 3px solid #3eb987; padding-left: 10px; margin:15px 10px 10px; line-height:1em; font-size:14px; color:#666; font-weight:normal; }
.product-cate-rgt ul{ margin: 0 0 10px; padding:0 5px; color:#888; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-flow: wrap row; }
.product-cate-rgt ul li{ padding:0 5px; margin-bottom: 10px; width: 33.33333%; min-width: 33.33333%; max-width: 33.33333%; text-align:center; color:#3eb987; -webkit-box-flex:1 1 auto; -webkit-flex:1 1 auto; -moz-box-flex:1 1 auto; -moz-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; }
.product-cate-rgt ul li .pic { height:0; width:100%; padding-bottom:100%; background:#fff; overflow:hidden; }
.product-cate-rgt ul li .pic img{ width:100%; height:auto; background:#fafafa url(/assets/css/img/loading.gif) no-repeat center; }
.product-cate-rgt ul li .txt{ padding: 0 5px; height:30px; line-height:30px; color:#666; font-size:12px; overflow:hidden; background:#fff;}
/*分类页*/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.product-cate-lft li { background-image: -webkit-linear-gradient(90deg, #ccc, #ccc 50%, transparent 50%); background-image: -moz-linear-gradient(90deg, #ccc, #ccc 50%, transparent 50%); background-image: -o-linear-gradient(90deg, #ccc, #ccc 50%, transparent 50%); background-image: linear-gradient(0deg, #ccc, #ccc 50%, transparent 50%); }
}



@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.pro-title:before,
	.pro-header-nav:before,
	.lin-nav-menu:before,
	.lin-list-l li:before,
	.pro-cate-product li .box:before,
	.swiper-brand .swiper-slide .box:before,
	.pro-hot-brand li .box:before,
	.pro-footer-nav .btn-home:before,
	.pro-footer-nav:before,
	.show-more .show-more-bg .show-more-btn:before,
	.pro-brand .pro-logo:before,
	.swiper-best .swiper-slide .box:before,
	.pro-product-2 li .box:before,
	.pro-desc:before,
	.pro-link-product a:before,
	.pro-brand-info .item:before{ -webkit-transform: scale(.5); -webkit-transform-origin: 0 0; bottom: -100%; right: -100%; }
	.pro-brand:before{ -webkit-transform: scaleY(.5); -webkit-transform-origin: 50% 0; }
}