/* subpackage/student/train/train.wxss */ page{ /* background-color: rgb(247, 247, 247); */ box-sizing: border-box; } .page-content{ background-color: rgb(247, 247, 247); /* background: linear-gradient(190deg, #359cfd 0%, #f7f7f7 800rpx, #f7f7f7 100%); */ padding: 0 30rpx; box-sizing: border-box; padding-bottom: 300rpx; min-height: 100vh; } .change-tab{ margin-top: 40rpx; height: 70rpx; width: 360rpx; border-radius: 20rpx 20rpx 0 0; background: rgba(255, 255, 255, 0.2); display: flex; text-align: center; overflow: hidden; color: rgba(255, 255, 255, 0.8); font-size: 28rpx; } .change-tab-item{ flex: 1; line-height: 70rpx; } .tab-click{ background: rgb(255, 194, 14); font-weight: bold; color: #fff; } .base-box{ box-sizing: border-box; padding: 2rpx; border: 2rpx solid rgb(255, 255, 255); border-radius: 20rpx; background: linear-gradient(180deg, #e8f5fd 0%, #fff 100%); /* height: 480rpx; */ padding: 29rpx; } .goal{ border-radius: 0 20rpx 20rpx 20rpx; } .title{ font-weight: bold; font-size: 28rpx; display: flex; align-items: center; } .title-before{ height: 24rpx; border-radius: 6rpx; width: 6rpx; margin-right: 16rpx; background:linear-gradient(180.00deg, rgb(38, 165, 246),rgba(38, 165, 246, 0) 100%) } .goal-total{ /* 矩形 25 */ height: 110rpx; border-radius: 20rpx; margin-top: 30rpx; background: linear-gradient(180.00deg, rgba(38, 165, 246, 0.07),rgba(231, 231, 231, 0) 100%); display: flex; justify-content: space-between; padding: 20rpx 100rpx 0 100rpx; text-align: center; } .goal-img{ width: 30rpx; height: 30rpx; margin-right: 10rpx; } .goal-total-item-top{ font-size: 22rpx; color: #18394D; display: flex; align-items: center; } .goal-total-item-num{ font-size: 36rpx; color: #1D90FF; font-weight: bold; } .train{ margin-top: 30rpx; background: linear-gradient(120deg, #e8f5fd 0%, #fff 100%); } .tongji{ margin-top: 30rpx; background: linear-gradient(90deg, #e8f5fd 0%,#fff 60%, #fff 100%); box-sizing: border-box; } .tongji-tit{ display: flex; justify-content: space-between; align-items: center; } .plan{ border-radius: 30rpx; background: rgb(237, 241, 255); height: 30rpx; padding: 8rpx 12rpx; color: #287DF6; font-size: 20rpx; } .plan-img{ width: 20rpx; height: 20rpx; margin-right: 10rpx; } .img-box{ width: 110rpx; height: 110rpx; display: flex; justify-content: center; align-items: center; border-radius: 15px; background: rgb(237, 241, 255); margin-right: 40rpx; } .tongji-content{ margin-top: 30rpx; margin-bottom: 30rpx; } .img-box-img{ width: 56rpx; height: 56rpx; } .miaoshu{ display: flex; justify-content: center; flex-direction: column; font-size: 26rpx; font-weight: bold; } .train-box{ margin-top: 20rpx; display: flex; align-items: center; justify-content: space-between; } .toast{ text-align: center; color: #8d9396; font-size: 20rpx; margin-top: 8rpx; } .train-box-item{ /* width: 206rpx; */ flex: 1; height: 209rpx; } .right-box{ background-color: #EDF1FF; border-radius: 50%; width: 48rpx; height: 48rpx; display: flex; align-items: center; justify-content: center; } .miaoshu-text{ color: #999999; font-weight: normal; font-size: 22rpx; } .team{ background-color: #fff; /* height: 100rpx; */ min-height: 1000rpx; padding: 54rpx 40rpx 60rpx; box-sizing: border-box; } .team-tab{ display: flex; justify-content: space-evenly; margin-bottom: 50rpx; } .team-tab-item{ box-sizing: border-box; background: rgb(244, 246, 248); border-radius: 100rpx; width: 210rpx; height: 50rpx; display: flex; justify-content: center; align-items: center; font-size: 24rpx; } .team-tab-click{ border: 1px solid rgb(38, 165, 246); background: rgba(38, 165, 246, 0.1); color: #1D90FF; font-weight: bold; } .team-tab-item image{ width: 30rpx; height: 30rpx; margin-right: 8rpx; } .right-img{ width: 48rpx; height: 48rpx; } .team-item{ padding: 40rpx 30rpx; border-radius: 10rpx; background: rgb(246, 251, 255); box-sizing: border-box; margin-bottom: 20rpx; } .team-group{ width: 80rpx; height: 80rpx; margin-right: 20rpx; } .btn-creat{ margin-top:150rpx; display: flex; align-items: center; justify-content: center; border-radius: 40rpx; height: 80rpx; background: rgba(38, 165, 246, 0.1); color: #26A5F6; font-weight: bold; } .ipt{ margin-top: 20rpx; border-radius: 10px; background: rgb(244, 246, 248); height: 90rpx; padding-left: 15rpx; } .btn { margin-top: 40rpx; }