* { margin: 0; padding: 0; } .wrap { width: 100vw; height: 100vh; background: #f4f4f4; box-sizing: border-box; padding: 0.2rem 0.3rem; } .banner-info { width: 100%; height: 2rem; background: rgba(255, 255, 255, 1); border: 2px solid rgba(238, 238, 238, 1); border-radius: 0.1rem; display: flex; align-items: center; box-sizing: border-box; } .banner-info-inner { width: 50%; height: 1.2rem; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; } .banner-info-inner:nth-child(1) { border-right: 0.01rem solid rgba(238, 238, 238, 1); } .banner-info-inner:nth-child(2) { border-left: 0.01rem solid rgba(238, 238, 238, 1); } .banner-info-inner-num { color: RGBA(255, 99, 47, 1); font-size: 0.3rem; font-weight: bold; margin-bottom: 0.1rem; } .banner-info-inner-txt { color: RGBA(102, 102, 102, 1); font-size: 0.24rem; } .detail-time { width: 100%; height: 0.58rem; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 0.1rem 0 0.2rem; font-size: 0.24rem; /*color: rgba(51, 51, 51, 1);*/ color: white; font-weight: 400; background: #6FA1FB; border-radius: 0.1rem 0.1rem 0 0; margin-top: 10px; } .detail-time>img{ display: block; width: 0.4rem; transform: rotateZ(90deg); transition: transform 0.25s linear; } .transformA{ transform: rotateZ(0deg)!important; transition: transform 0.25s linear; } .detail-list { width: 100%; overflow: hidden; background: white; border-radius: 0 0 0.1rem 0.1rem; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); box-sizing: border-box; padding: 0 0.25rem; } .detail-list-inner { width: 100%; border-bottom: 0.02rem solid rgba(238, 238, 238, 1); } .detail-list-inner:last-child{ border-bottom: 0.02rem solid rgba(238, 238, 238, 0); } .detail-list-inner-text { display: flex; justify-content: space-between; box-sizing: border-box; padding-top: 0.36rem; } .detail-list-inner-text>span:nth-child(1) { font-size: 0.24rem; font-weight: 400; color: rgba(51, 51, 51, 1); } .detail-list-inner-text>span:nth-child(2) { font-size: 0.24rem; font-weight: 400; color: rgba(51, 51, 51, 1); } .detail-list-inner-time { text-align: right; font-size: 0.20rem; font-weight: 400; color: rgba(153, 153, 153, 1); box-sizing: border-box; padding-top: 0.1rem; padding-bottom: 0.25rem; }