/* 列表 */ .main_m{ background-color: #f6f7f9; padding-bottom: 80px; margin-top: 40px; } .list_item{ background-color: white; min-height: 65vh; cursor: pointer; } .list_item_box{padding:50px 50px 0px 50px} .list_item_box h4{ font-size: 30px; margin: 0px; font-weight: 400; } .list_item_img{ max-width: 100%; width: 100%; transition: all 1s; } .viecke{ margin-top: 30px; } /* 解决方案 */ .jjfan{ position: relative; margin-top: 80px; } .title_{ font-size: 46px; font-weight: 400; position: absolute; top: 30px; left: 50%; transform: translate(-50%,-50%); } .jjfan_list{ position: absolute; top: 30%; left: 50%; transform: translate(-50%,-50%); display: flex; } .jjfan_list div{ width:200px; height: 200px; line-height: 200px; background-color: #fafbfd; border-radius: 50%; text-align: center; margin-right: 0px; font-size: 24px; font-weight: 400; position: relative; } .jjfan_list div:nth-child(odd){ margin-top: 100px; } .jjfan_list div::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 110%; height: 110%; border: 1px solid #FFFFFF; border-radius: 50%; transform: translate(-50%,-50%); } .over_hidden:hover img{ transform: scale(1.1); } .over_hidden img{ transition: all 0.7s; } @media(max-width:767px){ .daveyz-list6-yuan{width:100%;} /*.jjfan_list{display:block;}*/ .jjfan_list div{font-size:14px;width:80px !important;min-width:80px;line-height:80px !important;height:80px;} .jjfan_list div:nth-child(odd){margin-top:60px;} .daveyz-list6-yuan .jjfan_list{overflow-x:auto;} }