@charset "utf-8"; a{ display: block; outline: none } img{ text-align: center; } body, html { width: 100%; position: relative; background: #f4f4f4; } .YellowPagesBodys img{ max-width: 100%; } .mod-first-floor{ width: 1200px; padding: 24px 0px 8px; margin: 0 auto 16px; background: #fff; } .group-inner1{ padding: 0px 20px; } .group-inner1 .mod-tab ul { float: left; width: 972px; overflow:hidden; } .group-inner1 .count{ float: right; width: 168px; overflow:hidden; } .group-inner1 .mod-tab ul li{ float: left; border: 1px solid #ddd; margin:0px 10px 10px 0px; } .group-inner1 .mod-tab ul li a{ display: block; font-size: 14px;color: #333; padding: 3px 17px; } .group-inner1 .mod-tab ul li:hover{ border: 1px solid #a92924; } .group-inner1 .mod-tab ul li:hover a{ color: #a92924; } .group-inner1 .count p{ line-height: 2;font-size: 15px; } .group-inner1 .count p .num{ font-weight: bold; color: #a92924;font-size: 18px; } .mod-first-floor .mod-recomm-list { padding: 16px 0px; overflow: hidden; } .mod-first-floor .recomm-item { background: #fff; width: 278px; float: left; border: 1px solid #f5f5f5; margin-right: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mod-first-floor .wag-box { transition: all .2s linear; } .mod-first-floor .wag-box, .mod-first-floor .wag-box { -webkit-transition: all .2s linear; -o-transition: all .2s linear; } .wag-box { -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }.mod-first-floor .recomm-item .item-head .item-head-inner { padding: 16px; position: absolute; top: 0; } .mod-first-floor .recomm-item .item-head { display: block; height: 113px; position: relative; }.mod-first-floor .recomm-item:last-child { margin-right: 0; } .mod-first-floor .recomm-item .item-head h2 { font-size: 18px; font-weight: 700; color: #353535; width: 240px; overflow: hidden; white-space: nowrap; } .mod-first-floor .recomm-item .item-head h2 a{ color: #a92924; } .mod-first-floor .recomm-item .item-head ul { width: 240px; overflow: hidden; margin-top: 4px; }.mod-first-floor .recomm-item .item-head ul li { float: left; margin-right: 16px; } .mod-first-floor .recomm-item .item-head .item-head-post img { height: 100%;width: 100%; } .mod-first-floor .recomm-item .item-head .item-head-post { height: 113px; } .mod-first-floor .recomm-item .item-head ul li a{ font-size: 13px; } .mod-first-floor .recomm-item .item-main3 { width: 278px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; padding: 16px 16px 2px; overflow: hidden; } .mod-first-floor .recomm-item .item-main3 .offer-list { width: 100%; } .mod-first-floor .recomm-item .item-main3 .offer-list li { margin-bottom: 10px; overflow: hidden; } .mod-first-floor .recomm-item .item-main3 .offer-list li a { display: block; color: #353535; overflow: hidden; } .mod-first-floor .recomm-item .item-main3 .offer-list li img { width: 48px; height: 48px; display: inline-block; float: left; border: 1px solid #f5f5f5; -webkit-box-sizing: border-box; box-sizing: border-box; } .mod-first-floor .recomm-item .item-main3 .offer-list li p { float: left; width: 178px; margin-left: 12px; margin-top: 4px; white-space: nowrap; overflow: hidden; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .mod-first-floor .recomm-item .item-main3 .offer-list li p.price { margin-top: 6px; color: #a92924; } .mod-first-floor .recomm-item .item-main3 .offer-list li p.price .price-num { font-size: 14px; color: #a92924; } .mod-first-floor .wag-box:hover { -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5); box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5); } .mod-second-floor { width: 1200px; padding: 15px 0px 8px; margin: 0 auto 16px; } .mod-inner2Listtop01{ float: left; width: 150px; overflow:hidden; height: 40px; line-height: 40px;font-size: 13px; } .group-inner2List{ padding: 15px; float: left; text-align: left; width: 592px; background: #fff; margin-right: 15px; } .group-inner2List:last-child{ margin-right: 0px; } .mod-inner2Listtop01:last-child{ width: 120px;float: right; } .mod-inner2Listtop01:first-child{ width: 140px;float: left; } .mod-inner2Listtop01 span{ font-weight: bold; font-size: 16px; color: #a92924 } .mod-inner2Listtop01 a.xuangouo{ background: url(/static/images/cl1.png)left center no-repeat; padding-left: 25px; } .mod-inner2Listcenter .inli-mask{ width: 266px; position: relative; float: left; padding: 13px 5px; text-align: left; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; margin-right: 45px; background-color: #FFFFFF; margin-bottom: 45rpx; } .mod-inner2Listcenter .inli-mask:nth-child(4n){ margin-right: 0; } .mod-inner2Listcenter{ margin-top: 10px;width: 100%; } .mod-inner2Listcenter .inli-mask:hover{ -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5); box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5); } .mod-inner2Listcenter .inli-mask .detail-kind .tag{ background: url(/static/images/home9.png)left center no-repeat; color: #fff; text-indent: 8px; height: 25px; line-height: 25px; font-size: 13px;float: left; width: 80px; } .mod-inner2Listcenter .inli-mask .detail-kind .kind{ letter-spacing: 1px; float: left; height: 25px; line-height: 25px; color: #a92924; } .mod-inner2Listcenter .inli-mask .detail-kind .kind span{ color: #a92924;padding-right: 2px; } .mod-inner2Listcenter .inli-mask .detail-infor{ padding: 0px 0px; line-height: 2; color: #000; font-size: 13px } .mod-inner2Listcenter .inli-mask .detail-infor span{ display: inline-block; font-size: 15px; margin:1px 5px; } .mod-inner2Listcenter .inli-mask .detail-num{ font-size: 12px;color: #666666 } .mod-inner2Listcenter .inli-mask .detail-num span{ font-size: 12px;color: #666666; display: inline-block; margin-right: 5px; letter-spacing: 1px; white-space: nowrap; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #footer{ width: 100%; background: #fff; padding: 15px 0px 0px; overflow:hidden; margin-top: 33px; } .group-copyright-inner, .group-foot-inner { width: 1200px; margin: 0 auto; overflow: hidden; line-height: 1.5; color: #656565; font-size: 12px; font-family: -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif; } .group-foot{ padding-bottom: 25px; } .group-foot .mod-contact{ width: 150px; float: left;overflow:hidden; } .group-foot dt { font-size: 16px; color: #000; line-height: 44px; }.group-foot dd li { line-height: 24px; }.group-copyright-inner a, .group-foot-inner a { color: #666666;text-align: left;display:inline-block; text-decoration: none; } .group-copyright-inner a:hover, .group-foot-inner a:hover{ color: #a92924 } .group-copyright { width: 100%; background: #f4f4f4; color: #959595; padding: 20px 0px 15px; } .group-copyright .wuage-other-link { float: left;width: 885px; white-space: nowrap; overflow: hidden; } .group-copyright .wuage-other-link .wuage-link { margin: 0 0 5px; color: #b0b0b0; position: relative; display: inline-block; }.group-copyright .wuage-other-link .out-link { white-space: nowrap; overflow: hidden; padding-top:10px; } .group-copyright .wuage-other-link .out-link a{ display: inline-block;padding: 8px 10px;color: #b0b0b0 } .group-copyright .wuage-other-link .wuage-copyright{ text-align: left;color: #b0b0b0 } .group-copyright .wuage-other-link .wuage-copyright a{ display: inline-block;color: #b0b0b0;padding: 0px 5px; } .group-copyright .wuage-other-link .out-link a:first-child{ padding-left: 0px; }.group-copyright .certs-group { float: right;text-align: center; } .group-copyright .certs-group img{ width:80px; height: 80px; margin-left: 5px; } .group-copyright .certs-group a p{ float: left; -webkit-writing-mode: vertical-rl; -ms-writing-mode: bt-rl; writing-mode: vertical-rl; text-align: center; height: 80px; width: 19px; letter-spacing: 3px; } .group-copyright .certs-group a{ margin:0px 2px; float: left; width: 117px; } .group-copyright .wuage-other-link .out-link a:hover{ color: #a92924 } .mod-eleven-floor{ background: #fff;width: 1200px; margin:20px auto 30px;padding: 20px 0px; } .mod-ten-floor{ width: 1200px; margin:20px auto 0px; padding-top: 15px; } .mod-nine-floor{ background: #fff;width: 1200px; margin:20px auto 0px;padding: 20px 0px; } .mod-eight-floor{ width: 1200px; margin:20px auto 0px; }.mod-seven-floor{ width: 1200px; margin:20px auto 0px; padding: 14px 0px; } .mod-six-floor{ width: 1200px; margin:20px auto 0px; } .mod-five-floor{ width: 1200px; margin:20px auto 0px; } .mod-four-floor{ background: #fff;width: 1200px; margin:20px auto;padding: 20px 0px; } .mod-three-floor{ background: #fff;width: 1200px; margin:20px auto;padding: 20px 0px; } .mod-eleven-floor{ text-align: center; line-height: 2 } .eleven-goods span{ color: #a92924; font-size: 16px; font-weight: bold; padding: 0px 5px; display: inline-block; } .mod-eleven-floor a{ display: inline-block; background: #a92924; color: #fff; text-align: center; height: 30px; line-height: 30px; width: 200px; border-radius: 2px; } .mod-eleven-floor p{ margin:7px 0px 10px; line-height: 2; color: #666666; font-size: 13px; text-align: center; } .eleven-goods{ letter-spacing: 1px;font-size: 15px; } .ten-goods { margin-left: -10px; } .ten-goods li{ float: left; background: #fff; margin-left:10px; width: 595px; margin-bottom:15px; } .ten-goods li a{ width: 100%; height: 108px; overflow:hidden; } .ten-goods li a img{ width: 100%; height: 108px; } .mod-nine-floor .nine-goods .nine-goodsLiST{ float: left; width: 300px; position: relative; padding-left: 29px; overflow: hidden; } .mod-nine-floor .nine-goods .nine-goodsLiST::before{ content: ''; position: absolute; left:0px; top: 0; width: 1px; height: 100px; z-index: 2; background: #f4f4f4; } .mod-nine-floor .nine-goods .nine-goodsLiST:first-child::before{ width: 0px;background: none } .mod-nine-floor .nine-goods .nine-goodsLiST .nine-goodsLiSTH2{ line-height: 2; font-size: 17px; margin-bottom: 5px; } .mod-nine-floor .nine-goods .nine-goodsLiST .nine-goodsDd { width: 100%; } .mod-nine-floor .nine-goods .nine-goodsLiST .nine-goodsDd a{ width: 95%; font-size: 13px; line-height: 30px; color: #666666; white-space: nowrap; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mod-nine-floor .nine-goods .nine-goodsLiST .nine-goodsDd a span{ display: inline-block; padding-right:5px; } .mod-nine-floor .nine-goods .nine-goodsLiST .nine-goodsDd a:hover{ color: #a92924 } .mod-eight-floor .part-buyer { margin-right: 16px; } .mod-eight-floor .part-buyer, .mod-eight-floor .part-seller { display: inline-block; float: left; width: 592px; padding: 20px 20px 20px; background: #fff; } .mod-eight-floor .b-box { -webkit-box-sizing: border-box; box-sizing: border-box; } .mod-eight-floor .part-head { margin-bottom: 15px; } .mod-eight-floor .part-head .title { display: inline-block; color: #a92924; font-weight: 500; font-size: 18px; } .mod-eight-floor .part-head .more { display: inline-block; float: right; font-size: 12px; color: #959595; line-height: 28px; } .mod-eight-floor .drawing { display: inline-block; float: left; width: 192px; height: 158px; vertical-align: top; }.mod-eight-floor .article { margin-left: 216px;position: relative; } .mod-eight-floor .tab-list { margin-bottom: 16px; } .mod-eight-floor .tab-item { display: inline-block; line-height: 22px; margin-right: 20px; font-size: 14px; color: #656565; cursor: pointer; } .mod-eight-floor .tab-item.act { color: #a92924; font-weight: 500; border-bottom: 2px solid #a92924; } .mod-eight-floor .title-list { display: none; } .mod-eight-floor .title-list.act { display: block; } .mod-eight-floor .title-item { height: 18px; line-height: 18px; font-size: 13px; color: #353535; margin-bottom: 8px; } .mod-eight-floor .no-wrap { white-space: nowrap; overflow: hidden; } .shangjiaruzhu{ color: #a92924; height: 27px; line-height: 24px; width: 80px; display: inline-block; text-align: center; border: 1px solid #a92924; position: absolute; top: 0px; right: 0px; } .mod-finance { display: inline-block; width: 890px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mod-seven-floor .mod-finance,.mod-seven-floor .mod-latest { display:inline-block; height:260px; vertical-align:top; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box } .mod-seven-floor .mod-finance .mod-title,.mod-seven-floor .mod-latest .mod-title { margin-bottom:24px;color: #a92924;font-size: 17px; } .mod-seven-floor .mod-finance { margin-right:16px } .mod-latest { width:290px; padding:24px } .mod-finance .finance-buy, .mod-finance .finance-sell{ position: relative; float: left; width: 410px; height: 162px; border: 1px solid #f4f4f4; padding: 15px; } .subscribe-service{ position: absolute; right: 0px; top: 0px; color: #a92924; border: 1px solid #a92924; border-radius: 2px; height: 30px; line-height: 30px; width: 80px; text-align: center;font-size: 13px; } .mod-seven-floor .mod-finance .mod-title, .mod-seven-floor .mod-latest .mod-title{ position: relative; } .mod-seven-floor .mod-finance{ position: relative; } .subscribe-service:hover{ color: #fff; background: #a92924 } .mod-seven-floor .wag-box:hover { -webkit-box-shadow:0 0 16px 0 hsla(0,0%,76.9%,.5); box-shadow:0 0 16px 0 hsla(0,0%,76.9%,.5) } .mod-finance .finance-buy{ margin-right:20px; } .inner-financebut{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; width: 100%; } .finance-buy-lefts{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; text-align: left; } .inner-financebut img{ height: 136px; max-width: 156px; } .nance-buy-lefts02 span{ display: inline-block; font-size: 20px; color: #a92924;padding: 0px 5px;line-height: 23px; } .finance-buy-lefts .nance-buy-lefts01 span { display: inline-block; padding-right: 5px; font-weight: 800; } .finance-buy-lefts .nance-buy-lefts01{ width: 95%; font-size: 16px; line-height: 30px; color: #000; white-space: nowrap; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .nance-buy-lefts02{ line-height: 30px; font-size: 13px;margin-bottom: 10px; color: #333333 } .latest-company-name{ line-height: 2; font-size: 13px; text-align: left; }.mod-latest .latest-company-name { display:block; overflow:hidden; white-space:nowrap; cursor:pointer; padding-left: 10px; position: relative; } .mod-latest .latest-company-name::before{ content: ''; position: absolute; left: 0px; top: 13px; width: 2px; height: 2px; z-index: 2; background: #666666; }.mod-latest .carousel-window { position:relative; height:177px; overflow:hidden } .sixgoods-list{ float: left; width: 288px; margin-left:15px; overflow:hidden; background: #fff; padding:30px 20px;text-align: center;line-height: 2; cursor: pointer; } .sixgoods{ margin-left:-15px; } .sixgoods03{ color: #a92924; display: inline-block; border: 1px solid #a92924; height: 30px; line-height: 30px; width: 90px; } .sixgoods02{ margin:10px 0px; line-height: 2; font-size: 13px; } .sixgoods02 p{ color: #666666 } .sixgoods01 h2 em{ font-size: 17px; font-weight: bold; color: #000; line-height: 31px; float: left; } .hengxinag{ height: 3px; width: 33px; background: #a92924; text-align: center; margin:4px auto; } .sixgoods-list:hover{ background: #a92924 } .sixgoods-list:hover .sixgoods03{ color: #fff;display: inline-block;border: 1px solid #fff; } .sixgoods-list:hover .sixgoods02 ,.sixgoods-list:hover .sixgoods02 p{ color: #fff; } .sixgoods-list:hover .sixgoods01 h2 em{ color: #fff; } .sixgoods-list:hover .hengxinag{ background: #fff; } .sixgoods01 h2 span{ float: left; height: 33px; width: 40px; } .sixgoods01 h2{ text-align: center; width: 132px; margin: 0px auto; } .sixgoods-list:nth-child(1) h2 span{ /*background: url(/static/images/icon14.png)no-repeat center center;*/ background-size: 19px; } .sixgoods-list:nth-child(2) h2 span{ /*background: url(/static/images/icon15.png)no-repeat center center;*/ background-size: 19px; } .sixgoods-list:nth-child(3) h2 span{ /*background: url(/static/images/icon16.png)no-repeat center center;*/ background-size: 19px; } .sixgoods-list:nth-child(4) h2 span{ /*background: url(/static/images/icon17.png)no-repeat center center;*/ background-size: 19px; } .sixgoods-list:hover:nth-child(1) h2 span{ /*background: url(/static/images/icon14hover.png)no-repeat center center;*/ background-size: 19px; } .sixgoods-list:hover:nth-child(2) h2 span{ /*background: url(/static/images/icon15hover.png)no-repeat center center;*/ background-size: 19px; } .sixgoods-list:hover:nth-child(3) h2 span{ /*background: url(/static/images/icon16hover.png)no-repeat center center;*/ background-size: 19px; } .sixgoods-list:hover:nth-child(4) h2 span{ /*background: url(/static/images/icon17hover.png)no-repeat center center;*/ background-size: 19px; } .section-product .product-description { overflow: hidden; width: 1500px; } .mod-five-floor{ overflow:hidden; }.section-product .product-description li { float: left; width: 236px; height: 380px; white-space: nowrap; position: relative; } .section-product .product-description li.des1 { /*background: url(/static/images/god1hover.jpg) no-repeat center;*/ } .section-product .product-description li.des2 { /*background: url(/static/images/god2hover.jpg) no-repeat center;*/ } .section-product .product-description li.des3 { /*background: url(/static/images/god3hover.jpg) no-repeat center;*/ } .section-product .product-description li.des4 { /*background: url(/static/images/god4hover.jpg) no-repeat center;*/ } .section-product .product-description li.des5 { /*background: url(/static/images/god5hover.jpg) no-repeat center;*/ } .section-product .product-description li .des-inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .section-product .product-description li .des-inner .des-mask { height: 100%; position: absolute; width: 100%; top: 0; left: 0; display: none; } .section-product .product-description li .des-inner .des-mask .view-detail-wrap { text-align: center; color: #fff; font-size: 14px; } .section-product .product-description li .des-inner .des-text { text-align: center; margin-top: 140px; } .section-product .product-description li .des-inner .des-text h5 { font-size: 23px; color: #FFFFFF; margin-bottom: 10px;font-weight: bold; } .section-product .product-description li .des-inner .des-text .text-bottom { display: inline-block; width: 170px; height: 53px; color: #fff; font-size: 14px; line-height: 20px; } .section-product .product-description li .des-inner .des-mask .view-detail-wrap .view-detail { margin-top: 43px; display: inline-block; width: 84px; height: 34px; line-height: 34px; color: #a92924; text-align: center; background: #F2F9FF; } .section-product .product-description li.des1 .des-mask { /*background: url(/static/images/god1hover.jpg) no-repeat center;*/ } .section-product .product-description li.des2 .des-mask { /*background: url(/static/images/god2hover.jpg) no-repeat center;*/ } .section-product .product-description li.des3 .des-mask { /*background: url(/static/images/god3hover.jpg) no-repeat center;*/ } .section-product .product-description li.des4 .des-mask { /*background: url(/static/images/god4hover.jpg) no-repeat center;*/ } .section-product .product-description li.des5 .des-mask { /*background: url(/static/images/god5hover.jpg) no-repeat center;*/ } .section-product .product-description li .des-inner .des-mask .view-detail-wrap { text-align: center; color: #fff; font-size: 14px; } .section-product .product-description li .des-inner .title-text { font-size: 23px; color: #FFFFFF; margin-bottom: 10px; font-weight: bold; margin-top: 90px; } .section-product .product-description li.des1 .des-inner .des-text h5{ /*background:url(/static/images/icon9.png)top center no-repeat;*/ padding-top: 60px; background-size: 40px; } .section-product .product-description li.des2 .des-inner .des-text h5{ /*background:url(/static/images/icon10.png)top center no-repeat;*/ padding-top: 60px; background-size: 40px; } .section-product .product-description li.des3 .des-inner .des-text h5{ /*background:url(/static/images/icon11.png)top center no-repeat;*/ padding-top: 60px; background-size: 40px; } .section-product .product-description li.des4 .des-inner .des-text h5{ /*background:url(/static/images/icon12.png)top center no-repeat;*/ padding-top: 60px; background-size: 40px; } .section-product .product-description li.des5 .des-inner .des-text h5{ /*background:url(/static/images/icon13.png)top center no-repeat;*/ padding-top: 60px; background-size: 40px; } .section-product .product-description li.des1 .des-inner .title-text{ /*background:url(/static/images/icon9.png)92px center no-repeat;*/ background-size: 30px; } .section-product .product-description li.des2 .des-inner .title-text{ /*background:url(/static/images/icon10.png)92px center no-repeat;*/ background-size: 30px; } .section-product .product-description li.des3 .des-inner .title-text{ /*background:url(/static/images/icon11.png)79px center no-repeat; */ background-size: 30px; } .section-product .product-description li.des4 .des-inner .title-text{ /*background:url(/static/images/icon12.png)65px center no-repeat;*/ background-size: 30px; } .section-product .product-description li.des5 .des-inner .title-text{ /*background:url(/static/images/icon13.png)92px center no-repeat; */ background-size: 30px; } .title-des{ color: #fff; line-height: 2; font-size: 15px; width: 80%;letter-spacing: 1px; text-align: center; margin: 0px auto; margin-top: 30px; } .mod-four-floor ul .li-mask{ float: left; margin: -1px 0 0 -1px; width: 232px; height: 95px; line-height: 2; text-align: center; position: relative; border: 1px solid #EFEFEF; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .li-mask .detail-mask .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); z-index: auto; } .mod-four-floor ul .li-mask p{ width: 94%; font-size: 12px; color: #666666; white-space: nowrap; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0px auto; } .mod-four-floor ul{ margin:0px 20px; } .li-mask .detail-mask a { display: inline-block; width: 96px; height: 34px; line-height: 34px; color: #fff; text-align: center; font-size: 14px; }.li-mask .detail-mask a.red { background: #EC1D1C; }.li-mask .detail-mask .middle { display: inline-block; vertical-align: middle; position: relative; z-index: 1; } .slick-slide img{ display: block; } .seller-list li > div img{ width: 100%; height: 100%; vertical-align: top; } .li-mask .detail-mask:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .li-mask .detail-mask{ position: absolute; left: 0; top: 0; text-align: center; width: 100%; height: 100%; display: none; z-index: 1; } .mod-four-floor ul .li-mask p em{ display: inline-block; font-size: 12px;margin:0px 3px;color: #666666 } .gsImages{ height: 65px; width: 100%; overflow:hidden; text-align: center; line-height: 65px; vertical-align: middle; display: table; display: flex; align-items: center } .gsImages img{ max-width: 100%; text-align: center; max-height: 60px; display: block; margin: 0px auto; align-items: center; } .mod-four-floor ul .jhjyi:hover .mask{ display: block; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .mod-four-floor ul .li-mask:hover .detail-mask { display: block; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .fhree-floor-bodyso{ width: 1200px; margin:0px auto; } .fhree-floor-bodysLeft{ padding: 15px; float: left; text-align: left; width: 592px; background: #fff; margin-right: 15px; } .fhree-floor-bodysRight{ float: right; width: 592px; } .loor-bodysRight01{ float: left; width: 290px; background:#fff; padding:12px; } .loor-bodysRight02{ float: right; width: 290px; background:#fff; padding:12px; } .chengjiao{ color: #a92924; text-align: left; font-size: 17px; line-height: 2 } .cnt-title { width: 100%; margin-top: 6px; height: 36px; line-height: 26px; color: #959595; font-size: 12px; border-bottom: 1px solid #f1f1f1; } .cpn-name { width: 116px; max-width: 116px; padding-right: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lt-item { float: left; white-space: nowrap; color: #666666; text-align: left; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sold-num { float: right; width: 62px; } .pdt-name { width: 75px; padding-right: 12px; } .cnt-list-item a{ display: block;width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cnt-list-item{ height: 36px;line-height: 36px; } .rank-bottom li { color: #999; margin-bottom: 17px; } .iconNew-degree1 { width: 33px; height: 40px; line-height: 33px; text-align: center; font-size: 19px; display: block;color: #bdbdbd; vertical-align: middle; } .rank-bottom li .rank-logo img { height: 46px; margin-right: 8px } .rank-logo .blue{ width: 46px; height: 46px; overflow:hidden; margin-right: 15px; } .rank-bottom li > div { float: left; } .rank-bottom li .rank-degree { margin-right: 13px; } .rank-detail li:nth-child(1) .rank-degree{ /*background:url(/static/images/ry1.png)center center no-repeat;*/ background-size: cover; } .rank-detail li:nth-child(2) .rank-degree{ /*background:url(/static/images/ry1.png)center center no-repeat;*/ background-size: cover; } .rank-detail li:nth-child(3) .rank-degree{ /*background:url(/static/images/ry1.png)center center no-repeat;*/ background-size: cover; } .rank-detail li:nth-child(4) .rank-degree{ /*background:url(/static/images/ry2.png)center center no-repeat;*/ background-size: cover; } .rank-detail li:nth-child(5) .rank-degree{ /*background:url(/static/images/ry2.png)center center no-repeat;*/ background-size: cover; } .rank-detail li:nth-child(6) .rank-degree{ /*background:url(/static/images/ry2.png)center center no-repeat;*/ background-size: cover; } .rank-detail li:nth-child(7) .rank-degree{ /*background:url(/static/images/ry2.png)center center no-repeat;*/ background-size: cover; } .rank-detail li:nth-child(8) .rank-degree{ /*background:url(/static/images/ry2.png)center center no-repeat;*/ background-size: cover; } .rank-detail li:nth-child(9) .rank-degree{ /*background:url(/static/images/ry2.png)center center no-repeat;*/ background-size: cover; } .rank-detail li:nth-child(1) .rank-degree .iconNew-degree1{ color: #a92924 } .rank-detail li:nth-child(2) .rank-degree .iconNew-degree1{ color: #a92924 } .rank-detail li:nth-child(3) .rank-degree .iconNew-degree1{ color: #a92924 } .company-num{ color: #666666; line-height: 2; font-size: 12px; } .company-text .blue{ width: 100%;font-size: 13px; display: block; overflow: hidden; white-space: nowrap;color: #000; text-overflow: ellipsis; } .rank-detail{ margin-top: 15px; } .yestaday-right{ float: right; font-size: 15px; color: #a92924;height: 34px;line-height: 34px; } .chart-tab-item{ font-size: 13px; color: #666; cursor: pointer; float: left; margin-left: 20px; padding-bottom: 6px; border-bottom: 2px solid transparent; } .zgindex-container{ float: left; height: 34px; line-height: 34px; } .icon-trends{ float: left; width: 44px; overflow: hidden; margin:4px 5px 0px; line-height: 34px; /*background-image: url(/static/images/jiantou.png);*/ -webkit-background-size: 409px 70px; background-repeat: no-repeat; background-position: -204px 8px; } .yestaday-right span{float: left;color: #a92924} .price.down .icon-trends { background-position: -158px 0; width: 16px; height: 24px; } .price.up .icon-trends { background-position: -298px 0; width: 16px; height: 24px; } .price.up span{ color: #a92924 } .price.down span{ color: #7eb80d } .chart-tables{ height: 325px; width: 100%;text-align: center; } .chart-tab-item.active { color: #d0111a; border-bottom-color: #d0111a; } #bannerAllPro .zghome-nav-disnone{ display: none; } .YellowPagesBodys { width: 1200px; padding: 0px 0px; margin: 16px auto 16px; background: #fff; } .YellowPagesBodys .YellowPagesBodys-one{ padding: 23px; text-align: center;background:#fff; } .YellowPagesBodys .YellowPagesBodys-one a{ float: left; font-size: 14px; color: #a92924; height: 33px; line-height: 33px; border-radius: 25px; text-align: center; border: 1px solid #a92924; margin-left: 20px; padding: 0px 28px; } .YellowPagesBodys .YellowPagesBodys-one a.release-card{ background:#a92924;color: #fff } .YellowPagesBodys .YellowPagesBodys-one a:hover{ background:#a92924;color: #fff } .CollectionList{ padding:25px 15px; overflow:hidden; } .CollectionList-listLeft{ position: relative; } .CollectionList-list{ float: left; width: 565px; line-height: 34px; border: 1px solid #d0d0d0; padding: 15px; border-radius: 3px; margin: 10px; } .CollectionList-list:hover{ /* box-shadow: 0 0 16px 0 rgba(53,53,53,.2);*/ } .CollectionList-listLeft p{ width: 100%;text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .CollectionList-listLeft p span{ background: url(/static/images/iconsmall.png)no-repeat; float: left; width: 33px; height: 30px; } .CollectionList-listLeft p:nth-child(1) span{ background-position: 0px -66px; } .CollectionList-listLeft p:nth-child(2) span{ background-position: 0px -102px; } .CollectionList-listLeft p:nth-child(3) span{ background-position: 0px -137px; } .CollectionList-listLeft p:nth-child(4) span{ background-position: 0px -168px; } .CollectionList-listLeft p:nth-child(5) span{ background-position: 0px -202px; } .CollectionList-listTop{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; width: 100%; margin-bottom: 15px; } .CollectionList-listTop .CollectionTop-right{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; text-align: left; } .CollectionList-listTop img{ height: 70px; max-width: 78px;text-align: center; overflow:hidden; } .tionList-listTopImgs{ height: 73px; float: left;text-align: center; margin:0px auto; width: 100px;overflow:hidden; } .llectionT{ width: 100%; text-align: left; line-height: 2 } .CollectionTop-pany{ float: left; font-size: 15px; width: 100%; } .push-Collection{ color: #a92924; font-size: 14px; height: 30px; line-height: 33px; cursor: pointer; float: left; display: block;overflow:hidden; margin-left: 10px; } .zhuying a { float: left; margin-right: 20px; color: #333; } .zhuying .active { color: #a92924; } .push-Collection i{ width: 33px;height: 25px; background: url(/static/images/iconsmall.png)no-repeat; float: left; } .CollectionList-listLeft p a{ display: inline-block;font-size: 12px; color: #333; } .enrollColl i{ background-position: 0px -233px; } .cancelColl i{ background-position: 0px -261px; } .CollectionTop-name{ font-size: 15px; } .CollectionTop-name i{ float: left; width: 30px; height: 25px; background: url(/static/images/iconsmall.png)no-repeat; background-position: 0px -33px; } .CollectionTop-name span{ font-size: 12px; display: inline-block; padding-left:5px; } .zhuyin-yewu{ overflow:hidden; width: 100%; min-height: 102px; font-size: 12px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .zhuyin-yewu span{ font-size: 13px; } .commend-steelLeft{ float: left; width: 410px; overflow:hidden; } .commend-steelRight{ float: right; width: 110px; text-align: center; font-size: 12px; overflow:hidden; } .commend-steelRight p{ text-align: center; color: #333;font-size: 12px; } .commend-steelRight .steelRightImgs p{ font-size: 12px; color: #999999; text-align: center; } .steelRightImgs img{ height: 71px; width: 71px; text-align: center; } .YellowPagesBodys .mod-list{ padding:10px 0px; text-align: left;font-size: 13px; } .part-filter .fl { float: left; } .part-filter .fr { float: right; } .part-filter .block-head { height: 52px; line-height: 41px; padding-left: 24px; padding-right: 20px;overflow:hidden; color: #959595;border-bottom: 1px solid #f5f5f5; } .part-filter .strong { color: #a92924; display: inline-block; }.part-filter { margin-bottom: 10px; background: #fff; font: 12px/1.5 -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif; font-size: 14px; } .part-filter .item-sn { padding: 0 20px; border-bottom: 1px solid #f5f5f5; } .part-filter .item-sn:last-child{ border-bottom: none; } .part-filter .block-snName { margin-right: 10px; width: 110px; line-height: 48px;font-size: 13px; color: #959595; }.part-filter .block-snOptions { width: 710px; }.part-filter .block-snOperate { line-height: 48px; }.part-filter .block-snOptions .list-snOptions { padding-top: 15px; line-height: 48px; max-height: 33px; overflow: hidden; -webkit-transition: max-height .4s linear; transition: max-height .4s linear; }.part-filter .block-snOptions .item-toolbar { font-size: 12px; line-height: 1.5; border-top: 1px solid #f5f5f5; color: #959595; display: none; } .part-filter .block-snOptions .item-snOptions { margin-bottom: 16px; float: left; margin-right: 35px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .part-filter button { background: inherit; outline: 0; width: 53px; height: 26px; font-size: 13px; border: 1px solid #e5e5e5; color: #959595; cursor: pointer; }.part-filter { cursor: pointer; }.part-filter .btn-expand { margin-left: 13px; }.part-filter .btn-expand, .part-filter .btn-multiple { background: #fff; line-height: normal; } .fe-page:after, .part-filter .box-unitSelect .item-select:after, .part-filter .btn-expand:after, .part-filter .clear:after { content: " "; } .part-filter .btn-expand:after { margin-left: 2px; margin-top: 7px; display: inline-block; width: 8px; height: 8px; vertical-align: top; /*background: url(/static/images/xiala.png);*/ background-size: 27px 16px; } .part-filter button:hover { color: #a92924; border-color: #a92924; }.part-filter .btn-expand:hover:after { background-position: 0 -8px; }.part-filter a { text-decoration: none; font-size: 12px; color: #555; } .part-filter .tool-head .choose-tag { display: inline-block; vertical-align: top; font-size: 0; width: 606px; }.part-filter .tool-head .label { display: inline-block; font-size: 14px; vertical-align: top; margin-right: 10px; } .part-filter .checkBox { display: inline-block; background-color: #fff; width: 11px; height: 11px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c5c5c5; position: relative; top: 1px; margin-right: 3px; } .part-filter input:checked+.checkBox { /*background: url(/static/images/xiala.png)-9px -1px no-repeat;*/ background-size: 27px 16px; border-color: #a92924; } .part-filter .item-tag .icon-del { position: absolute; top: 6px; right: 6px; display: block; width: 8px; height: 8px; /*background: url(/static/images/xiala.png) -19px 0 no-repeat;*/ background-size: 27px 16px; } .part-filter .item-tag { position: relative; display: inline-block; margin-right: 8px; padding: 2px 20px 2px 6px; max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; line-height: 16px; font-size: 14px; color: #a92924; border: 1px solid #e5e5e5; cursor: pointer; } .part-filter .choose-tag .item-tag { margin-bottom: 8px; } .part-filter .block-snOptions .list-snOptions.active{ max-height: 184px; overflow: auto; -webkit-transition: max-height .4s linear; transition: max-height .4s linear; } .part-filter .btn-expand.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }.part-filter .block-head .item-tag { margin: 10px 4px;height: 22px } .part-filter .item-tag:hover { border-color: #a92924; } .part-filter .item-tag:hover .icon-del { background-position:-19px -8px }.part-filter a:hover { color:#a92924 } .part-filter .hide { display:none } .part-filter .clear:after { display:block; width:0; clear:both }.part-filter label:hover { cursor:pointer; color:#a92924 } .part-filter label:hover>.checkBox { border-color:#a92924 } .part-filter .strong { color:#353535 } .part-filter [expand] .list-snOptions { max-height: 184px; overflow: auto; -webkit-transition: max-height .4s linear; transition: max-height .4s linear; } .part-filter [multiple] .block-snOptions .item-toolbar { display: block; } .part-filter [multiple] .btn-expand, .part-filter [multiple] .btn-multiple { display: none; } .part-filter [multiple] .custom-input{ display: none; } .part-filter .tool-head { margin-top: 10px; line-height: 21px; min-height: 26px; font-size: 0; } .list-sn .btn-group button { display: inline-block; font-size: 14px; height: 32px; width: 60px; border: 1px solid #a92924; color: #a92924; margin-right: 32px; } .list-sn .btn-group button.primary, .list-sn .btn-group button:hover { color: #fff; background: #a92924; }.list-sn .btn-group { padding: 17px 0; text-align: center; font-size: 0; } .el-input__inner { -webkit-appearance: none; background-color: #fcfcfc; background-image: none; border-radius: 0; border: 1px solid #dcdcdc; box-sizing: border-box; color: #666; display: inline-block; font-size: inherit; height: 36px; outline: 0; padding: 0 15px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; height: 26px; line-height: 26px; padding: 0 10px; } .el-input { position: relative; font-size: 12px; float: left; width: 120px; margin-right: 3px; } .part-filter .btn-multiple{ margin-left: 13px; } /* .el-button--mini { color: #666; background: #fcfcfc; } .el-button--mini span{ color: #666;font-size: 13px; } */ .zz-popup-inline { margin-left: 10px; min-height: 30px; width: 137px; float: left; } .zz-ediform_li{ margin-top: 12px; } .zz-ediform_li .layui-input, .zz-ediform_li .layui-textarea,.zz-ediform_li .layui-select{ height: 30px; } .YellowPageAdvg a{ margin-bottom: 15px; } .Yellow-input input[type=text]{ width: 360px; height: 39px; border: 2px solid #a92924; border-right: 0; padding: 0 10px; font-size: 13px; outline: none; } .Yellow-input-inner button.Yellow-btn { float: left; width: 90px; height: 39px; background: #a92924; border: 0; color: #fff; font-size: 14px; cursor: pointer; outline: none; } .Yellow-input{ float: left; } .Yellow-input-inner{ padding: 30px 25px 0px; } .Yellow-input-inner button.Yellow-btn:hover ,.navigation-top .searchBar button:hover{ background: #a92924; } .mod-tools .tool-item:hover .login-ingon { /*background: #fff url(/static/images/icon8.png)left center no-repeat;*/ padding-left: 24px; padding-right: 8px; font-size: 12px; } .MemberCenterLeft{ float: left; width: 220px; text-align: left; background: #fff; } .MemberCenterRight{ float: right; width: 960px; } .MemberCenterLeft-Ul{ padding:20px 1px; text-align: left; line-height: 2 } .MemberCenterLeft-List { margin-bottom: 10px; padding:0px 0px 0px 30px; } .MemberCenterLeft-List i{ margin-right: 10px; width: 27px; height: 35px; float: left; background: url(/static/images/iconsmall.png)no-repeat center center; } .MemberCenterLeft-List a{ display: block; padding:9px 0px; font-size: 15px; } .MemberCenterLeft-List .wdfb{ background-position: -70px -66px; } .MemberCenterLeft-List .wdtd{ background-position: -70px -101px; } .Cumulative i{ height: 35px;width: 45px; float: left; background: url(/static/images/iconsmall.png)no-repeat center center; background-position: -103px -261px; } .Cumulative i.jybzjjn{ background-position:-103px -305px; } .MemberCenterLeft-List:hover .wdfb{ background-position: -70px -133px; } .MemberCenterLeft-List:hover .wdtd{ background-position: -70px -167px; } .MemberCenterLeft-List.active .wdfb{ background-position: -70px -133px; } .MemberCenterLeft-List.active .wdtd{ background-position: -70px -167px; } .MemberCenterLeft-List .qyrz{ background-position: -109px -30px } .MemberCenterLeft-List .grrz{ background-position: -109px -63px } .MemberCenterLeft-List .wdmp{ background-position: -109px -96px; } .MemberCenterLeft-List .zhgl{ background-position: -109px -127px; } .MemberCenterLeft-List .wdxx{ background-position: -109px -156px; } .MemberCenterLeft-List .ptqy{ background-position: -109px -189px; } .MemberCenterLeft-List .jfgl{ background-position: -109px -227px; } .MemberCenterLeft-List .wdshch{ background-position: -107px -342px; } .MemberCenterLeft-List .wdxiza{ background-position: -107px -370px; } .MemberCenterLeft-List .wdsouchan{ background-position:-172px -339px; } .MemberCenterLeft-List:hover .qyrz{ background-position: -144px -30px } .MemberCenterLeft-List:hover .grrz{ background-position: -140px -63px } .MemberCenterLeft-List:hover .wdmp{ background-position: -144px -96px; } .MemberCenterLeft-List:hover .zhgl{ background-position: -144px -127px; } .MemberCenterLeft-List:hover .wdxx{ background-position: -144px -156px; } .MemberCenterLeft-List:hover .ptqy{ background-position: -144px -189px; } .MemberCenterLeft-List:hover .jfgl{ background-position: -144px -227px; } .MemberCenterLeft-List:hover .wdshch{ background-position: -144px -341px; } .MemberCenterLeft-List:hover .wdxiza{ background-position:-143px -370px; } .MemberCenterLeft-List:hover .wdsouchan{ background-position: -173px -372px; } .MemberCenterLeft-List.active .qyrz{ background-position: -144px -30px } .MemberCenterLeft-List.active .grrz{ background-position: -140px -63px } .MemberCenterLeft-List.active .wdmp{ background-position: -144px -96px; } .MemberCenterLeft-List.active .zhgl{ background-position: -144px -127px; } .MemberCenterLeft-List.active .wdxx{ background-position: -144px -156px; } .MemberCenterLeft-List.active .ptqy{ background-position: -144px -189px; } .MemberCenterLeft-List.active .jfgl{ background-position: -144px -227px; } .MemberCenterLeft-List.active .wdshch{ background-position: -144px -341px; } .MemberCenterLeft-List.active .wdxiza{ background-position: -143px -369px; } .MemberCenterLeft-List.active .wdsouchan{ background-position: -172px -372px; } .MemberCenterLeft-List:hover a{ background: #a92924;color: #fff } .MemberCenterLeft-List:hover { background: #a92924;color: #fff } .MemberCenterLeft-List.active a{ background: #a92924;color: #fff } .MemberCenterLeft-List.active { background: #a92924;color: #fff } .MemberCenterLeft-List6 i { margin-right: 10px; width: 27px; height: 35px; float: left; background: url(/static/images/iconsmall.png)no-repeat center center; } .MemberCenterLeft-List6 a { display: block; padding: 9px 0px; font-size: 15px; padding-left: 30px; } .MemberCenterLeft-List6 { margin-bottom: 10px; } .MemberCenterLeft-List6 a:hover{ background: #a92924;color: #fff } .MemberCenterLeft-List6.active .ccccc{ background: #a92924;color: #fff } .MemberCenterLeft-List6 .ddddd{ display: none; } .MemberCenterLeft-List6.active .ddddd{ display: block; } .MemberCenterLeft-List6.active .ccccc a{ background: #a92924;color: #fff } .MemberCenterLeft-List6 .ccccc .mj-xjhy{ background-position: -486px -28px; } .MemberCenterLeft-List6 .ccccc .mj-bjgl{ background-position: -486px -63px; } .MemberCenterLeft-List6 .ccccc .mj-htgl{ background-position: -486px -97px; } .MemberCenterLeft-List6 .ccccc .mj-jygl{ background-position: -486px -132px; } .MemberCenterLeft-List6 .ccccc .mj-dpgl{ background-position: -486px -169px; } .MemberCenterLeft-List6 .ccccc .mj-wdjgc{ background-position: -486px -208px; } .MemberCenterLeft-List6.ccccc{ } .MemberCenterLeft-List6 .active .ccccc a{ background: #a92924;color: #fff; } .MemberCenterLeft-List6.active .ccccc .mj-xjhy{ background-position: -524px -28px; } .MemberCenterLeft-List6.active .ccccc .mj-bjgl{ background-position: -524px -63px; } .MemberCenterLeft-List6.active .ccccc .mj-htgl{ background-position: -524px -97px; } .MemberCenterLeft-List6.active .ccccc .mj-jygl{ background-position: -524px -132px; } .MemberCenterLeft-List6.active .ccccc .mj-dpgl{ background-position: -524px -169px; } .MemberCenterLeft-List6.active .ccccc .mj-wdjgc{ background-position: -524px -208px; } .MemberCenterLeft-List6 a:hover .mj-xjhy{ background-position: -524px -28px; } .MemberCenterLeft-List6 a:hover .mj-bjgl{ background-position: -524px -63px; } .MemberCenterLeft-List6 a:hover .mj-htgl{ background-position: -524px -97px; } .MemberCenterLeft-List6 a:hover .mj-jygl{ background-position: -524px -132px; } .MemberCenterLeft-List6 a:hover .mj-dpgl{ background-position: -524px -169px; } .MemberCenterLeft-List6 a:hover .mj-wdjgc{ background-position: -524px -208px; } .ddddd a{ color: #888;text-indent: 2em; padding:4px 0px; padding-left: 30px;font-size: 14px } .Cumulative{ text-align: left; line-height: 2; font-size: 16px; margin-bottom: 15px; } .Cumulative span{ color: #a92924; font-size: 20px; padding:0px 5px; float: left;position: relative; } .MemberCenterRight .entionDl{ border-top: 1px solid #ddd } .Cumulative a.Cumulative-issue{ display: inline-block; background: #a92924; color: #fff; padding:3px 25px;margin-left: 25px; } .shoushuo{ background: url(/static/images/iconsmall.png)no-repeat center center; color: #fff; height: 38px; width: 45px; text-align: center; line-height: 38px; position: absolute; right: 0px; top: 0px;background-position: -62px -199px; } .IssueCoop-input-block{ position: relative; } .MemberCenterRight .entionDl:nth-child(1){ border-top: 1px solid #fff } .place-top { width: 55px; height: 67px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #f0f0f0; cursor: pointer; color: #666; } .place-top .top-icon { width: 19px; display: block; height: 18px; background: url(/static/images/cc-top.png)no-repeat center center; } .place-top-label{ margin-top: 12px;font-size: 12px; } .im-bar-container{ position: fixed; z-index: 3; right: 0; bottom: 125px; width: 55px; color: #333; text-align: center; font-size: 12px; } .flex-ac { align-items: center; } .flex-v { display: flex; flex-direction: column; } .MemberCenterLeft-List6 i.mj-zyzx{ background-position:-678px -32px; } .MemberCenterLeft-List6 a:hover .mj-zyzx{ background-position: -678px -72px; } .MemberCenterLeft-List6.active .ccccc .mj-zyzx{ background-position: -678px -72px; } .resource_form_label { position: relative; float: left; display: block; padding: 7px 0px; font-size: 14px; font-weight: 400; width: 90px; line-height: 20px; text-align: right; } .resource_form_item{ position: relative; float: left; width: 600px; } .resource_form_itemright{ float: right; position: relative; width: 290px; } .resource_input_block { margin-left: 100px; } .resource_inline{ float: left; width: 190px; } .resource_formdiv{ margin-bottom: 20px; } .resource-btn{ width: 100%; text-align: center; height: 45px; line-height: 45px; color: #fff; background: #a92924; margin: 0px auto; display: block; font-size: 15px; cursor: pointer; } .upload-drag .imag_zhijpg { line-height: 44px; color: #888888; padding-right: 10px; height: 44px; float: left; }.resource_upload { cursor: pointer; float: left; overflow: hidden; margin-right: 20px; position: relative; } .resource_upload span { display: inline-block; } .resource_form_brief{ margin-left: 230px; }.resource_titles { width: 100%; color: #a92924; font-size: 19px; font-weight: bold; text-align: left; border-left: 4px solid #a92924; padding-left: 12px; height: 20px; line-height: 20px; margin-bottom: 15px; } .resource_buttom{ height: 33px; background: url(/static/images/iconsmall.png)no-repeat center center; background-position: -656px -108px; width: 66px; } .resource_center_btnlist{ float: left; margin-right:20px; } .resource_center_btnlist .button_resource{ border:1px solid #a92924; display: block; padding: 0px 15px; height: 40px; font-size: 16px; line-height: 40px; background: #fff; outline: none; color: #a92924;cursor: pointer; } .resource_center_btnlist .button_resource.resource_addbtnlist{ background: #a92924; color: #fff;display: block; } .resource_center_btnlist .button_resource span{ width: 30px; height: 38px; background: url(/static/images/iconsmall.png)no-repeat center center; float: left;margin-right: 7px; } .resource_center_btnlist .resource_addbtnlist span{ background-position: -676px -147px; } .resource_center_btnlist .resource_delbtnlist span{ background-position: -676px -188px; } .resource_center_btnlist .resource_editbtnlist span{ background-position: -676px -232px; } .resource_center_btnlist .resource_cancelbtnlist span{ background-position: -676px -275px; } .shop_fllow{ width: 100%; height: auto; } .shop_fllow .header{ width: 100%; height: 50px; } .shop_fllow .header .left{ float: left; width: 170px; height: 50px; border-top-right-radius: 8px; border-top-left-radius: 8px; line-height: 50px; text-align: center; color: #fff; font-size: 22px; } .shop_fllow .header .right{ float: right; width: 120px; height: 50px; padding-right: 10px; } .shop_fllow .header .right a{ text-align: right; color: #888888; line-height: 50px; font-size: 18px; } .shop_fllow .header.yellow{ border-bottom: 2px #ffc413 solid; } .shop_fllow .header.yellow a:hover{ color: #ffc413; } .shop_fllow .header.yellow .left{ background: #ffc413; } .shop_fllow .details{ overflow: auto; margin-top: 20px; } .shop_fllow .details .left{ float: left; width: 300px; height: 510px; overflow: hidden; } .shop_fllow .details .left img{ width: 300px; height: 510px; } .shop_fllow .details .left:hover img{ opacity: 0.8; } .shop_fllow .details .right{ float: right; width: 900px; height: 510px; } .shop_fllow .details .right li{ float: left; width: 298.666px; height: 254px; margin-right: 2px; padding: 10px 0px 0px 0px; background: #fff; } .shop_fllow .details .right li:nth-child(n+4){ margin-top: 2px; } .shop_fllow .details .right li:nth-child(3n){ margin-right: 0px; } .details .right .p_icons{ width: 100%; height: 150px; overflow: hidden; text-align: center; } .details .right li:hover .p_icons img{ opacity: 0.8; } .details .right .p_icons img{ width: 150px; height: 150px; } .details .right li h3{ width: 90%; margin: auto; margin-top: 12px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .details .right li h3 a{ font-size: 14px; } .details .right li p{ color: #ff1717; padding-left: 5%; font-size: 16px; font-weight: 600; margin-top: 10px; } .shop_fllow .header.red{ border-bottom: 2px #e10000 solid; } .shop_fllow .header.red a:hover{ color: #e10000; } .shop_fllow .header.red .left{ background: #e10000; } .detail_2fls{ width: 1200px; height: 510px; margin-top: 20px; overflow: hidden; } .detail_2fls ul{ width: 1200px; } .detail_2fls li{ width: 298.5px; height: 254px; float: left; margin-right: 2px; padding: 10px 0px 0px 0px; background: #fff; } .detail_2fls li:nth-child(4n) { margin-right: 0px; } .detail_2fls li:nth-child(n+5){ margin-top: 2px; } .detail_2fls li .p_icons { width: 100%; height: 150px; overflow: hidden; text-align: center; } .detail_2fls li .p_icons img { width: 150px; height: 150px; } .detail_2fls li h3 { width: 90%; margin: auto; margin-top: 12px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .detail_2fls li p { color: #ff1717; padding-left: 5%; font-size: 16px; font-weight: 600; margin-top: 10px; } .detail_2fls li:hover .p_icons img { opacity: 0.8; } .shop_fllow .header.green{ border-bottom: 2px #95c10f solid; } .shop_fllow .header.green a:hover{ color: #95c10f; } .shop_fllow .header.green .left{ background: #95c10f; } .shop_fllow .header.orange{ border-bottom: 2px #fa7711 solid; } .shop_fllow .header.orange a:hover{ color: #fa7711; } .shop_fllow .header.orange .left{ background: #fa7711; } .shop_fllow .header.tea{ border-bottom: 2px #05b23f solid; } .shop_fllow .header.tea a:hover{ color: #05b23f; } .shop_fllow .header.tea .left{ background: #05b23f; } .shop_fllow .header.wine{ border-bottom: 2px #edba5a solid; } .shop_fllow .header.wine a:hover{ color: #edba5a; } .shop_fllow .header.wine .left{ background: #edba5a; } .shop_fllow .header.gray{ border-bottom: 2px #d9dbce solid; } .shop_fllow .header.gray a:hover{ color: #d9dbce; } .shop_fllow .header.gray .left{ background: #d9dbce; } .shop_fllow .header.blue{ border-bottom: 2px #4e76cd solid; } .shop_fllow .header.blue a:hover{ color: #4e76cd; } .shop_fllow .header.blue .left{ background: #4e76cd; } .shop_footer{ width: 100%; background: #fff; border-bottom: 1px solid #f2f2f2; } .footer_cent{ width: 1200px; height: 90px; line-height: 90px; margin: auto; } .footer_cent li{ width: 300px; line-height: 90px; float: left; font-weight: 600; font-size: 18px; } #footer{ margin-top: 0px; } .ddddd .shop_check{ color: #a92924; }