/* pages/yichangchuli/index.wxss */ page{ padding: 0 0 148rpx; background: #f4f4f4; } .header_view{ padding: 20rpx 24rpx; background: #fff; display: flex; justify-content: space-between; align-items: center; } .header_left{ flex: 1; height: 90rpx; display: flex; flex-direction: column; justify-content: space-between; } .header_left_title{ font-size: 28rpx; font-weight: bold; color: #333; } .header_left_cont>view:nth-child(1){ font-size: 24rpx; color: #52A1FF; } .header_left_cont>view:nth-child(2){ margin-left: 24rpx; font-size: 24rpx; color: #FF663D; } .header_left_icon{ width: 28rpx; height: 28rpx; } .header_right{ width: 166rpx; height: 112rpx; font-size: 24rpx; color: #4699FF; background: #f8f8f8; border-radius: 8rpx; } .header_right_icon{ display: inline-block; width: 32rpx; height: 38rpx; margin-bottom: 16rpx; background: #555; } .header_tip_view{ display: flex; align-items: center; justify-content: center; height: 72rpx; text-align: center; font-size: 24rpx; color: #FF663D; background: #FDFCEC; } .header_tip_icon{ display: inline-block; width: 27rpx; height: 27rpx; margin-right: 20rpx; } .item_top_tit{ margin: 30rpx 24rpx; font-size: 24rpx; color: #666; } .item_view{ margin: 0 24rpx 24rpx; background: #fff; border-radius: 16rpx; } .item_title{ padding: 30rpx 24rpx; border-bottom: 1rpx solid #ededed; } .item_title_left>view:nth-child(1){ font-size: 28rpx; font-weight: bold; color: #FF4D19; } .item_title_left>view:nth-child(2){ font-size: 26rpx; color: #999; } .item_title_left>view:nth-child(2)>view{ margin: 0 10rpx 0 12rpx; width: 26rpx; height: 26rpx; } .item_title_right{ font-size: 24rpx; color: #666; } .item_font_tit{ display: inline-block; font-size: 24rpx; font-weight: bold; color: #333; margin-right: 16rpx; } .item_two{ padding: 20rpx 24rpx; border-bottom: 1rpx solid #ededed; font-size: 24rpx; color: #666; } .item_three{ position: relative; padding: 20rpx 24rpx; border-bottom: 1rpx solid #ededed; font-size: 24rpx; color: #666; } .item_three>view:nth-child(1){ margin: 0 0 20rpx; } .item_three_right{ position: absolute; top: calc(50% - 24rpx); right: 0; width: 136rpx; height: 48rpx; line-height: 48rpx; color: #6A2A17; background: #FFE5DD; border-radius: 24rpx 0 0 24rpx; text-align: center; } .header_left_icon{ display: inline-block; position: relative; top: 3rpx; width: 24rpx; height: 24rpx; margin: 0 12rpx 0 2rpx; } .item_four{ padding: 12rpx 24rpx; } .item_four>view:nth-child(2)>view{ width: 113rpx; height: 56rpx; font-size: 24rpx; color: #4699FF; border: 1rpx solid #4699FF; border-radius: 4rpx; margin-left: 24rpx; } .bottom_view{ position: fixed; left: 0; bottom: 0; width: 100vw; padding: 30rpx 24rpx; background: #fff; border-radius: 24rpx 24rpx 0 0; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2rpx 12rpx 0 rgba(0, 0, 0, 0.1) } .bottom_view>view:nth-child(1){ border: 1rpx solid #52A1FF; border-radius: 8rpx; font-size: 30rpx; color: #52A1FF; width: 221rpx; height: 88rpx; line-height: 88rpx; text-align: center; } .bottom_view>view:nth-child(2){ border: 1rpx solid #52A1FF; border-radius: 8rpx; font-size: 30rpx; color: #52A1FF; width: 285rpx; height: 88rpx; line-height: 88rpx; text-align: center; } .bottom_view>view:nth-child(3){ border: 1rpx solid #52A1FF; border-radius: 8rpx; font-size: 30rpx; color: #fff; background: #52A1FF; width: 164rpx; height: 88rpx; line-height: 88rpx; text-align: center; } .bottom_icon{ position: relative; top: 8rpx; display: inline-block; width: 32rpx; height: 38rpx; margin-right: 12rpx; }