.lable-title { width: 100%; height: 80rpx; display: flex; justify-content: space-between; align-items: center; border-bottom: 1rpx solid $border-color; padding: 0 $pages-padding; font-size: 24rpx; color: #000; font-weight: bold; .lable-select{ display: flex; align-items: stretch; } .lable-title-btn { color: $Theme-Color; } .lable-title-icon{ font-size:34rpx; color:#000; font-weight: normal; } } .entrust-lable{ width: 100%; height: 80rpx; padding: 0 $pages-padding; border-bottom: 1rpx solid $border-color; display: flex; align-items: center; .entrust-lable-text{ font-size: 26rpx; color: $SizeColor; font-weight: bold; &:nth-child(n + 2){ padding-left: 30rpx; } } .active-entrust-lable{ color: $Theme-Color; } } .content-box{ padding-bottom: 30rpx; } .content-top { padding: 28rpx $pages-padding; display: flex; justify-content: space-between; align-items: stretch; width: 100%; border-bottom: 1rpx solid $border-color; .top-left, .top-right { display: flex; flex-direction: column; justify-content: space-between; } .top-left-title { font-size: 30rpx; font-weight: bold; .iconfont { margin: 0 10rpx 0 20rpx; } .icon-size { font-size: 24rpx; color: $Theme-Color; } text{ &:nth-child(n + 2){ padding-left: 10rpx; } } } .top-left-b { color: $SizeColor; font-size: 22rpx; padding-top: 10rpx; } .top-right { flex-shrink: 0; text-align: right; color: $Theme-Color; font-size: 28rpx; font-weight: bold; .top-right-float { font-weight: normal; font-size: 22rpx; text { border-bottom: 1rpx dashed $Theme-Color; } } } } .top-right-btns{ justify-content: center !important; .top-right-btn{ width: 90rpx; height: 60rpx; background-color: $Theme-Color; color: #fff; text-align: center; line-height: 60rpx; font-weight: normal; border-radius: 10rpx; } } .content-info { padding: 0 $pages-padding; width: 100%; display: flex; flex-wrap: wrap; align-items: stretch; .info-item { width: 30%; display: flex; flex-direction: column; &:nth-child(3n) { width: 40%; text-align: right; } .info-item-lable { padding: 30rpx 0 20rpx; // color: $SizeColor; color: rgba(101,99,99, 0.9); font-size: 22rpx; } .info-item-val { font-size: 22rpx; color: #000; font-weight: bold; .iconfont { font-size: 24rpx; color: $Theme-Color; margin-left: 20rpx; } } } } .content-btns { width: 100%; padding: 40rpx $pages-padding 0; width: 100%; display: flex; justify-content: space-between; .content-btn-item { flex: 1; height: 70rpx; line-height: 70rpx; background-color: $Theme-Color; text-align: center; color: #fff; border-radius: 6rpx; font-size: 28rpx; &:nth-child(n + 2) { background-color: $Theme-Color04; color: $Theme-Color; margin-left: 20rpx; } } } // // 平仓时间 // // // 分享 // // .record-hint{ padding: 40rpx $pages-padding 0; display: flex; align-items: center; justify-content: space-between; .record-lable{ color: $SizeColor; font-size: 22rpx; } .record-icon{ font-size: 24rpx; color: $Theme-Color; display: flex; align-items: center; font-weight: bold; .iconfont{ font-weight: normal; font-size: 28rpx; margin-right: 6rpx; } } } .top-left-b-tag { padding: 4rpx 6rpx; background-color: $Theme-Color; color: #fff; margin-left: 20rpx; font-size: 20rpx; border-radius: 5rpx; } .loadmore-box{ width: 100%; height: 80rpx; display: flex; align-items: center; } .empty-content{ padding-top: 100rpx; // margin: auto auto; }