@charset "utf-8";
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: -apple-system-font, "Helvetica Neue", sans-serif, "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", "华文细黑", STHeiti, MingLiu; }
html, body { height: 100%; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
a img { border: 0; }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
button,
button:focus { outline: 0; }
    
/*顶部导航*/
.lin-header{ position: fixed; z-index: 1000; 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);*/ }
.lin-header-nav { position: relative; display: block; vertical-align: bottom; z-index: 1000; background: #a1c541; 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: 0; display: none; position: absolute; left: 0; right: 0; top: 0; bottom:0; border-bottom: 0px solid #ddd; content: ""; display: block;}*/
.lin-header-nav .lin-header-nav-lft{position: relative; z-index: 1; width: 44px; text-align: center; }
.lin-header-nav .lin-header-nav-lft a{ display: block; line-height: 44px; font-size: 24px; color: #fff;}
.lin-header-nav .lin-header-nav-rgt{position: relative; z-index: 1; width: 44px; text-align: center; }
.lin-header-nav .lin-header-nav-rgt a{ display: block; line-height: 44px; font-size: 24px; color: #fff;}
.lin-header-nav .lin-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; }
.lin-header-nav .lin-header-nav-mid .lin-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;}
.lin-header-nav .lin-header-nav-mid .lin-header-nav-logo img{ margin-top: 5px; height:34px;}
.lin-header-nav .lin-header-nav-mid .lin-header-nav-logo span{ color: #fff; font-size: 20px; line-height: 34px; display: inline-block; padding: 6px 0 0 10px; vertical-align: middle; }
.lin-header-nav .lin-header-nav-mid .lin-header-nav-title{ line-height:44px; font-size: 20px; color: #fff; font-family: "Microsoft YaHei"}
.lin-header-nav .lin-header-nav-mid .lin-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: 20px; color: #fff; }
.lin-header-nav .lin-header-nav-mid .lin-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; }
.lin-header-nav .lin-header-nav-mid .lin-header-nav-link ul li{ -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1; line-height: 44px; }
.lin-header-nav .lin-header-nav-mid .lin-header-nav-link a{ display: inline-block; font-size: 16px; color: #999; height: 44px; vertical-align: top; color: #fff;}
.lin-header-nav .lin-header-nav-mid .lin-header-nav-link a.active{ border-bottom: 2px solid #a1c541; }

.lin-header-nav .lin-header-nav-mid .lin-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: 20px; }
.lin-header-nav .lin-header-nav-mid .lin-header-nav-search form{ margin-top: 7px;}
.lin-header-nav .lin-header-nav-mid .lin-header-nav-search form .form-control{border: none;}
.lin-header-nav .lin-header-nav-mid .lin-header-nav-search form .btn{ width: 40px; background: #fff;border-left: 1px solid #ced4da; color:#ced4da;}
.lin-header-nav .lin-header-nav-mid .lin-header-nav-search form .btn i { font-size: 16px; margin-top: 3px; color: #999;}

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

.lin-header-toolbar { position: fixed; z-index: 997; 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-toolbar:before {z-index: 1000; height: 0; content: ""; display: block; border-top: 1px solid #ddd; position: absolute; left: 0; right: 0; top: 0; bottom:0; }*/
.lin-header-toolbar .lin-nav-menu { font-size: 15px; line-height: 44px; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1;}
.lin-header-toolbar .lin-nav-menu li{ width: auto; padding: 0px 10px; }
.lin-header-toolbar .lin-nav-menu li a{ display: block; line-height: 42px; color: #666;}
.lin-header-toolbar .lin-nav-menu li.active a{ padding: 0px 0px; color: #a1c541; border-bottom: 2px solid #a1c541;}
.lin-header-toolbar .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-toolbar .lin-nav-more i{ color: #999; }
.lin-header-toolbar .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-toolbar .lin-nav-all a{ color: #999; }
.lin-header-toolbar.active .lin-nav-menu { display: none; }
.lin-header-toolbar.active .lin-nav-all { display: block; }
.lin-header-toolbar.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: 997; 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-nav-menu-pop .swiper-wrapper li.active a:before{ border: 1px solid #aaa; }


.lin-submenu{ visibility: hidden; position:fixed; z-index: 998; 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: #a1c541; color: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.lin-submenu .pro-home-nav li a i.ion-md-goldmax{ background: #a1c541 url(images/brand_logo.png) no-repeat center center; background-size: 80%; }
.lin-submenu.active{ visibility: visible; top: 44px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

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

.lin-inapp{ margin-top: 0; }
.lin-inapp.lin-m.lin-m-header .lin-header{ top:44px!important; }
.lin-inapp.lin-m.lin-m-header .lin-header + .container-fluid{ top:88px!important; }
.lin-inapp.lin-m.lin-m-header .lin-header + .lin-header-toolbar + .container-fluid{ top:132px!important; }
.lin-inapp .lin-submenu.active{ top: 88px; }
/*顶部导航*/

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



/*分类页*/
.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: 3px solid #a1c541; background: #efefef; }
.product-cate-rgt h2 { border-left: 3px solid #a1c541; padding-left: 10px; margin: 16px 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: #a1c541; -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; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;  }
.product-cate-rgt ul li .pic img { width: 100%; height: auto;  }
.product-cate-rgt ul li .txt { padding: 0 5px; height: 30px; line-height: 30px; background: #fff; color: #666; font-size: 12px; overflow: hidden; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

@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%); }
}
/*分类页*/


.news-btn { position: relative; padding: 8px; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
/*.news-btn:after{ position: absolute; left: 0; top: 0; right: 0; bottom:0; border-bottom: 1px solid #ddd; content: ""; display: block; }*/
.news-btn li { position: relative; font-size: 14px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 33.33333333%; min-width: 33.33333333%; max-width: 33.33333333%; }
.news-btn li a { position: relative; margin: 2px; display: block; background: #fff; height: 40px; line-height: 40px; color: #999; text-align: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.news-btn li a:active { background: #f5f5f5; }
.news-btn li a.active { background: #a1c541; color: #fff; }
.news-btn li a:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #ddd; content: ""; display: block; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.lin-ui-boxfox { position: relative; padding-bottom: 10px; background: #fff; }
.lin-ui-boxfox .hd { padding: 15px 10px 0; margin-bottom: 15px; font-size: 16px; color: #333; line-height: 1em; }
.lin-ui-boxfox .hd h2 { margin: 0; padding: 0 10px; border-left: 3px solid #a1c541; color: #a1c541; line-height: 1em; font-size: 18px; font-weight: bold; }
.lin-ui-boxfox .hd a { color: #a1c541; }
.lin-ui-boxfox .hd .rgt { float: right; color: #888; font-size: 14px; }
.lin-ui-boxfox .hd .rgt span { color: #a1c541; }
.lin-ui-boxfox .swiper-tab-hd { float: right; margin-top: -6px; color: #888; }
.lin-ui-boxfox .swiper-tab-hd a { float: left; margin-left: 2px; display: inline-block; padding: 0px 10px; line-height: 28px; height: 30px; border: 1px solid #ddd; background: #fff; font-size: 13px; color: #888; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.lin-ui-boxfox .swiper-tab-hd a.active { border: 1px solid #a1c541; background: #a1c541; color: #fff; }
.lin-ui-boxfox.radius { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.lin-list-txt { }
.lin-list-txt li { position: relative; padding: 0 10px; overflow: hidden; }
.lin-list-txt li:active { background-color: #f5f5f5; }
.lin-list-txt li:after { 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-txt li:first-child { border-top: none; }
.lin-list-txt li a { display: block; height: 44px; line-height: 44px; font-size: 18px; color: #333; }
.lin-list-txt li i { font-size: 14px; color: #ddd; margin-right: 10px; }
.lin-list-pic { margin: 0px; }
.lin-list-pic li { position: relative; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.lin-list-pic li:active { background-color: #f5f5f5; }
.lin-list-pic li:after { 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-pic li:first-child { border-top: none; }
.lin-list-pic li a { color: #333; }
.lin-list-pic li img { vertical-align: middle; }
.lin-list-pic li .pic { position: relative; float: left; margin: 10px; width: 100px; height: 75px; overflow: hidden; }
/*.lin-list-pic li .pic:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #ddd; content: ""; display: block; }*/
.lin-list-pic li .tit, .lin-list-pic li .txt, .lin-list-pic li .desc, .lin-list-pic li .date { margin: 10px; min-height: 1.2em; max-height: 1.2em; line-height: 1.2em; overflow: hidden; color: #999; font-size: 14px; overflow: hidden; }
.lin-list-pic li .tit { margin-bottom: 5px; max-height: 2.4em; font-size: 18px; color: #333; }
.lin-list-pic li .txt { margin: 5px 10px; font-size: 14px; }
.lin-list-pic li .desc { margin-top: 10px; max-height: 2.4em;font-size: 14px; }
.lin-list-pic li .date { margin: 0 0 0 10px; float: right; }
.lin-list-pic li .pics { margin: 0 9px; overflow: hidden; }
.lin-list-pic li .pics .pic-item { float: left; width: 33.333333%; }
.lin-list-pic li .pics .pic-item .pic { float: none; margin: 0 1px; overflow: hidden; width: auto; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.lin-list-pic li .pics .pic-item .pic.lazy { background-size: auto; }
.lin-list-pic li .lbl { float: right; display: block; padding: 0 2px; margin: 5px 0 0 10px; max-height: 18px; line-height: 18px; overflow: hidden; font-size: 12px; color: #fff; background: #870000; }
.lin-list-pic li .lbl-1 { background: #16A085; }
.lin-list-pic li .lbl-2 { background: #27AE60; }
.lin-list-pic li .lbl-3 { background: #2980B9; }
.lin-list-pic li .lbl-4 { background: #8E44AD; }
.lin-list-pic li .lbl-5 { background: #D35400; }
.lin-list-pic li .lbl-6 { background: #F39C12; }
.lin-list-pic li .lbl-7 { background: #C0392B; }
.lin-list-pic li .lbl-8 { background: #2C3E50; }
.lin-list-pic li .lbl-9 { background: #870000; }
.lin-list-pic li .status{ background: #000000; font-size: 11px; color: #fff; display: inline-block; padding: 0 5px; line-height: 1.3em; vertical-align: top;-webkit-border-radius: 0.65em; -moz-border-radius: 0.65em; border-radius: 0.65em; }
.lin-list-pic li .status--2{ background: #000000; }
.lin-list-pic li .status--1{ background: #333333; }
.lin-list-pic li .status-0{ background: #bbbbbb; }
.lin-list-pic li .status-1{ background: #eb9909; }
.lin-list-pic li .status-2{ background: #eb9909; }
.lin-list-pic li .status-3{ background: #eb9909; }
.lin-list-pic li .status-4{ background: #eb9909; }
.lin-list-pic li .status-5{ background: #eb9909; }
.lin-list-pic li .status-6{ background: #eb9909; }
.lin-list-pic li .status-7{ background: #eb9909; }
.lin-list-pic li .status-7{ background: #eb9909; }


.lin-zs-pic { margin: 0px; }
.lin-zs-pic li { position: relative; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.lin-zs-pic li:active { background-color: #f5f5f5; }
.lin-zs-pic li:after { z-index: 0; position: absolute; height: 0; left: 0; top: 0; right: 0; bottom: 0; border-top: 1px solid #ddd; content: ""; display: block; }
.lin-zs-pic li:first-child { border-top: none; }
.lin-zs-pic li a { color: #333; }
.lin-zs-pic li img { vertical-align: middle; }
.lin-zs-pic li .pic { position: relative; float: left; margin: 10px; width: 135px; height: 60px; overflow: hidden; }
.lin-zs-pic li .pic:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #ddd; content: ""; display: block; }
.lin-zs-pic li .tit, .lin-list-pic li .txt, .lin-list-pic li .desc { margin: 10px; min-height: 1.2em; max-height: 1.2em; line-height: 1.2em; overflow: hidden; color: #999; font-size: 14px; overflow: hidden; }
.lin-zs-pic li .tit { margin-bottom: 5px; max-height: 2.4em; font-size: 18px; color: #333; }
.lin-zs-pic li .txt { margin: 5px 10px; font-size: 14px; }
.lin-zs-pic li .desc { margin: 10px; max-height: 2.4em;font-size: 14px; }
.lin-zs-pic li .date { margin: 5px 0 0 0; float: right; }


.lin-list-pic-2 { margin: 0 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.lin-list-pic-2 li { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 50%; min-width: 50%; max-width: 50%; }
.lin-list-pic-2 li a { display: block; color: #999; }
.lin-list-pic-2 li .box { position: relative; margin: 2px; padding: 5px; }
.lin-list-pic-2 li .box:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #ddd; content: ""; display: block; }
.lin-list-pic-2 li .box .pic { height: 0; padding-bottom: 100%; text-align: center; overflow: hidden; }
.lin-list-pic-2 li .box .pic img { width: 100%; height: auto; }
.lin-list-pic-2 li .box .txt { margin: 10px 5px; height: 2.6em; line-height: 1.3em; font-size: 14px; word-break: break-all; overflow: hidden; }
.lin-list-pic-3 { margin: 0 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.lin-list-pic-3 li { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 33.333333333%; min-width: 33.333333333%; max-width: 33.333333333%; }
.lin-list-pic-3 li a { display: block; color: #999; }
.lin-list-pic-3 li .box { position: relative; margin: 2px; padding: 5px; }
.lin-list-pic-3 li .box:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #ddd; content: ""; display: block; }
.lin-list-pic-3 li .box .pic { height: 0; padding-bottom: 100%; text-align: center; overflow: hidden; }
.lin-list-pic-3 li .box .pic img { width: 100%; height: auto; }
.lin-list-pic-3 li .box .txt { margin: 5px; height: 2.8em; line-height: 1.4em; font-size: 13px; word-break: break-all; overflow: hidden; }
.lin-ui-card { }
.lin-ui-card li { margin: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; -o-transition: all .2s ease-in-out; -webkit-transition: all .15s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.lin-ui-card li:active { background-color: #fafafa; -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); }
.lin-ui-card li a { position: relative; display: block; overflow: hidden; color: #333; text-decoration: none; }
.lin-ui-card li a:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; display: block; border: 1px solid #ccc; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.lin-list-special .pic { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; overflow: hidden; }
.lin-list-special .pic img { width: 100%; height: auto; animation: zoom-out-in 8s linear alternate infinite; -moz-animation: zoom-out-in 8s linear alternate infinite; -webkit-animation: zoom-out-in 8s linear alternate infinite; -o-animation: zoom-out-in 8s linear alternate infinite; }
.lin-list-special .tit, .lin-list-special .desc, .lin-list-special .date { margin: 10px; min-height: 1.2em; max-height: 1.2em; line-height: 1.2em; font-size: 14px; color: #888; overflow: hidden; }
.lin-list-special .tit { max-height: 1.2em; font-size: 18px; font-weight: bold; color: #333; }
.lin-list-special .date { margin: 0 0 0 10px; float: right; }
.lin-list-activity .pic { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; overflow: hidden; }
.lin-list-activity .pic img { width: 100%; height: auto; animation: zoom-out-in 8s linear alternate infinite; -moz-animation: zoom-out-in 8s linear alternate infinite; -webkit-animation: zoom-out-in 8s linear alternate infinite; -o-animation: zoom-out-in 8s linear alternate infinite; }
.lin-list-activity .tit, .lin-list-activity .date, .lin-list-activity .address, .lin-list-activity .company, .lin-list-activity .invite { margin: 10px; min-height: 1.2em; max-height: 1.2em; line-height: 1.2em; font-size: 14px; color: #888; overflow: hidden; }
.lin-list-activity .tit { max-height: 2.4em; font-size: 18px; font-weight: bold; color: #333; }
.lin-list-activity .btns { display: block; height: 44px; line-height: 44px; font-size: 18px; color: #fff; background: #f60; text-align: center; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

.lin-list-live .pic { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; overflow: hidden; }
.lin-list-live .pic img { width: 100%; height: auto; animation: zoom-out-in 8s linear alternate infinite; -moz-animation: zoom-out-in 8s linear alternate infinite; -webkit-animation: zoom-out-in 8s linear alternate infinite; -o-animation: zoom-out-in 8s linear alternate infinite; }
.lin-list-live .tit, 
.lin-list-live .date, 
.lin-list-live .address, 
.lin-list-live .company, 
.lin-list-live .invite { margin: 10px; min-height: 1.2em; max-height: 1.2em; line-height: 1.2em; font-size: 14px; color: #888; overflow: hidden; }
.lin-list-live .tit { max-height: 2.4em; font-size: 18px; font-weight: bold; color: #333; }
.lin-list-live .btns { display: block; height: 44px; line-height: 44px; font-size: 18px; color: #fff; background: #f60; text-align: center; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }


.lin-list-company { }
.lin-list-company li .pic { width: 120px; height: 60px; }
.lin-list-company li .pic img { width: 120px; height: 60px; }
.lin-list-company li .txt { margin: 5px 10px; max-height: 1.2em; }
.lin-list-company li .desc { margin-top: 5px; max-height: 2.4em; }
.lin-pic-w li { position: relative; overflow: hidden; }
.lin-pic-w li:after { position: absolute; height: 0; left: 0; top: 0; right: 0; bottom: 0; content: ""; display: block; }
.lin-pic-w li a { display: block; }
.lin-pic-w li a:active { background-color: #f5f5f5; }
.lin-pic-w li .pic { overflow: hidden; }
.lin-pic-w li .pic img { width: 100%; }
.lin-pic-w li .tit, .lin-pic-w li .company, .lin-pic-w li .product, .lin-pic-w li .txt, .lin-pic-w li .desc { margin: 5px 10px; min-height: 1.2em; max-height: 1.2em; line-height: 1.2em; text-align: center; font-size: 14px; color: #999; overflow: hidden; }
.lin-pic-w li .tit { margin: 10px 10px 5px; font-size: 18px; font-weight: bold; color: #333; }
.lin-pic-w li .company { margin: 5px 10px; }
.lin-pic-w li .product { margin: 5px 10px 10px; }
.lin-pic-w li .txt:last-child { margin-bottom: 10px; }
.lin-pic-w li .desc { max-height: 2.4px; }
.swiper-pic-3 { padding: 0 10px; }
.swiper-pic-3 .swiper-slide { width: 100px; 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-pic-3 .swiper-slide .box { position: relative; padding-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.swiper-pic-3 .swiper-slide .box:after { 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-pic-3 .swiper-slide .box .pic { position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; }
.swiper-pic-3 .swiper-slide .box .pic img { width: 100%; height: auto; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.swiper-pic-3 .swiper-slide .box .txt { margin: 5px; height: 2.4em; line-height: 1.2em; font-size: 13px; word-break: break-all; overflow: hidden;  }
.swiper-pic-3 .swiper-slide a { display: block; color: #999; }
.swiper-pic-3.swiper-container-horizontal .swiper-slide { margin-right: 0px; }
.swiper-brand { padding: 0 10px; }
.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:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; display: block; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.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; }
.swiper-brand .swiper-slide a { display: block; color: #999; }
.swiper-brand.swiper-container-horizontal .swiper-slide { margin-right: 0px; }
.swiper-special { padding-bottom: 10px; }
.swiper-special .swiper-slide { text-align: center; }
.swiper-special .swiper-slide a { color: #333; }
.swiper-special .swiper-slide .box { display: block; }
.swiper-special .swiper-slide .box .pic { position: relative; margin: 0 10px 10px; }
.swiper-special .swiper-slide .box .pic:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; display: block; border: 1px solid #ddd; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.swiper-special .swiper-slide .box .pic img { width: 100%; height: auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.swiper-special .swiper-slide .box .tit { margin: 10px; height: 1.2em; line-height: 1.2em; font-size: 18px; word-break: break-all; overflow: hidden; }
.swiper-special.swiper-container-horizontal .swiper-slide { margin-right: 0px; }
.swiper-special.swiper-container-horizontal .swiper-pagination-bullets { bottom: -5px; }






/*会员中心*/
.container-member{ background-color: #fff;}
.container-member .lin-form-list,
.container-member .lin-form-edit{ min-height:100%; background: #fff;}
.bg-bubbles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; }
.bg-bubbles li { position: absolute; list-style: none; display: block; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.15); bottom: -160px; -webkit-animation: square 25s infinite; animation: square 25s infinite; -webkit-transition-timing-function: linear; transition-timing-function: linear; }
.bg-bubbles li:nth-child(1) { left: 10%; }
.bg-bubbles li:nth-child(2) { left: 20%; width: 80px; height: 80px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 17s; animation-duration: 17s; }
.bg-bubbles li:nth-child(3) { left: 25%; -webkit-animation-delay: 4s; animation-delay: 4s; }
.bg-bubbles li:nth-child(4) { left: 40%; width: 60px; height: 60px; -webkit-animation-duration: 22s; animation-duration: 22s; background-color: rgba(255, 255, 255, 0.25); }
.bg-bubbles li:nth-child(5) { left: 70%; }
.bg-bubbles li:nth-child(6) { left: 80%; width: 120px; height: 120px; -webkit-animation-delay: 3s; animation-delay: 3s; background-color: rgba(255, 255, 255, 0.2); }
.bg-bubbles li:nth-child(7) { left: 32%; width: 160px; height: 160px; -webkit-animation-delay: 7s; animation-delay: 7s; }
.bg-bubbles li:nth-child(8) { left: 55%; width: 20px; height: 20px; -webkit-animation-delay: 15s; animation-delay: 15s; -webkit-animation-duration: 40s; animation-duration: 40s; }
.bg-bubbles li:nth-child(9) { left: 25%; width: 10px; height: 10px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 40s; animation-duration: 40s; background-color: rgba(255, 255, 255, 0.3); }
.bg-bubbles li:nth-child(10) { left: 90%; width: 160px; height: 160px; -webkit-animation-delay: 11s; animation-delay: 11s; }
@-webkit-keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 -webkit-transform: translateY(-700px) rotate(600deg);
 transform: translateY(-700px) rotate(600deg);
}
}
@keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 -webkit-transform: translateY(-700px) rotate(600deg);
 transform: translateY(-700px) rotate(600deg);
}
}
.member-top { position: relative; z-index: 0; padding-top: 20px; height: 180px; color: #fff; background: #a1c541 url(images/top.jpg) no-repeat center center; background-size: cover; }
.member-top a{ color: #fff;}
.member-top .member-avatar { display: block; position: relative; z-index: 2; width: 86px; height: 86px; margin: 0 auto; border: 3px solid rgba(255,255,255,0.5); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; }
.member-top .member-avatar img { width: 80px; height: 80px; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: url(images/avatar.png) no-repeat center center; background-size: cover; }
.member-top .member-username { position: relative; z-index: 2; margin-top: 5px; font-size: 14px; color: #fff; text-align: center; }
.member-top .member-notifications { position: absolute; z-index: 2; top: 15px; right:20px; font-size: 24px; line-height: 1em; }
.member-top .member-notifications a { margin-left: 20px; }

.member-info { position: relative; z-index: 1; height: 64px; padding: 10px 0; margin: -32px 10px 0; background: #fff; color: #a1c541; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; font-size: 12px; -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1); box-shadow: 0px 1px 1px rgba(0,0,0,.1); }
.member-info a { color: #999; }
.member-info i { display: block; margin: auto; width: 28px; height: 28px; font-size: 24px; }
.member-info ul { display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.member-info ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.member-info ul li:nth-child(1) { }
.member-info ul li:nth-child(2) { border-left: 1px solid #eee; border-right: 1px solid #eee; }
.member-info ul li:nth-child(3) { }


.member-login { padding:50px 20px; background: #fff; }
.member-login .lin-form-row{ margin-bottom: 10px;}
.member-login .login-captcha { position: relative; display: none;}
.member-login .login-captcha.show { display: block;}
.member-login .login-refresh { position:absolute; right: 1px; top: 1px; padding: 5px; display:inline-block;border-left: 1px solid #ced4da; background-color:#fffedf; -webkit-border-radius:0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
.member-login .login-refresh img { width:85px; height: 25px; vertical-align: top; }
.member-login .login-refresh i{ display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 20px; color: #888; vertical-align: top; }
.member-login .login-remember { display: none; }
.member-login .login-remember lable { padding-top:20px; padding-bottom:20px; font-size:16px; text-align:center; }
.member-login .login-alert{ display: none; }

.login-sso { margin-top:40px; text-align:center; }
.login-sso h2{ position: relative; display: inline-block; padding: 0 20px; margin:auto; font-size:12px; line-height:1em; color:#999; }
.login-sso h2 i{ position: absolute; display: block; width: 50%; height: 0; top: 0.5em; margin: 0; border-top: 1px solid rgba(0,0,0,.1); }
.login-sso h2 i:nth-child(1){ left: 0; margin-left: -50%; }
.login-sso h2 i:nth-child(2){ right: 0; margin-right: -50%; }

.login-sso ul{ margin-top:30px;}
.login-sso ul li{ width:90px; display:inline-block; font-size:12px; text-align:center; }
.login-sso ul li a { margin: auto; display: block; color: #333; text-decoration: none; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
.login-sso ul li i { background: #a1c541; color: #fff; font-size: 24px; width: 50px; height:50px; line-height: 50px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.login-sso ul li span { margin-top: 5px; display: block; color: #333; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.login-sso ul li a { margin: auto; display: block; color: #333; text-decoration: none; }
.login-sso ul li a:active { color: #fff; }
.login-sso ul li a:active i { color: #fff; }
.login-sso ul li a:active span { }
.login-sso ul li:nth-child(1) i { background: #62b900; }
.login-sso ul li:nth-child(2) i { background: #5294d0; }
.login-sso ul li:nth-child(3) i { background: #b83838; }

.form-box{ font-size:16px; padding: 10px; }
.form-box .form-item { position:relative;}
.form-box .form-item .form-label { margin:0 0 5px; display:block; font-size:12px; color:#888; line-height:1em; }
.form-box .form-item .form-text{ margin:0; padding:0 8px 0 8px; height:40px; line-height:40px; font-size:14px; width:100%; border:1px solid #ccc; background-color: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; vertical-align:middle; }

/*校验表单*/
.form-box .error .form-label{ color: #f00; font-weight: bold;}
.form-box .error .form-control,
.form-box .error .btn{ border:1px solid #f00; }


.lin-list-group { margin: 10px 0; }
.lin-list-group dt{ position: relative; padding: 0px 10px; font-size: 12px; line-height: 24px; font-weight: normal; color: #999; }
.lin-list-group dd{ position: relative; margin: 0; background: #fff; line-height: 24px; font-size: 16px; }
.lin-list-group dd:active{ background: #f5f5f5; }
.lin-list-group dd a{ display: block; padding: 15px 10px; color: #333; }
.lin-list-group dd a:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-bottom: 1px solid #ddd; content: ""; display: block; }
.lin-list-group dd:last-child a:after { display: none; }
.lin-list-group dd .icon-lft,
.lin-list-group dd .icon-rgt{ display: inline-block; text-align: center; height: 24px; line-height: 24px; font-size: 12px; color: #999; }
.lin-list-group dd .icon-lft{ float: left; margin-right: 10px; font-size: 24px; width:24px; color: #a1c541; }
.lin-list-group dd .icon-rgt{ float: right; margin-left: 10px; font-size: 13px; width:13px; text-align: right; }
.lin-list-group dd .txt-rgt{ float: right; font-size: 13px; color: #999;}

.lin-toolbar-hd { z-index: 10; width: 100%; height: 44px; background:#fff; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0,0,0,.1); }
.lin-toolbar-hd .inner { width: 100%; height: 44px; overflow: hidden; }
.lin-toolbar-bd { visibility: hidden; z-index: 9; position: absolute; left: 0; top: 88px; right: 0; bottom:0; width: 100%; background: rgba(0,0,0,0); overflow: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.lin-toolbar-bd.active { visibility: visible; background: rgba(0,0,0,0.5);}

.toolbar-btn { display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.toolbar-btn button{ background:none; border: none; height: 44px; line-height: 44px; font-size: 14px; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;  }
.toolbar-btn button i { margin-top: -2px; width: 16px; vertical-align: middle; font-size: 16px; color: #999; }
.toolbar-btn button:active,
.toolbar-btn button:active i,
.toolbar-btn button.active,
.toolbar-btn button.active i { color: #a1c541; }
.toolbar-btn button.lin-select{ max-width: 64px; }
.toolbar-btn button.lin-search { max-width: 44px; }
.toolbar-btn button.lin-search i { font-size: 20px; }

.lin-header-toolbar .toolbar-search,
.lin-header-toolbar .toolbar-select { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.lin-header-toolbar .toolbar-select { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
.lin-header-toolbar.active .toolbar-search,
.lin-header-toolbar.active .toolbar-select { -webkit-transform: translate3d(0px, -44px, 0px); -moz-transform: translate3d(0px, -44px, 0px); transform: translate3d(0px, -44px, 0px); }
.lin-header-toolbar.active .toolbar-search { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
.lin-header-toolbar.active .toolbar-select { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }


.toolbar-dropdown { visibility: hidden; z-index: 0; position: absolute; left: 0; top: 0; right: 0; background: #fff; color: #888; font-size: 14px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0px, -100%, 0px); -moz-transform: translate3d(0px, -100%, 0px); transform: translate3d(0px, -100%, 0px);}
.toolbar-dropdown.active{ visibility: visible; z-index: 1; -webkit-transform: translate3d(0px, -0px, 0px); -moz-transform: translate3d(0px, -0px, 0px); transform: translate3d(0px, -0px, 0px);}
.toolbar-dropdown li { position: relative; padding: 10px 0; line-height: 24px; display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.toolbar-dropdown li:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-top: 1px solid #ddd; content: ""; display: block;}
.toolbar-dropdown li:first-child:after { display: none;}
.toolbar-dropdown li .lft,
.toolbar-dropdown li .mid,
.toolbar-dropdown li .rgt{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.toolbar-dropdown li .lft{ max-width: 44px; text-align: center; font-size: 18px; }
.toolbar-dropdown li .rgt{ max-width: 44px; text-align: center; font-size: 18px; display:none; }
.toolbar-dropdown li.active .lft,
.toolbar-dropdown li.actuive .mid,
.toolbar-dropdown li.active .rgt { display:block; color: #a1c541; }


.lin-list-pic.lin-list-pic-member .date{font-size: 12px;}
.lin-list-pic.lin-list-pic-member .desc{ margin: 5px 10px;}
.lin-list-pic.lin-list-pic-member .txt{ margin: 5px 10px 10px;font-size: 12px;}

.lin-list-pic.lin-list-pic-member li a{  }
.lin-list-pic.lin-list-pic-member li .ion-md-mail{ color: #eb9909;  }
.lin-list-pic.lin-list-pic-member li .ion-md-mail-open{ color: #888;}
.lin-list-pic.lin-list-pic-member li label{ display:block;}
.lin-list-pic.lin-list-pic-member li .check{ float: left; position: relative; margin: 10px 0; margin-left: -20px;  width: 16px; height: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0;}
.lin-list-pic.lin-list-pic-member li .edit{ float: right; margin:10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); visibility:visible; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}
.lin-list-pic.lin-list-pic-member li .edit a{ display: block; width: 36px; height:36px; line-height: 32px; text-align: center; color:#888; border: 1px solid #ddd;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;}

.lin-list-pic.active li { padding-left: 30px; }
.lin-list-pic.active li .check{ -webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}
.lin-list-pic.active li .edit{ margin-right: -36px; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0;}

/*会员中心*/



/*公共搜索*/


.search-box { visibility: hidden; position: fixed; z-index: 9999; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
.search-box.active { visibility: visible; left: 0; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.search-box .hd,
.search-box .hd .search-control{ position: relative; display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.search-box .hd:after { position: absolute; left: 0; top: 44px; right: 0; bottom: 0; border-bottom: 1px solid #ddd; height: 0px; content: ""; display: block;}
.search-box .hd { position: absolute; top: 0; right: 0; left: 0; height: 44px;}
.search-box .hd .ion{ font-size: 20px; }

.search-box .search-back,
.search-box .search-btn,
.search-box .search-control,
.search-box .search-icon,
.search-box .search-q,
.search-box .search-clear,
.search-box .search-loading { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.search-box .search-back{ width: 44px; min-width: 44px; max-width: 44px; height: 44px; line-height: 44px; text-align: center; }
.search-box .search-btn { margin: 5px 10px 5px 2px; width: 64px; min-width: 64px; max-width: 64px; height: 34px; background: #f3f3f3; border: none; font-size: 14px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius:20px; }
.search-box .search-control { position: relative; margin: 5px 0; background: #f3f3f3; height: 34px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius:20px; overflow: hidden;}
.search-box .search-control .search-q { width: 100%; border: none; background: #f3f3f3; font-size: 14px; }
.search-box .search-control .search-icon,
.search-box .search-control .search-clear,
.search-box .search-control .search-loading { width: 34px; min-width: 34px; max-width: 34px; line-height: 34px; color: #ccc; text-align: center; }
.search-box .search-control .search-clear,
.search-box .search-control .search-loading { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
.search-box .search-control .search-clear { -webkit-transform: translateX(34px); -ms-transform: translateX(34px); transform: translateX(34px); }
.search-box .search-control .search-loading { position: absolute; top: 0; right: -34px; }
.search-box.hasword .search-control .search-clear { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
.search-box.loading .search-control .search-clear { -webkit-transform: translateX(-34px); -ms-transform: translateX(-34px); transform: translateX(-34px); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
.search-box.loading .search-control .search-loading { right: -0px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }

.search-box .bd { position: absolute; overflow: auto; top: 44px; right: 0; bottom:0; left: 0; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-y; }

.search-best { display: block; }
.search-best h2{ margin: 20px 15px 0px; font-size: 16px; line-height: 1.2em; color: #222; font-weight: bold;}
.search-best h2 a{ float: right; font-size: 14px; color: #888; font-weight: normal;}
.search-best h2 a i{ font-size: 16px; }
.search-auto { display: none; }
.search-box.hasword .search-best { display: none; }
.search-box.hasword .search-auto { display: block; }
.search-hot-tag { margin: 10px; min-height: 8.9em; max-height: 8.9em; font-size: 14px; color: #444; overflow: hidden; }
.search-hot-tag li { overflow: hidden; float: left; position: relative; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius:12px;}
.search-hot-tag li:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #ddd; content: ""; display: block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius:30px;}
.search-hot-tag li:active { background: #fafafa; }

/*.search-history-tag { margin: 10px; font-size: 14px; color: #444; }
.search-history-tag li { float: left; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; background: #f3f3f3; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius:15px; }
.search-history-tag li:active { background: #fafafa; }*/

.search-history-tag{ margin: 10px 0; color: #444; font-size: 14px; }
.search-history-tag li { position: relative; padding: 10px 0; line-height: 24px; display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;  }
.search-history-tag li:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-top: 1px solid #ddd; content: ""; display: block;}
.search-history-tag li .lft,
.search-history-tag li .mid,
.search-history-tag li .rgt{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.search-history-tag li .lft{ max-width: 44px; text-align: center; font-size: 18px; color: #999; }
.search-history-tag li .rgt{ max-width: 44px; text-align: center; font-size: 18px; color: #999; }

.search-auto-tag{ color: #444; font-size: 14px; }
.search-auto-tag li { position: relative; padding: 10px 0; line-height: 24px; display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.search-auto-tag li:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-top: 1px solid #ddd; content: ""; display: block;}
.search-auto-tag li .lft,
.search-auto-tag li .mid,
.search-auto-tag li .rgt{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.search-auto-tag li .lft{ max-width: 44px; text-align: center; font-size: 18px; color: #999; }
.search-auto-tag li .rgt{ max-width: 44px; text-align: center; font-size: 18px; color: #999; }

.ball-scale-multiple { position: relative; display: block; }
.ball-scale-multiple > i:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.ball-scale-multiple > i:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.ball-scale-multiple > i { background-color: #279fcf; background-color: #aaa; display: block; width: 30px; height: 30px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; z-index: 999999; left: 0px; top: 2px; opacity: 0; margin: 0; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; }

@-webkit-keyframes ball-scale-multiple {
  0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  5% { opacity: 1; }
  100% { -webkit-transform: scale(1); transform: scale(1);opacity: 0; }
}
@keyframes ball-scale-multiple {
  0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  5% { opacity: 1; }
  100% { -webkit-transform: scale(1); transform: scale(1);opacity: 0; } 
}

/*公共搜索*/





/*图片加载*/
.lin-list-pic .lazy, 
.lin-list-pic-2 .lazy, 
.lin-list-pic-3 .lazy, 
.lin-pic-w .lazy, 
.swiper-container .lazy, 
.product-cate-rgt .lazy, 
.lin-list-activity .lazy { background: #f5f5f5 url(/assets/css/img/loading.gif) no-repeat center center; }
@keyframes zoom-out-in {
	from { transform: scale(1); }
	to { transform: scale(1.2); }
}
@-webkit-keyframes zoom-out-in {
	from { transform: scale(1); }
	to { transform: scale(1.2); }
}
@-moz-keyframes zoom-out-in {
	from { transform: scale(1); }
	to { transform: scale(1.2); }
}
@-o-keyframes zoom-out-in {
	from { transform: scale(1); }
	to { transform: scale(1.2); }
}
.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; }
.lin-ui-load-more { margin: 10px; }
.lin-ui-load-more .lin-ui-load-more-btn { z-index: 1; position: relative; height: 2.5em; display: block; line-height: 2.5em; margin: auto; color: #999; text-align: center; font-family: -apple-system, "Microsoft YaHei", "黑体", "宋体", sans-serif; }
.lin-ui-load-more .lin-ui-load-more-btn:after { content: ""; display: block; border: 1px solid #ccc; position: absolute; left: 0; top: 0; right: 0; bottom: 0; -moz-border-radius: 2.5em; -webkit-border-radius: 2.5em; border-radius: 2.5em; }
.lin-ui-load-more .lin-ui-load-more-btn i { margin-right: 10px; vertical-align: middle; }
.lin-ui-load-more .lin-ui-load-more-btn img { margin: -3px 10px 0 0; vertical-align: middle; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.lin-ui-card li a:after,  .lin-ui-load-more .lin-ui-load-more-btn:after,  .pro-title:after,  .lin-header-nav:after,  .lin-nav-menu:after,  .lin-list-txt li:after,  .lin-list-pic li:after,  .lin-list-pic li .pic:after,  .lin-list-pic-2 li .box:after,  .lin-list-pic-3 li .box:after,  .swiper-pic-3 .swiper-slide .box:after,  .swiper-brand .swiper-slide .box:after,  .swiper-special .swiper-slide .box .pic:after,  .news-btn:after,  .news-btn li a:after,  .pro-footer-nav .btn-home:after,  .pro-footer-nav:after,  .show-more .show-more-bg .show-more-btn:after,  .pro-brand .pro-logo:after,  .swiper-best .swiper-slide .box:after,  .pro-product-2 li .box:after,  .pro-desc:after,  .pro-link-product a:after,  .pro-brand-info .item:after,
.lin-list-group dd a:after,
.header-toolbar .toolbar-list li:after,
.search-box .hd:after,
.search-box .bd .search-hot li:after,
.search-auto-tag li:after,
.search-history-tag li:after{ -webkit-transform: scale(.5); -webkit-transform-origin: 0 0; bottom: -100%; right: -100%; }
.pro-brand:after { -webkit-transform: scaleY(.5); -webkit-transform-origin: 50% 0; }
}