/* pages/account/growthCourse/index.wxss */ .flexBox{ display: flex; flex-direction:row; } #article{ color: #3E3A39; } .head_child{ background: #fff; padding: 20rpx 40rpx; margin:10rpx 0 20rpx; font-size: 22rpx; } .head_child .noneChild{ margin-bottom: 20rpx; } .head_child .noneChild text:nth-child(1){ font-size: 32rpx; font-weight: 700; } .head_child .noneChild text:nth-child(3){ color: #ee3a43; } .head_child_info{ overflow: hidden; margin-bottom: 6rpx; } .flex-item{ flex: auto; text-align: center; padding: 10rpx; font-size: 22rpx; display: flex; text-align: center; justify-content: center; flex-direction: column; } .head_child .flex-item1{ font-size: 36rpx; float: left; font-weight: 700; line-height: 66rpx; } .head_child .flex-item2{ overflow: hidden; } .head_child .flex-item2 > text { margin-right: 20rpx; } .head_child .flex-item2 > text .txt{ margin-left: 10rpx; font-weight: 700; } .head_child .flex-item3{ float: right; display: flex; flex-direction: column; align-items: center; } .head_child .flex-item3 .image_icon{ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAA6UlEQVRIie3WLUsEQRwH4Od8QTCI3a+g2WY40GQQhIH9DkabfhnTwDThglzw2qFFg92kVewWWVkF2VGQnQnC/eLsyzMszP+3IwPThHCCc+zHlB5yb1vqrfw9d9jArAlhN/f0YCSmNMch1jHNQYM/12eaEMaY4A0HMaXb4ohfoKLIT1BxJAMdjZoQnrDVu7NcXlZwURm5760sssj/SnsYT7FdcdfP7WE8w2bvUrk8tsgxLrHc9kJM6bq08jEgu6KZYrUG9DWFa0LfRn0tqNcnNaBsaXXQFdYwjindDEGyfytdN+/hFTtDAHgHwq1L5Ix11D8AAAAASUVORK5CYII=') no-repeat center; width: 30rpx; height: 30rpx; background-size: 100%; margin-bottom: 10rpx; } .tabSelect{ font-size: 28rpx; background: #fff; } .tabSelect .tab-item{ flex: 1; padding: 20rpx 10rpx; text-align: center; } .active{ border-bottom:4rpx solid #ee3a43 !important; color: #ee3a43 !important; } .content{ background: #fff; padding: 20rpx 40rpx; font-size: 20rpx; } .content .tab-content{ overflow: hidden; padding-bottom: 20rpx; } .content .tab-content .search_name{ margin-bottom: 20rpx; overflow: hidden; } .content .tab-content .mini-btn{ float: right; font-size: 24rpx; border: 2rpx solid #cdcccd; line-height: 1.8; padding: 0 20rpx; border-radius: 24rpx; } .content .tab-content .weui-input{ width: 80%; display: flex; flex-direction: row; align-items:center; background: #f5f5f4; border-radius: 20rpx; padding: 0 20rpx; font-size: 24rpx; } .content .tab-content input{ overflow: hidden; margin-left: 20rpx; width: 100%; } .content .tab-content .leader_select{ height: 145rpx; width: auto; margin: 10rpx 0; padding: 10rpx; white-space: nowrap; box-shadow: -6rpx 0 6rpx -2rpx #ccc inset; border-radius: 10rpx; padding-right: 0; } .content .tab-content .leader_select .user_list{ width: 80rpx; margin-right: 40rpx; display: inline-block; } .content .tab-content .leader_select .user_list .flex_leaderInfo{ display: flex; flex-direction: column; } .content .tab-content .leader_select .user_list .user_headImg{ height: 80rpx; position: relative; } .field_option .field_option_clomun{ margin-bottom: 20rpx; display: flex; flex-direction: row; justify-content: space-between; } .field_option > view:last-child{ margin: 0; } .field_option .field_option_clomun > view{ width: 180rpx; font-size: 24rpx; text-align: center; border: 2rpx solid #999; line-height: 1.8; border-radius: 6rpx; } .field_option .field_option_clomun .fieldChecked{ border: 2rpx solid #ee3a43; color: #ee3a43; } .user_headImg .img{ width: 100%; height: 100%; border-radius: 100%; } .user_headImg .Mask{ position: absolute; top: 0; width: 100%; height: 100%; background: #666; opacity: .7; border-radius: 100%; } .content .tab-content .leader_select .user_list .user_name{ font-size: 20rpx; text-align: center; margin-top: 10rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .tab-content .leader_select .user_list .user_city{ text-align: center; font-size: 20rpx; } /* 领队选中样式 */ .content .tab-content .leader_select .leader_active .user_name, .content .tab-content .leader_select .leader_active .user_city{ font-weight: 700; } .curriculum_list .card{ border: 4rpx solid #fd5353; border-radius: 15rpx; font-size: 24rpx; overflow: hidden; border-bottom: 0; margin-bottom: 20rpx; box-shadow: 0rpx 5rpx 8rpx #999; } .curriculum_list .noneCrad{ padding: 40rpx; font-size: 28rpx; text-align: center; } .curriculum_list .card .curriculum_card{ display: flex; flex-direction: row; padding:20rpx; background: url('http://img.bbztx.com/image_test/upload/thumbs/20210119/logo/1611048712433085960.png') no-repeat center; background-size: 100% 100%; overflow: hidden; } .curriculum_list .card .card_bottom{ background: #fd5353; color: #fff; padding: 0 20rpx; overflow: hidden; white-space: nowrap; } .curriculum_list .card .curriculum_card .info_left{ min-width: 60%; } .curriculum_list .card .curriculum_card .info_left > view{ margin-bottom: 10rpx; white-space: nowrap; } .info_left .curriculum_title{ font-size: 32rpx; font-weight: 700; white-space: nowrap; } .info_left .leader_Info image{ width: 50rpx; height: 50rpx; border-radius: 100%; margin-right: 20rpx; } .info_left .leader_Info text{ font-size: 28rpx; display: table-cell; vertical-align: middle; font-weight: 600; } .curriculum_list .card .curriculum_card .info_right{ display: flex; align-items: center; /*定义父元素的元素垂直居中*/ justify-content: center; /*定义子元素的里的元素水平居中*/ width: 100%; } .info_right .btn{ text-align: center; } .info_right button{ width: 190rpx; line-height: 2; padding: 0 20rpx; } .info_right .btn view{ font-size: 18rpx; margin-top: 6rpx; } .info_right .btn .inputGroup{ font-size: 24rpx; margin-top: 12rpx; } .info_right .btn .inputGroup text{ border-bottom: 1rpx solid #ccc; } .signUp_bottom{ display: table; padding-top: 6rpx; } .signUp_bottom > text{ display: table-cell; vertical-align: middle; line-height: 50rpx; } .signUp_bottom image{ width: 50rpx; height: 50rpx; border-radius: 100%; margin-left: 20rpx; border: 2rpx solid #fff; } .content .tab-content .date_Cloumn{ display: flex; flex-direction: row; float: left; width: 90%; color: #cdcccd; } .content .tab-content .more_Date{ float: right; font-size: 20rpx; text-align: center; border: 2rpx solid #cdcccd; margin-top: 32rpx; } .content .tab-content .more_Date .more_Date_block{ width: 53rpx; height: 53rpx; line-height: 1.2; } .content .tab-content .date_Cloumn .calendar{ flex: 1; position: relative; } /* 日期选中样式 */ .content .tab-content .date_Cloumn .calendar_active .date{ color: #ee3a43; } .content .tab-content .date_Cloumn .calendar_active .week{ border:2rpx solid #ee3a43; } .content .tab-content .date_Cloumn .calendar_active .point{ background: #ee3a43; } .calendar .date{ font-size: 20rpx; margin-bottom: 4rpx; text-align: center; } .calendar .week{ width: 54rpx; height: 54rpx; border-radius: 100%; border: 2rpx solid #cdcccd; text-align: center; margin-left: calc( 50% - 27rpx); margin-bottom: 6rpx; font-size: 22rpx; line-height: 54rpx; color: #696969; } .calendar .point{ width: 16rpx; height: 16rpx; border-radius: 100%; background: #cdcccd; margin-left: calc( 50% - 8rpx); } .fixed_Top{ position: fixed; z-index: 999; width: 100%; top: 0; box-shadow: 0px 3px 6px 1px rgba(207, 212, 226, 0.9); }