@charset "utf-8";

/*-----------------------------------导航-----------------------------------------------*//**/
/*导航用户信息*/
#site-nav { font-size: 12px; width: 100%; height: 30px; background: #F7F8FC; position: relative; z-index: 999; }
.site-menu { float: right; font-family: Microsoft YaHei, SimHei, Verdana, Arial, sans-serif; margin-left:-5px; }
.site-menu.fl { float: left }
.site-menu li { float: left; color: #999; height: 30px; line-height: 30px; padding: 0 11px; position: relative }
.site-menu li:first-child{ margin-left: 0;}
.site-menu a { text-decoration: none }
.site-menu .c-red { color: #FF0000 }
.site-menu .c-blue { color: #3778E8 }
.site-menu li.spl { color: #eaebef; padding: 0;}
.site-menu li.blank { padding: 0; margin: 0;}
.site-menu li a { color: #999; }
.site-menu li a:hover{ text-decoration:underline;}
.site-menu li .phone{ color:#FFF;}
.site-menu li i{ display:inline-block; vertical-align:middle; background-image:url(../images/bg.png);}
.site-menu li .icon-arw-down{ margin-left:4px; border-left:5px dashed transparent; border-right:5px dashed transparent; border-top:5px dashed #999;}
.site-menu li .icon-pos{ vertical-align:-3px; background-position:-89px -508px; width:10px; height:15px; margin-right:7px;}
.site-menu li .icon-tel{ background-position:0 0; width:12px; height:14px; padding-right:7px;}
.site-menu li .icon-fav{ vertical-align:0; *vertical-align:middle; background-position:-76px -482px; width:12px; height:10px; margin-right:2px;}
.site-menu li .icon-cart{ vertical-align:-1px; *vertical-align:middle; background-position:-50px -665px; width:12px; height:11px; margin-right:3px;}
.site-menu li .icon-nav{ vertical-align:-1px; *vertical-align:middle; background-position:-50px -655px; width:14px; height:10px; margin-right:3px;}
.site-menu li .icon-lg{ vertical-align:-2px; *vertical-align:middle; background-position:-88px -457px; width:12px; height:12px; margin-right:6px;}
.site-menu li .num{ color: #666; font-family: serif; font-weight: normal; padding: 0 2px; border-radius: 2px; position: relative;}
.site-menu li .num::after{ display: none; content: ''; margin-top: -3px; border-right: 3px solid #F75559; border-top: 3px dashed transparent; border-bottom: 3px dashed transparent; position: absolute; left: -3px; top: 50%; z-index: 2;}
#site-nav .user-avatar{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:20px; height:20px; margin-right:10px; border-radius:50%;}
.navList_login { display:none; text-align:right; width:auto; height: 42px; cursor: pointer; position:absolute; right:0; top:30px; z-index:10;}
.site-menu li.member:hover .navList_login{ display:block;}
.navList_login .login_portrait { color:#BBB; width:auto; padding:0 10px; margin: 8px auto 0; }
.navList_login .login_portrait .ico { background: url(../images/top_ico.png) no-repeat 0 -135px; display: inline-block; width: 8px; height: 4px; margin-left: 13px }
.navList_login:hover .login_list { transition: all .6s; display: block }
.navList_login .login_list { font-size:14px; z-index: 100; text-align:left; border: 1px solid #e0e0e0; background-color: white; width: 150px; height: 146px; position: relative; top: 4px }
.navList_login .login_list li { width: 130px; padding:0 10px; margin: 0 auto; height: 42px; line-height: 42px; position: relative }
.navList_login .login_list li:hover { background-color:#F1F4F9;}
.navList_login .login_list li em { font-size: 12px; font-family: arial; background-color: #BB0000; color: #fff; min-width:14px; height: 14px; padding:0 2px; position: absolute; left: 42px; top: 6px; line-height: normal; text-align: center; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.navList_login .login_list li a { display:block; color: #333; font-size:14px; border-bottom: 1px solid #e0e0e0; }
.navList_login .login_list li:last-child a { border-bottom: 0 }
.navList_login .login_list li a i { display: inline-block; vertical-align:-2px; background-image: url(../images/top_ico.png); background-repeat: no-repeat; width: 18px; height: 16px; position: relative; top: 0; margin: 0 13px 0 16px }
.navList_login .login_list li a i.ico_shop { background-position: 0 0 }
.navList_login .login_list li a i.ico_order { background-position: 0 -37px }
.navList_login .login_list li a i.ico_collect { background-position: 0 -73px }
.navList_login .login_list li a i.ico_esc { background-position: 0 -109px }
.navList_login .login_list li a:hover { text-decoration: none; }
.navList_login .login_list li a:hover i { transition: all .2s; background-image: url(../images/top_ico_hover.png) }
#site-nav .nav-tip{ color: #424242; width: 180px; line-height: 20px; padding: 10px; border-radius: 5px; background-color: #FFF; position: absolute; top: 48px; right: 0; z-index: 11; box-shadow: 0 0 10px #CCC;}
#site-nav .nav-tip:before{ content: ''; border-left: 10px dashed transparent; border-right: 10px dashed transparent; border-bottom: 10px solid #E6E6E6;  position: absolute; right: 80px; top: -10px; z-index: 2;}
#site-nav .nav-tip:after{ content: ''; border-left: 8px dashed transparent; border-right: 8px dashed transparent; border-bottom: 8px solid #FFF;  position: absolute; right: 82px; top: -7px; z-index: 2;}
#site-nav .nav-tip .tip-close{ color: #47AFFF; font-family: Verdana; position: absolute; top: 0; right: 8px; z-index: 1; cursor: pointer;}

.site-menu li.deli{ padding:0 10px;}
.site-menu li.deli:hover{ background-color:#FFF;}
.site-menu li.deli:hover .deli-list{ display:block;}
.site-menu li.deli .deli-ico{ display:inline-block; vertical-align:middle; width:12px; height:14px; margin-right:4px; background:url(../images/bg.png) -64px -483px no-repeat;}
.site-menu li .deli-list{ display:none; line-height:24px; padding:10px; margin-bottom:-4px; border:1px solid #eee; border-top:none; background-color:#FFF; position:absolute; left:-1px; top:42px; z-index:1000;}
.site-menu li .deli-line{ height:0; line-height:0; margin-bottom:2px; border-bottom:1px dashed #eee;}
.site-menu li .deli-tab-list a{ color:#444; white-space: nowrap; display:block; *zoom:1; min-width:3em; line-height: 30px; padding:0 10px;}
.site-menu li .deli-tab-list a:hover{ color: #FF0000; text-decoration:none; background-color:#eee;}

.site-menu li.layer:hover{ background-color: #fff;}
.site-menu li .sub-layer{ display: none; padding: 9px; background: #fff; box-shadow: 0px 6px 22px 0px rgba(0,0,0,0.1); position: absolute; left: 0; top: 42px; z-index: 1000;}
.site-menu li.layer:hover .sub-layer{ display: block;}

#site-nav.company{ background: #333;}
#site-nav.company .site-menu li a{ color: #c3c3c3;}
#site-nav.company .site-menu li .icon-cart{ vertical-align: -5px; width: 22px; height: 20px; margin-right: 6px; background-position: -78px -180px;}
#site-nav.company .site-menu li.spl{ color: #424242; padding: 0 3px;}

/*导航菜单*/
#headerLayout { height: 106px; background-color: #fff; position:relative; z-index: 2;}
#headerLayout.simple{ height: 150px;}
#headerLayout.fixed{ width:100%; height:80px; position:fixed; top:0; z-index:1000; box-shadow:0 0 5px #E4E4E4;}
#headerLayout.fixed .p-content{ height:80px;}
#headerLayout.fixed .logo{ background:url(../images/logo.png) 82px center no-repeat}
#headerLayout.fixed .logo a{ height:80px;}
#headerLayout.fixed .hot-query{ display:none;}
#headerLayout .p-content { height: 112px; position: relative }
#headerLayout .header{ overflow: hidden;}

#headerLayout.company{ height: 100px;}
#headerLayout.company .p-content { height: 100px;}

#head-search{ width: 734px; height: 36px; overflow: hidden; border-radius: 6px; position:absolute; left: 216px; top: 16px; z-index:1;}
#headerLayout.simple #head-search{ top: 50px; left: auto; right: 0;}
#head-search .seartch-type{ font-size: 12px; text-align:center; vertical-align:middle; position:absolute; left: -2px; top: -23px; z-index: 2;}
#head-search .seartch-type .icon-pos{ width: 10px; height: 15px;}
#head-search .seartch-type .select-type{ display: none; width:86%; height:32px; line-height:32px; position:absolute; left:0; top:0; z-index:2;}
#head-search .seartch-type li{ float: left; font-size: 12px; height:22px; line-height:22px; padding: 0 12px; cursor:pointer; position: relative;}
#head-search .seartch-type li:hover{ color: #FF0000;}
#head-search .seartch-type li a{ }
#head-search .seartch-type li.on{ color: #fff; background-color: #FF0000;}
#head-search .search-area{ width: 90px; height: 32px; line-height: 32px; border: 2px solid #FF0000; position: absolute; left: -94px; top: -2px; z-index: 2;}
#head-search .search-area .icon-pos{ vertical-align:-3px; background-position:-89px -508px; width:10px; height:15px; margin-right:7px;}
#head-search .search-area .area-list{ display:none; width:322px; line-height:24px; padding:10px; margin-bottom:-4px; border:1px solid #eee; border-top:none; background-color:#FFF; position:absolute; left:-1px; top:34px; z-index:1000;}
#head-search .search-area:hover .area-list { display: block;}
#head-search .search-area .area-tab{ margin-bottom: 10px; border-bottom: 1px solid #ebebeb;}
#head-search .search-area .area-tab a{ color:#333; display:inline-block; *display:inline; *zoom:1; min-width:3em; line-height:30px; padding:0 10px; border: 1px solid #ebebeb; border-bottom: none;}
#head-search .search-area .area-tab a:hover{ color: #FF0000; text-decoration:none; background-color:#eee;}
#head-search .search-area .area-tab a.cur{ border-top: 2px solid #FF0000;}
#head-search .search-area .area-tab-list a{ color:#444; display:inline-block; *display:inline; *zoom:1; min-width:3em; line-height:24px; padding:0 10px; margin-right: 10px; margin-bottom:4px;}
#head-search .search-area .area-tab-list a:hover{ color: #FF0000; text-decoration:none; background-color:#eee;}
#head-search .search-area .area-tab-list a.cur{ color:#FFF; background-color:#FF0000;}
#head-search .search-form{ height: 32px; border: 1px solid #FF0000; border-radius: 10px;}
#head-search fieldset { position: relative;}
#head-search .search-input{ height: 32px; position: relative;}
#head-search .searchBox{float:left; height: 34px;}
#head-search .s-input-wrap{ position: relative; vertical-align: middle;}
#head-search .s-input-wrap .icon-isearch{ display: none; width: 13px; height: 13px; margin-left: 14px; background: url(../Images/bg.png) -60px -240px no-repeat; position: absolute; left: 0; top: 11px; z-index: 2;}
#head-search #mq{ font-family:Microsoft YaHei; font-size:14px; border: 0 none; box-sizing: content-box; height: 26px; line-height: 26px; margin: 0; outline: 0 none; padding: 3px 3px 3px 5px; position: relative; left: 0; width: 670px; z-index: 2;}
#head-search #mq::placeholder{ color: #999;}
#head-search .s-box-input{font-size: 100%;overflow-y: visible;vertical-align: middle; color: #666;}
#head-search button{ position:absolute; right: -2px; top: -2px; z-index:1; width: 64px; border:0; font-size:16px;  cursor:pointer; color:#FFF; height: 36px; overflow:hidden; background-color: #FF0000;}
#head-search button s{ display:inline-block; vertical-align: middle; width: 22px; height: 22px; background-position:0 -87px;}
#head-search button .icon-search{ background-image: url(../Images/icon-search.png); background-position: 0 0;}
#head-search .hot-query{ font-family:Microsoft YaHei; margin-top:5px; overflow: hidden; width: 100%;font-size: 12px; height: 25px; position: relative;}
#head-search .hot-query li{float:left; color: #999; display: inline-block; height: 25px; line-height:25px; padding-right:12px; position:relative;}
#head-search .hot-query li a{color: #999;}
#head-search .hot-query li.hot{ padding-right:30px;}
#head-search .hot-query li.hot:after{ display:block; content:''; width:22px; height:13px; background:url(../images/bg.png) -80px 0 no-repeat; position:absolute; right:4px; top:2px; z-index:1;}
#head-search .hot-query li.hot a{color: #FF0000;}

#head-search.company{ height: 50px; left: auto; top: 25px; right: 0;}
#head-search.company .search-input{ height: 48px;}
#head-search.company #mq{ width: 478px; height: 42px; left: 14px;}
#head-search.company .search-form{ border-color: #E7E7E7;}
#head-search.company .icon-isearch{ width: 16px; height: 16px; background: url(../Images/ico.png) 0 -164px no-repeat; position: absolute; left: 0; top: 18px; z-index: 2;}
#head-search.company button{ width: 50px;  height: 50px; border-left: 1px solid #e7e7e7; background: none;}

.head-link{ color:#9C8164; font-size:14px; height:34px; line-height:34px; position:absolute; left:880px; top:16px; z-index:2;}
.head-link .btn{ display:inline-block; color:#9C8164; padding:0 12px; border:1px solid #9C8164; border-radius:5px;}
.head-link .btn:hover{ color:#FFF; text-decoration:none; background-color:#9C8164;}
.shop-cart{ color: #FF0000; text-align: center; position:absolute; right: 0; top: 16px; width: 230px; height: 36px; line-height: 36px; border-radius: 10px; background-color: #ffe6e6;}
.shop-cart .p-icon{ display:inline-block; vertical-align:middle; width:21px; height:20px; margin-left: 6px; background:url(../images/icon-tcart.png) no-repeat; position: relative;}
.shop-cart a{ color:#FF0000; letter-spacing: 1px; margin-left: -1px;}
.shop-cart a:hover{ color:#FF0000;}
.shop-cart .cart_arw{ display:inline-block; vertical-align:middle; width:0; height:0; margin-left:4px; line-height:0; border-top:4px dashed transparent; border-bottom:4px dashed transparent; border-left:4px solid #C30D23;}
.shop-cart em{ color:#FFF; font-size:12px; white-space: nowrap; line-height:14px; border-radius:12px; padding:0 3px; background-color:#FF0000; position:absolute; top:-7px; left: 15px; z-index:2;}
.shop-cart em:after{/* display:block; content:''; width:0; height:0; line-height:0; border-left:4px dashed transparent; border-right:4px dashed transparent; border-top:4px solid #EF4011; position:absolute; bottom:-3px; left:6px; z-index:3;*/}
.head-btn{ color: #fff; text-align: center; width: 136px; height: 36px; line-height: 36px; background: linear-gradient(90deg, #FF8800 0%, #FF5000 100%); border-radius: 2px; position:absolute; right: 330px; top: 52px; cursor: pointer;}
.head-btn a{ color: #fff;}
.head-btn:hover{ opacity: .9;}
#headerLayout .logo{ position:absolute; left:0px; top:20px; z-index:10; width: 194px; height:58px; line-height:32px; background: url(../images/logo.png) left center no-repeat; background-size: auto;}
#headerLayout .logo.index{ width:212px; height:174px; background: #FFF url(../images/logo-new.png) center center no-repeat; box-shadow: 0 0 10px #CCC; top:-40px;}
#headerLayout.simple .logo{ height: 150px;}
#headerLayout .logo a{ display:block; width:100%; height:100%;}
#headerLayout .logo-ad{ width:340px; height:100%; line-height:32px; background:url(../upload/logo-ad.gif) left center no-repeat; position:absolute; left:210px; top:0; z-index:0;}
#headerLayout .logo-ad-4{ width:340px; height:100%; line-height:32px; background:url(../upload/logo-ad-4.gif) left 46px no-repeat; position:absolute; left:210px; top:0; z-index:0;}
#headerLayout .logo-text{ color:#666; font-size:24px; line-height:24px; padding-left:10px; margin-top:8px; position:absolute; left:228px; top:50%; z-index:0;}
#headerLayout .logo-text::after{ content: ''; height: 38px; border-left: 1px solid #D1D1D1; position: absolute; left: 0; top: -6px; z-index: 1;}
#headerLayout .head-hotline{ color: #FF0000; font-size: 20px; width: auto; height: 36px; line-height: 36px; padding: 0 20px; background-color: #E9F1FF; position:absolute; right: 104px; top: 52px; z-index: 0;}
#headerLayout .icon{ width: 18px; height: 18px; background-position: -40px 0;}
#headerLayout .head-hotline .icon{ vertical-align: -2px; margin-right: 8px;}
#headerLayout .head-hotline .tel{ font-size: 20px; margin-bottom: 2px;}
#headerLayout .head-hotline .info{ font-size: 13px; text-align:justify; text-align-last: justify;}
#headerLayout .logo.company{ width: 278px; height: 100px; background: url(../images/logo-company-right.png) right center no-repeat;}
#headerLayout .logo.company .sub{ max-width: 106px; max-height: 110px;}
#headerLayout .logo.company a{ display: table-cell; height: 110px; vertical-align: middle;}
/*导航*/
#headNav{ color:#000; font-size:16px; background-color: #fff; position: absolute; left: 216px; top: 68px; z-index: 100;}
#headNav:before,#headNav:after {display: table; content: ""; height:0; clear:both; visibility: hidden;}
#headNav .p-content{ position: relative;}
#headNav .nav-tit{ float:left; color:#FFF; text-indent: 20px; width:190px; line-height: 38px; background-color: #FF0000;}
#headNav .nav-tit i{ display:inline-block; vertical-align:middle; width: 16px; height: 14px; margin-right: 10px; background-image: url(../images/bg.png); background-position: -130px -651px;}
#headNav .nav-tit a{ display:block; color:#FFF; padding-left:20px;}
#headNav .nav-tit a:hover{ text-decoration:none;}
#headNav .nav-menu{ height:22px;}
#headNav .nav-menu.bid{ margin-left: 302px;}
#headNav .nav-menu.wide ul{ width: 985px;}
#headNav .nav-menu ul{ display: flex; justify-content: space-between;}
#headNav .nav-menu .m-nav-item { float: left; height:22px; line-height: 22px; padding-bottom: 16px; margin-right: 30px; position: relative;}
#headNav .nav-menu .m-nav-item:last-of-type{ margin-right: 0;}
#headNav .nav-menu .m-nav-item.pub{ width: 180px; line-height: 390px; border-radius: 20px; background: url(../Images/nav-item-pub.png) no-repeat; background-size: contain; box-shadow: 0 0 10px #bbb;}
#headNav .nav-menu .m-nav-item.sup{ width: 180px; line-height: 390px; border-radius: 20px; background: url(../Images/nav-item-sup.png) no-repeat; background-size: contain; box-shadow: 0 0 10px #bbb;}
#headNav .nav-menu .m-nav-item a{ display:block; color:#333; font-weight: bold; text-align:center; text-decoration:none; transition:none;}
#headNav .nav-menu .m-nav-item.m-has-sub a .arw{ display:inline-block; vertical-align:middle; width:0; height:0; margin-left:4px; line-height:0; border-left:5px dashed transparent; border-right:5px dashed transparent; border-top:5px solid #FF0000;}
#headNav .nav-menu .m-nav-item a:hover,#headNav .nav-menu .m-nav-item:hover > a { /*border:1px solid #EBEBEB;*/ border-bottom:none; color:#FF0000;}
#headNav .nav-menu li a.curMenu,
#headNav .nav-menu li.cur a{ color:#FF0000;}
#headNav .nav-menu .m-nav-item .hot{ background:url(../images/bg.png) no-repeat -78px 0; width:22px; height:12px; display:block; position:absolute; top:0; right:0;}
#headNav .nav-menu .m-nav-item .m-sub-nav{ display: none; font-size:16px; min-width: 180px; padding:14px; position:absolute; top:36px; left:-20px; z-index:1000; transition:all 0.2s; box-sizing: border-box; background-color: #fff; box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.08); border-radius: 10px;}
#headNav .nav-menu .m-nav-item .m-sub-nav ul{ width: 100%; display: block;}
#headNav .nav-menu .m-nav-item:hover .m-sub-nav{ display: block;}
#headNav .nav-menu .m-nav-item .m-sub-nav li{ width: 100%; line-height:22px; margin-bottom: 24px; position:relative;}
#headNav .nav-menu .m-nav-item .m-sub-nav li:last-child{ margin-bottom: 0;}
#headNav .hot-line{ display: none; float: right; height:38px; padding-right: 10px;}
#headNav .hot-line .p-icon{ display: inline-block; vertical-align: middle; margin-right: 2px; background: url(../Images/bg.png) no-repeat;}

/*顶部导航*/
#headerLayoutNav{ color:#000; font-size:20px; height:39px; line-height:38px; position: absolute; left: 342px; top: 30px; z-index: 2;}
#headerLayoutNav:before,#headerLayoutNav:after {display: table; content: ""; height:0; clear:both; visibility: hidden;}
#headerLayoutNav .nav-menu{ height:38px;}
#headerLayoutNav .nav-menu .m-nav-item { float: left; height:38px; line-height: 38px; overflow:hidden; margin-right:10px; position:relative;}
#headerLayoutNav .nav-menu .m-nav-item a{ display:block; color:#1b0a09; text-align:center; text-decoration:none; padding:0 10px; transition:none;}
#headerLayoutNav .nav-menu .m-nav-item.m-has-sub a .awr{ display:inline-block; vertical-align:middle; width:0; height:0; margin-left:4px; line-height:0; border-left:5px dashed transparent; border-right:5px dashed transparent; border-top:5px solid #FFF;}
#headerLayoutNav .nav-menu .m-nav-item a:hover,#headerLayoutNav .nav-menu .m-nav-item:hover > a { /*border:1px solid #EBEBEB;*/ border-bottom:none; color:#FF0000;}
#headerLayoutNav .nav-menu li a.curMenu{ color:#FF0000;}

.header .cart-title{ border-left:1px solid #d1d1d1; height:46px; font-size: 26px; color:#666666; padding:0 0 0 31px; margin:27px 0 0 38px;}

.sub-banner{ width: 100%; height: 382px; overflow: hidden;}
.sub-banner img{ margin-left: -960px; position: relative; left: 50%;}

/*-----------------------------------左侧菜单-----------------------------------------------*//**/
#categorys{ width: 200px; height: 480px; background: #fff; position: absolute; left: 0; top: 0; z-index: 102;}
#categorys.hide-cate-menu{ height: 36px;}
#categorys .nav-tit{ display: none; color: #FFF; font-size: 16px; text-align: center; height: 36px; line-height: 36px; padding: 0 10px; border-radius: 6px 6px 0px 0px; background: #FF0000; position: absolute; left: 0; right: 0; top: -53px; z-index: 100; box-sizing: border-box;}
#categorys .nav-tit a{ color: #FFF;}
#categorys.hide-cate-menu .nav-tit{ text-indent: 0; width: 100%; height: 36px; line-height: 36px; border-radius: 0; top: 0;}
#categorys .nav-tit .icon{ vertical-align: -1px; width: 16px; height: 14px; margin-right: 10px; background-image: url(../images/bg.png); background-position: -130px -651px;}
#categorys #nav-menu-list{ width: 200px; height:480px; position:absolute; top: 0; left:0; z-index:9999; display:block;}
#categorys.hide-cate-menu #nav-menu-list{ display:none; top: 38px;}
#categorys .cate-menu { width: 100%; height: 480px; position: relative; overflow: visible;}
#categorys .cate-menu .p-content{ height: 100%;}
#categorys .cate-menu .category-inner-con{height: 0; margin: 0 auto; position: relative; z-index: 100;}
#categorys .cate-menu .nav-bg{ display: none; background-color: #FFF; height: 480px; left: 0; position: absolute; top: 0; width: 208px; z-index: 10; /*opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);*/}
#categorys .cate-menu .nav-con{height: 0;}
#categorys .cate-menu .nav-con .normal-nav{ background-color: #fff; position: relative; margin-top: 10px; z-index: 11;}
#categorys .cate-menu .nav-con .normal-nav .nav-item{color: #fff; font-size: 14px; height: 66px; line-height: 29px; padding: 10px 10px; /*box-shadow: 0px -1px 0px 0px rgba(214, 214, 214, 0.2);*/ position: relative;}
#categorys .cate-menu .nav-con .normal-nav .nav-item a{ color: #333; line-height:20px; overflow:hidden;}
#categorys .cate-menu .nav-con .normal-nav .nav-item a:hover{text-decoration:none;}
/*#categorys .cate-menu .nav-con .normal-nav .nav-item .arrow{ background:url(../images/nav_arrow.png); width:10px; height:16px; margin-top:-6px; position: absolute; right: 10px; top:50%; display:block;}*/
#categorys .cate-menu .nav-con .normal-nav .nav-item.selected,
#categorys .cate-menu .nav-con .normal-nav .nav-item:hover{ background-color: #E9F1FF;}
#categorys .cate-menu .nav-con .normal-nav .nav-item a:hover{ color:#fff;}
#categorys .cate-menu .nav-con .normal-nav .nav-item .icon-nav{ width: 14px; height: 14px; margin-top: -7px; background: url(../images/icon.png) -190px -210px no-repeat; position: absolute; left: 0; top: 50%; z-index: 2;}
#categorys .cate-menu .nav-con .normal-nav .nav-item h3{ color: #fff; font-size: 16px; font-weight: bold; line-height: 24px; overflow:hidden; padding: 0 20px; margin-bottom: 4px; position: relative;}
/*#categorys .cate-menu .nav-con .normal-nav .nav-item h3::after{ content: ''; width: 14px; height: 14px; margin-top: -7px; background: url(../images/icon.png) -190px -210px no-repeat; position: absolute; left: 0; top: 50%; z-index: 2;}*/
#categorys .cate-menu .nav-con .normal-nav .nav-item p{ word-break:break-all; height: 44px; line-height: 12px; overflow:hidden; padding-left: 20px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item p a{ display:inline-block; font-size:12px; margin-right:10px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item.selected::after{ content:''; margin-top: -8px; border-top:8px dashed transparent;  border-bottom:8px dashed transparent; border-right: 8px solid #fff; position:absolute; right: -1px; top: 50%; z-index: 100;}
#categorys .cate-menu .nav-con .normal-nav .nav-item.selected a:hover{ color: #333; text-decoration:underline;}
#categorys .category-tab-content{ height: 500px; overflow: hidden; background: #F7F8FC;}
#categorys .category-tab-content:hover{ }
#categorys .category-tab-content:hover .normal-nav{ box-shadow: 0 0 10px #ccc;}
/*菜单展开*/
#categorys .cate-menu .content-con{ font-size:12px; height: 480px; line-height:20px; left: 0; position: absolute; top: 0; z-index: 1;}
#categorys .cate-menu .content-con .pannel-con{ height: 100%; width: 100%; position:relative; left: 0; top:-1px;}
#categorys .cate-menu .content-con .pannel-con.selected{display: block;}
#categorys .cate-menu .content-con .pannel-con div.opacity98{ background:#FFF;/*url(../images/pannel-con-bg.png) repeat;*/}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel{display: none;position: absolute; top: 0; left: 200px; height: 450px;z-index: 5; width: 994px;overflow: hidden;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel.show{display: block; left: 212px; border:1px solid #FF0000; border-radius: 10px;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .left-part{ float: left; width: 994px; height: 100%; padding: 20px 0; overflow: auto; box-sizing: border-box;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part{ display: none; width: 288px; height:462px; background-color:#fff; float: right;overflow: hidden;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .list-con{ display: table; overflow: hidden; width: 100%;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .list-item{ display: table-row; vertical-align: top; padding-bottom: 10px;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .title{ display: table-cell; color: #333; font-size: 14px; vertical-align:top; white-space: nowrap; text-align: right; line-height:28px; overflow: hidden;  padding: 10px 20px; margin-right:-1px; background-color: #FFF; position: relative;width:60px}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .title a{color:#333; font-weight:700;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .label-list{ display: table-cell; vertical-align:top; line-height:28px; padding: 10px 0; border-bottom: 1px dotted #E8E8E8; position:relative;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .grid1{/*min-height: 25px;*/ overflow: hidden; margin-left: -6px;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .grid2{min-height: 33px; overflow: hidden;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .label-list a{font-size: 13px; display: inline-block; white-space: nowrap; /*background:url(../images/ico-short-line.jpg) left center no-repeat;*/ padding: 0 4px; color: #999;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .label-list a:hover{text-decoration: underline; color:#3778E8;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .label-list .highlight{color: #d01f47;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-list{ width:300px; margin:0 auto;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-top{ border-bottom:1px solid #d3d3d3; padding-bottom:10px;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-top h3{ font-weight:700; line-height:30px;} 
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-top h3 a{ color:#999;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-label-list a{ color:#999; margin-bottom:5px; padding-right:5px; display: inline-block;float: left;white-space: nowrap;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-ct{ border-bottom:1px solid #d3d3d3; padding-bottom:15px;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-ct a{ float:left; display:block; width:85px; height:30px; margin-top:15px; text-align:center;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-bottom{ margin-top:0;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-bottom a{ display: block; }
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-bottom a img{ width: 100%;}

#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .product-item{ display: inline-block; vertical-align: top; width: 90px; margin-bottom: 10px; margin-right: 10px;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .product-pic img{ width: 90px; height: 90px; object-fit: cover;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .product-item h3{ color: #333; text-align: center;}

#categorys.simple{ height: 450px;}
#categorys.simple #nav-menu-list{ height: 450px;}
#categorys.simple .cate-menu{ height: 450px;}
#categorys.simple .cate-menu .nav-bg{ height: 416px;}
#categorys.simple .category-tab-content{ height: 450px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
#categorys .cate-menu .nav-con .simple-nav{ height: 450px; padding: 8px 0; overflow: auto; }
#categorys .cate-menu .nav-con .simple-nav h3{ margin-bottom: 6px;}
#categorys .cate-menu .nav-con .simple-nav a { color: #333; font-size: 14px;}
#categorys .cate-menu .nav-con .simple-nav .nav-item{ color: #fff; font-size: 14px; padding: 8px 16px; position: relative;}
#categorys .cate-menu .nav-con .simple-nav .nav-item:hover{ background-color: #f8eceb;}
#categorys .cate-menu .nav-con .simple-nav .nav-item p{ height: 18px; overflow: hidden;}
#categorys .cate-menu .nav-con .simple-nav .nav-item p a { display: inline-block; color: #999; font-size: 12px; margin-right: 10px;}
#categorys .cate-menu .nav-con .simple-nav .nav-item::after{ content: ''; width: 6px; height: 6px; margin-top: -3px; border-left: 1px solid #333; border-top: 1px solid #333; position: absolute; right: 0; top: 50%; z-index: 1; transform: rotate(135deg); filter: brightness(100);}
#categorys .cate-menu .nav-con .simple-nav .nav-item:nth-of-type(n+6), #categorys.factory .cate-menu .nav-con .idle-nav .nav-item:nth-of-type(n+4){ border-bottom: none;}
#categorys .cate-menu .nav-con .simple-nav .nav-item .arrow {
    background: url(../images/nav_arrow.png);
    width: 16px;
    height: 16px;
    margin-top: -6px;
    position: absolute;
    right: 6px;
    top: 50%;
    display: block;
}

/*--------------------版权-------------------*/
#footer{ width: 100%; background-color: #ebebeb;}
#foot-top{ font-family:'YueYuan',Microsoft YaHei; height:100px;}
#foot-top .foot-top-item li{ float:left; color:#666; font-size: 20px; text-align: center; width: 33.3%; height: 100px; line-height: 100px; overflow: hidden; margin-left:-1px; position:relative;}
#foot-top .foot-top-item li i{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:40px; height:40px; margin-right:10px; background:url(../images/foot-top.png) 0 0 no-repeat;}
/*#foot-top .foot-top-item li i:hover{ background-position:16px -110px;}*/
#foot-top .foot-top-item li i.i2{ background-position:-130px 0;}
/*#foot-top .foot-top-item li i.i2:hover{ background-position:-286px -110px;}*/
#foot-top .foot-top-item li i.i3{ background-position:-260px 0;}
/*#foot-top .foot-top-item li i.i3:hover{ background-position:-592px -110px;}*/
#foot-top .foot-top-item li a{ float:left; color:#333; margin-left:8px; cursor:default;}
#foot-top .foot-top-item li a:hover{ text-decoration:none;}
#foot-top .foot-top-item li a strong{ color:#666; font-size:14px; line-height:28px;}
#foot-top .foot-top-item li a span{ display:block; color:#999;}
#foot-bottom{ zoom:1; background-color: #EFEFEF;}
#foot-bottom .foot-bottom-help{ color: #fff; text-align:left; width: 1210px; overflow:hidden; padding:30px 0; margin:0 auto;}
#foot-bottom .foot-help-item{ float:left; display:inline; width:202px; padding:0 20px; overflow:hidden; position: relative;}
/*#foot-bottom .foot-help-item:after{ content: ''; height: 74px; border-right:1px solid #EEE; position: absolute; right: 0; top: 24px; z-index: 2;}*/
#foot-bottom .foot-help-item.item2{}
#foot-bottom .foot-help-item.item3{ display:none; width:132px;}
#foot-bottom .foot-help-item.item4{ color: #333; width:132px; padding: 0 38px; border-right: none;}
#foot-bottom .foot-help-item.item4:after{ border-right: none;}
#foot-bottom .foot-help-item .tel{ color: #3778E8; font-size: 18px; margin-bottom: 12px;}
#foot-bottom .foot-help-item .btn{ margin-top: 20px;}
#foot-bottom .foot-help-item .btn-service{ display: inline-block; vertical-align: middle; color: #3778E8; height: 30px; line-height: 30px; padding: 0 27px; border: 1px solid #3778E8;}
#foot-bottom .foot-help-item .btn-service i{ display: inline-block; vertical-align: middle; width: 14px; height: 16px; margin-right: 4px; background: url(../images/bg.png) -50px -680px no-repeat;}
#foot-bottom .foot-help-item h3{ color: #000; margin-bottom:24px; height:22px; line-height:22px; font-size:20px;}
#foot-bottom .foot-help-item p{ color: #666; margin-bottom: 10px;}
#foot-bottom .foot-help-item a{ color: #666; margin-bottom:2px; display:block;}
#foot-bottom .foot-attn{ float:left; width:202px; min-height:80px;}
#foot-bottom .foot-attn img{ width: 80px; height:80px; object-fit: contain;}
#foot-bottom .foot-logo{ display:none;}
#foot-bottom .foot-wx-attn{ color:#888; font-size:14px; line-height:20px; margin-left:10px; margin-top:20px; position:relative;}
#foot-bottom .foot-wx-attn b{ font-size:18px; font-weight:bold;}
#foot-bottom .foot-wx-attn .ico-wx-attn{ width:44px; height:42px; margin-left:10px; background:url(../images/bg.png) 0 -654px no-repeat;}
#subfooter { color: #999; padding: 20px 0; text-align: center; border-top: 1px solid #e7e7e7; background-color: #fff;}
#subfooter.bg-white{ background-color: #fff;}
#foot-bottom .foot-wx-layer{ position:absolute; left:0; top:0; z-index:1; transition:all 0.3s; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
#foot-bottom .foot-wx-attn:hover .foot-wx-layer{ opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
#subfooter a { color: #999;}
#subfooter a:hover { color: #ccc;}
#subfooter .sf-p1 { font-size:14px; padding-bottom: 15px;}
#subfooter .sf-p1 a { color: #999; padding: 0 20px; position: relative;}
#subfooter .sf-p1 a::after { content: ''; height: 12px; margin-top: -6px; border-right: 1px solid #ccc; position: absolute; right: 0; top: 50%; z-index: 2;}
#subfooter .sf-p1 a:last-child::after  { display: none;}
#subfooter .sf-p1 a:hover{ color: #eee; text-decoration: underline;}
#subfooter .sf-verify { padding: 10px 0;}
#subfooter p{ line-height: 24px;}


/*-----------------------------------当前位置-----------------------------------------------*//**/
.location{ font-size:14px; height:36px; line-height:36px; padding-top: 6px; margin-bottom: 10px;}
.location a{ color: #333;}

/*弹出层*/
.clearfix {
    *zoom: 1;
}

    .clearfix:before, .clearfix:after {
        display: table;
        content: "";
        height: 0;
        clear: both;
        visibility: hidden;
    }
/*弹出层*/
.popupBoxes {
    display: none;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

    .popupBoxes .popupLayer {
        background-color: #fff;
        border-radius: 8px;
        width: 840px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
    }

    .popupBoxes .popup-tit {
        padding: 20px 20px 0 20px;
        height: 40px;
        border-bottom: 1px solid #dfdfdf;
    }

        .popupBoxes .popup-tit h2 {
            padding-left: 10px;
            font-size: 18px;
            float: left;
            border-left: 3px solid #FF0000;
            height: 20px;
            line-height: 20px;
        }

        .popupBoxes .popup-tit .close {
            float: right;
            cursor: pointer;
        }

    .popupBoxes .popup-cont {
        padding: 30px 20px 10px;
    }

        .popupBoxes .popup-cont .popup-d-r {
            min-width: 500px;
            float: left;
            line-height: 36px
        }

            .popupBoxes .popup-cont .popup-d-r input {
                text-indent: 0.5em;
                border: 1px solid #dfdfdf;
                border-radius: 4px;
            }

        .popupBoxes .popup-cont .popup-select {
            height: 36px;
            margin-right: 10px;
            border: 1px solid #dfdfdf;
            border-radius: 4px;
        }

        .popupBoxes .popup-cont .popup-label {
            line-height: 36px;
            display: inline-block;
            float: left;
            text-align: right;
            color: #333333;
        }

            .popupBoxes .popup-cont .popup-label em {
                color: #E73030;
            }

    .popupBoxes .popup-btn {
        text-align: center;
    }

        .popupBoxes .popup-btn .btn-cancel, .popupBoxes .popup-btn .btn-ok {
            width: 224px;
            height: 48px;
            line-height: 48px;
            border-radius: 4px;
            margin: 0 10px;
            display: inline-block;
            text-align: center;
            font-size: 18px;
        }

        .popupBoxes .popup-btn .btn-ok {
            color: #fff;
            background-color: #FF0000;
            border: 1px solid #FF0000;
        }

        .popupBoxes .popup-btn .btn-cancel {
            color: #65adf5;
            background-color: #f1f8ff;
            border: 1px solid #9ccbfa;
        }

    .popupBoxes .popup-d-r .tip {
        color: #EC6C6C;
        font-size: 12px;
        padding: 4px 0 0 0;
        display: inline-block;
    }
/*新收获地址*/
.add-address-popup {
    z-index: 1001;
}

    .add-address-popup .popupLayer {
        height: 690px;
    }

    .add-address-popup .items {
        width: 700px;
        margin: 0 auto;
    }

    .add-address-popup li {
        padding-bottom: 20px;
    }

    .add-address-popup .popup-label {
        width: 120px;
    }

    .add-address-popup .popup-d-r .txt {
        display: block;
        width: 400px;
        height: 34px;
        line-height: 34px;
    }

    .add-address-popup .popup-d-r .popup-select {
        width: 127px;
    }

    .add-address-popup .popup-d-r .popup-radio {
        line-height: 28px;
        margin: 6px 10px 0 0;
        padding-right: 10px;
        cursor: pointer;
        font-size: 0;
        display: inline-block;
        vertical-align: text-bottom;
        margin-bottom: 2px;
        *margin-bottom: -2px;
    }


/*sub-page*/
.sub-page-title{ font-size: 28px; text-align: center; height: 40px; line-height: 40px; margin-bottom: 20px;}
.sub-page-search{ width: 600px; height: 36px; line-height: 36px; margin: 0 auto; margin-bottom: 30px; background: #F6F6F6; border: 1px solid #EEEEEE;}
.sub-page-search .input{ width: calc(100% - 64px); height: 36px; line-height: 36px; padding: 12px; box-sizing: border-box;}
.sub-page-search .btn{ width: 60px; height: 38px; line-height: 38px; margin-top: -2px; margin-right: -2px; background: #FF0000;}
.sub-page-search .btn .icon{ width: 16px; height: 16px; background-position: -240px 0; filter: contrast(100);}