@charset "utf-8";
/* CSS Document */
/******************************热门城市******************************/
.g-hot-city { height: 35px; line-height: 35px; background: #fff; color: #585858; font-size: 12px; font-size: 1.2rem; }
.g-hot-city>a { display: inline-block; font-size: 16px; font-size: 1.6rem; margin: 0 10px; }
.g-hot-city>a:last-child { margin-right: 0; }
.g-hot-city>i.siteCommon { margin: 8px 10px 0 0; width: 18px; height: 20px; background-position: -308px -27px; }

/******************************banner******************************/
.g-banner { /* height: 175px;*/ background: #FE9901; position: relative; left: 0; top: 0; overflow: hidden; text-align: center; }
.m-banner-wrap>li {/* height: 175px;*/ float: left; position: relative; left: 0; top: 0; }
.m-banner-wrap>li img { width: 100%; height: auto; }
.m-banner-icons { width: 100%; position: absolute; left: 0; bottom: 8px; text-align: center; z-index: 2; }
.m-banner-icons-in { display: inline-block; padding: 5px 6px; height: 9px; line-height: 9px; border-radius: 19px;  background: rgba(0,0,0,0.4); }
.m-banner-icons-in>span { display: inline-block; width: 9px; height: 9px; background: rgba(255,255,255,0.8); margin: 0 5px; border-radius: 100%; text-indent: -999em; overflow: hidden; }
.m-banner-icons-in>span.active { background: rgba(175,31,48,0.8); }

/******************************消息通知******************************/
.g-news-notification { height: 42px; background: #fff; overflow: hidden; }
.g-news-notification>i.siteCommon { width: 24px; height: 22px; background-position: -334px 0; position: absolute; top: 0; bottom: 0; margin: auto; }
.g-news-notification>ul { display: block; margin-left: 30px; }
.g-news-notification>ul>li { height: 42px; line-height: 42px; font-size: 14px; font-size: 1.5rem; overflow: hidden; }
.g-news-notification>ul>li>a { display: block; }

/******************************导航菜单******************************/
.g-navigate { border-top: 1px solid #d6d6d6; background: #fff; overflow: hidden; }
.g-navigate>li { width: 25%; height: 102px; float: left; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; margin-left: -1px; position: relative; left: 0; top: 0; overflow: hidden; }
.g-navigate .u-navigate-item { display: block; height: 100%; font-size: 12px; font-size: 1.2rem; text-align: center; overflow: hidden; }
.u-navigate-item:hover {  opacity: 0.6; -webkit-opacity: 0.6; }
.g-navigate .u-navigate-item>.siteCommon { display: block; margin: 10px auto 12px; width: 50px; height: 50px; position: relative; left: 0; top: 0; }
.g-navigate .u-navigate-item-01>.siteCommon { background-position: 0 0; }
.g-navigate .u-navigate-item-02>.siteCommon { background-position: -50px 0; }
.g-navigate .u-navigate-item-03>.siteCommon { background-position: -100px 0; }
.g-navigate .u-navigate-item-04>.siteCommon { background-position: -150px 0; }
.g-navigate .u-navigate-item-05>.siteCommon { background-position: 0 -51px; }
.g-navigate .u-navigate-item-06>.siteCommon { background-position: -50px -51px; }
.g-navigate .u-navigate-item-07>.siteCommon { background-position: -100px -51px; }
.g-navigate .u-navigate-item-08>.siteCommon { background-position: -150px -51px; }
.g-navigate .u-navigate-item-09>.siteCommon { background-position: -162px -174px; }
.u-hot { width: 19px; height: 16px; background-position: -251px -85px; position: absolute; right: -5px; top: -5px; }

/******************************模块展示******************************/
.g-module { margin-top: 10px; background: #fff; overflow: hidden; box-shadow: 0px 2px 5px rgba(94,94,94,0.25); display: block!important;}
.m-module-tit { padding: 0 12px; height: 45px; line-height: 45px; border-bottom: 1px solid #d6d6d6; overflow: hidden; position: relative; left: 0; top: 0; }
.m-module-tit>a { display: block; padding-right: 14px; position: relative; left: 0; top: 0; overflow: hidden; }
.m-module-tit>a:hover, .m-moditem-list>li>a:hover, .m-module-col3-list>li>a:hover, .m-moditem-b-list>li>a:hover {  opacity: 0.6; -webkit-opacity: 0.6; }
.m-news-list>li { padding: 10px 0; border-bottom: 1px solid #d6d6d6; }
.m-news-list>li:last-child { border-bottom: 0; }
.m-news-list>li>a { display: block; }
.m-news-list>li>a>dl { height: 70px; overflow: hidden; position: relative; left: 0; top: 0; }
.m-news-list.special>li { padding: 10px 12px; }
.m-news-list.special>li:nth-child(2n+1) { padding: 10px 0; margin: 0 12px; }
.u-img-w95-h70 { width: 95px; height: 70px; overflow: hidden; position: absolute; left: 0; top: 0; }
.u-img-w95-h70>img { width: 100%; height: 100%; }
.u-infor-show-w60 { position: absolute; left: 105px; top: 0; }
.u-infor-show-w60>h5 { margin-bottom: 7px; height: 20px; line-height: 20px; overflow: hidden; font-weight: normal; color: #3f3f3f; font-size: 16px; font-size: 1.6rem; }
.u-infor-show-w60>p { height: 36px; line-height: 18px; font-size: 14px; font-size: 1.4rem; color: #888; overflow: hidden; }
.m-moditem-list, .m-module-col3-list { padding: 5px 12px 0 17px; overflow: hidden; }
.box-shadow.m-moditem-list { margin-bottom: 7px; }
.m-module-col3-list { padding-left: 22px; }
.m-moditem-list>li, .m-module-col3-list>li { display: block; margin: 0 0 0 5px; width: 50%; float: left; }
.m-module-col3-list>li { width: 33.3%; width: calc( 100% / 3 ); width: -webkit-calc( 100% / 3 ); overflow: hidden; }
.m-moditem-list>li:nth-child(2n+1) { margin-left: -5px; }
.m-module-col3-list>li:nth-child(3n+1) { margin-left: -10px; }
.m-moditem-list>li>a, .m-module-col3-list>li>a { display: block; position: relative; left: 0; top: 0; }
.u-station-tag { display: block; width: 84px; height: 43px; background: url(station-tag.png) 0 0 no-repeat; background-size: 84px auto; position: absolute; right: -1px; top: -1px; }
.m-moditem-list>li>a img, .m-module-col3-list>li>a img { display: block; width: 100%; height:120px;}
.m-moditem-list-col { margin-top: -1px; position: relative; left: 0; top: 0; }
.m-moditem-list-col>li { width: 50%; height: 234px; float: left; overflow: hidden; }
.box-shadow.m-moditem-list>li { box-shadow: 0px 2px 5px rgba(0,0,0,0.1); margin-bottom: 5px; }
.m-moditem-list-col>li.u-line { width: 1px; background: #d6d6d6; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.m-moditem-list-col>li>a { display: block; padding: 0 12px; overflow: hidden; }
.m-moditem-list-col>li.u-item-col-row>a { display: block; height: 50%; border-top: 1px solid #d6d6d6; }
.u-goods-name, .u-goods-price { color: #3f3f3f; font-size: 12px; font-size: 1.2rem; line-height: 16px; }
.box-shadow .u-goods-price { margin: 4px 5px 8px; }
.u-goods-name, .u-goods-price b { font-size: 14px; font-size: 1.4rem; }
.u-goods-name { max-height: 32px; overflow: hidden; margin-top: 6px; font-weight: normal; }
.m-moditem-list-col .u-goods-name { margin-top: 10px; }
.box-shadow .u-goods-name { margin: 8px 5px 0; }
.u-goods-name.oneLine { height: 16px; }
.u-goods-price { margin: 2px 0 6px; }
.m-moditem-list-col .u-goods-price { margin: 0; }
.u-goods-price>.price { color: #af1f30; }
.m-moditem-list-col>li .u-show-img { display: block; height: 158px; margin-top: 5px; position: relative; left: 0; top: 0; }
.m-moditem-list-col>li.u-item-col-row .u-show-img { height: 63px; }
.m-moditem-list-col>li .u-show-img>img { display: block; max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.m-moditem-list-col>li .u-show-img.special>img { left: auto; right: 0; }
.m-module-tab-btn { height: 45px; padding: 0 24px 0 0; position: absolute; left: 120px; top: 0; overflow: hidden; }
.m-module-tab-btn>li, .m-module-tab-btn>.u-tab-btn-ele { display: block; float: left; }
.m-module-tab-btn>li>a { display: inline-block; margin: 0 6px; height: 28px; line-height: 28px; color: #585858; font-size: 12px; font-size: 1.2rem; }
.m-module-tab-btn>li.active>a { border-bottom: 1.5px solid #af1f30; color: #af1f30; }
.m-brandName-list { padding: 5px 12px 10px 28px; }
.m-brandName-list>li { margin: 5px 0 0 5px; float: left; width: 33.3%; width: calc( 100% / 3 ); width: -webkit-calc( 100% / 3 ); height: 57px; border: 1px solid #d6d6d6; background: #fff; position: relative; left: 0; top: 0; }
.m-brandName-list>li:nth-child(3n+1) { margin-left: -16px; }
.m-brandName-list a { display: block; width: 100%; height: 100%; }
.m-brandName-list a:hover { opacity: 0.6; -webkit-opacity: 0.6; }
/*通栏广告*/
.m-columns-adv, .m-consult-tel { display: block!important; width: 100%; margin-top: 10px; }
.m-consult-tel { display: block!important;}
.m-columns-adv:hover {  opacity: 0.6; -webkit-opacity: 0.6; }
.m-columns-adv>img { display: block; width: 100%; }
/*售后流程*/
.m-after-sales { padding: 12px; height: 61px; overflow: hidden; text-align: center; }
.m-after-sales>li { width: 25%; height: 100%; display: block; float: left; position: relative; left: 0; top: 0; }
.u-after-sales-step { }
.m-after-sales>li>a { display: block; font-size: 12px; font-size: 1.2rem; line-height: 20px; text-align: center; }
.m-after-sales .siteCommon { display: block; margin: 5px auto 10px; height: 28px; }
.u-after-sales-step-01 .siteCommon { width: 27px; background-position: -206px -55px; }
.u-after-sales-step-02 .siteCommon { width: 23px; background-position: -233px -55px; }
.u-after-sales-step-03 .siteCommon { width: 25px; background-position: -258px -55px; }
.u-after-sales-step-04 .siteCommon { width: 21px; background-position: -285px -53px; }
.u-after-sales-line.siteCommon { width: 20px; height: 2px; background-position: -272px -85px; position: absolute; right: -10px; top: 12px; }
.u-tel-mn { margin: 22px 0 7px; font-size: 18px; font-size: 1.8rem; color: #000; }
.u-tel-mn>b { display: inline-block; padding-left: 26px; position: relative; left: 0; top: 0; }
.u-tel-mn .siteCommon { width: 17px; height: 16px; background-position: -348px -85px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.m-appointment-box { margin: 12px 10px; height: 32px; line-height: 32px; overflow: hidden; }
.m-appointment-num { margin: 0 3px; }
.m-appointment-num>.siteCommon { display: block; float: left; margin: 0 1px; width: 24px; height: 32px; background-position: 0 -108px; font-size: 24px; font-size: 2.4rem; color: #fff; text-align: center; }
.m-appointment-from { margin: 0 10px; }
.m-appointment-from>li { margin-top: 12px; padding: 0 12px; border: 1px solid #d6d6d6; border-radius: 3px; }
.m-appointment-from>li>input { width: 100%; height: 28px; line-height: 28px; border: 0 none; text-align: left; font-size: 12px; font-size: 1.2rem; color: #585858; }
.u-tips-box { display: block; font-size: 16px; font-size: 1.6rem; color: #af1f30; }
.u-tips-box>.tipsIcon { margin: 0 auto 10px; }
.sucess>.tipsIcon { width: 42px; height: 41px; background-position: 0 0; }
.warning>.tipsIcon { width: 43px; height: 38px; background-position: -46px 0; }

.m-list-type { padding: 0 28px; position: relative; left: 0; top: 0; }
.m-list-type:last-child { margin-bottom: 14px; }
.m-list-type>.list-type { width: 9px; height: 10px; background-position: -70px -108px; position: absolute; left: 12px; top: 5px; }
.m-list-type img { max-width: 100%; }
.m-list-type p.u-txt-14-333 { margin: 14px 0; }

/******************************走进锦化******************************/

#tabNav, .g-requirement, .m-tab-btn { height: 45px; line-height: 45px; border-bottom: 1px solid #d6d6d6; background: #fff; position: fixed; left: 0; right: 0; top: 44px; margin: auto; z-index: 10; }
#tabNav{height:auto}
#tabNav { overflow: hidden; line-height: 45px;}
#tabNav .swiper-slide { display: inline-block; float: left; width: auto; padding: 0 12px; position: relative; left: 0; top: 0; }
#tabNav .swiper-slide>a { display: inline-block; font-size: 14px; font-size: 1.4rem; color: #585858; }
#tabNav .swiper-slide.active>a { color: #af1f30; font-weight: bold; }
#tabNav .swiper-slide>.siteCommon { width: 1px; height: 16px; background-position: -98px -133px; position: absolute; right: -1px; top: 0; bottom: 0; margin: auto; }
#tabNav .swiper-slide:last-child>.siteCommon { display: none; }
.m-accordion-list {}
.m-accordion-list>li { padding: 0 12px; margin-bottom: 5px; background: #fff; }
.u-accordion-tit { height: 45px; line-height: 45px; font-weight: normal; font-size: 16px; font-size: 1.6rem; color: #333; overflow: hidden; position: relative; left: 0; top: 0; }
.u-accordion-tit>.siteCommon { width: 17px; height: 9px; background-position: -119px -132px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
.u-accordion-tit.active>.siteCommon { background-position: -101px -132px; }
.m-station-group { padding-left: 30px; }
.m-station-group>a { display: block; float: left; margin: 0 0 10px 10px; width: 33.3%; width: calc( 100% / 3 ); width: -webkit-calc( 100% / 3 ); height: 40px; line-height: 40px; border: 1px solid #000; border-radius: 3px; color: #333; text-align: center; font-size: 12px; font-size: 1.2rem; overflow: hidden;  }
.m-station-group>a:nth-child(3n+1) { margin-left: -30px; }
.u-tit-tag { height: 44px; line-height: 44px; padding: 0 12px; border-bottom: 1px solid #d6d6d6; font-size: 16px; font-size: 1.6rem; color: #333; font-weight: normal; position: relative; left: 0; top: 0; }
.u-tit-tag>i.tag { width: 2px; height: 100%; background: #af1f30; position: absolute; top: 0; left: 0; }
.m-contact-us { padding: 0 12px; margin: 10px 0; }
.m-contact-us>.u-item { padding-left: 25px; height: 32px; line-height: 32px; font-size: 12px; font-size: 1.2rem; color:#333; position: relative; left: 0; top: 0; overflow: hidden; }
.m-contact-us>.u-item>.siteCommon { width: 16px; height: 15px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.m-contact-us>.u-item-01>.siteCommon { background-position: -137px -132px; }
.m-contact-us>.u-item-02>.siteCommon { background-position: -153px -132px; }
.m-contact-us>.u-item-03>.siteCommon { background-position: -169px -132px; }
.m-contact-us>.u-item-04>.siteCommon { background-position: -187px -132px; }
.m-address-list>li { padding: 10px 0 10px 25px; position: relative; left: 0; top: 0; font-size: 14px; font-size: 1.4rem; color: #333; border-bottom: 1px solid #d6d6d6; }
.m-address-list>li:last-child { border-bottom: 0; }
.m-address-list>li .siteCommon { width: 12px; height: 15px; position: absolute; left: 0; top: 12px; }
.m-address-list>li .station.siteCommon { background-position: -155px -132px; }
.m-address-list>li .qq.siteCommon { background-position: -204px -132px; }
.m-jinhua { margin: 10px 0; height: 28px; line-height: 28px; font-size: 12px; font-size: 1.2rem; color: #333; }
.m-jinhua>.u-logo { background: url(logo-2.png) 0 0 no-repeat; background-size: 100% auto; }
.m-jinhua>span { margin-left: 6px; }

/******************************新闻、活动详情******************************/
.u-baseinfor, .u-active-baseinfor { padding-right: 24px; height: 32px; line-height: 32px; font-size: 12px; font-size: 1.2rem; color: #585858; position: relative; left: 0; top: 0; }
.u-active-baseinfor { display: inline-block; padding-right: 44px; color: #333; }
.u-baseinfor>span.tit, .u-active-baseinfor>span.tit { margin-right: 10px; font-size: 16px; font-size: 1.6rem; color: #333; }
.u-share-btn { display: block; width: 30px; height: 30px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
.u-share-btn:hover {  opacity: 0.6; -webkit-opacity: 0.6; }
.u-share-btn>.siteCommon { width: 19px; height: 23px; background-position: -198px -108px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
.u-btn-s-s { font-size: 14px; font-size: 1.4rem; padding: 0 7px; min-width: auto; }
.m-active-head { position: relative; left: 0; top: 0; }
.m-active-head>.u-btn-submit { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
.m-page-btn { text-align: center; margin: 15px 0; }
.m-page-btn>a { display: inline-block; width: 36px; height: 36px; text-indent: -999em; overflow: hidden; position: relative; left: 0; top: 0; }
.m-page-btn>a>.siteCommon { width: 27px; height: 27px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.m-page-btn>a.prev>.siteCommon { background-position: -243px -108px; }
.m-page-btn>a.next>.siteCommon { background-position: -270px -108px; }
.m-share-list { margin: 10px auto 30px; }
.m-share-list>li { width: 33.3%; width: calc( 100% / 3 ); width: -webkit-calc( 100% / 3 ); margin: 10px 0; float: left; }
.m-share-list .u-share-style { display: block; padding: 0 5px; font-size: 12px; font-size: 1.2rem; color: #333; text-align: center; }
.m-share-list .u-share-style>.share { display: block; margin: 0 auto 10px; width: 45px; height: 45px; border-radius: 100%; background: url(share-icons.png) 0 0 no-repeat; background-size: 139px auto; }
a.u-share-style:hover { opacity: 0.6; -webkit-opacity: 0.6; }
.m-share-list .weixin>.share { background-position: 0 0; }
.m-share-list .qq>.share { background-position: -47px 0; }
.m-share-list .weibo>.share { background-position: -94px 0; }
.m-share-list .friendsCircle>.share { background-position: 0 -47px; }
.m-share-list .qqWeibo>.share { background-position: -47px -47px; }
.m-share-list .qzone>.share { background-position: -94px -47px; }


/******************************装修白皮书******************************/
.m-questionAnswer { margin: 20px 24px 0; padding-left: 22px; position: relative; left: 0; top: 0; }
.m-questionAnswer>.u-line { display: block; width: 1px; background: #dcdcdc; position: absolute; top: 5px; bottom: 9px; left: 0; }
.m-questionAnswer>.u-line>.u-circle { display: block; width: 4px; height: 4px; border: 1px solid #dcdcdc; border-radius: 100%; position: absolute; left: -2.5px; bottom: -5px; }
.m-questionBox, .m-answerBox { position: relative; left: 0; top: 0; }
.u-question-icon, .u-answer-icon { display: block; width: 25px; height: 25px; border-radius: 100%; position: absolute; overflow: hidden; left: -35px; top: 5px; }
.u-question-icon { background: #f1a747; }
.u-answer-icon { background: #57c77c; }
.u-question-icon>.siteCommon, .u-answer-icon>.siteCommon { width: 14px; height: 14px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.u-question-icon>.siteCommon { background-position: -298px -108px; }
.u-answer-icon>.siteCommon { background-position: -313px -108px; }
.m-questionAnswer-detail { margin-bottom: 15px; padding: 10px; min-height: 20px; background: #fff; font-size: 14px; font-size: 1.4rem; line-height: 20px; border-radius: 6px; position: relative; left: 0; top: 0; }
.m-questionAnswer-detail>i.siteCommon { width: 4px; height: 8px; background-position: -298px -125px; position: absolute; left: -4px; top: 13px; }
.m-questionAnswer-detail img{max-width:100%!important;height:auto!important;}
/******************************建材商城******************************/
.g-s-nav { padding: 10px 12px; background: #fff; position: relative; left: 0; top: 0; }
.g-s-nav>li { display: block; width: 50%; height: 40px; line-height: 40px; float: left; position: relative; left: 0; top: 0; text-align: center; }
.g-s-nav>li>.u-s-nav { display: inline-block; padding-left: 50px; position: relative; left: 0; top: 0; margin: auto; }
.g-s-nav>li>.u-s-nav:hover {  opacity: 0.6; -webkit-opacity: 0.6; }
.u-s-nav>.u-nav-icons { display: block; width: 40px; height: 40px; font-size: 14px; font-size: 1.4rem; border-radius: 100%; position: absolute; left: 0; top: 0; }
.u-s-nav-01>.u-nav-icons { background: #ff8737; }
.u-s-nav-02>.u-nav-icons { background: #f75b5b; }
.u-s-nav>.u-nav-icons>i.siteCommon { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.u-s-nav-01>.u-nav-icons>i.siteCommon { width: 19px; height: 18px; background-position: -329px -108px; }
.u-s-nav-02>.u-nav-icons>i.siteCommon { width: 24px; height: 21px; background-position: -350px -108px; }
.g-s-nav>.u-line {  width: 1px; height: 40px; background: #d6d6d6; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.m-module-tit.tag h2 { padding-left: 14px; }
.m-module-tit h2>.tag { width: 4px; height: 18px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.m-moditem-brand { height: 40px; overflow: hidden; border-top: 1px solid #d6d6d6; overflow: hidden; }
.m-moditem-brand>li { display: block; width: 25%; height: 100%; float: left; }
.m-moditem-brand>li>a { display: block; margin: 0 12px; height: 100%; position: relative; left: 0; top: 0; overflow: hidden; }
.m-moditem-brand>li>a>img { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
/*商品分类*/
.u-classification-tit { height: 46px; line-height: 46px; position: relative; left: 0; top: 0; font-size: 16px; font-size: 1.6rem; color: #585858; font-weight: normal; overflow: hidden; }
.u-classification-icon { display: block; width: 24px; height: 24px; border-radius: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.u-classification-icon>.siteCommon { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.u-classification-icon.f-bg-87c073>.siteCommon { width: 14px; height: 14px; background-position: -166px -150px; }
.u-classification-icon.f-bg-f05462>.siteCommon { width: 15px; height: 15px; background-position: -182px -150px; }
.u-classification-txt { display: block; padding: 0 10px 0 5px; height: 100%; position: absolute; left: 24px; top: 0; }
.u-classification-line { display: block; margin: 22px 0; width: 100%; height: 1px; background: #e3e2e0; border-bottom: 1px solid #fff; }
.m-classification-list { padding: 0 0 1px 1px; }
.m-classification-list>li { display: block; float: left; width: 25%; height: 45px; }
.m-classification-list>li>a { display: block; margin-left: -1px; height: 44px; line-height: 44px; border: 1px solid #d6d6d6; font-size: 14px; font-size: 1.4rem; color: #585858; text-align: center; overflow: hidden; }
/*品牌分类*/
.m-classification-wrap { width: 100%; height: 100%; position: relative; left: 0; top: 0; }
.m-classification-nav, .m-classification-menu { position: fixed; left: 0; top: 44px; bottom: 44px; overflow: auto; }
.m-classification-nav { width: 22%; background: #eee; }
.m-classification-nav-list>li { display: block; padding-left: 2px; height: 50px; line-height: 50px; overflow: hidden; position: relative; left: 0; top: 0; border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
.m-classification-nav-list>li.active { background: #f6f6f6; border-right: 0; }
.m-classification-nav-list>li.active>.u-tag { display: block; width: 2px; height: 100%; background: #af1f30; position: absolute; left: 0; top: 0; }
.m-classification-nav-list>li>a { display: block; width: 100%; height: 100%; overflow: hidden; font-size: 14px; font-size: 1.4rem; text-align: center; }
.m-classification-nav-list>li.active>a { color: #af1f30; }
.m-classification-menu { width: 78%; left: 22%; }
.m-classification-menu-mn { margin: 0 12px 0 10px; }
.u-thisclass-tit { height: 43px; line-height: 43px; font-size: 14px; font-size: 1.4rem; color: #585858; font-weight: normal; overflow: hidden; }
.m-classification-menu-list { padding-left: 20px; }
.m-classification-menu-list>li { display: block; float: left; margin: 0 0 10px 10px; height: 50px; width: 33.3%; width: calc( 100% / 3 ); width: -webkit-calc( 100% / 3 ); overflow: hidden; }
.m-classification-menu-list>li:nth-child(3n+1) { margin-left: -20px; }
.m-classification-menu-list>li>.u-classification-logo { display: block; width: 100%; height: 100%; background: #e5e5e5; position: relative; left: 0; top: 0; }
.u-classification-logo>img { display: block; max-width: 90%; max-height: 90%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
/*品牌详情*/
.m-item-baseinfor { padding: 15px 12px; margin: 0; position: relative; left: 0; top: 0; }
.m-item-baseinfor>.u-item-head { display: block; width: 75px; height: 75px; border-radius: 100%; background: #fff; overflow: hidden; position: absolute; }
.m-item-baseinfor.goods>.u-item-head { width: 44px; height: 44px; }
.u-item-head>img { width: 100%; height: 100%; border-radius: 100%; }
.m-item-baseinfor>.u-item-baseinfor { min-height: 75px; font-size: 16px; font-size: 1.6rem; margin: 0; line-height: 22px; padding: 0 0 0 85px; overflow: hidden; position: relative; left: 0; top: 0; }
.m-item-baseinfor.goods>.u-item-baseinfor { padding-left: 54px; min-height: 44px; }
.u-item-name { margin-bottom: 4px; padding-left: 8px; line-height: 24px; }
.m-item-baseinfor .u-item { height: 24px; line-height: 24px; }
/*商品详情*/
.m-goods-baseinfor { position: relative; left: 0; top: 0; overflow: hidden; }
.m-goods-baseinfor>img { display: block; width: 100%; height: auto; }
.m-goods-baseinfor>.m-goods-price { padding: 0 12px; height: 44px; line-height: 44px; font-size: 12px; font-size: 1.2rem; color: #363636; background: rgba(255,255,255,0.6); overflow: hidden; position: absolute; left: 0; bottom: 0; right: 0; }
.m-goods-price>.now>.price { color: #af1f30; font-size: 16px; font-size: 1.6rem; }
.m-goods-price>.now>.price>b { font-size: 18px; font-size: 1.8rem; }
.m-item-param { padding-left: 1px; border-top: 1px solid #d6d6d6; }
.m-item-param>li { display: block; width: 50%; float: left; margin-left: -1px; height: 45px; line-height: 45px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; background: #fff; overflow: hidden; }
.m-item-param>li:nth-child(2n) { border-right: 0 none; margin-left: 0; }
.m-item-param>li>span { display: block; padding: 0 12px; font-size: 14px; font-size: 1.4rem; }
.m-ensure { padding: 8px 12px; overflow: hidden; }
.m-ensure>li { display: block; width: 25%; height: 22px; line-height: 22px; float: left; font-size: 12px; font-size: 1.2rem; position: relative; left: 0; top: 0; overflow: hidden; }
.m-ensure>li.special { float: right; }
.m-ensure>li>span { display: inline-block; height: 22px; position: relative; left: 0; top: 0; overflow: hidden; }
.m-ensure>li .u-txt { display: inline-block; padding-left: 20px; }
.m-ensure>li .siteCommon { width: 16px; height: 18px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.m-ensure>li .quality { background-position: 0 -175px; }
.m-ensure>li .official { background-position: -17px -175px; }
.m-ensure>li .change { background-position: -34px -175px; }
.m-ensure>li .afterSales { background-position: -51px -175px; }
.u-item-detail-tit { margin: 0 12px; height: 34px; line-height: 34px; position: relative; left: 0; top: 0; font-weight: normal; font-size: 18px; font-size: 1.8rem; text-align: center; }
.u-item-detail-tit>.u-line { display: block; width: 100%; height: 1px; background: #d6d6d6; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.u-item-detail-tit>.u-txt { display: inline-block; padding: 0 10px; position: relative; left: 0; top: 0; }
.u-item-detail-tit .u-circle { display: block; width: 2px; height: 2px; background: #d6d6d6; border-radius: 100%; position: absolute; top: 0; bottom: 0; margin: auto; }
.u-item-detail-tit .u-circle-left { left: 0; }
.u-item-detail-tit .u-circle-right { right: 0; }
.g-item-detail>img { max-width: 100%; height: auto; }

/************************************条件筛选************************************/
.g-requirement { padding: 0 12px; text-align: center; }
.u-requirement-way, .u-sift-switch { display: inline-block; font-size: 16px; font-size: 1.6rem; color: #585858; }
.tworows>.u-requirement-way { display: block; width: 50%; float: left; }
.u-requirement-way.active, .u-sift-switch.active, .u-sift-switch.selectsilde, .active>.u-sift-switch { color: #af1f30; }
.u-requirement-way>span { display: inline-block; }
.tworows .u-requirement-way>.u-re-item-in { padding: 0 16px; }
.u-sift-switch { padding-right: 16px; position: relative; left: 0; top: 0; }
.u-sift-switch>.siteCommon, .u-sift-tit>.siteCommon { width: 12px; height: 7px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; }
.u-sift-switch>.siteCommon, .u-sift-tit>.siteCommon { background-position: -69px -132px; }
.u-sift-switch.active>.siteCommon, .active>.u-sift-switch>.siteCommon { background-position: -237px -162px; }
.u-sift-switch.selectsilde>.siteCommon { background-position: -224px -154px; }
.m-sift-bg { display: none; position: absolute; width: 100%; height: 90px; left: 0; top: 0; z-index: 12; background: rgba(0,0,0,0); }
.m-sift-box { display: none; width: 100%; padding-bottom: 60px; background: #e6e6e6; position: absolute; left: 0; top: 90px; bottom: 0; overflow: auto; z-index: 13; }
.u-sildeDown-arrow { display: none; width: 8px; height: 8px; border: 1px solid #d6d6d6; background: #e6e6e6; position: absolute; top: 41px; left: 0; right: 0; margin: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.selectsilde>.u-sildeDown-arrow { display: block; }
.u-sift-tit { padding-right: 22px; height: 45px; line-height: 45px; text-align: left; font-size: 16px; font-size: 1.6rem; font-weight: normal; position: relative; left: 0; top: 0; overflow: hidden; }
.u-sift-tit.active>.siteCommon { background-position: -223px -162px; }
.m-sift-item-list { padding-left: 3px; max-height: 111px; overflow: hidden; }
.u-sildeDownAll-btn, .u-sift-item-ele { display: block; margin: -1px 0 0 -1px; height: 36px; line-height: 36px; border: 1px solid #d6d6d6; font-size: 14px; font-size: 1.4rem; text-align: center; background: #fff; }
.u-sift-item-ele { float: left; width: 33.3%; width: calc( 100% / 3 ); width: -webkit-calc( 100% / 3 ); }
.u-sift-item-ele:nth-child(3n+1) { margin-left: -4px; }
.u-sift-item-ele.active { background: #af1f30; color: #fff; }
.u-sift-btn { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 18px; font-size: 1.8rem; color: #fff; text-align: center; background: #af1f30; overflow: hidden; position: fixed; left: 0; bottom: 0; }
.u-sift-btn:hover {  opacity: 0.6; -webkit-opacity: 0.6; }
.condition .m-sift-box { padding-bottom: 0; bottom: auto; top: 46px; }
.condition .m-sift-box .m-sift-item-list { padding: 15px 12px 15px 15px; max-height: 100%; }
.condition .m-sift-bg { position: fixed; top: 0; bottom: 0; height: 100%; }

/*楼盘详情*/
.m-module-table { margin: 5px 0; }
.m-module-table td { padding: 5px 0; line-height: 20px; text-align: center; font-size: 14px; font-size: 1.4rem; }
.m-module-table tbody td, .m-module-table tbody a { color: #585858; }
.m-articel-head { position: relative; left: 0; top: 0; }
.u-tit-articel { margin: 8px 0 4px; padding-right: 77px; font-size: 16px; font-size: 1.6rem; font-weight: normal; }
.u-txt-intro { font-size: 12px; font-size: 1.2rem; color: #585858; }
.u-head-img { display: block; border-radius: 100%; width: 60px; height: 60px; border: 2px solid #fff; position: absolute; right: 17px; bottom: -31px; z-index: 2; }
.u-head-img>img { display: block; width: 100%; height: 100%; border-radius: 100%; }
.position { display: block; position: relative; left: 0; top: 0; }
a.position:hover {  opacity: 0.6; -webkit-opacity: 0.6; }
.u-loadmore { display: block; padding-bottom: 10px; width: 100%; height: 100%; height: 26px; line-height: 26px; font-size: 14px; font-size: 1.4rem; text-align: center; color: #585858; }
.u-loadmore:hover {  opacity: 0.6; -webkit-opacity: 0.6; }
.m-head-cover { width: 100%; padding-bottom: 28px; margin-bottom: 25px; background: #fff; position: relative; left: 0; top: 0; }
.m-head-cover-top { height: 65px; background: url(top-bg.png) center bottom no-repeat; background-size: 100% auto; position: relative; left: 0; top: 0; }
.m-head-cover-top>.u-head-img { width: 80px; height: 80px; left: 0; right: 0; bottom: -41px;  margin: auto; }
.u-base-describe { width: 100%; line-height: 24px; font-size: 16px; font-size: 1.6rem; text-align: center; font-weight: bold; margin-top: 46px; }
.u-detail-describe { width: 70%; line-height: 24px; font-size: 12px; font-size: 1.2rem; text-align: justify; margin: 5px auto 0; }
.m-head-cover .u-btn-submit { width: 66px; font-size: 14px; font-size: 1.4rem; position: absolute; left: 50%; bottom: -15px; margin: 0 0 0 -51px; }
.m-specific-introduction { padding: 0 25px; }
.m-specific-introduction>li { min-height: 24px; line-height: 24px; padding: 10px 0 10px 25px; border-bottom: 1px dashed #d6d6d6; position: relative; left: 0; top: 0; }
.m-specific-introduction>li:last-child { border-bottom: 0 none; }
.m-specific-introduction .siteCommon { width: 16px; position: absolute; top: 13px; left: -5px; }
.m-specific-introduction .siteCommon.company { height: 15px; background-position: -90px -174px; }
.m-specific-introduction .siteCommon.money { width: 17px; height: 18px; background-position: -107px -174px; }
.m-specific-introduction .siteCommon.contact { height: 14px; background-position: -125px -174px; }
.m-specific-introduction .siteCommon.honour { height: 17px; background-position: -143px -174px; }
.m-specific-introduction .siteCommon.works { height: 16px; background-position: -252px -177px; }
.u-btn-submit.u-diy-tag { padding: 0 5px; height: 14px; line-height: 14px; font-size: 10px; font-size: 1rem; min-width: 1px; margin: 8px 10px 0 0; }
.m-po-station { height: 30px; line-height: 30px; position: relative; left: 0; top: 0; overflow: hidden; }
.position>.u-time { display: inline-block; padding: 0 5px; height: 18px; line-height: 18px; background: rgba(0,0,0,0.6); color: #fff; font-size: 12px; font-size: 1.2rem; text-align: center; position: absolute; right: 0; bottom: 0; }
.u-txt-intro.special { width: 50%; height: 30px; line-height: 30px; }
.u-tab-btn-item { display: block; width: 50%; float: left; font-size: 16px; font-size: 1.6rem; text-align: center; }
.u-tab-btn-item.active { height: 43px; line-height: 43px; color: #af1f30; border-bottom: 2px solid #af1f30; }
.m-input-gr-special { margin: 15px 0; height: 34px; overflow: hidden; position: relative; left: 0; top: 0; }
.m-input-gr-special>.u-input-radius { position: absolute; left: 0; }
.u-input-radius.edit { padding-left: 30px; right: 40px; }
.u-input-radius.specialname { right: 52%; }
.u-input-radius.edit>.siteCommon { width: 14px; height: 15px; background-position: -26px -134px; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; }
.u-enter-btn, .m-input-gr-special .u-text-10-7a7a7a { display: inline-block; position: absolute; right: 0px; top: 0; }
.u-enter-btn { padding-left: 10px; line-height: 34px; font-size: 14px; font-size: 1.4rem; color: #af1f30; }
.u-enter-btn:hover { opacity: 0.6; -webkit-opacity: 0.6; }
.m-input-gr-special .u-text-10-7a7a7a { width: 52%; height: 34px; text-align: left; overflow: hidden; }
.m-input-gr-special .u-text-10-7a7a7a>span { display: inline-block; padding-left: 5px; line-height: 34px; text-align: justify; }
.u-radius-tit { height: 30px; position: relative; left: 0; top: 0; }
.u-radius-tit>span { display: inline-block; height: 30px; line-height: 30px; padding: 0 12px; border-radius: 0 30px 30px 0; background: #af1f30; font-weight: normal; font-size: 14px; font-size: 1.4rem; color: #fff; position: absolute; top: 0; left: -12px; }
.m-comment-list { margin-bottom: 12px; }
.m-comment-list>li { padding: 10px 0; border-bottom: 1px solid #d6d6d6; }
.m-comment-list>li:last-child { border-bottom: 0 none; }
.m-comment-list dl { font-size: 12px; font-size: 1.2rem; color: #585858; }
.m-comment-list dt { color: #ff7474; height: 20px; line-height: 20px; overflow: hidden; }
.m-comment-list dt>a { color: #ff7474; }
.m-comment-list dd, .m-comment-list p { line-height: 18px; text-align: justify; }
.m-module-tit .u-btn-submit { margin: 0; position: absolute; left: auto; right: 12px; top: 7px; }

@media (max-width: 360px) {
  .g-hot-city>a { font-size: 14px; font-size: 1.4rem; }
  .u-moditem-tit>em.f-txt-12 { font-size: 10px; font-size: 1rem; }
  .u-baseinfor { height: 40px; line-height: 20px; }
  .u-baseinfor>span.tit { display: block; }
  .u-btn-s-s { font-size: 12px; font-size: 1.2rem; height: 20px; line-height: 20px; padding: 0 2px; }
}

@media (min-width: 350px) {
	.m-jinhua>span { margin-left: 30px; }
}