.d-page { width: 100%; } .d-top { position: relative; display: flex; justify-content: center; height: 430rpx; background: #006BFF; border-top: 1px solid transparent; } .d-top-cp { position: relative; width: 83%; padding: 10px 13px; height: 300rpx; background: rgba(255, 255, 255, 0.2000); border-radius: 4px; border: 1px solid; margin-top: 10px; border-image: linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) 1 1; } .d-top-cp-d1 { display: flex; justify-content: space-between; } .d-top-cp-d1-s1 { padding: 3px 7px; background-color: #fff; border-radius: 4px; font-size: 12px; color: #0084FF; font-weight: 600; } .dtcd1-dd2 { display: flex; justify-content: flex-start; align-items: center; } .d-top-cp-d1-m1 { width: 30rpx; height: 30rpx; } .d-top-cp-d1-s2 { display: inline-block; font-size: 12px; color: #98CDFF; margin-left: 5px; } .d-top-cp-d2 { color: #fff; font-size: 16px; font-weight: 600; margin-top: 10px; } .d-top-cp-d3 { position: absolute; width: 100%; height: 1px; background: linear-gradient(117deg, rgba(245, 245, 245, 0) 0%, #EEEEEE 50%, rgba(232, 232, 232, 0) 100%); left: 0px; bottom: 53px; } .d-top-cp-d4 { position: absolute; display: flex; justify-content: space-between; width: 93%; height: 50px; bottom: 0px; } .d-top-cp-d4-dd1 { margin-top: 8px; } .b-c-top-bm { position: absolute; width: 100%; height: 15px; background-color: #fff; bottom: 0px; left: 0px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .bc-cont { padding: 0px 13px 10px 15px; } .bc-c-d1 { background-color: #fff; padding: 16px; font-size: 12px; color: #333333; line-height: 1.6; } .bc-c-d2 { display: flex; justify-content: flex-start; align-items: center; margin-top: 16px; } .bc-c-d3 { position: relative; background-color: #fff; padding: 16px; margin-top: 8px; } .bc-c-d3-dd1 { display: flex; justify-content: space-between; } .bc-c-d3-dd2 { color: #333333; margin-top: 12px; } .bc-c-d3-dd3 { display: flex; justify-content: flex-start; margin-top: 12px; }