challengeFamily/pages/account/growthCourse/leaderDemeanor/index.wxss

.content{
  font-size: 28rpx;
  /* padding: 0 20rpx; */
  background: #fff;
}
.content .headImg{
  /* height: 388rpx; */
  overflow: hidden;
}
.content .headImg image{
  width: 100%;
}
.headImg image{
  height: 100%;
}
.paddingBox{
  padding-left: 20rpx;
  padding-right: 20rpx;
}
.brief_introduction{
  overflow: hidden;
  padding-bottom: 20rpx;
  border-bottom: 15rpx solid #eee;
}
.brief_introduction .leader_name{
  font-size: 36rpx;
  font-weight: 700;
}
.brief_introduction .leader_name text{
  font-size: 30rpx;
  color: #666;
  font-weight: 500;
} 
.brief_introduction .instruct{
  margin-top: 20rpx;
  color: #666;
}
.item{
  margin-top: 20rpx;
}
.leader{
  padding-bottom: 20rpx;
  border-bottom: 15rpx solid #eee;
}
.leader .basic_information{
  padding: 20rpx;
  border: 2px solid rgb(196, 195, 195);
  border-radius: 20rpx;
}
.leader .basic_information view text{
  margin-right: 20rpx;
}
/* tab栏置顶 */
.fixed_Top{
  position: fixed;
  z-index: 999;
  width: 100%;
  margin-left: -20rpx;
  top: 0;
  box-shadow: 0px 3px 6px 1px rgba(207, 212, 226, 0.9);
}
.tabSelect{
  font-size: 28rpx;
  background: #fff;
  padding: 20rpx;
}
.flexBox{
  display: flex;
  flex-direction:row;
}
.tabSelect .tab-item{
  padding: 20rpx 10rpx;
  text-align: center;
  margin-right: 20rpx;
}
.active{                          
  border-bottom:4rpx solid #ea5404 !important;
  color: #ea5404 !important;
}
.detail_Info .tab_content{
  min-height: 200rpx;
}
/* 时间记录 */
.tab_content .tab_date{
  overflow: hidden;
}
.tab_content .tab_date .date_Cloumn {
  display: flex;
  flex-direction: row;
  float: left;
  width: 90%;
  color: #cdcccd;
}
.tab_content .tab_date .more_Date {
  float: right;
  font-size: 20rpx;
  text-align: center;
  border: 2rpx solid #cdcccd;
  margin-top: 32rpx;
}
.tab_content .tab_date .date_Cloumn .calendar {
  flex: 1;
  position: relative;
}
.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);
}
.content .tab_content .more_Date .more_Date_block {
  width: 53rpx;
  height: 53rpx;
  line-height: 1.2;
}
 .Source,.Source > video{
  width: 100%;
}
.Source image{
  width: 100%;
  height: auto;
}


/* 日期选中 */
.tab_content .tab_date .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;
}
/* 卡片 */
.curriculum_list{
  margin-top: 20rpx;
}
.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 .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_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;
}
.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;
}
.curriculum_list .card .curriculum_card .info_left > view {
  margin-bottom: 10rpx;
  white-space: nowrap;
}
.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;
}
.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 .noneCrad {
  padding: 40rpx;
  font-size: 28rpx;
  text-align: center;
}
.info_item1 text:first-child{
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAhCAYAAADOHBvaAAADBUlEQVRIib2WW4hNURjHf3MchDjtkDy5TS5jNJnSaLbr2MgtaqYUkuRSUx48kCYPLg9e8CByiRgPEnIpEbZyabvEkEHDIC9yNxtDyr01fbu2vfY+ex/n8H9Za6/vW9/vnHX5vlXUUjmBhCoCqoD5wEigF9AJeAJcA/YZjn0pcbCE4IHATmCcZvlT54ClhmM/1SwBpbQRXaOBGwL9DtQD1UApMEz6B4AfwESgwTWtCi1Kjv+4GLgJZIA7wGzgod/BcOy21jWtIcARoAR4BZQbjv1ciyiK+8fbfdBRQWjgBzQBlUCT7P8OzSkheAxgAd+AGuCT5qHDP8jSq2Wf4ZrWCM0pAXiOtPuBx5o1QvLPD4p1brhXdnCVtIc1S7y8OeOjPKPAaryv9O9q1nh5cwZEeUaBfwHtpf9Zs8arVTzaRXlmA3uTe2vWeHlzPkZ5RoGVbksbl63C5O3trRBbLPiUtEskTyeSa1oq5mLxPR01Jxt4L/AFGA4s0qzRWgYMlXtfH+WVDfwaWCv9rcB0zSMg17RU8tgoo3WSUEKVDYwEOQt0AE4Am4HuIcCermltkfubBo4B27RoPiUpi51lyWrkW1Woy0Cz7P0gwBSg0h6g1nDsr1okn9LaiC4FbgCmSeFPy6kNZqUmWd7jWoQcwR2BFcAqoItv/IFAWoC3gCp9FwzHbtQiZFEUuFhqa5l8N8ueHQJe+h29epyrwsAVcv8MQJ3KlcBu4KfmGSPXtCbL/OXBFQme6lI5xQraKHd4199ARVOkyp2XF0ooOCNXpps8d9RDIPbRFqM1wD2gB3DUNa2uYeBNQH/gGTBVljkvGY79Hpgk52IwsCEILgcWSn8e8CZfqCfDsV8AC+Sz1jWtEj+4TpKBOrUXtdn5w8/INirGag+sXoSzxGedNqtwWi+Rql3TMlICVS+F68D9f0U1HLtBnskq789M+VLfSc278PIYY1O+7HTlP4A9RpkC95OPR5pb4eW9z/sosCoGSpEPswJKFRaljMrVV+VVmXfCSKB3bSUWWn8DdMi0xy/7CkwAAAAASUVORK5CYII=') no-repeat;
}
.info_item2 text:first-child{
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAYCAYAAABwZEQ3AAAC7klEQVRIibXWbaifYxwH8M/Ojs3TWmdLRHuBZS0hy6idl5uHoYQwZvKQRHuhtRaheKXkISGT1WikybON4hDmzAtRpz2VVuQFazhbhuVhO7ryPfX3v///+/6fsW/d3XVdv+v3+16/x2vS2NiYgj2Di0wQx+JSXIXz8RHWYgP+nKiygeEhfZXVehQCS/AqfsCaGF6B3/ASvsNjOLNWUwf0QqYbgetxXPbW5H8C7sMgRvAFlmNGRWsHdCPTC4Gyt7/t3F6sxrk4HR/gHnyPl7EYkyvWglYy7QSeieuXNBDohu1YhVm4MrbewLd4EKe1n5s0umDhdbgGF+APvJVbvIffuxg6VMxEsXcTzsYwnsP6geGhfX1ZKLf4pZDDKL7qgcgAbsPHuKWy2xk/4QnMw8WYg2exa8/gohWtpT01obgjMS+eeRIbcTCqi8wlWBZlv8aLD2NnR/P/xjRckUhciN14EesGhodG+ltEiyeezzcfbyZk3yR/TklPOTLrV+PdhLYOfUncQuAyTMHr6VHlwgfGz/Z3UfJ5WJd4zk7CbU2pPhISTSh9ZmkucDI+w4clCLi509lupT2O3amo1/AAjsA7UVzy5eg2+eNxZ/JwJN5bl8pZkPbwc8VKg2cKjkrfKNiHV/KdkUb2KO7HCzFccuGiGCx5dBc+xViLzikVKz16Zmpl5R9siVdOwkO4PDOpyN8Y79yKTW1ExnGgshLUeaYJezODHsf05EIT+uPljqjzzOQkXhMO9khE04yqI7Myc2VWZefQcC/OS3J3RF2Y1uOYxH9GJvKuilQzSg49lb5SRsH73U7UkSnYltZdxsQneDu9Z0tFsopSdTfgdnyd0v6yIjUBMue0lONmLMxDamd6TZlpP+YrreBEnJVxMieNcnnK/6+K9gmSKS+3a9Pc7s67ZG76ybz0lpktb5QyZHfg6bxltlY01qCJzGiUTgsRMbajIvk/oJc+MzsPr8OOXsicGs8cdvTyIC+zpjH5/jPwN4vdtgxw1ghBAAAAAElFTkSuQmCC') no-repeat;
}
.info_item3 text:first-child{
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAiCAYAAACnSgJKAAACWUlEQVRYhe2WzYtPURjHP7+fyVDC3VgQC0VRbCzUHNnMiSJlYeFl6TWlGbLxUmosjCwQUt5X5g8QkVtKbspOzORloeRlg+OXl5jJSw/PDL85597f/bl+dzWfut3O85znfO89L895Ku86Os8CG4BDwEHysxjYCExrIkb4DjwEjor4ENAGPAXmel3DzAQeAxOD3nzcENGdwDrgWBOBS1T4K9DrebOR2E5gqfx5Ws/pwHjP+ps1wBGgFiXxVM+bgjN2MjAAzACuy59vBg4AW4Br6rgJzAsPUYjDOr7MWFcVWKmGZTpqVyuEnbEG2KrNniiJn1S9Xn92bx8QZTx9XmQKzth2QE5VBXigS/Zrl6cxCLxP8aFL88WzhtmjsynHbFOUxEONxBtxUZ9MnLHzVVw4GSXxveH+oWnPywJgVVZfZ2xVp1tOzXNg39/+IuKSHy551npkg3WoZVuUxB//l7jEjvOs9czRlqz1y9AArWQ/8Ex1Ljhj20oTj5L4s14+wiJgV5l/Lh9wCzinzR5n7Mjl1XJxZTfwCpBkc94ZWylNPErimux2bcqttr00cf2AK8BlbfY6Y2eVJq50A2+AScCJIulVaHfGdnvWbCS9rgCWFxF/DUyQWszz5ONuEfG9wAstENCEMhvYAbzVIjHEN6BfitUi4j+AU8BV4IzOwKD67kRJvNqLGEVIvKbv9UDDAZSKvodrvqw6YISQ+GlgrVY0UzxvYxxw/F/FH+naLdSM1AxSodwffXWmERIXPslu9KwBoiT2jTkpO8nUMSY+Jl66uJQ5H4DbpSoDPwEVnH+R4fyD+gAAAABJRU5ErkJggg==') no-repeat;
}
.info_item4 text:first-child{
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAmCAYAAADTGStiAAAFH0lEQVRYhb2YbYgWVRTHf66rZlI2uCtFFpVWmC9tRSZNhFsjRZalRNgrJVZmZebay5dMrKBIEioisU9aRlZIWLGys5jSxFZk0lrRkhGu1mK1k4YtLqlx9vnf9jp3nrVP/r88M/fce/73nHvOuWeeQd2XX70RuJ7jiw+N+MhxJu1Drff8OdAWzKhgLnAS8BOwMZBWcDNwOvA78FYgrWAqcFmRuBlYFkyt4CYRtwOLfEGUpX2/eZw0iHhPlKWLAg2VOcsccU0gPU74v8Q9+j0YSPpxsDB3QNQOJPTwJHAP8Hwg6cczwN/AK4GkBH5UfwMkwG8l8xzMQ2cB5wEna2w/0AH8HGXp4WCFkMdJneLoEke8BbhS8p3AFKC7QHYtcCcwHRgVaK3gD6AFWGsE/ibyOKkHPgEu0NBWU3oD0KqBsS7qhBnADuAjYM4ApEg2R3N35HEyw5Pd7pFuBmaaxfYyFHgOGA40AUOAVcBtBeVtWmib2aux0cBEoFF56mMdcD9wGvAOsB2YH2VpryP2YZM2AZM0dgh4A3hRR3EUXB7Lpeaxx4B5wGANW+5fE2Xpr/66YjrVySJHapZdZLssIy3ZxM4oS+drzQ4Nm67NCq5SYtvheuB8vTfLde0BAwwCXjP35XEytGQD7VrbrCHTuT6PE+eFo4ibdE6GrSqTBwLKCm4EHgBuAe4KpBXyA9KxVUON4qjsXGds5/ojcKKCZpIXPGXWbgMa9G45PL5aDudxMlpeG60CM87O21ncJFLD4gFIkbUN3rsVk1nBrH7L90on4uiz2oiH6dozfK8UqAaz9mnJtqjaGZ6oMt9hnXQb5uZxMsxcfZ2S3vAw8Kq3YKhKpKXJOcDF3iYbdURuoy8Anymag/KZx8lDXh2fYcSWn0s0cAawW+dhuXyhrCwiA67QJWNnfHZB3qNxK5OLbRN5nIwBOiVfUePl7C6RGsboHH3SPxVUbwP3auwf4D7gi0IGDNemH5EuO+vd4jBMqpUrDT94C7fJde7sWtQQ9hZNj7LUSlcqd5rlH3jGrImydJc33TjONE6zeIRnkQ+7g1/S+3RZOpgqUCFZ4ZG+DtxdmO04RtSoFqNAKmKJFBhme89HIY8T0/Ou5qAgWhBlabGDdRyHbEGul7pAI9jCBV7XODuYUYFdeTP1vCLK0oUlpIZ6/eY1XvGfWHJpOPI9eu4IpBX84j1vCqT9Xpmg1501Xi89UrdKGSZrbLt+pwEb7KrM42RUlKXdXss0vmQ90j1Sz221ilgH6yC+CpZUUgM1CNatXOXJ5uVx8qya/XqV0DLc6o21uEviW53TPoX7fm9SXZUGcJcKzQmF8dYoSxN/II+TU6yayeLvoiyd4M50pX5N8FRB0eTCe6cag7Gy7k3FgcO5wRZhqefmPi5HvMYrIIu9rhNFvaVcF/CoFK9S1eqMstS6z0tVHine4XmcTFMFQxzG9V9D3ysrWrWZ94FYUfy1XNpT7SshylKLi8Y8TqbKpY7UAu096TzsGj0K6WM7Xq7nOl0EU/TeXY20sIG2KEu7RDpV3YdriZdHWeq8EuStEa/2yD/VmZdVtVLYXZvHyVKRuqK02jOqD8VvpyPqg/epXA7RAruNXla93lOF0D5R7wAe1PXqYPX78WIlK+urHWapkzy1MN6h9HMpVq+KVMzfLtXrDYHmYxAbLAUskhfaEQ400YNlgXlnZZSl5rlSHIvYwfoya5Hs481SZ5z+ITD8pQ71S/XRH0dZOtB3NAD/AsIFcyoBvLKmAAAAAElFTkSuQmCC') no-repeat;
}
.basic_information .public text:first-child{
  background-size: 100% 100%;
  display: inline-block;
  height: 32rpx;
  width: 32rpx;
  flex-shrink: 0;
  margin-top: 5rpx;
}
.basic_information .public{
  display: flex;
  align-items:stretch
}