.page{ width: 100vw; height: 100vh; background-color: rgb(245, 245, 245); } .jichu{ position: absolute; width: 95vw; height: 7vh; background-color: #fff; top: 3vh; left: 2.5vw; border:1px solid rgb(86, 155, 233); border-radius: 10upx; } .zuoxian{ position: absolute; background-color: rgb(56, 152, 266); width: 0.4vw; height: 4vh; left: 1.5vw; top: 1.3vh; } .xinxi{ display: flex; } .danhao{ margin-top: 1vh; margin-left: 2.5vw; font-size: 30upx; } .didian{ font-size: 30upx; margin-left: 2vw; } .huanzhe{ line-height: 7vh; font-size: 30upx; margin-left: 3vw; } .fenshu{ position: absolute; background-color: rgb(56, 152, 266); font-size: 42upx; height: 5vh; line-height: 4.5vh; left:85vw; top:1.1vh; text-align: left; padding-left: 10upx; width: 8vw; color: #fff; } .fenshu1{ position: absolute; background-color: rgb(56, 152, 266); font-size: 30upx; left:89vw; top:2.1vh; color: #fff; } .xiangqing{ width: 95vw; height: 16.1vh; background-color: #fff; margin-top: 2vh; border-radius: 10upx; } .neirong{ display: flex; justify-content: space-around; } .right{ line-height: 16.1vh; width: 157upx; height: 60upx; transform: rotateZ(150deg)skew(130deg,30deg); margin-top: 6vh; } .right-font{ /* margin-top: -3vh; */ color: #fff; position: relative; top: -3.5vh; left: 1vw; } .wancheng{ background-color: #2ab423; } .kaishi{ background-color: #35435d; } .jieshu{ background-color: #dc293c; } .qita{ background-color: #f7a341; }