.content{ background-color: #F2F2F2; padding: 20rpx; } Page { width: 100%; height: 100%; background-color: #F2F2F2; } .header{ background-color: #fff; width: 710rpx; height: 300rpx; display: flex; flex-flow: column nowrap; justify-content: space-around; border-radius: 10rpx; margin-bottom: 20rpx; } .top{ display: flex; flex-flow: row nowrap; justify-content: left; padding: 20rpx; } .c_img{ height: 120rpx; width: 160rpx; } .top_right{ display: flex; flex-flow: column nowrap; justify-content: space-around; margin-left: 50rpx; } .c_name{ font-size: 36rpx; color: #1296db; } .desc{ font-size: 24rpx; color: #667580; } .search_group{ display: flex; flex-flow: row nowrap; justify-content: space-around; border: 2rpx solid #E6E6E6; border-radius: 50rpx; height: 60rpx; align-items: center; width: 660rpx; } .search_input{ width: 600rpx; } .bottom{ display: flex; flex-flow: row nowrap; justify-content: center; } .info{ background-color: #fff; width: 710rpx; height: 160rpx; display: flex; flex-flow: column nowrap; justify-content: space-around; border-radius: 10rpx; margin-bottom: 20rpx; } .info_top,.info_mid,.info_bottom{ display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 0 15rpx; } .info_bottom{ display: flex; flex-flow: row nowrap; justify-content: left; padding: 0 15rpx; } .info_mid_left{ display: flex; flex-flow: row nowrap; justify-content: left; } .info_bottom_img{ width: 35rpx; height: 35rpx; } .info_top_left{ color: #43496a; font-size: 32rpx; } .info_top_right{ color: #ff7c7c; font-size: 28rpx; } .info_mid_left,.info_mid_right{ font-size: 12px; color: #b0b4ca; } .info_bottom_2{ font-size: 28rpx; color: #777d9c; margin-left: 10rpx; } .input_text{ color: #c2c6da; font-size: 28rpx; } .icon_search{ margin-left: 20rpx; } .icon_clear{ margin-right: 20rpx; } .no_data_par{ display: flex; flex-flow: column nowrap; align-items: center; margin-top: 200rpx; } .no_data_img{ height: 320rpx; width: 320rpx; }