.container{ background-color: #E5E5E5; min-height: 760px; width: 100%;} .slide-image{ width: 100%; height: 300px; } .btn{ display: flex; justify-content: space-around; background-color: #FFF; button{ width: 40%; border-radius: 10px; } } .section1{ width: 100%; min-height: 404px; background-color: #FFF; margin: 3px auto; .row { display: flex; /* 设置为Flex布局 */ width: 100%; /* 行宽度占满容器 */ } .title { font-size: 16px; color: #666666; font-weight: bold; display: flex; flex-direction: column; /* 列内部元素垂直排列 */ width: 90%; padding: 20px 0px 20px 20px; text-align: left; /* 文本居中 */ } .time_yuyue{ width: 100%; padding: 0px 0px 20px 20px; font-size: 14px; color: #666666; display: flex; height: 30px; flex-wrap: wrap; .ico{ padding-top: 2px; flex:0 0 20px; padding-left: 5px; padding-right: 10px; } .time{ flex:0 0 90%; text-align: left; } } .time_yuyue2{ width: 100%; padding: 0px 0px 20px 20px; font-size: 14px; color: #666666; display: flex; height: 60px; .ico{ padding-top: 2px; flex:0 0 20px; padding-left: 5px; padding-right: 10px; flex-wrap: wrap;} .didian{ flex:0 0 90%; text-align: left; height: 80px; } } .kefu { width: 90%; display: flex; align-items: left; /* 垂直居中对齐,或使用 'flex-end' 对齐到底部 */ color: #666666; font-size: 12px; font-weight: bold; margin-bottom: 15px; margin-top: -60px; margin-left: 25px; } .kefu .didian { display: flex; /* 启用 flexbox */ align-items: center; /* 垂直居中对齐所有子元素 */ flex: 0 0 70%; /* 固定宽度 */ height: 80px; text-align: left; /* 保持文本靠右对齐 */ } .miaoshu{ padding: 0px 40px 90px 20px; line-height: 24px; font-size: 14px; } .yuyue_btn{ margin-left: 60px; image{ justify-content: flex-end; } } .full-row { font-size: 14px; margin-top: -20px; text-align: center; /* 文本居中 */ display: flex; width: 70%; .column { flex: 0 0 59px; /* 每列平均分配空间 */ display: flex; flex-direction: column; /* 列内部元素垂直排列 */ padding: 10px 0px 0px 10px; text-align: left; /* 文本居中 */ } .column2 { flex: 0 0 7px; /* 每列平均分配空间 */ display: flex; flex-direction: column; /* 列内部元素垂直排列 */ padding: 15px 20px 0px 0px; text-align: left; /* 文本居中 */ } } } .footer{ position:fixed; bottom:0px; left:0px; width:100%; height:80px; background:#EDEDED; border-top:1px solid #CCC; display:flex; flex-direction: row; .footer-left{ width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; .step-qty{ font-size:12px; color:#b11b1c; } .intro{ font-size:12px; color:#b11b1c; } } .right{ width:90%; display:flex; justify-content: center; align-items: center; color:#b11b1c; font-size:14px; font-weight:bold; margin-bottom: 15px; .text{ background:#aa0000; color:#FFF; border-radius: 10px; font-size:12px; padding:5px 10px; } } }