123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131 |
- .top {
- width: 100%;
- background-color: #fff;
- color: #303133;
- text-align: center;
- margin-bottom: 24rpx;
- padding: 10rpx 0;
- }
- .top text{
- position: relative;
- top: 6rpx;
- }
- .top image{
- width: 36rpx;
- height: 36rpx;
- margin-right: 10rpx;
- }
- .date{
- padding: 10rpx 0;
- }
- .headed-box{
- padding:28rpx 28rpx;
- color: #303133;
- background-color: #fff;
- }
- .title{
- color: #222;
- position: relative;
- padding: 0rpx 16rpx 28rpx 16rpx;
- font-size: 28rpx;
- }
- .title::before{
- position: absolute;
- content: "";
- height: 24rpx;
- left: 0;
- top: 5rpx;
- width: 6rpx;
- background-color: #26A2FF;
- border-radius: 50rpx;
- }
- .f2-chart {
- width: 100%;
- height: 400rpx;
- }
- /* 底部 */
- .main{
- padding: 28rpx;
- background-color: #fff;
- }
- .list{
- padding: 28rpx 0;
- border-top: 1px solid #f1f1f1;
- }
- .text{
- margin-right: 10rpx;
- color: #303133;
- }
- .text1{
- font-size: 28rpx;
- margin-left: 30rpx;
- position: relative;
- }
- .text1::before{
- position: absolute;
- content: "";
- height: 10rpx;
- left: -16rpx;
- top: 50%;
- margin-top: -5rpx;
- width: 10rpx;
- background-color: #F56C6C;
- border-radius: 50rpx;
- }
- .text2{
- font-size: 28rpx;
- margin-left: 30rpx;
- position: relative;
- }
- .text2::before{
- position: absolute;
- content: "";
- height: 10rpx;
- left: -16rpx;
- top: 50%;
- margin-top: -5rpx;
- width: 10rpx;
- background-color: #67C23A;
- border-radius: 50rpx;
- }
- .target_items{
- text-align: center;
- padding-top: 28rpx;
- }
- .name{
- margin: 0 10rpx;
- }
- .index{
- border-radius: 6rpx;
- background: #67C23A;
- color: #fff;
- font-size: 24rpx;
- padding: 0 6rpx;
- }
- .num{
- font-size: 34rpx;
- color: #26A2FF;
- }
- .jiangfen{
- color: #303133;
- position: relative;
- font-size: 28rpx;
- }
- .target{
- color: #909399;
- font-size: 24rpx;
- }
- /* .jiangfen::after{
- position: absolute;
- content: "?";
- color: #909399;
- width: 20rpx;
- height: 20rpx;
- font-size: 20rpx;
- top: 50%;
- border-radius: 50rpx;
- right: 0rpx;
- margin-top: -10rpx;
- line-height: 20rpx;
- border:1px solid #909399;
- } */
|