496_dongfengqichen_wxsmall/496_dongfengqichen/pages/myCenter/myCenter.wxss

/* pages/myCenter/myCenter.wxss */
image{
  display: block;
}
.msgGroup{
  padding-top: 108rpx;
  margin-bottom: 111rpx;
}
.pageTitle{
  text-align: center;
  font-size:35rpx;
  margin-bottom: 28rpx;
  font-weight: bold;
}
.headGroup{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 161rpx;
  height: 161rpx;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 27rpx;
  overflow: hidden;
}
.defaultHead{
  width: 100%;
  height: 100%;
}
.loginBtn{
  margin: 0 auto;
  width:307rpx;
  height:49rpx;
  background-color: #005CFE;
  border-radius: 10rpx;
  text-align: center;
  font-size: 25rpx;
  color: white;
  line-height: 49rpx;
}
.funList{
  position: relative;
  width: 750rpx;
  height: 233rpx;
  padding: 0 72rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.funBg{
  position: absolute;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 233rpx;
  z-index: -1;
}
.selectGroup{
  position: relative;
  width:137rpx;
  height:137rpx;
  border: 1rpx solid #7A797E;
  border-radius: 10rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.taskIcon{
  width: 42rpx;
  height: 38rpx;
  margin-bottom: 8rpx;
}
.recordIcon{
  width: 38rpx;
  height: 43rpx;
  margin-bottom: 8rpx;
}
.detachmentIcon{
  width: 44rpx;
  height: 40rpx;
  margin-bottom: 8rpx;
}
.appreciateIcon{
  width: 62rpx;
  height: 26rpx;
  margin-bottom: 8rpx;
}
.selectText{
  font-size: 20rpx;
}
.imgFrame{
  width:65rpx;
  height: 45rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myCenterBotBg{
  width: 750rpx;
}
.taskSelect{
  padding:0 72rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 23rpx;
}
.taskText{
  width:256rpx;
  height:41rpx;
  text-align: center;
  line-height: 41rpx;
  font-size:21rpx;
  border-radius: 10rpx;
  border: 1rpx solid #4777D6;
  color: black;
}
.taskText2{
  background-color: #005CFE;
  color:white;
}
.taskDetailGroup{
  padding:0 72rpx;
  box-sizing: border-box;
  padding-bottom: 40rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.taskName{
  width: 150rpx;
  font-size: 20rpx;
  line-height: 24rpx;
  text-align: center;
}
.taskSuccessBtn{
  width:98rpx;
  height:40rpx;
  text-align: center;
  color: white;
  font-size: 20rpx;
  line-height:40rpx;
  background-color: #005AFD;
  border-radius: 20rpx;
}
.taskWaitBtn{
  width:98rpx;
  height:40rpx;
  text-align: center;
  color: #605E5C;
  font-size: 20rpx;
  line-height:40rpx;
  background-color:white;
  border-radius: 20rpx;
  border: 1rpx solid #425EAB;
  box-sizing: border-box;
}
.taskLineFrame{
  position: relative;
  width:325rpx;
  height:15rpx;
  box-sizing: border-box;
  border: 1rpx solid #CBC8CB;
  border-radius: 20rpx;
  overflow: hidden;
}
.taskLine{
  height:15rpx;
  width:0;
  background-color: #0260FF;
  border-radius: 20rpx;
}
.taskSignIcon{
  width: 12rpx;
  height: 12rpx;
  margin-left: 55.4rpx;
  margin-top: 5rpx;
}
.taskSignGroup{
  display: flex;
}
.taskDetailFrame{
  margin-top: 40rpx;
  width: 750rpx;
  height: 200rpx;
  overflow-y: auto;
}
.recordText{
  width: 187rpx;
}
.recordPic{
  display: flex;
  align-items: center;
}
.recordTip{
  width: 41rpx;
  height: 41rpx;
  margin-right: 15rpx;
}
.rewardIcon{
  width: 163rpx;
  height: 69rpx;
}
.recordHeadGroup{
  width: 90rpx;
  height: 90rpx;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 25rpx;
}
.recordUserImg{
  width: 100%;
  height: 100%;
}
.recordGroup{
  padding: 30rpx 72rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1rpx solid #D4D4D6;
}
.recordGroupLeft{
  display: flex;
  align-items: center;
}
.rewardName{
  font-size: 30rpx;
  font-weight: bold;
}
.rewardTerm{
  font-size: 22rpx;
  font-weight: bold;
}
.detachmentGroup{
  padding: 30rpx 72rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.detachmentGroupLeft{
  display: flex;
  align-items: center;
}
.ranksName{
  font-size: 20rpx;
}
.ranksState{
  width:175rpx;
  height:44rpx;
  box-sizing: border-box;
  border-radius: 10rpx;
  font-size: 25rpx;
  line-height: 44rpx;
  text-align: center;
}
.ranksType1{
  color: #FE820C;
  border: 1rpx solid #FE820C;
}
.ranksType2{
  color: black;
  border: 1rpx solid #658DE9;
}
.ranksType3{
  color: black;
  border: 1rpx solid black;
}
.userMsg{
  padding-top: 108rpx;
  position: relative;
}
.userNameGroup{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30rpx;
  margin-bottom: 44rpx;
}
.userName{
  font-weight: bold;
  font-size: 30rpx;
  color: black;
}
.userNameEdit{
  width: 27rpx;
  height: 27rpx;
  margin-left: 10rpx;
}
.userMsgBg{
  position: absolute;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 421rpx;
  z-index: -1;
}
.userLevel{
  width: 750rpx;
  padding-top: 36rpx;
  padding-bottom: 27rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.userLevelIcon{
  width: 76rpx;
  height: 60rpx;
}
.userLevelTip{
  font-size: 21rpx;
  margin-top: 32rpx;
  margin-bottom: 11rpx;
}
.userLevelText{
  width: 352rpx;
  height: 75rpx;
}
.lookRule{
  margin-top: 27rpx;
  width:368rpx;
  height:57rpx;
  border-radius: 10rpx;
  background-color: #0060FE;
  text-align: center;
  line-height: 57rpx;
  font-size: 29rpx;
  color:white;
}
.userWaitIcon{
  width:48rpx;
  height: 59rpx;
}
.userWaitText{
  margin-top: 36rpx;
  font-size: 55rpx;
  font-weight: bold;
  margin-bottom: 50rpx;
}
.arrowIcon{
  border-left: 10rpx solid transparent;
  border-right: 10rpx solid transparent;
  border-top: 10rpx solid #0066F9;
  content: "";
  /* position: relative;     */
  width: 0;
  position: absolute;
  top: 143rpx;
}