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

/* pages/myCenter/myCenter.wxss */
image{
  display: block;
}
view{
  -webkit-overflow-scrolling: touch;
}
.main{
  /* height: calc(100vh - 150rpx); */
  padding-bottom: 150rpx;
  overflow: auto;
}
.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{
  position: relative;
  margin: 0 auto;
  width:307rpx;
  height:49rpx;
  background-color: #345486;
  border-radius: 10rpx;
  text-align: center;
  font-size: 25rpx;
  color: white;
  line-height: 49rpx;
  overflow: hidden;
}
.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;
  height: 589rpx;
}
.taskSelect{
  padding:0 72rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.taskText{
  width:256rpx;
  height:41rpx;
  text-align: center;
  line-height: 41rpx;
  font-size:21rpx;
  border-radius: 10rpx;
  border: 1rpx solid #345486;
  color: black;
}
.taskText2{
  background-color: #345486;
  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: #345486;
  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: 2rpx solid #CBC8CB;
  border-radius: 20rpx;
  overflow: hidden;
}
.taskLine{
  height:15rpx;
  width:0;
  background-color: #345486;
  border-radius: 20rpx;
}
.taskSignIcon{
  width: 12rpx;
  height: 12rpx;
  margin-left: 55.4rpx;
  margin-top: 5rpx;
}
.taskSignGroup{
  display: flex;
}
.taskDetailFrame{
  position: absolute;
  left: 0;
  bottom: 0;
  top: 104rpx;
  width: 750rpx;
  height: 485rpx;
  overflow-y: auto;
}
.recordText{
  width: 187rpx;
}
.recordPic{
  display: flex;
  align-items: center;
}
.recordTip{
  width: 41rpx;
  height: 41rpx;
  margin-right: 15rpx;
}
.rewardIcon,.rewardCash{
  width: 163rpx;
  height: 69rpx;
}
.rewardCash{
  position: relative;
  border-radius: 10rpx;
  background-color: #F15443;
  overflow: hidden;
}
.rewardCashText{
  width: 100%;
  background-color: #D6BF95;
  color: white;
  font-size: 16rpx;
  height: 22rpx;
  line-height: 22rpx;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
}
.cashGroup{
  height: 47rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cashNum{
  color: white;
  font-size: 30rpx;
  line-height: 30rpx;
}
.cashCompany{
  color: white;
  font-size: 16rpx;
  line-height: 16rpx;
  margin-top: 7rpx;
  margin-left: 3rpx;
}
.recordHeadGroup{
  width: 90rpx;
  height: 90rpx;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 25rpx;
}
.recordUserImg{
  width: 100%;
  height: 100%;
}
.recordGroup{
  margin: 0 auto;
  padding: 30rpx 0;
  width: 606rpx;
  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{
  position: relative;
  padding: 30rpx 72rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.detachmentGroupLeft{
  display: flex;
  align-items: center;
}
.detachmentTip{
  position: absolute;
  right:72rpx;
  bottom: 10rpx;
  font-size: 14rpx;
  color: #8B888B;
}
.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: #345486;
  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;
}
.inputGroup{
  width:652rpx;
  height:65rpx;
  margin: 0 auto;
  background-color: white;
  border-radius: 10rpx;
  box-sizing: border-box;
  line-height: 65rpx;
  padding: 0 25rpx;
  font-size: 20rpx;
  margin-top: 18rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1rpx solid #B4B4B4;
  position: relative;
  overflow: hidden;
}
.inputCode{
  height: 100%;
  width: 100%;
}
.selectSiteGroup{
  border: 1rpx solid #B4B4B4;
  margin: 0 auto;
  width:652rpx;
  height:65rpx;
  background-color: white;
  border-radius: 10rpx;
  box-sizing: border-box;
  line-height: 65rpx;
  padding: 0 25rpx;
  font-size: 20rpx;
  margin-top: 18rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.selectIcon{
  width: 25rpx;
  height: 15rpx;
}
.subscribeBtn{
  position: relative;
  margin: 0 auto;
  width:652rpx;
  height:65rpx;
  line-height: 65rpx;
  text-align: center;
  background-color: #345486;
  color: white;
  font-size: 29rpx;
  margin-top: 18rpx;
  border-radius: 10rpx;
}
.subscribeGroup{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.taskGroup,.ranksGroup,.subscribeGroup{
  height: 589rpx;
  position: relative;
}
/* .ranksList{
  position: absolute;
  top: 0;
  left: 0;
  width: 750rpx;
  height: 100%;
  overflow: auto;
} */
.ranksList{
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  width: 750rpx;
}
.taskGroup{
  box-sizing: border-box;
  padding-top:23rpx;
}
.recordFrame{
  position: absolute;
  top: 104rpx;
  left: 0;
  width: 750rpx;
  height: 485rpx;
  overflow: auto;
}
.getUserMsgBtn{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  padding:0;
}
.prizeDesc{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(000, 000, 000, 0.34);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.prizeImgGroup{
  width: 453rpx;
  position: relative;
}
.prizeImg{
  width: 100%;
}
.closeDescIcon{
  position: absolute;
  top: -37rpx;
  right: -38rpx;
  width: 38rpx;
  height: 37rpx;
}
.ruleImgGroup{
  width: 631rpx;
  height: 923rpx;
  position: relative;
}
.ruleImg{
  width: 100%;
  height: 1160rpx;
  border-radius: 20rpx;
}
.prizeCustomGroup{
  width:453rpx;
  height:503rpx;
  position: relative;
}
.prizeCustom{
  border-radius: 10rpx;
  overflow: hidden;
  width:100%;
  height:100%;
  background-color: white;
}
.prizeTitle{
  height: 63rpx;
  background-color: #005EFD;
  color: white;
  line-height: 63rpx;
  text-align: center;
  font-size: 26rpx;
  margin-bottom: 67rpx;
}
.prizeDescText{
  font-size: 26rpx;
  line-height: 26rpx;
  margin-bottom: 26rpx;
  text-align: center;
}
.getPhoneFrame{
  position: absolute;
  left: 0;
  top: 0;
  width: 652rpx;
  height: 65rpx;
  z-index: 2;
}
.getPhoneBtn{
  opacity: 0;
}
.luckyClaw{
  width: 198rpx;
  height: 75rpx;
}
.agreementGroup{
  width: 652rpx;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 15rpx;
}
.agreeIcon{
  width: 29rpx;
  height: 28rpx;
  margin-right: 17rpx;
}
.agreementText{
  line-height: 24rpx;
  font-size:24rpx;
  font-family:PingFangSC;
  font-weight:300;
  color:rgba(156,157,157,1);
  display: flex;
  align-items: center;
}