a{ /* display: inline-flex !important; */ font-size: inherit; } span{ font-size: inherit; } .adhibition_detail .item-con{ display: flex; align-items: center; flex-wrap: wrap; } .adhibition_detail .item:nth-child(4n){ margin-right: 0; } .adhibition_detail .dc_fa .item{ width: 3.8rem; height: 2.8rem; border: 1px solid #EEEEEE; display: flex; flex-direction: column; justify-content: center; padding: 0 0.37rem; margin-right: 0.31rem; } .adhibition_detail .dc_fa .item .tit{ display: block; font-size: 0.18rem; color: #333333; } .adhibition_detail .dc_fa .item .text { font-size: 0.14rem; line-height: 0.2rem; color: #999999; height: 0.6rem; margin: 0.22rem 0 0.35rem; } .adhibition_detail .dc_fa .item .tit:hover{ cursor: pointer; } .adhibition_detail .dc_fa .item .text:hover{ cursor: pointer; } .adhibition_detail .pub_tit1 { display: flex; align-items: center; justify-content: space-between; margin-top: 0.76rem; padding-bottom: 0.25rem; border-bottom: 1px #E2E2E2 solid; margin-bottom: 0.3rem; } .adhibition_detail .pub_tit1 .left { display: flex; align-items: center; justify-content: space-between; } .adhibition_detail .pub_tit1 .line { width: 0.05rem; height: 0.35rem; background: rgba(0, 161, 156); border-radius: 0.06rem; margin-right: 0.15rem; } .adhibition_detail .pub_tit1 span { font-size: 0.3rem; color: #000000; } .adhibition_detail .pub_tit1 a{ float: right; font-size: 0.18rem; color: #747474; display: block; } .adhibition_detail .item{ width: calc((100% - 1.05rem) / 4); margin-right: 0.35rem; border: 1px solid #EEEEEE; margin-bottom: 0.18rem; cursor: pointer; } .adhibition_detail .item img { width: 100%; height: 2.3rem; } .adhibition_detail .item .text { width: 100%; /* height: 0.7rem; */ text-align: center; font-size: 0.16rem; line-height: 0.27rem; color: #666666; padding: 0.12rem 0 0.14rem; border-top: 1px solid #EEEEEE; cursor: pointer; } .adhibition_detail .item:hover { box-shadow: 0rem 0rem 0.1rem rgb(0 0 0 / 8%); } .adhibition_detail .dc_fa .item a { width: 0.71rem; height: 0.29rem; line-height: .29rem; text-align: center; border: 1px solid #038EBF; font-size: 0.14rem; color: #00A19C; } .adhibition_detail .dc_fa{ margin-top: 0.6rem; } .adhibition_banner{ width: 100%; position: relative; } .adhibition_banner .bg{ width: 100%; } .adhibition_nav{ position: absolute; bottom: .2rem; left: 0; width: 100%; z-index: 11; } .adhibition_nav .public_nav a{ color: #fff; } .measure{ margin: 0 auto; padding-bottom: .3rem; } .measure .list{ margin-top: .4rem; display: flex; flex-wrap: wrap; margin-bottom: .38rem; } .measure .list .item{ width: 3.73rem; margin-right: .4rem; border-bottom: .02rem #F6F7F9 solid; margin-bottom: .42rem; } .measure .list .item:hover{ border-bottom: .02rem #00A19C solid; } .measure .list .item:nth-of-type(3n){ margin-right: 0; } .measure .list .item img{ width: 100%;height: 2.53rem; } .scheme.list .item img{ width: 100%;height: 2.2rem; } .measure .list .item .content{ padding: .2rem .2rem .3rem; background: #F6F7F9; } .measure .list .item .content .tit{ font-size: 0.18rem; color: #333333; padding-bottom: .2rem; margin-bottom: .14rem; border-bottom: 1px #EEEEEE solid; } .measure .list .item .content .text{ font-size: 0.14rem; line-height: 0.26rem; color: #666666; margin-bottom: .14rem; } .measure .list .item .content .time{ font-size: 0.14rem; color: #999999; } .case{ margin: 0 auto; padding-bottom: .3rem; } .case .list{ margin-top: .4rem; display: flex; flex-wrap: wrap; margin-bottom: .38rem; } .case .list .item{ width: 3.79rem; margin-right: .3rem; margin-bottom: .3rem; align-items: center; flex-direction: column; } .case .list .item:nth-of-type(3n){ margin-right: 0; } .case .list .item img{ height: 2.53rem; width: 100%; } .case .list .item .content{ margin-top: .06rem; border: 1px solid #EEEEEE; width: 100%; padding: .3rem .2rem .21rem; } .case .list .item .content .tit{ font-size: 0.16rem; color: #333333; padding-bottom: .2rem; position: relative; } .case .list .item .content .tit::after{ position: absolute; width: .3rem;height: 1px; background-color: #999; content: ''; bottom: 0; left: 0; transition: .3s; } .case .list .item:hover .content .tit{ color: #00A19C; } .case .list .item:hover .content .tit::after{ width: 3.4rem; background-color: #00A19C; } .adhibition_detail{ margin: 0 auto; } .adhibition_detail .content{ width: 100%; margin-top: .4rem; color: #666; } .adhibition_detail .content img{ /*width: 100%;*/ display: block; margin: 0 auto; margin-bottom: .2rem; } .adhibition_detail .content .video video{ width: 100%; } .adhibition_detail .pages{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding-top: .6rem; border-top: 1px solid #DCDCDC; margin-top: .6rem; margin-bottom: 1.38rem; } .adhibition_detail .pages a{ font-size: 0.16rem; color: #777777; width: 3.52rem; } .adhibition_detail .pages a:hover{ font-size: 0.16rem; color: #02928E; } .use{ margin: .73rem auto 0; } /*绉诲姩绔牱寮 */ @media all and (max-width: 1024px) { /*搴旂敤 妗堜緥 鍒楄〃*/ .case { padding: 15px; } .adhibition_banner .bg { width: 200%; } .pub_tit { margin-top: 0; } .pub_tit span { font-size: 16px; } .case .list { justify-content: space-between; } .case .list .item { width: 48%; margin: 7.5px 0; } .case .list .item .content .tit::after { display: none; } .case .list .item .content { height: 30px; padding: 5px 10px; } .case .list .item .content .tit { -webkit-line-clamp: 1; padding-bottom: 0; font-size: 14px; text-align: center; } /*搴旂敤 妗堜緥璇︽儏*/ .adhibition_detail { padding: 15px; } .adhibition_detail .content p, .adhibition_detail .content p span{ font-size: 14px !important; line-height: 1.6; /*text-indent: 2em;*/ } .adhibition_detail .pages { flex-direction: column; align-items: flex-start; margin-bottom: 10px; padding-top: 5px; margin-top: 0; } .adhibition_detail .pages a { width: 100%; font-size: 14px; margin-top: 10px; } .adhibition_detail .item-con { justify-content: space-between; padding-bottom: 15px; } .adhibition_detail .item { width: 48%; margin: 7px; } .adhibition_detail .content { padding-bottom: 15px; } .adhibition_detail .content .video video { height: auto; object-fit: cover; } .adhibition_detail .item-con .item{ margin: 0; width: calc((100 % - 15px) / 2); margin-bottom: .3rem; } .adhibition_detail .item .text { font-size: 12px; line-height: 1.6; padding: 10px 0; } }