body{line-height:24px;font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:400}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active,a:hover{outline:0}
img{border:none;display:inline-block;vertical-align:middle;max-width:100%;}
li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
h4,h5,h6{font-size:100%}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0;border:unset;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
hr{height:1px;margin:10px 0;border:0;clear:both}
a{color:#333;text-decoration:none}
a cite{font-style:normal;*cursor:pointer}
.unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.clear{clear:both;*zoom:1}
.clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
.bg_img{background-position:center;background-size:cover;background-repeat:no-repeat;}
.w1200{width:1200px;margin:auto;}
.flex{display: flex;}
.flex-center{display: flex;align-items: center;justify-content: center;}
.separator{width: 1px;height: 20px;display: block;}
.hidden-spin::-webkit-outer-spin-button, .hidden-spin::-webkit-inner-spin-button {-webkit-appearance: none;}
.hidden-spin{-moz-appearance: textfield;}
:root{--theme-color:#B19557;--border-color:#D8D8D8;--tag-color:#D0B16D;--price-color:#F01B1B;}

.hoverimg{overflow: hidden;}
.hoverimg img{-webkit-transform:translateZ(0);-webkit-transition:all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-moz-transform:translateZ(0);-moz-transition:all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-ms-transform:translateZ(0);-ms-transition:all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transform-style:preserve-3d;}
.hoverimg:hover img{text-decoration:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
/* 头部 */
.header .container{display:flex;align-items:center;justify-content: space-between;height: 130px;}
.header .left{display: flex;align-items: center;cursor: default;}
.header .logo img{height: 56px;}
.header .shop{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.header .shop .name{font-size: 18px;color: #333;line-height: 25px;}
.header .shop .tag{font-size: 12px;color: #FFF;background: var(--tag-color);margin-top: 5px;padding: 2px 10px;line-height: 17px;border-radius: 11px;box-sizing: border-box;}
.header .separator-one{background: #EAEAEA;margin:0 20px;height: 74px;}
.header .separator-two{background: #EAEAEA;margin:0 25px;height: 40px;}
.header .desc{display: flex;align-items: center;text-align: center;}
.header .desc .item:not(:last-child){margin-right: 15px;}
.header .desc .item .name{font-size: 13px;color: #868686;line-height: 18px;}
.header .desc .item .score{font-size: 15px;color: #FF0042;line-height: 21px;margin-top: 1px;}
.header .search{--height:36px;--width:496px;--button-width:98px;--border-size:2px;border:var(--border-size) solid var(--tag-color);border-radius:2px;height:var(--height);width:var(--width);display: flex;}
.header .search input{width: calc(var(--width) - var(--button-width));height: var(--height);box-sizing: border-box;padding-left: 20px;}
.header .search button{height:var(--height);width:var(--button-width);font-size:18px;color:#FFFFFF;background-color:var(--tag-color);cursor:pointer;transition: all .2s;box-sizing: border-box;padding-left: var(--border-size);border-radius: 0;vertical-align: top;}
.header .search button:active{box-shadow: 0 0 6px rgba(0,0,0,0.4);}

/* 导航 */
.nav{background: #F2F2F2;}
.nav .container{display: flex;}
.nav .container .item{display: block;height: 50px;box-sizing: border-box;margin: 0 15px;cursor: pointer;font-size: 14px;color: #222;transition: all .2s;max-width: 150px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;box-sizing: border-box;line-height: 50px;padding: 0 10px;}
.nav .container .item:hover{background: #d8d8d8;}

/* 位置 */
.location{display: flex;align-items: center;font-size: 12px;color: #999;line-height: 17px;padding: 10px 0;cursor: default;}
.location img{height: 10px;margin: 0 3px;}
.location a{color: #999;transition: all .2s;cursor: pointer;}
.location a:hover{color: #333;}

/* 商品 */
.goods-container .container{padding: 40px 0;}
.goods-container .goods{display: flex;justify-content: space-between;}
.goods-container .left{width: calc(100% - 185px);padding-top: 20px;}
.goods-container .left > div:nth-child(1){margin-bottom: 50px;}

/* 视频轮播图 */
.goods-container .goods-image{width: 376px;}
.goods-container .goods-image .swiper-container{width: 100%;}
.goods-container .goods-image .swiper-slide{background-size:cover;background-position:center;cursor: pointer;}
.goods-container .goods-image .swiper-slide img{height: 100%;width: 100%;vertical-align: top;}
.goods-container .goods-image .swiper-slide video{height: 100%;width: 100%;vertical-align: top;}
.goods-container .goods-image .gallery-top{height: 376px;}
.goods-container .goods-image .gallery-top .swiper-slide{height: 376px;}
.goods-container .goods-image .swiper-gallery-thumbs{display: flex;align-items: center;position: relative;padding:10px 0;height: 80px;}
.goods-container .goods-image .gallery-thumbs{width: 320px;height:60px;box-sizing:border-box;}
.goods-container .goods-image .gallery-thumbs .swiper-slide{width:60px;height:60px;}
.goods-container .goods-image .swiper-button{color: #E0E0E0;transform: scale(0.6);}
.goods-container .goods-image .swiper-button-prev{left: 0;}
.goods-container .goods-image .swiper-button-next{right: 0;}

/* 商品浏览量 */
.goods-container .goods-shower{display: flex;align-items: center;justify-content: flex-start;padding: 15px;box-sizing: border-box;cursor: default;}
.goods-container .goods-shower p{display: flex;align-items: center;justify-content: center;font-size: 14px;color: #222222;line-height: 20px;padding-right: 50px;}
.goods-container .goods-shower img{height: 16px;margin-right:2px;}
.goods-container .goods-shower span{padding-right: 5px;}
.goods-container .goods-shower span:nth-child(2){color: #999;}

/* 商品信息 */
.goods-container .goods-info{width: calc(100% - 376px);box-sizing: border-box;padding-left: 20px;}
.goods-container .goods-name{font-size: 20px;color: #222;line-height: 28px;}
.goods-container .goods-price{background: #F3F3F3;height: 50px;display: flex;justify-content: space-between;align-items: center;margin: 20px 0 50px;padding: 0 15px;box-sizing: border-box;}
.goods-container .goods-price .price{display: flex;align-items: center;}
.goods-container .goods-price .price p:nth-child(1){font-size: 14px;color: #222;line-height: 20px;margin-right: 20px;}
.goods-container .goods-price .price p:nth-child(2){font-size: 28px;color: var(--price-color);line-height: 40px;}
.goods-container .goods-price .data {display: flex;align-items: center;padding: 0 30px;position: relative;cursor: default;}
.goods-container .goods-price .data:before{content: '';display: block;width: 1px;height: 30px;background: var(--border-color);position: absolute;left: 0;}
.goods-container .goods-price .data div:not(:last-child){margin-right: 30px;}
.goods-container .goods-price .data p{font-size: 14px;color: #999;line-height: 20px;text-align: center;}
.goods-container .goods-price .data p:nth-child(2){font-size: 16px;line-height: 22px;}
.goods-container .goods-price .data p:nth-child(2){font-size: 16px;line-height: 22px;}

/* 商品属性 */
.goods-container .goods-desc{display: flex;font-size: 14px;line-height: 20px;margin-bottom: 15px;}
.goods-container .goods-desc > p:nth-child(1){color: #999;width: 60px;text-align: right;margin-right: 15px;}
.goods-container .goods-desc > div{width: calc(100% - 75px);}

.goods-container .bias{width: 100%;height: 3px;display: block;background-image: url('../image/斜线.png');background-size: 5px;margin-bottom: 15px;}

/* 商品规格 */
.goods-container .goods-spec{display: flex;flex-wrap: wrap;margin-top: -8px;}
.goods-container .goods-spec .item{margin: 8px 8px 0 0;border: 2px solid #dbdbdb;display: flex;cursor: pointer;transition: all .2s;}
.goods-container .goods-spec .item.active, .goods-container .goods-spec .item:active{border-color: var(--theme-color);}
.goods-container .goods-spec-color > p{line-height: 48px;}
.goods-container .goods-spec-color .item .img{width: 40px;height: 40px;}
.goods-container .goods-spec-color .item p{height: 40px;line-height: 40px;padding: 0 15px;background:#f7f7f7;font-size: 13px;color: #222;letter-spacing: 1px;}
.goods-container .goods-spec-size > p{line-height: 40px;}
.goods-container .goods-spec-size .item{line-height: 36px;font-size: 14px;color: #222;padding: 0 15px;}

/* 商品数量 */
.goods-container .goods-spec-number > p{line-height: 40px;}
.goods-container .goods-number{display: flex;align-items: center;}
.goods-container .goods-number input{height: 36px;border: 2px solid #dbdbdb;padding: 0 1px 0 15px;width: 50px;transition: all .2s;}
.goods-container .goods-number .spin-button{display: flex;align-items: center;justify-content: center;margin-left: 8px;flex-direction: column;margin-right: 15px;}
.goods-container .goods-number .spin-button img{height: 12px;}
.goods-container .goods-number .spin-button button:nth-child(1){margin-bottom: 6px;}
.goods-container .goods-number .spin-button button{width: 25px;height: 17px;display: flex;align-items: center;justify-content: center;cursor: pointer;background: #fff;border: 2px solid #dbdbdb;border-radius: 2px;transition: all .2s;}
.goods-container .goods-number .spin-button button:focus, .goods-container .goods-number input:focus{border-color: var(--theme-color);}

/* è´­ä¹° */
.goods-container .goods-buy {display: flex;align-items: center;justify-content: flex-end;margin-top: 50px;}
.goods-container .goods-buy button{border-radius: 0;font-size: 20px;color: #FFF;height: 60px;padding:0 30px;min-width: 100px;margin-left: 30px;cursor: pointer;transition: all .2s;letter-spacing: 1px;}
.goods-container .goods-buy button:active{box-shadow: 0 0 6px rgba(0,0,0,0.4);}
.goods-container .goods-buy .buy-now{background: var(--theme-color);}
.goods-container .goods-buy .add-cart{background: #784C35;}
.goods-container .goods-buy .upload-cart{border: 1px solid #784C35;color: #784C35;background: none;}
.goods-container .goods-buy .upload-cart img{width: 23px;margin-right: 5px;}

/* 看了又看 */
.goods-container .right{width: 135px;}
.goods-container .right .title{display: flex;align-items: center;justify-content: center;}
.goods-container .right .title p{font-size: 14px;color: #222;margin: 0 10px;line-height: 20px;}
.goods-container .right .title span{display: block;height: 1px;width: 24px;background: var(--border-color);}
.goods-container .right .goods-item{display: block;}
.goods-container .right .goods-item .img{position: relative;width: 100%;padding-top:100%;overflow: hidden;}
.goods-container .right .goods-item .img p{position: absolute;left: 0;bottom: 0;z-index: 1;font-size: 12px;color: #747474;line-height: 20px;box-sizing: border-box;padding: 0 7px;background: rgba(255,255,255,0.9);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.goods-container .right .goods-item .price{font-size: 14px;color: var(--price-color);line-height: 20px;text-align: center;}
.goods-container .right .swiper-container{width: 100%;height: calc(165px * 3);margin-top: 20px;}
.goods-container .right .looked-and-looked-button{display: flex;align-items: center;justify-content: center;padding: 10px 0;}
.goods-container .right .looked-and-looked-button > div{cursor: pointer;width: 20px;}
.goods-container .right .looked-and-looked-button > p{margin: 0 10px;}


/* 商品内容 */
.goods-content .w1200{justify-content: space-between;}
.goods-content .left{width: 265px;}
.goods-content .right{width: calc(100% - 300px);}

/* 店铺信息 */
.store-info{width: 100%;box-sizing: border-box;border: 1px solid var(--border-color);}
.store-info .top{display: flex;align-items: center;justify-content: center;flex-direction: column;min-height: 74px;background: #F7F7F7;box-sizing: border-box;padding: 15px;}
.store-info .top p{font-size: 16px;color: #222;line-height: 22px;}
.store-info .top .level{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-top: 6px;}
.store-info .top .level img{height: 16px;margin: 3px;}
.store-info .content{box-sizing: border-box;padding: 15px;font-size: 14px;color: #222;line-height: 20px;}
.store-info .content p:not(:last-child){margin-bottom: 4px;}
.store-info .desc{border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);box-sizing: border-box;padding: 15px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.store-info .desc .list{display: flex;align-items: center;justify-content: center;text-align: center;}
.store-info .desc .list .item:not(:last-child){margin-right: 30px;}
.store-info .desc .list .item p:nth-child(1){font-size: 14px;color: #999;line-height: 20px;}
.store-info .desc .list .item p:nth-child(2){font-size: 15px;color: #E4393C;line-height: 21px;margin-top: 3px;}
.store-info .desc .action{margin-top: 15px;display: flex;align-items: center;justify-content: center;}
.store-info .desc .action a{width: 80px;height: 28px;line-height: 28px;text-align: center;display: block;border: 1px solid var(--border-color);background: #F5F5F5;color: #222;}
.store-info .desc .action .go-store{border-color: #333;background: #333;color: #fff;margin-right: 20px;}
.store-info .qrcode{padding: 15px;text-align: center;}
.store-info .qrcode p{font-size: 14px;color: #222;line-height: 20px;margin: 10px 0;}
.store-info .qrcode img{width: 150px;}

.tag-item{width: 100%;box-sizing: border-box;border: 1px solid var(--border-color);margin-top: 20px;}
.tag-item .top{padding: 10px;box-sizing: border-box;font-size: 16px;color: #222;line-height: 22px;border-bottom: 1px solid var(--border-color);}
.tag-item .content{padding: 10px;box-sizing: border-box;}

/* 搜索 */
.store-search .item{display: flex;align-items: center;margin-top: 10px;}
.store-search .item p{width: 50px;text-align: right;font-size: 13px;color: #222222;line-height: 18px;margin-right: 14px;white-space: normal;}
.store-search .item input{border: 1px solid var(--border-color);box-sizing: border-box;padding: 0 10px;height: 30px;width:150px}
.store-search .price input{width:50px}
.store-search .price span{margin: 0 10px;}
.store-search button{width: 60px;line-height: 26px;background: #000;border: 1px solid #000;color: #fff;cursor: pointer;margin: 15px 0 10px 100px;font-size: 13px;}

/* 分类 */
.category .content{padding: 20px 10px;}
.category .list{box-sizing: border-box;padding-left: 26px;margin-bottom: 15px;position: relative;}
.category .list img{position: absolute;left: 0;height: 15px;cursor: pointer;top:1px;}
.category .list .title{font-size: 13px;color: #222222;line-height: 18px;}
.category .list .item{margin: 10px 10px 0 0;font-size: 12px;color: #222;line-height: 17px;display: block;}
.category .list .sub{display: none;}
.category .list.active .sub{display: flex;flex-wrap: wrap;}

/* 排行榜 */
.goods-sort .content{padding: 15px;}
.goods-sort .item{display: flex;justify-content: space-between;font-size: 14px;line-height: 20px;}
.goods-sort .item:not(:first-child){margin-top: 15px;}
.goods-sort .item .img{width: 88px;height: 88px;}
.goods-sort .item .info{width: calc(100% - 100px);}
.goods-sort .item .title{color: #222;height: 50px;}
.goods-sort .item .price{color:#E4393C;}
.goods-sort .item .sale{color:#999;}

.goods-detail .top{background: #F7F7F7;border-top: 1px solid var(--theme-color);height: 60px;display: flex;align-items: center;box-sizing: border-box;padding:0 30px;}
.goods-detail .top .top-item{margin-right: 50px;font-size: 16px;color: #222;line-height: 22px;transition: all .2s;cursor: pointer;}
.goods-detail .top .top-item.active{color:var(--theme-color);}
.goods-detail .content{}
.goods-detail .content .content-item{display: none;}
.goods-detail .content .content-item.active{display: block;}


/* 底部 */
footer{background: #4A4A4A;margin-top: 50px;}
footer .w1200{box-sizing: border-box;padding: 15px;color: #fff;text-align: center;}



/*new*/
.h60{height: 50px;width: 100%}
.searchbox{padding-bottom: 20px;display: flex;align-items: center;justify-content: flex-start;}
.searchbox span{font-size: 16px;color: #000;}
.arrowright{width: 11px;margin:0 10px;}
.searchwrap{border: 1px solid #d8d8d8;box-sizing: border-box;width: 170px;height:30px;}
.searchwrap input{font-size: 14px;color: #333;line-height:28px;border: none;outline: none;width:calc(100% - 28px);}
.searchwrap button{width: 28px;background: url("../image/search.png") no-repeat center;background-size: 16px 16px;border: none;outline: none;}
.searchList{height: 48px;display: flex;align-items: center;justify-content: space-between;flex-direction: row; padding: 0 20px;box-sizing: border-box;background: #F6F6F6;}
.searchLeft{display: flex;}
.searchitem{font-size: 14px;color: #222222;display: flex;margin-right: 50px;align-items: center;cursor: pointer;}
.searchArrow{display: flex;flex-direction: column;width: 9px;padding-left: 4px;}
.searchArrow img{width: 100%;margin: 1px 0;}
.searchArrow img.zm{display: block;}
.searchArrow img.zm1{display: block;}
.searchArrow img.dzm{display: block;}
.searchArrow img.fm{display: none;}
.searchArrow img.fm1{display: none;}
.searchArrow img.dfm{display: none;}
.searchitem.on .searchArrow img.fm{display: block}
.searchitem.on .searchArrow img.zm{display: none;}
.searchitem.sec .searchArrow img.dfm{display: block;}
.searchitem.sec .searchArrow img.dzm{display: none;}
.searchitem.sec .searchArrow img.fm{display: none;}
.searchitem.sec .searchArrow img.zm{display: block;}
.searchitem.on img.zm1{display: block;}
.searchitem.on img.fm1{display: none;}
.searchitem.sec img.zm1{display: none;}
.searchitem.sec img.fm1{display: block;}


.pages{display: flex;align-items: center;font-size: 14px;color: #797979;}
.pages .arrow{padding-left: 20px;cursor: pointer;}
.arrow img{vertical-align: top;}
.productItem{width:277px;border: 1px solid #E3E3E3;box-sizing: border-box;float: left;margin-right: 32px;padding: 20px;margin-top: 15px;}
.productList .productItem:nth-child(3n){margin-right: 0;}
.productList .gallery-top .swiper-slide{width: 237px;height: 237px;display: flex;align-items: center;justify-content: center;}
.productList .gallery-top .swiper-slide img,.productList .gallery-thumbs .swiper-slide img{width: 100%;height: auto;vertical-align: top;}
.productList .swiper-gallery-thumbs{padding: 10px 30px 0;box-sizing: border-box;position: relative;}
.productList .swiper-gallery-thumbs .swiper-slide{width: 38px;height: 38px;cursor: pointer;}
.productList .swiper-button-next,.productList .swiper-button-prev{width: 15px;height: 15px;border-radius: 50%;border: 1px solid #D8D8D8;left: 0;margin-top: -2px;font-size: 12px;}
.productList .swiper-gallery-thumbs .swiper-button-next:after,.productList .swiper-gallery-thumbs .swiper-button-prev:after{color: #D8D8D8;transform: scale(.6);font-size: 12px;}
.productList .swiper-button-next,.productList .swiper-container-rtl .swiper-button-prev{left: auto;right: 0;}
.productdetail{padding-top: 20px;}
.productdetail .protit{font-size: 12px;color: #222;line-height: 17px;padding-bottom: 7px;}
.proprice{line-height:20px;}
.proprice strong{font-size: 16px;color: #E4393C;float: left;}
.proprice span{font-size: 12px;color: #999;float: right;}


/*new hsm*/
.topheader{background: #f4f4f4;height: 44px;}
.topheader .w1200{display: flex;align-items: center;justify-content: space-between;height: 44px;}
.topheader .w1200 span{font-size: 14px;color: #777777;}
.ropright em{padding-right: 30px;}
.ropright em,.ropright i{font-size: 14px;color: #333;font-style: normal;}
.ropright i a{color: #FD1D1D;padding: 0 6px;}
.headersecwrap{height: 136px;display: flex;align-items: center;justify-content: space-between;}
.headersec .logo{width: 171px;}
.headersec .logo img{width: 100%;vertical-align: top;}
.headright{display: flex;align-items: center;justify-content: flex-end;}
.hsmsearchwrap{width: 546px;height: 38px;display: flex;align-items: center;justify-content: space-between;border: 1px solid #CC9756;border-radius:38px;box-sizing: border-box;overflow: hidden;background: #CC9756;}
.hsmsearchwrap input{flex: 1;padding: 0 10px 0 50px;background:#fff url("../image/search.png") no-repeat 20px center;background-size: 20px 20px;box-sizing: border-box;line-height: 36px;border-radius:38px 0 0 38px;}
.hsmsearchwrap button{width: 90px;outline: none;border: none;font-size: 16px;color: #fff;text-align: center;line-height: 36px;vertical-align: top;background: none;}
.keyword{padding-left: 20px;padding-top: 10px;}
.keyword span{cursor: pointer;}
.keyword span,.keyword i{font-size: 12px;color: #B5B5B5;font-style: normal;line-height: 1;}
.keyword i{padding: 0 8px;}
.keyword span:hover{color: #D0B16D;}
.gwcbo{width: 138px;height: 38px;display: flex;align-items: center;justify-content: space-between;border: 1px solid #CC9756;border-radius:38px;box-sizing: border-box;margin: 0 60px 23px 50px;}
.gwcbo span{font-size: 14px;color: #CC9756;}
.gwcbo span img{padding: 0 10px;width: 18px;vertical-align: top;}
.gwcbo i{border-radius: 20px;padding: 0 6px;background: #FD1D1D;color: #fff;font-style: normal;margin-right: 10px;font-size: 12px;height: 20px;line-height: 20px;}
.gzh{width:100px;text-align: center;}
.gzh img{width: 68px;height: 68px;vertical-align: top;}
.gzh p{padding-top: 10px;color: #333;font-size: 12px;transform: scale(.8);text-align: center;}
.hsmnavbox{display: flex;justify-content: space-between;position: relative;}
.subnavbox{background: #D0B16D;width: 174px;height: 447px;overflow: hidden;}
.navtit{height: 32px;padding: 0 10px;display: flex;align-items: center;justify-content: flex-start;font-size: 14px;color: #fff;}
.navtit img{width: 15px;vertical-align: top;margin-right: 16px;}
.navitem .navwrap{padding: 8px 23px 8px 10px;border-bottom: 1px solid #fff;cursor: pointer;box-sizing: border-box;}
.subnavbox .navitem:last-child .navwrap{border-bottom: none;}
.navwrap{display: flex;align-items: flex-start;justify-content: flex-start;}
.navwrap .navicon{width: 20px;vertical-align: top;margin-right: 8px;padding-top: 2px;}
.navbox{flex: 1;}
.navtop{display: flex;align-items: center;justify-content: space-between;line-height: 18px;}
.navtop span{font-size: 14px;color: #fff;}
.navtop img{width: 8px;vertical-align: top;}
.navbox p{font-size: 12px;color: #fff;line-height: 18px;}
.navbox p span{padding-right: 10px;}
.hsecnav{position: absolute;background: #FFFBF3;border: 1px solid #E8C882;width: 507px;height: 447px;box-sizing: border-box;padding: 35px 30px 0;left: 174px;top: 0;z-index: 99;display: none;}
.navwrap:hover .hsecnav{display: block;overflow-y: auto;}
.hsecnavitem{margin-bottom: 35px;}
.hsectit{font-size: 14px;color: #333;line-height: 20px;font-weight: 600;padding-bottom: 10px;}
.hsecwords{overflow: hidden;}
.hsecwords .hscworditem{float: left;}
.hscworditem a{font-size: 13px;color: #6E6E6E;line-height: 18px;margin-right: 35px;margin-bottom: 5px;display: block;}
/*.hsecwords .hscworditem:nth-child(5n) a{margin-right: 0;}*/
.hscworditem:hover a{color: #B19557;}
.swiper-container1{width: 830px;height: 447px;}
.swiper-container1 .swiper-slide img{width:100%;vertical-align: top;}
.swiper-container1 .swiper-button-next,.swiper-container1 .swiper-button-prev{color: #B19557;}
.swiper-container1 .swiper-pagination-bullet{background: #B19557;}
.hsmright{width: 196px;border-right: 1px solid #EDEDED;box-sizing: border-box;}
.advbox{height: 70px;display: flex;align-items: center;justify-content: flex-start;padding: 0 10px;border-bottom: 1px solid #EDEDED;box-sizing: border-box;}
.advimg{width: 50px;height: 50px;margin-right: 10px;}
.advimg img{width: 100%;vertical-align: top;border-radius: 50%;}
.advdetail .name{font-size: 12px;color: #767676;padding-bottom: 4px;}
.advdetail .awrap{display: flex;align-items: center;justify-content: flex-start;}
.advdetail .awrap a{font-size: 14px;color: #222;margin-right: 8px;cursor: pointer;}
.advdetail .awrap a:hover{color: #B19557;}
.hsmadv{border-bottom: 1px solid #EDEDED;padding: 13px 10px;}
.hsmadv a{display: block;background-image: linear-gradient(180deg, #F6B753 0%, #FD9044 100%);color: #FFFFFF;height:60px;display: flex;align-items:center;justify-content: center;flex-direction: column;}
.hsmadv a p{font-size: 22px;line-height: 30px;}
.hsmadv a span{font-size: 12px;}
.hsmtit{padding: 6px 10px 0px;border-bottom: 1px solid #EDEDED;margin-bottom: 10px;}
.hsmtit span{font-size: 12px;color: #D5356D;border-bottom: 2px solid #D5356D;display: inline-block;padding-bottom: 4px;}
.broadnav{padding: 10px 10px 8px;}
.broadnav a{display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;color: #222222;line-height: 16px;padding: 4px 0;}
.rigimg{width: 179px;margin-left: 10px;}
.rigimg img{width: 100%;vertical-align: top;}
.productwrap{overflow: hidden;margin: 0 -15px 20px;}
.proitem{float: left;padding: 0 15px;box-sizing: border-box;width: 20%;}
.proitem a{display: block;border: 1px solid #EFEFEF;margin-top: 18px;cursor: pointer;}
.proitem .proimg{width: 100%;height: 160px;overflow: hidden;}
.proitem .proimg img{width: 100%;vertical-align: top;}
.prodetail{padding: 8px 15px;text-align: center;}
.prodetail .protit{font-size: 12px;color: #222222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 16px;padding-bottom: 7px;}
.proitem:hover .prodetail .protit{color: #D0B16D;}
.prodetail .price{line-height: 22px;}
.prodetail .price strong{font-size: 16px;color: #F35F93;}
.prodetail .price span{font-size: 12px;color: #B3B3B3;text-decoration: line-through;padding-left: 5px;}
.advhsm{width: 100%;cursor: pointer;}
.advhsm img{width: 100%;vertical-align: top;}
.htit{padding: 50px 0 25px;display: flex;align-items: center;justify-content: space-between;}
.htit strong{font-size: 26px;color: #333;}
.htit span{font-size: 16px;color: #777777;padding-left: 30px;}
.bannerbox{overflow: hidden;}
.banneritem{width: 33.3%;float: left;background: #F4AB4D;cursor: pointer;}
.bannerbox .banneritem:nth-child(2){background: #F47171;}
.bannerbox .banneritem:nth-child(3){background: #967CDF;}
.bannerwrap{display: block;padding: 20px;box-sizing: border-box;position: relative;}
.bannerwrap .proimg{position: absolute;z-index: 2;right: 0;top: 0;}
.bannertop{position: relative;z-index: 3;}
.bannertop .hsmbig{font-size: 22px;color: #FFFFFF;line-height: 30px;}
.bannertop .hsmsmall{font-size: 16px;color: #FFFFFF;line-height: 22px;padding-top: 2px;}
.bannertop .hsmtip{font-size: 12px;color: #FFFFFF;padding-top: 60px;line-height: 16px;height: 16px;}
.bannertop .hsmtip img{margin-left: 5px;width: 12px;height: 12px;border-radius: 50%;vertical-align: top;margin-top: 2px;}
/*.bannerbox .banneritem:hover .bannertop .hsmbig{opacity: .9;}*/
.jpwrap{border-right:1px solid #F6F6F6;border-bottom: 1px solid #F6F6F6;box-sizing: border-box;overflow: hidden;}
.jpitem{width: 25%;border-left:1px solid #F6F6F6;box-sizing: border-box;float: left;}
.jpitem a{display: flex;align-items: center;justify-content: space-between;cursor: pointer;}
.jpleft{padding-left:16px;width: 110px;}
.jpleft .jptit{font-size: 13px;color: #222222;line-height: 16px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.jpleft .jptit2{font-size: 18px;color: #D0B16D;line-height: 26px;padding: 4px 0 2px;}
.jpimg{width: 140px;overflow: hidden;display: flex;align-items: center;justify-content: center;height:96px;}
.jpimg img{vertical-align: top;width: 100%;height: auto;max-width: 600%;max-height:800%;}

.hotwrap{overflow: hidden;margin: 0 -20px 15px;}
.hotitem{float: left;padding: 0 20px;box-sizing: border-box;width: 25%;overflow: hidden;}
.hotitem a{display: block;border: 1px solid #EFEFEF;margin-bottom: 15px;cursor: pointer;}
.hotitem .hotimg{width: 100%;height: 291px;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;}
.hotitem .hotimg img{width: auto;vertical-align: top;height: 100%;max-width: 400%;}
.hotmask{position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0,0,0,.8);display: flex;align-items: center;justify-content: center;flex-direction: column;}
.hotitem .hotimg .hotmask img{width: 70px;height: 70px;border-radius: 50%;vertical-align: top;margin-bottom: 5px;}
.hotitem .hotimg .hotmask p{font-size: 16px;color: #FFFFFF;}
.hotitem:hover .hotimg .hotmask p{color: #D0B16D;}
.hotdetail{padding: 8px;text-align: left;}
.hotdetail .hottit{font-size: 14px;color: #222222;line-height: 20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;height: 40px;}
/*.hotitem:hover .hotdetail .hottit{color: #D0B16D;}*/
.hotdetail .hotprice{height: 24px;display: flex;align-items: center;justify-content: space-between;padding-top: 14px;}
.hotdetail .hotprice strong{font-size: 16px;color: #E4393C;}
.hotdetail .hotprice strong span{font-size: 12px;color: #B3B3B3;padding-left: 2px;font-weight: 500;transform: scale(.8);display: inline-block;}
.hotdetail .hotprice img{width: 24px;height: 24px;vertical-align: top;}
.hsmadvsec{display: flex;align-items: center;justify-content: space-between;}
.hsmadvsec a{width: 590px;}
.hsmadvsec.sec a{width: 592px;}
.hsmadvsec a img{vertical-align: top;width: 100%;}

.mtwrap{overflow: hidden;margin: 0 -8px;}
.mtproitem{float: left;padding: 0 8px;box-sizing: border-box;width: 33.3%;overflow: hidden;}
.mtproitem a{display: block;cursor: pointer;margin-top: 30px;}
.mtproitem .mtproimg{width: 100%;height: 490px;overflow: hidden;position: relative;}
.mtproitem .mtproimg img{width: 100%;vertical-align: top;height: 100%;}
.mtprodetail{display: flex;align-items: center;justify-content: space-between;padding: 10px;}
.mtprotit{width: 260px;}
.mtprotit .mttit1{font-size: 26px;color: #222222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 36px;}
.mtproitem:hover .mtprotit .mttit1{color: #D0B16D;}
.mtprotit span{font-size: 14px;color: #999;display: block;line-height: 20px;}
.mtright{display: flex;align-items: center;justify-content: flex-end;}
.mtright .money{font-size: 36px;color: #222222;margin-right: -7px;}
.mtmoney{display: flex;align-items: center;justify-content: flex-end;flex-direction: column;}
.mtmoney p{font-size: 12px;color: #222222;line-height: 10px;transform: scale(.6);}
.mtmoney span{font-size: 13px;color: #222222;padding-top: 10px;line-height: 18px;}
.hsmproduct{display: flex;justify-content: space-between;}
.hsmproduct{height: 560px;}
.proleft{width: 325px;height:100%;}
.proleft img{width: 100%;vertical-align: top;}
.proright{height:100%;width: 850px;}
.proright .swiper-slide{height: calc((100% - 26px) / 2);background: #F7F7F7;cursor: pointer;}
.proright .swiper-container2{height:100%;}
.swper{position: relative;padding: 0 25px;}
.swper .swiper-pagination{position: inherit;}
.swper .swiper-button-next,.swper .swiper-button-prev{left: 0;}
.swper .swiper-button-next,.swper .swiper-container-rtl .swiper-button-prev{left: auto;right: 0;}
.swper .swiper-pagination-bullet{background: none;font-size: 15px;color: #333;padding: 0 10px;width: auto;height: 20px;line-height: 20px;opacity: 1;}
.swper .swiper-pagination-bullet-active{color: #D0B16D;}
.swper .swiper-button-next:after,.swper .swiper-button-prev:after{font-size: 16px;color: #000;}
.proright .swiper-slide .hsmprodetal{padding: 10px 12px;text-align: center;}
.proright .swiper-slide .hsmprodetal p{font-size: 14px;color: #333333;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 5px;}
.proright .swiper-slide .hsmprodetal strong{font-size: 15px;color: #FF1E00;display: block;line-height: 20px;display: block;}
.hsmproitem{overflow: hidden;}
.proright .swiper-slide:hover .hsmprodetal p{color: #D0B16D;}

.advpro{overflow: hidden;margin: 0 -7px;}
.advproitem{float: left;padding: 0 7px;box-sizing: border-box;width: 20%;overflow: hidden;}
.advproitem a{display: flex;cursor: pointer;margin-top: 26px;align-items: center;justify-content: space-between;background: #F7F7F7;}
.advdetallef{width: 85px;padding: 0 10px;box-sizing: border-box;}
.advdetallef .advtit{font-size: 14px;line-height: 20px;}
.advdetallef .advtip{font-size: 12px;color: #777777;line-height: 16px;padding: 6px 0 16px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.advimgwrap{width: 143px;}
.advdetallef i{display: block;width: 49px;text-align: center;font-size: 12px;border-radius: 22px;font-style: normal;line-height: 20px;}

.hotwrap.sec{overflow: hidden;margin: 0 -7px 20px;}
.hotwrap.sec .hotitem{padding: 0 7px;margin-top: 14px;}
.hotwrap.sec .hotitem a{margin-bottom: 0;}
.hotwrap.sec .hotimg{height: 350px;}
.hotwrap.sec .hotmask{background: none;justify-content: flex-end;}
.hotwrap.sec .hotimg .hotmask p{font-size: 16px;color: #fff;padding: 7px 0 12px;}
.hotwrap.sec .hotitem .hotmask i{width: 77px;display: block;margin: 0 auto;background: #FA1E7F;border-radius: 28px;line-height: 28px;text-align: center;font-size: 14px;color: #fff;font-style: normal;margin-bottom: 15px;}
.hotwrap.sec .hotitem .hoverimg:hover .hotmask img{text-decoration:none;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1)}
.hotwrap.sec .hotitem:hover .hotmask i{background: #D0B16D;}

.collect{overflow: hidden;margin: 0 -5px;}
.collectitem{float: left;padding: 0 5px;box-sizing: border-box;width: 25%;overflow: hidden;}
.collectitem a{display: block;cursor: pointer;margin-bottom:25px;background: #F8F8F8;}
.collectitem .collectimg{width: 100%;height: 307px;overflow: hidden;position: relative;}
.collectitem .collectimg img{width: 100%;vertical-align: top;height: 100%;}
.collecttail{display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 13px 10px;text-align: center;}
.collecttail .hottit{font-size: 18px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 24px;}
.collecttail .hotprice{font-size: 16px;color: #777777;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 22px;padding-bottom: 12px;}
.collecttail i{border: 1px solid #F1D498;border-radius: 16px;line-height: 26px;text-align: center;display: block;width: 78px;margin: 0 auto;font-size: 15px;color: #F1D498;font-style: normal;}
.collectitem:hover .collecttail .hottit{color: #D0B16D;}
.bannerpro{overflow: hidden;height: 273px;display: flex;}
.bannerleft{width: 452px;height: 100%;cursor: pointer;}
.bannerleft img,.banrigitem img{vertical-align: top;width: 100%;}
.bannerright{overflow: hidden;width: calc(100% - 452px)}
.bannerright .banrigitem{float: left;margin-left: 15px;margin-bottom: 15px;width: 171px;height: 129px;background: #F2F2F2;cursor: pointer;}
.banrigitem a{display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;}

.collectsec{overflow: hidden;margin: 0 -6px;}
.collectsecitem{float: left;padding: 0 6px;box-sizing: border-box;width: 25%;overflow: hidden;}
.collectsecitem a{display: block;cursor: pointer;margin-top: 37px;background: #F8F8F8;}
.collectsecitem .collectsecimg{width: 100%;height: 268px;overflow: hidden;position: relative;}
.collectsecitem .collectsecimg img{width: 100%;vertical-align: top;height: 100%;}
.collecttailse{display: flex;align-items: center;justify-content: center;flex-direction: column;padding:0 10px 10px;text-align: center;}
.collecttailse .hottit{height: 22px;text-align: center;position: relative;margin-bottom: 24px;width: 100%;}
.collecttailse .hottit span{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;display: inline-block;width: 114px;line-height: 38px;border-radius: 38px;text-align: center;padding: 0 10px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;color: #333;background: #fff;box-shadow: 0 2px 11px 0 rgba(0,0,0,0.08);border-radius: 20.5px;}
.collecttailse .hotprice{font-size: 19px;color: #333333;padding-bottom: 4px;line-height: 26px;}
.collecttailse i{font-size: 13px;color: #999999;display: block;font-style: normal;line-height: 18px;}
.collectitem:hover .collecttail .hottit{color: #D0B16D;}

.shop{overflow: hidden;margin: 0 -6px;}
.shopitem{float: left;padding: 0 6px;box-sizing: border-box;width: 16.66%;overflow: hidden;}
.shopitem a{display: block;cursor: pointer;margin-bottom: 12px;background: #F8F8F8;}
.shoptit{padding: 12px;display: flex;align-items: center;justify-content: space-between;}
.shoptit span{font-size: 16px;color: #333333;}
.shoptit img{width: 12px;height: 12px;vertical-align: top;}
.shopitem .shopimg{width: 100%;height:200px;overflow: hidden;position: relative;}
.shopitem .shopimg img{width: 100%;vertical-align: top;height: 100%;}
.shopdetail{padding: 12px;}
.shopdetail p{font-size: 13px;color: #949494;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 24px;}
.shopitem:hover .shoptit span{color: #D0B16D;}

.fobanner{height: 479px;display: flex;justify-content: space-between;}
.swiper-pagination3{width: 164px;height: 100%;background: #F8F8F8;margin: 0;position: inherit;}
.swiper-pagination3 .swiper-pagination-bullet{height: 53px;width: 100%;font-size: 16px;color: #333333;opacity: 1;padding: 0 15px;box-sizing: border-box;background: none;border-radius: 0;line-height: 53px;text-align: left;}
.swiper-pagination3 .swiper-pagination-bullet-active{color: #fff;background:#DDB86A url('../image/arrow1.png') no-repeat 94% center;background-size: 13px 13px;}
.swiper-container3{width: 1036px;height: 479px;}
.swiper-container3 .swiper-slide{width: 100%;height: 100%;cursor: pointer;}
.swiper-container3 .swiper-slide img{width: 100%;height: 100%;}

.hfooter{padding:0 0 35px;background: #414141;margin-top: 60px;}
.footertop{display: flex;align-items: center;justify-content: space-between;padding: 40px 0;line-height: 47px;font-size: 18px;color: #FFFFFF;}
.fooieritem{cursor: pointer;}
.fooieritem:hover{color: #D0B16D;}
.fooieritem img{width: 47px;height: 47px;margin-right: 15px;vertical-align: top;}
.footerbot{border-top: 1px solid rgba(255,255,255,.1);text-align: center;font-size: 18px;color: #FFFFFF;padding-top: 47px;}


/*headnav*/
.headnav{padding-top: 20px;box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.05);}
.headnav ul{width: 100%;}
.headnav ul li{float: left;}
.headnav ul li a{font-size: 16px;color: #333;padding: 7px 25px;position: relative;line-height: 22px;display: block;font-weight: 600;cursor: pointer;}
.headnav ul li a:after{content: "";width: 56%;height: 3px;background: #CC9755;position: absolute;left:22%;bottom: 0;opacity: 0;}
.headnav ul li:hover a,.headnav ul li.on a{color: #CC9755;}
.headnav ul li:hover a:after,.headnav ul li.on a:after{opacity: 1;}
.login_container{padding: 90px 0;background: url("../image/loginbg.png") no-repeat center top;background-size: cover;}
.loginbox{float: right;width: 385px;height: 422px;padding: 40px 43px;box-sizing: border-box;background: #fff;}
.logintit ul{position: relative;height: 24px;margin-bottom: 50px;}
.logintit ul:after{content: "";width: 1px;height: 15px;background: #dcdcdc;position: absolute;left:50%;top: 50%;margin-top: -8px;}
.logintit ul li{width: 50%;float: left;font-size: 18px;color: #999999;text-align: center;cursor: pointer;}
.logintit ul li.on{color: #333;}
.loginitem{margin-top: 25px;border: 1px solid #DDDDDD;height: 34px;overflow: hidden;background: #fff;}
.loginform{display: flex;align-items: center;justify-content: space-between;}
.loginform .icon{padding: 0 8px;background: url('../image/phone.png') no-repeat center center;background-size: 22px auto;height: 34px;display: block;width: 22px;position: relative;}
.loginform .people{background: url('../image/people.png') no-repeat center center;background-size: 22px auto;}
.loginform .pwd{background: url('../image/pwd.png') no-repeat center center;background-size: 22px auto;}
.loginform .icon:after{content: "";width: 1px;height:21px;background: #ddd;position: absolute;right:0;top: 50%;margin-top: -10px;}
.inputitem{display: flex;align-items: center;justify-content: space-between;flex: 1;}
.loginform input{background: #fff;padding: 0 12px;line-height: 34px;border: none;outline: none;font-size: 14px;color: #333;}
.inputitem .close{padding: 0 12px 0 0;background: url('../image/delect.png') no-repeat left center;background-size: 16px auto;height: 34px;display: block;width: 16px;cursor: pointer;}
.loginform button{width: 100px;height: 34px;background: #EEEEEE;text-align: center;cursor: pointer;}
.loginbtn{margin-top: 50px;height: 43px;background: #B4A078;border: 1px solid #DDDDDD;text-align: center;width: 100%;outline: none;cursor: pointer;font-size: 16px;color: #FFFFFF;}
.logintips{padding-top: 23px;display: flex;align-items: center;justify-content: flex-end;}
.logintips a{padding-left: 20px;font-size: 14px;color: #6699CC;cursor: pointer;}


.pwd_container{padding: 60px 0 40px;}
.pwdbox{height: 630px;border: 1px solid #DDDDDD;padding: 94px 0 0;}
.pwdtit{width: 400px;display: flex;align-items: center;justify-content: space-between;position: relative;margin: 0 auto;}
.pwditem{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.pwditem i{width: 38px;height: 38px;background: #E8E7E7;border-radius: 50%;text-align: center;line-height: 38px;font-size: 18px;color: #A2A2A2;position: relative;z-index: 10;font-style: normal;}
.pwdtit i:nth-child(1){background: #B3A178;color: #fff;}
.pwdtit:after{content: "";width: 330px;height:7px;background: #EBE6E6;position: absolute;left:50%;top:15px;z-index: 8;margin-left: -158px;}
.pwdtit:before{content: "";width:75px;height:7px;background: #B3A178;position: absolute;left:57px;top:15px;border-radius: 7px;z-index: 9;}
.pwdtit.sec:before{width: 230px;}
.pwdtit.thr:before{width: 300px;}
.pwdtit.sec i:nth-child(2){background: #B3A178;color: #fff;}
.pwdtit.thr i{background: #B3A178;color: #fff;}


.pwditem p{font-size: 14px;color: #333333;line-height: 20px;padding-top: 10px;}
.pwdboxwrap{width: 486px;margin: 0 auto;padding-top: 20px;}
.pwdinputitem{margin-top: 30px;height: 46px;border: 1px solid #DDDDDD;display: flex;}
.pwdinputitem input{background: #fff;padding: 0 20px;line-height: 46px;border: none;outline: none;font-size: 14px;color: #333;flex: 1;vertical-align: top;}
.pwdinputitem i{padding: 0 12px 0 0;background: url('../image/eye.png') no-repeat left center;background-size: 24px auto;height: 46px;display: block;width: 24px;cursor: pointer;}
.pwdinputitem button{width: 135px;height: 47px;background: #B3A178;cursor: pointer;outline: none;cursor: pointer;text-align: center;border: none;vertical-align: top;font-size: 16px;color: #FFFFFF;margin-top: -1px;}
.pwdboxwrap .pedbtn{margin: 50px auto 0;height: 46px;background: #B4A078;border: 1px solid #DDDDDD;text-align: center;width: 100%;outline: none;cursor: pointer;font-size: 16px;color: #FFFFFF;display: block;line-height: 46px;}
.pwdboxwrap .pedbtn.sec{width: 80%;}
.pwdtip{padding-top: 20px;font-size: 16px;color: #333333;}
.pwdtip a{font-size: 16px;color: #6699CC;cursor: pointer;}
.succebox{padding: 80px 0 20px;text-align: center;}
.suc1{font-size: 20px;color: #333333;line-height: 28px;}
.suc1 image{width: 28px;margin-right: 10px;vertical-align: top;}
.suc2{font-size: 18px;color: #999999;line-height: 25px;padding-top: 20px;}
.suc2 span{color: #FF2A2A;}


.hsearchwrap{padding-top: 53px;border-bottom: 1px solid #CC9756;box-sizing: border-box;}
.hsearchwrap ul{position: relative;bottom: -1px;}
.hsearchwrap ul li{float: left;vertical-align: top;}
.hsearchwrap ul li a{padding: 0 16px;line-height: 42px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #333333;cursor: pointer;}
.hsearchwrap ul li.on a,.hsearchwrap ul li:hover a{color: #fff;background: #CC9756;}
.hsearchwrap ul li a img{vertical-align: top;width:18px;margin-right: 10px;}
.hsearchwrap ul li a img.fm{display: none;}
.hsearchwrap ul li.on a img.zm{display: none;}
.hsearchwrap ul li.on a img.fm{display: block;}
.hsite{padding: 30px 0;display: flex;align-items: center;justify-content: flex-start;color: #B5B5B5;font-size: 16px;}
.hsite a{color: #FF1400;}
.hsite i{padding: 0 10px;font-style: normal;line-height: 24px;height: 20px;}
.want{height: 40px;border: 1px solid #E9E9E9;box-sizing: border-box;display: flex;align-items: center;justify-content: flex-start;}
.want span{font-size: 16px;color: #B5B5B5;padding: 0 8px 0 20px;}
.want a{font-size: 14px;color: #333;padding: 0 8px;}

.topnav{margin: 30px 0;}
.topnav .arrow{display: flex;}
.topnav .arrow span{padding-right: 8px;color: #555555;font-size: 12px;}
.topnav .arrow p{padding-left: 8px;}
.topnav .arrow p .sec{color: #FD5115;}
.topnav .searchitem.sec{color: #FD5115;}
.topnav .searchitem.thr.sec,.topnav .searchitem.thr.on{color: #FD5115;}
/*.search_hwrap .hotitem{width: 33.3%;}*/
.search_hwrap .hotitem .hotimg{height: 230px;}
.search_left{width: 920px;float: left;}
.search_right{width: 260px;float: right;}
.search_hwrap{margin: 0 -10px;}
.search_hwrap .hotitem{padding: 10px;box-sizing: border-box;}
.tipsee{padding: 10px 10px 2px;display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #EFEFEF;margin: 10px -10px 0;height:16px;line-height: 16px;}
.tipsee span{font-size: 14px;color: #333333;}
.tipsee i{font-size: 12px;color: #B5B5B5;font-style: normal;}
.nfeif{font-size: 16px;color: #323238;line-height: 22px;padding:30px 0 20px;}
.searchright_item{width: 100%;margin-bottom: 20px;border: 1px solid #E9E9E9;cursor: pointer;}
.searchright_item .searchimgs{overflow: hidden;height: 260px;display: flex;align-items: center;justify-content: center;}
.searchright_item .searchimgs img{vertical-align: top;width: auto;height: 100%;max-width: 300%;}
.searchdetail{padding: 7px 11px;}
.searchdetail p{font-size: 13px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 22px;}
.searchdetail .price{display: flex;align-items: center;justify-content: space-between;}
.searchdetail .price strong{color: #FD5115;}
.searchdetail .price i{color: #B5B5B5;font-style: normal;font-size: 12px;}


.hpages{padding-top: 30px;text-align: center;}
.pagesitem,.pagenum{display: inline-block;*display: inline;zoom:1;font-size: 0;height: 38px;line-height: 38px;cursor: pointer;border: 1px solid #D7D7D7;margin: 0 7px;}
.pagesitem{cursor: pointer;border: 1px solid #D7D7D7;font-size: 14px;color: #ccc;padding: 0 14px;margin: 0 7px;}
.pagenum{background: #fff;font-size: 14px;color: #ccc;padding: 0 15px;}
.pagenum:hover{background: #CC9756;color: #fff;border: 1px solid #CC9756;}
.hpages span{padding-left: 23px;line-height: 38px;font-size: 14px;color: #333333;vertical-align: top;display: inline-block;*display: inline;zoom:1;}
.hpages input{border: 1px solid #D7D7D7;line-height: 38px;width: 60px;margin: 0 10px;text-align: center;vertical-align: top;}
.hpages i{font-size: 14px;color: #333333;background: #D8D8D8;width: 42px;line-height: 38px;display: inline-block;*display: inline;zoom:1;vertical-align: top;font-style: normal;}


/*order*/
.order_left{width: 200px;border: 1px solid #DDDDDD;height: 460px;box-sizing: border-box;overflow-y: auto;float:left;}
.order_left dl{padding-bottom: 40px;}
.order_left dl dt{font-size: 16px;color: #333333;padding: 40px 45px 13px;font-weight: 600;box-sizing: border-box;}
.order_left dl dd a{display: block;padding:0 45px; font-size: 14px;color: #666;box-sizing: border-box;margin: 7px 0;border-left: 2px solid #fff;cursor: pointer;}
.order_left dl dd:hover a,.order_left dl dd.on a{color: #B4A078;border-left: 2px solid #B4A078;}
.order_right{width: 978px;float: right;}
.classic_list{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom:30px;}
.classic_list ul li{float: left;position: relative;border-bottom: 2px solid #ddd;cursor: pointer;}
.classic_list ul li a{display: block;padding:0 18px;margin:10px 0;border-left: 1px solid #ddd;font-size: 18px;color: #333333;line-height: 18px;}
.classic_list ul li:first-child a{border-left: none;}
.classic_list ul li.on,.classic_list ul li:hover{color: #B4A078;border-bottom:2px solid #B4A078;}
.order_search{width: 290px;height: 28px;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;}
.order_search input{border: none;line-height: 28px;height: 28px;padding: 0 10px;box-sizing: border-box;width: 230px;font-size: 14px;color: #333;outline: none;}
.order_search button{border: none;line-height: 28px;height: 28px;padding: 0 10px;box-sizing: border-box;flex:1;font-size: 14px;color: #333;outline: none;background: #F5F5F5;border-left: 1px solid #ddd;letter-spacing: 2px;cursor: pointer;}
.order_tit{display: flex;align-items: center;justify-content: center;text-align: center;font-size: 14px;color: #333333;}
.orde_th{background: #F5F5F5;height: 44px;font-size: 14px;color: #999999;}
.order_tit .fir{width:300px;padding: 0 45px;text-align: left;}
.order_tit .sec{width:80px;padding: 0 10px;}
.order_tit .thr{width:50px;padding: 0 10px;}
.order_tit .fou{width:80px;padding: 0 10px;}
.order_tit .fiv{width:100px;padding: 0 10px;}
.order_tit .six{padding:0 10px;flex: 1;}
.order_oprate{padding: 20px;display: flex;align-items: center;justify-content: flex-start;}
.order_btn{height: 36px;background: #F1F1F1;border: 1px solid #CECECE;padding: 0 16px;font-size: 14px;color: #333333;margin-left: 20px;line-height: 36px;cursor: pointer;}
.order_oprate label,.order_item label{font-size: 16px;color: #333333;display: flex;align-items: center;justify-content: flex-start;}
.order_oprate label input,.order_item label input{margin-right: 10px;width: 18px;height: 18px;border: 1px solid #D8D8D8;}
.order_item label{background: #F5F3EF;height: 44px;padding-left: 20px;font-size: 14px;}
.order_item{border: 1px solid #DDDDDD;margin-bottom: 20px;}
.order_box{padding: 25px 0;display: flex;align-items: center;justify-content: flex-start;}
.order_box .orderimg{width: 98px;height: 98px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.order_box .orderimg img{width:auto;height: 100%;vertical-align: top;max-width: 300%;}
.order_word{padding-left: 15px;flex: 1;}
.order_word p{font-size: 16px;color: #333333;line-height: 20px;height: 40px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.order_word span{display: block;padding-top: 10px;font-size: 14px;color: #999999;}
.fiv p{padding-bottom: 8px;}
.fiv a{color: #6699CC;cursor: pointer;}
.order_btn_table{background: #B4A078;height: 30px;padding:0 10px;color: #fff;font-size: 14px;line-height: 30px;display: inline-block;*display: inline;zoom:1;margin-bottom: 8px;cursor: pointer;}
.order_btn_table.sec{background: #F4F4F4;border: 1px solid #D9D9D9;color: #333;}
.order_detail{border: 1px solid #DDDDDD;margin-bottom: 30px;}
.order_detail .detail_tit{height: 52px;background: #F5F5F5;padding: 0 24px;display: flex;align-items: center;justify-content: space-between;}
.order_detail .detail_tit span{font-size: 16px;color: #333333;}
.detail_btns{display: flex;align-items: center;justify-content: flex-end;}
.detail_btn{background: #F1F1F1;border: 1px solid #CECECE;height: 28px;line-height: 28px;padding: 0 10px;margin-right:15px;}
.detail_btns a{font-size: 14px;color: #6699CC;}
.detail_wrap{padding: 24px;display: flex;align-items: flex-start;justify-content: space-between;}
.detail_p{display: flex;align-items: center;justify-content: flex-start;margin-bottom: 15px;}
.detail_p span{width: 70px;text-align: justify;color: #999999;}
.detail_price{width: 284px;text-align: right;}
.price_item{display: flex;align-items: center;justify-content: flex-end;margin-bottom: 15px;}
.price_item span{text-align: right;font-size: 14px;color: #999;}
.price_item i{width: 110px;text-align: right;font-size: 14px;color: #333333;font-style: normal;}
.price_item strong{width: 110px;text-align: right;font-size: 20px;color: #E4393C;}
.price_line{width: 100%;border-bottom: 1px dashed #dfdfdf;margin: 30px 0;}
.price_btn{display: inline-block;*display: inline;zoom:1;font-size: 18px;color: #FFFFFF;padding: 8px 19px;background: #B7A47E;cursor: pointer;margin-top:7px;}
.order_detail_item{border: 1px solid #DDDDDD;}
.order_detail_item .order_tit .fir{width: 400px;}
.order_detail_item .order_tit .sec{width: 150px;}
.order_detail_item .order_tit .thr{width: 150px;}
.order_detail_item .order_tit .fou{width: auto;flex: 1;}
.comment_word{padding: 10px 24px;border-bottom: 1px solid #ddd;}
.comment_word .comment_p{padding: 10px 0;font-size: 14px;color: #333;display: flex;}
.comment_word .comment_p span{min-width: 200px;margin-right: 25px;}
.comment_word .comment_p i{font-style: normal;color: #FD1D1D;}
.comment_price{margin:0px 24px;border-bottom: 1px dashed #ddd;padding: 5px 0 30px;display: flex;justify-content: space-between;}
.comment_price.sec{border-bottom: none;}
.comment_price .order_box{width: 320px;}
.comment_form{width: 500px;padding-top: 25px;}
.comment_form_item{display: flex;margin-bottom: 15px;}
.comment_form_item span{width: 50px;font-size: 16px;color: #333333;}
.stars{width:450px;display: flex;align-items: center;justify-content: flex-start;}
.stars img{margin-right: 5px;}
.stars textarea{width: 100%;height: 113px;border: 1px solid #DDDDDD;resize: none;padding: 5px;line-height: 1.2;font-size: 14px;color: #333;}
.comment_btns{width: 450px;margin-left: 50px;display: flex;align-items: center;justify-content: space-between;}
.comment_bn{display: flex;align-items: center;}
.comment_bn .inputbox{width: 60px;height: 28px;background: #F1F1F1;border: 1px solid #CECECE;line-height: 28px;cursor: pointer;position: relative;text-align: center;}
.comment_bn .inputbox input{position: absolute;opacity: 0;left: 0;right: 0;bottom: 0;top: 0;cursor: pointer;}
.comment_bn i{padding-left: 10px;font-size: 14px;color: #333333;font-style: normal;}
.comment_btns span{font-size: 14px;color: #999999;}
.comment_imgs{width: 100%;display: flex;padding-top: 24px;}
.imgitem{position: relative;width:82px;margin-right:8px;height: 82px;}
.imgitem img{width:auto;height: 100%;vertical-align: top;}
.imgitem i{position: absolute;right: 0;top: 0;cursor: pointer;width: 24px;height: 24px;background: url("../image/close.png") no-repeat center;background-size: 100%;}
.comment_btn_wrap{padding: 47px 0;display: flex;align-items: center;border-top: 1px solid #ddd;justify-content: center;}
.comment_btn{width: 281px;height: 56px;background: #B4A078;line-height: 56px;text-align: center;font-size: 20px;color: #fff;cursor: pointer;}
.logistics_wrap{padding: 40px 60px;border-bottom: 1px solid #ddd;}
.logistics_icons{display: flex;position: relative;margin-bottom: 57px;}
.logistics_line_sec{height: 6px;background: #EBE6E6;z-index: 1;position: absolute;top: 50%;margin-top: -3px;left: 0;}
.logistics_icons_item{width: 46px;height: 46px;position: relative;margin-right: 100px;position: relative;z-index: 3;}
.logistics_icons_item img{position: absolute;width: 100%;height: 100%;vertical-align: top;left: 0;top: 0;}
.logistics_icons_item img.zm{display: block;}
.logistics_icons_item img.fm{display: none;}
.logistics_icons_item.on img.zm{display: none;}
.logistics_icons_item.on img.fm{display: block;}
.logistics_line{position: absolute;left: 0;height: 6px;background: #B3A178;border-radius: 6px;z-index: 2;top: 50%;margin-top: -3px;}
.logistics_item{display: flex;align-items: center;justify-content: flex-start;padding: 5px 0;color: #333333;font-size: 14px;}
.logistics_item i{width: 10px;height: 10px;border-radius: 50%;margin-right: 20px;background: #DADADA;position: relative;}
.logistics_item span{padding-right: 23px;}
.logistics_item strong{padding-right: 30px;}
.logistics_item em{font-style: normal;}
.logistics_item i:after{content: "";width: 1px;background: #ddd;height:16px;position: absolute;left: 49%;top: 11px;}
.logistics_word .logistics_item:last-child i:after{display: none;}
.logistics_price{padding:20px 60px 50px;}
.logistics_price .order_box{width: 340px;}
.logistics_words{font-size: 14px;color: #333333;}
.logistics_p{margin-bottom: 10px;}
.logistics_p span{margin-right: 25px;}



/*newNav*/
.nnavitem{
    position: relative;
}
.nnavimg{
    display: block;
    line-height: 50px;
    text-align: center;
    height: 50px;
    box-sizing: border-box;
    padding: 0 15px;
    cursor: pointer;
    font-size: 14px;
    color: #222;
    max-width: 180px;
    transition: all .2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nnavimg:hover{
    background: #d8d8d8;
}
.nsubnav{
    z-index: 99999999;
    position: absolute;
    left: 0;
    max-width:200px;
    top: 50px;
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
    background: #F2F2F2;
}
.nnavitem:hover .nsubnav{
    max-height: 9999px;
}
.nsubnav .nsubnavitem{
    display: block;
    line-height: 40px;
    height: 40px;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 12px;
    content: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.nsubnav .nsubnavitem:hover{
    background: #d8d8d8;
}