body{ width: 100%; height: 100%; background: #F3F3F3; } nav { position: fixed; top: 0; left: 0; z-index: 9999; font-size: 0rem; height: 0.44rem; width: 100%; background-color: #5d7dff; } nav i { display: inline-block; width: 0.16rem; height: 0.16rem; line-height: 0.44rem; margin-left: 0.1rem; background-image: url(../img/back.png); background-repeat: no-repeat; background-size: 100% auto; } nav p { display: inline-block; width: 90%; text-align: center; line-height: 0.44rem; color: #fff; font-size: 0.17rem; } .list{ margin-top: 0.74rem; } .typeList{ background: #FFFFFF; padding: 0.12rem 0.23rem; display: flex; justify-content: space-between; align-items: center; margin-top: 0.1rem; } .typeListLeft h4{ color: #333333; font-size: 0.15rem; } .typeListLeft p{ color: #666666; font-size: 0.12rem; margin-top: 0.09rem; } .typeListRight{ width: 0.2rem; height: 0.2rem; background: #D7D7D7; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .hollowCircle{ width: 0.14rem; height: 0.14rem; background: #FFFFFF; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .disc{ width: 0.06rem; height: 0.06rem; border-radius: 50%; background: #fff; } .nextStep{ width:2.08rem; height: 0.34rem; border-radius: 0.17rem; margin: auto; margin-top: 0.71rem; color: #FFFFFF; font-size: 0.15rem; line-height: 0.34rem; text-align: center; background: #ccc; /*box-shadow: 0 0 6px 0 rgba(93, 125, 255, 0.7); -webkit-box-shadow: 0 0 6px 0 rgba(93, 125, 255, 0.7);*/ }