Files
jjx-web/common/css/main.css
T
2023-11-23 22:29:13 +08:00

2640 lines
57 KiB
CSS

@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;
}