a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit; font-size: 100%; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block; }
html { line-height: 1; }
body { -webkit-backface-visibility: hidden; background-color: #f5f6f7; }
ol,ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption,td,th { vertical-align: middle; text-align: left; font-weight: 400; }
blockquote,q { quotes: none; }
blockquote:after,blockquote:before,q:after,q:before { content: ''; content: none; }
html { font-family: tahoma,arial,\5fae\8f6f\96c5\9ed1,sans-serif; }
.clearfix:after { clear: both; display: table; content: ''; }
.clearfix { zoom: 1; }
a { color: #333; text-decoration: none; cursor: pointer; }
a img { border: none; }
.hide { display: none; }
.mt10 { margin-top: 10px; }
.fl { float: left; }
.fr { float: right !important; }
.pull-left { float: left; }
.pull-right { float: right; }
.g-header-wrap,.foot-wrap { width: 100%; background: #fff; }
.g-header { z-index: 3; width: 100%; height: 100px; background: #fff; }
.g-header a { text-decoration: none; }
.g-header .g-logo { margin: 30px 0 0 3px; width: 160px; float: left; }
.g-header .g-logo img { display: block; width: 100%; height: auto; }
.g-header .links1 { margin-left: 152px; font-size: 18px; line-height: 100px; float: left; }
.g-header .links1 a { margin: 0 26px 0 0; color: #616161; }
.g-header .links1 a:hover { color: #f66; }
.g-header .search-box { position: relative; margin: 31px 0 0; width: 318px; height: 38px; border-radius: 4px; font-size: 14px; float: right; }
.g-header .input1 { position: absolute; top: 0; padding: 0 0 0 8px; width: 207px; height: 36px; border: none; background: #f5f6f7; font-size: 14px; }
.search_btn { float: right; width: 102px; height: 36px; border: none; background: #FF9800; color: #fff; text-align: center; font-size: 16px; line-height: 36px; cursor: pointer; }
.g-container { margin: 0 auto; width: 1160px; }
.index-slide-wrap { position: relative; overflow: hidden; }
.index-slide-wrap img { display: block; margin: 0 auto; width: 1190px; height: 500px; }
.container h3 { margin: 15px 15px 0; padding-left: 10px; /* height: 20px; */ border-left: solid 4px #e53538; font-weight: 700; font-size: 16px; line-height: 20px; }
.i_jobcz { overflow: hidden; margin: 10px auto; padding-bottom: 15px; width: 1160px; background: #fff; }
.i_jobcz ul { overflow: hidden; margin: 15px auto 0; padding: 0 10px; }
.i_jobcz ul li { float: left; margin: 4px 7.5px; white-space: nowrap; }
.i_jobcz li a { float: left; padding: 3px 5px; min-width: 60px; border: solid 1px #f5f5f5; background: #f5f5f5; text-align: center; text-decoration: none; font-size: 14px; line-height: 22px; }
.i_jobcz li a:hover { border: solid 1px #e53538; background: #fff; color: #e53538; }
.i_jobcz li a.cur { background: #fff; color: #e53538; border: solid 1px #e53538; }
.attend { display: block; margin: 10px auto; width: 1160px; background: #fff; }
.attend_list { width: 100%; }
.attend_list>li { overflow: hidden; box-sizing: border-box; width: 12.5%; height: 138px; border: 1px solid #dcdcdc; text-align: center; transition: .8s box-shadow ease,transform .8s ease; transform: translateZ(0); }
.attend_list li.active { border-right: none; }
.attend_wrap p { line-height: 22px; }
.attend_wrap img { margin: 22px auto 16px; width: 60px; height: 60px; }
.attend_list li:hover { border-color: #fff; box-shadow: -10px 0 10px rgba(137,137,137,.1),0 -10px 10px rgba(137,137,137,.1),10px 0 10px rgba(137,137,137,.1),0 10px 10px rgba(137,137,137,.1); transform: scale3d(1.01,1.01,1.01); }
.attend_list li:nth-child(7):hover p { color: #1cd491; }
.attend_list li:nth-child(3):hover p,.attend_list li:nth-child(5):hover p { color: #4fbbff; }
.attend_list li:nth-child(2):hover p { color: #ff9e14; }
.attend_list li:nth-child(1):hover p,.attend_list li:nth-child(4):hover p,.attend_list li:nth-child(6):hover p,.attend_list li:nth-child(8):hover p { color: #f5483e; }
.swiper-slide { float: left; }
.swiper-container,.swiper-slide { width: 400px; height: 400px; }
.swiper-container .swiper-image,.swiper-slide .swiper-image { display: table-cell; width: 400px; height: 400px; background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/images/spbj.gif") repeat scroll 0 0; vertical-align: middle; text-align: center; }
.swiper-container img,.swiper-slide img { height: auto; max-width: 100%; width: 100%; max-height: 100%; }
.popover { position: absolute; z-index: 10; padding: 4px; border: 1px solid #b3b3b3; border-radius: 2px; background-color: #e5e5e5; line-height: 1; }
.popover-inner { display: inline-block; padding: 15px; background-color: #fff; }
.popover-goods,.popover-weixin { text-align: center; font-size: 0; }
.popover-goods .title,.popover-weixin .title { margin-bottom: 4px; color: #333; font-weight: 700; font-size: 16px; }
.popover-goods .title,.popover-weixin .title { margin-bottom: 10px; }
.popover-weixin .sub-title { margin-bottom: 15px; color: #333; font-size: 12px; }
.popover-goods .title { margin: 0 10px 10px; text-align: left; line-height: 1.5; }
.popover-goods .icon-weixin { margin-right: 15px; }
.popover-share { left: 50%; margin-left: -252px; width: 494px; }
.popover-share .title { margin-bottom: 10px; color: #333; font-weight: 700; font-size: 16px; }
.popover-share .popover-qrcode { margin-right: 25px; padding-top: 15px; width: 200px; text-align: center; }
.popover-share .popover-share-info { padding: 20px 0 20px 25px; border-left: 1px solid #e6e6e6; }
.popover-share .popover-share-info p { margin-bottom: 10px; font-size: 12px; }
@-webkit-keyframes shake { 0%,100% { -webkit-transform: translateX(0); }
10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); }
20%,40%,60%,80% { -webkit-transform: translateX(10px); }
; }
@-moz-keyframes shake { 0%,100% { -moz-transform: translateX(0); }
10%,30%,50%,70%,90% { -moz-transform: translateX(-10px); }
20%,40%,60%,80% { -moz-transform: translateX(10px); }
; }
@keyframes shake { 0%,100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); transform: translateX(-10px); }
20%,40%,60%,80% { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); transform: translateX(10px); }
; }
.container { overflow: hidden; margin: 0 auto; width: 1160px; }
.icon-wxv { display: inline-block; width: 16px; height: 16px; background-image: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/images/icon.png"); background-position: 0 -515px; background-repeat: no-repeat; }
.icon-weixin { display: inline-block; width: 55px; height: 48px; background-image: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/images/icon.png"); background-position: 0 -428px; background-repeat: no-repeat; }
.icon-wxpay-new { display: inline-block; width: 27px; height: 23px; background-image: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/images/icon.png"); background-position: 0 -492px; background-repeat: no-repeat; }
.icon-alipay-new { display: inline-block; width: 24px; height: 26px; background-image: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/images/icon.png"); background-position: 0 -32px; background-repeat: no-repeat; }
.icon-buybutton,.goodbuybutton,.goodbuybutton3 { display: inline-block; width: 180px; height: 50px; background: #FF9800; color: #fff; text-align: center; font-size: 22px; line-height: 50px; }
.icon-wxpay { display: inline-block; width: 16px; height: 16px; background-image: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/images/icon.png"); background-position: 0 -476px; background-repeat: no-repeat; }
.icon-bankpay { display: inline-block; width: 16px; height: 16px; background-image: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/images/icon.png"); background-position: 0 -58px; background-repeat: no-repeat; }
.icon-alipay { display: inline-block; width: 16px; height: 16px; background-image: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/images/icon.png"); background-position: 0 -16px; background-repeat: no-repeat; }
.btn-share { display: inline-block; padding: 0 15px; height: 40px; background-color: #f8f8f8; color: #666; text-align: center; font-size: 14px; line-height: 40px; }
.btn-buy { display: inline-block; padding: 0 15px; height: 35px; border-radius: 2px; background-color: #f60; color: #fff; text-align: center; font-size: 14px; line-height: 35px; }
.arrow { width: 0; height: 0; border-color: #1f292c transparent transparent; border-style: solid; border-width: 8px 8px 0; line-height: 0; }
.main .content { float: left; padding: 40px; width: 860px; background-color: #fff; }
.main .content .goods-summary { margin-bottom: 30px; }
.main .content .goods-image { width: 400px; }
.main .content .goods-info { position: relative; margin-left: 40px; width: 420px; }
.main .content .goods-title { margin: 15px 0; color: #333; font-weight: 700; font-size: 16px; line-height: 1.5; overflow: hidden; }
.main .content .goods-price { margin: 25px 0; }
.main .content .goods-current-price { margin-right: 10px; color: #f60; font-size: 24px; }
.main .content .goods-rmb { font-size: 24px; }
.main .content .goods-origin-price { margin-top: 14px; color: #999; font-size: 12px; }
.main .content .goods-meta { margin-bottom: 35px; padding: 20px; width: 100%; color: #333; font-size: 12px; }
.main .content .goods-meta td { word-break: break-all; }
.main .content .goods-meta .last-child td { ; }
.main .content .goods-meta .first-child td { padding-top: 20px; }
.main .content .goods-meta-name { padding-left: 20px; width: 80px; color: #999; }
.main .content .goods-share-link { margin-top: 10px; margin-left: 20px; }
.main .content .goods-payment { margin-top: 20px; font-size: 12px; }
.main .content .goods-payment dt { float: left; margin-right: 20px; color: #999; line-height: 16px; }
.main .content .goods-payment dd { display: inline-block; }
.main .content .goods-payment dd a { margin-right: 20px; color: #666; line-height: 16px; cursor: default; }
.main .content .goods-payment dd a span { float: left; margin: 0 5px 0 0; }
.main .content .goods-detail { margin-bottom: 50px; }
.main .content .goods-detail .title { margin-bottom: 25px; padding: 12px 15px; border-top: 1px solid #e6e6e6; background-color: #f8f8f8; color: #333; font-weight: 700; font-size: 14px; }
.main .sidebar { float: left; padding: 0 10px 10px; width: 200px; }
.main .sidebar .shop-card { padding: 15px; background: #fff; text-align: center; width: 170px; }
.main .sidebar .shop-card .shop-image { position: relative; float: none; margin: 0 auto 0; width: 90px; height: 90px; border: 2px solid #e5e5e5; border-radius: 50px; }
.main .sidebar .shop-card .shop-image img { width: 90px; height: 90px; border-radius: 50px; }
.main .sidebar .shop-card .shop-image .icon-wxv { position: absolute; right: -5px; bottom: 10px; }
.main .sidebar .shop-card .shop-link { float: none; margin: 0 auto; width: 110px; }
.main .sidebar .shop-card .shop-name { display: inline-block; margin: 0; padding: 10px 0; color: #333; font-size: 12px; line-height: 1.3; }
.popover-weixin { position: absolute; z-index: 999; margin-top: 20px; margin-left: -30px; box-shadow: 0 0 10px 0 #999; }
.main .sidebar .hot-goods .section-title { margin-bottom: 10px; width: 100%; height: 16px; background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/images/rmsp.gif") repeat-x scroll 0 50%; color: #666; text-align: center; font-size: 14px; }
.main .sidebar .hot-goods .section-title span { padding: 0 5px; background-color: #f2f2f2; }
.main .sidebar .btn-add-wx { display: inline-block; width: 80px; height: 26px; border-radius: 1px; background-color: #5dab13; color: #fff; text-align: center; font-size: 12px; line-height: 26px; }
.main .sidebar .hot-goods li { overflow: hidden; margin-bottom: 20px; background: #fff; }
.main .sidebar .hot-goods li:hover { box-shadow: 2px 2px 15px 1px #8c8c8c; }
.main .sidebar .hot-goods li a { display: block; color: #666; font-size: 12px; }
.main .sidebar .hot-goods li a .image { position: relative; width: 100%; height: auto; background-color: #fff; }
.main .sidebar .hot-goods li a img { width: 100%; height: auto; }
.main .sidebar .hot-goods li .title { margin: 10px 0 0; padding: 0 10px; line-height: 1.5em; }
.main .sidebar .hot-goods .price { display: block; padding: 10px; color: #f60; font-size: 16px; }
.goods-list { margin-top: 0; }
.goods-list li { float: left; margin: 0 13.33px 20px 0; width: 280px; height: 375px; background-color: #fff; }
.goods-list4 li { height: 280px; }
.goods-list li:hover { box-shadow: 2px 2px 15px 1px #8c8c8c; }
.goods-list li a { font-size: 12px; }
.goods-list li .image { position: relative; width: 280px; height: 280px; background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/images/spbj.gif") repeat scroll 0 0; }
.goods-list2 li .image { width: 200px; height: 200px; }
.goods-list4 li .image { width: 260px; }
.goods-list li .image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto; max-width: 100%; max-height: 100%; margin: auto; }
.goods-list2 li .image img { max-width: 200px; max-height: 200px; }
.goods-list3 li .image img { max-width: 100%; max-height: 100%; }
.goods-list li .title { overflow: hidden; color: #333; line-height: 1.6em; margin-bottom: 10px; height: 30px; padding: 10px 15px; }
.goods-list li .products { padding-left: 15px; display: none; }
.goods-list2 li .title { padding: 5px 5px 0; height: 38px; margin-bottom: 0; }
.goods-list4 li .title { padding-left: 30px; }
.goods-list li .price { padding: 0 0 0 15px; color: #f60; margin-bottom: 5px; }
.goods-list2 li .price { padding-left: 5px; }
.goods-list4 li .price { padding-left: 30px; }
.goods-list li .origin-price { color: #666; }
.goods-list .last { margin-right: 0; }
.goods-list li:nth-child(4n) { margin-right: 0; }
.type-head { margin: 10px 0 5px; padding-right: 20px; padding-left: 10px; border-left: 3px solid #f66; background: #fff; color: #4c4c4c; font-weight: 700; font-size: 22px; line-height: 36px; }
.type-head2 { line-height: 38px; margin-bottom: 0; }
.type-head a:hover { color: #e4393c; }
.type-head .more { float: right; color: #666; font-weight: 400; font-size: 16px; }
.type-head .more:hover { color: #F44336; }
.footer a { color: #999; }
.goods-info-fixed { position: fixed; top: -1000px; z-index: 10; width: 940px; height: 50px; border: 1px solid #d9d9d9; border-top: 0 none; background-color: #fff; -webkit-box-shadow: rgba(50,50,50,.2) 0 1px 4px 0; box-shadow: rgba(50,50,50,.2) 0 1px 4px 0; line-height: 50px; opacity: 0; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; }
.goods-info-fixed.fixed { top: 0; opacity: 1; }
.goods-info-fixed .goods-info-link { padding-right: 20px; width: 250px; text-align: right; white-space: nowrap; }
.goods-info-fixed .goods-info-link .btn-buy,.goods-info-fixed .goods-info-link .btn-share { padding: 0 10px; }
.goods-info-fixed .goods-info-title { overflow: hidden; padding-left: 20px; width: 500px; color: #333; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.goods-info-fixed .goods-share-link { height: 35px; line-height: 35px; }
.goods-info-fixed .popover-goods { top: 52px; right: 0; width: 230px; }
.goods-info-fixed .popover-share { top: 50px; right: 0; left: auto; }
.popover-buy { margin-bottom: 0 !important; }
.popover-buy .icons { margin-left: -10px; font-size: 14px; line-height: 26px; }
.popover-buy .icon-item { margin-left: 10px; }
.popover-buy .desc,.popover-buy .icon { vertical-align: middle; }
.popover-buy .icon { margin-right: 5px; }
.popover-buy .main-text { text-align: center; font-size: 20px; }
.shop-info { overflow: hidden; margin: 10px auto; padding-top: 20px; width: 100%; background: #fff; }
.shop-info .container { position: relative; }
.shop-info .arrow { position: absolute; top: -22px; left: 75px; }
.shop-info .shop-qrcode { margin: 0 30px 15px; width: 175px; height: 175px; }
.shop-info .shop-desc { padding-top: 20px; width: 500px; }
.shop-info .shop-desc .wxv { color: #f60; }
.shop-info .shop-desc .icon-wxv { margin-right: 5px; vertical-align: text-bottom; }
.shop-info .shop-desc dt { margin-bottom: 10px; height: 18px; color: #333; font-weight: 700; font-size: 16px; line-height: 18px; }
.shop-info .shop-desc dd { margin-bottom: 30px; color: #666; font-size: 12px; line-height: 1.5em; }
.shop-info-fixed { position: absolute; top: 50px; left: 0; z-index: 10; margin: 0; padding: 20px 0; width: 100%; border-top: 0 none; background-color: #f7f7f7; -webkit-box-shadow: rgba(50,50,50,.75) 0 5px 10px 0; box-shadow: rgba(50,50,50,.75) 0 5px 10px 0; }
.rich-text { overflow: hidden; color: #333; text-align: left; word-wrap: break-word; font-size: 16px; line-height: 1.4; word-break: break-all; }
.rich-text p { margin: 0 0 1em; }
.rich-text img { width: auto !important; height: auto !important; max-width: 100% !important; min-height: 1px; background: 0 0; vertical-align: middle; }
.rich-text ul { padding-left: 0; list-style-position: inside; }
.rich-text h3 { font: bold 16px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif; text-align: left; margin-left: 0; margin-bottom: 10px; color: #F44336; border-left: solid 4px #F44336; }
.rich-text a { color: #f00; }
.rich-text strong { font-weight: bold; }
.rich-text table { width: 100% !important; border-collapse: collapse; background: #fff; margin: 15px auto; border-top: 2px solid #e21837; margin: 0 auto; }
.rich-text table th { background: #f6f6f6; color: #333; text-align: center; font-weight: bold; }
.rich-text table th,.rich-text table td { border: 1px solid #DEDEDE; line-height: 28px; }
.rich-text table td { text-align: center; padding: 2px 3px; word-break: break-all; max-width: 400px; }
.rich-text table tr:hover { background: #ddd; }
.rich-text table tr td strong { font-weight: bold; }
.rich-text table a { color: #FF0000; }
.rich-text img { margin: 0px auto; display: block; vertical-align: middle; max-width: 100%; height: auto !important; margin: 0 auto; }
.rich-text hr { border-width: 1px; border-style: dashed; color: #dbdbdb; margin: 5px 0 10px; }
.ui-goods-qrcode { width: 200px; height: 200px; }
.popover-goods .title { text-align: center; }
.popover-goods { width: 470px; }
.fx_rigxf { position: fixed; left: 50%; bottom: 50px; z-index: 10000; margin-left: 590px; height: 212px; }
.fx_fdnav { width: 50px; }
.fx_fdnav a { float: left; width: 50px; height: 25px; color: #555; border-radius: 70px; text-align: center; background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/css/https: /u3.huatu.com/hubei/images/2020/xd_rignav.jpg") no-repeat; padding-top: 25px; margin-top: 3px; font: 12px/24px Arial,"\5B8B\4F53",sans-serif; }
.fx_fdnav a:hover { color: #fff; background-position-x: -50px; }
.fx_fdnav .rigxf_navbb:hover { background-position: -50px 0; }
.fx_fdnav .rigxf_navzx { background-position: 0 -50px; }
.fx_fdnav .rigxf_navzx:hover { background-position: -50px -50px; }
.fx_fdnav .rigxf_navfk { background-position: 0 -100px; }
.fx_fdnav .rigxf_navfk:hover { background-position: -50px -100px; }
.fx_fdnav .rigxf_navdb { float: left; width: 50px; height: 25px; color: #999; border-radius: 70px; text-align: center; background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/css/https: /u3.huatu.com/hubei/images/2020/xd_rignav.jpg") no-repeat 0 -150px; padding-top: 25px; margin-top: 3px; cursor: pointer; }
.fx_fdnav .rigxf_navdb:hover { background-position: -50px -150px; }
.fanye { text-align: center; margin: 18px auto; overflow: hidden; }
.fanye a { background: #676767; color: #FFF; text-align: center; margin: 5px; font-size: 14px; padding: 0 15px; line-height: 40px; cursor: pointer; display: inline-block; }
.fanye a.on { background: #d21332; color: #fff; }
.fanye a:hover { color: #fff; background: #d21332; }
.htsbb,.goodbuybutton,.goodbuybutton3,.guarantee-bar { display: none; }
.footer { margin: 35px 0; color: #999; text-align: center; font-size: 12px; }
.footer .wrap { width: 940px; }
/*new*/.goods-meta tr.last-child td { display: block; height: 32px; line-height: 32px; background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/htxd/images/eye.png")left no-repeat; padding-left: 40px; font-size: 16px; color: #666; }
.goods-meta tr.last-child td span { display: inline-block; line-height: 32px; }
.hot-goods { margin-top: 10px; }

@media screen and (min-width: 1000px) and (max-width: 1160px) { 
    .container,.i_jobcz,.g-container,.shop-info { width: 1000px; }
    .g-header .links1 { margin-left: 10px; }
    .main .sidebar { width: 940px; padding: 0; }
    .main .sidebar .shop-card { display: none; }
    .goods-list li { margin: 0 10px 20px 0; width: 242px; height: 330px; }
    .goods-list3 li { width: 24%; height: auto; }
    .goods-list li .image { width: 242px; height: 235px; }
    .js-async { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; }
    .main .sidebar .hot-goods li { float: left; margin: 10px 0.5%; }
}

@media screen and (max-width: 1000px) { 
    .goods-list li .title { margin-bottom: 5px; }
    .footer { display: none; }
    .foot-wrap { margin-bottom: 2rem; }
    .g-container { width: 100%; }
    .goods-action,.goods-info-fixed.fixed,.main .sidebar .shop-card { display: none; }
    .g-header { height: auto; background: #fff; }
    .g-header .links1 { float: right; margin-left: 0; font-size: 14px; line-height: 36px; }
    .g-header .links1 a { margin: 0 3px 0 0; }
    .g-header .g-logo { margin: 10px 0 0 8px; width: 85px; height: 33px; }
    .daohang { overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0,0,0,.05); }
    .g-header .search-box { margin: 6px auto; float: none; }
    .index-slide-wrap img { width: 100%; height: auto; }
    .attend { width: 100%; }
    .attend_list>li { width: 25%; height: auto; }
    .attend_wrap img { margin: 8px auto 0; width: 50%; height: auto; }
    .attend_wrap p { font-size: 13px; }
    .i_jobcz { width: 100%; }
    .i_jobcz ul li { margin: 3px; }
    .i_jobcz li a { padding: 3px; min-width: 42px; font-size: 14px; }
    .container { margin-bottom: 5px; width: 100%; }
    .goods-list { column-count: 2; column-gap: 0; -moz-column-count: 2; -webkit-column-count: 2; -moz-column-gap: 0; -webkit-column-gap: 0; }
    .goods-list li { float: left; overflow: hidden; margin: 0 1%; padding-bottom: 10px; width: 98%; height: auto; break-inside: avoid; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; }
    .goods-list li a { width: 100%; height: auto; }
    .goods-list li .image { width: 100%; height: 200px; }
    .goods-list li .image img { position: absolute; }
    .goods-list2 { width: 100%; }
    .goods-list2 li { width: 49%; float: left; }
    .goods-list li .price { padding-left: 15px; }
    .goods-list2 li { margin: 7px 0.5%; }
    .goods-list { margin-top: 0; }
    .type-head { line-height: 38px; margin-bottom: 0; }
    .main .content { float: none; padding: 0; width: 100%; margin-top: 0; }
    .main .content .goods-summary { margin-bottom: 0; }
    .main .content .goods-info { float: none; overflow: hidden; margin: 0 auto; width: 98%; }
    .goods-action { text-align: center; }
    .goods-buy-link.icon-buybutton.pull-left { float: none; }
    .goodbuybutton { display: none !important; }
    .goodbuybutton3 { display: block !important; width: 160px; height: 36px; background: #FF9800; color: #fff; text-align: center; font-size: 18px; line-height: 36px; margin: 0 auto; }
    .btn-share.goods-share-link.pull-left { float: none; }
    .main .content .goods-title { height: auto; }
    .main .content .goods-price { margin: 5px; }
    .main .content .goods-meta { margin-bottom: 5px; }
    .main .content .goods-image { float: none; margin-top: 5px; width: 100%; }
    .swiper-container,.swiper-slide { overflow: hidden; width: 100%; height: auto; }
    .swiper-container .swiper-image,.swiper-slide .swiper-image { width: 100%; height: auto; background: 0 0; display: block; }
    .main .sidebar { float: none; padding: 0 0 10px; width: 100%; }
    .main .content .goods-payment { margin-bottom: 10px; }
    .main .content .goods-detail { margin-bottom: 10px; }
    .js-async { column-count: 2; column-gap: 0; -moz-column-count: 2; -webkit-column-count: 2; -moz-column-gap: 0; -webkit-column-gap: 0; }
    .js-async li { break-inside: avoid; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; }
    .main .sidebar .hot-goods li { margin: 0 2% 8px; width: 96%; }
    .shop-info { width: 100%; text-align: center; }
    .shop-info .shop-qrcode { float: none; margin: 0 auto 15px; }
    .shop-desc.pull-left { float: none; width: 100%; }
    .goods-info-fixed { width: 100%; height: auto; }
    .goods-info-fixed .goods-info-title { padding-left: 5px; margin-left: 5px; }
    .rich-text ul li p { padding: 0 10px; }
    .rich-text ul li p img { ; }
    .footer .wrap { width: 100%; }
    .header .container { padding: 0 5px; width: auto; }
    .shop-info.shop-info-fixed.hide { display: none !important; }
    .popover.popover-share.share2 { display: none; }
    .popover.popover-goods.goods-fixed { display: none; }
    .popover-weixin { right: 50%; margin-right: -115px; }
    .guarantee-bar { position: relative; display: block; padding-left: 10px; height: 36px; overflow: hidden; line-height: 36px; vertical-align: middle; background: #fff; text-align: center; }
    .guarantee-bar__logo { height: 16px; vertical-align: middle; }
    .guarantee-bar__text { padding-left: 10px; line-height: 12px; color: #666; font-size: 12px; }
    .htsbb { display: block !important; }
    .htsbb { overflow: visible; line-height: 1; border-top: 1px solid #f4f8fb; position: fixed; z-index: 999; width: 100%; bottom: 0px; background-color: #ffffff; ); }
    .htsbb div { overflow: visible; }
    .htsbb div,.htsbb span,.htsbb a,.htsbb ul,.htsbb li { margin: 0; padding: 0; border: 0; outline: 0; }
    .htsbb div { -webkit-text-size-adjust: none; }
    .htsbb ul,.htsbb li,.htsbb a { vertical-align: middle; }
    .htsbb ul { list-style: none; overflow: visible; }
    .htsbb * { vertical-align: middle; box-sizing: border-box; }
    .htsbb .htxpp { position: relative; }
    .htsbb .htxpc { position: absolute; bottom: 100%; display: none; z-index: 990; width: 113%; background-color: #ffffff; left: initial !important; margin-left: -7px; border: 1px solid #c0c0c0; border-radius: 2px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.12); margin-bottom: 8px; -webkit-transform: scale(1); }
    .htsbb .htxpc ul,.htsbb .htxpc li { list-style: none; }
    .htsbb .htxpc ul { padding: 0px 9px; height: auto; }
    .htsbb .htxpc ul>li:not(:last-of-type) { border-bottom: 1px solid #dddddd; }
    .htsbb .htxpc ul>li { height: 36px; }
    .htsbb .pop-content ul>li { height: 26px; }
    .htsbb .htxpc ul>li a { padding: 1px 0; font-size: 13px; line-height: 26px; height: 26px; }
    .htsbb a { text-decoration: none; color: #001526; }
    .htsbb>ul { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: box; width: 100%; list-style-type: none; padding: 0px; margin: 0px; -webkit-box-pack: center; -webkit-box-align: center; box-pack: center; box-align: center; border: 0 #fafafb solid; }
    .htsbb>ul>li { display: block; -webkit-box-flex: 1; flex: 1; -ms-flex: 1; -moz-box-flex: 1; text-align: center; border-left: 1px solid #e5e5e5; }
    .htsbb>ul>li a { font-size: 16px; display: inline-block; width: 100%; line-height: 34px; height: 32px; text-align: center; }
    .htsbb>ul .pop-tip { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); width: 6px; height: 6px; z-index: 300; bottom: -4px; left: -55%; position: absolute; border: 1px solid #c0c0c0; background-color: rgba(255,255,255,0.94); }
    .htsbb>ul .pop-tip.align-right { margin-left: 100%; border-left: 0px; border-top: 0px; }
    .htsbb>ul>li:last-of-type .htxpc { right: 3px; }
    .htsbb .htxpp:after { position: absolute; top: 0px; left: 50%; width: 12px; height: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c0c0c0; border-left: 0px; border-right: 0px; margin: 3px 0px 6px -6px; content: ""; }
    .showhomes { display: inline-block; width: 45px; color: #333; font-weight: bold; font-size: 14px; background: url("http://ah.huatu.com/zt/2014sy/images/ico_home.png") no-repeat scroll center center; background-size: 24px 24px; text-indent: -10000px; vertical-align: top; }
    li.showMoreBtn { background: #f00; }
    li.showMoreBtn a { color: #fff; }
    li.zixun { background: #FF9500; }
    li.zixun a { color: #fff; }
}

@media screen and (max-width: 600px) { 
    .g-container { width: 100%; }
    .goods-list2 li .image { width: 100%; height: 100px; }
    .goods-list2 li .image img { width: inherit; }
    .goods-list2 li .title { height: 70px; margin-top: 0.5rem; margin-bottom: 0.8rem; line-height: 1.5em; }
    .goods-list3 li .title { height: 125px; }
    .goods-list4 li .title { padding-left: 5px; }
    .goods-list2 li { padding-bottom: 20px; }
    .goods-list2 { margin-top: 10px; }
    .type-head2 { line-height: 38px; margin-bottom: 0; }
 }