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 - 120rpx); */
  padding-bottom: 120rpx;
  overflow: auto;
}
.msgGroup{
  padding-top: 97rpx;
  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: 140rpx;
  height: 140rpx;
  margin: 0 auto;
  margin-bottom: 30rpx;
  overflow: hidden;
}
.defaultHead{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.loginBtn{
  position: relative;
  margin: 0 auto;
  width:307rpx;
  height:48rpx;
}
.funList{
  position: relative;
  width: 750rpx;
  height: 233rpx;
  padding: 0 55rpx;
  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:147rpx;
  height:147rpx;
  border: 2rpx solid #355485;
  border-radius: 10rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.taskIcon{
  width: 50rpx;
  height: 45rpx;
  margin-bottom: 16rpx;
}
.recordIcon{
  width: 47rpx;
  height: 54rpx;
  margin-bottom: 16rpx;
}
.detachmentIcon{
  width: 52rpx;
  height: 46rpx;
  margin-bottom: 16rpx;
}
.appreciateIcon{
  width: 58rpx;
  height: 46rpx;
  margin-bottom: 16rpx;
}
.selectText{
  font-size:24rpx;
  font-family:PingFangSC;
  font-weight:400;
}
.imgFrame{
  width:65rpx;
  height: 45rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myCenterBotBg{
  width: 750rpx;
  height: 589rpx;
}
.taskSelect{
  padding:0 55rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.taskText{
  width:256rpx;
  height:52rpx;
  text-align: center;
  line-height: 52rpx;
  font-size:24rpx;
  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:13rpx;
  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: 194rpx;
  width: 750rpx;
  height: 395rpx;
  overflow-y: auto;
}
.recordText{
  width: 202rpx;
}
.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: 80rpx;
  height: 80rpx;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 25rpx;
}
.recordUserImg{
  width: 100%;
  height: 100%;
}
.recordGroup{
  margin: 0 auto;
  padding: 15rpx 0;
  width: 606rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1rpx solid #D4D4D6;
}
.recordGroup:last-of-type{
  border:none;
}
.recordGroupLeft{
  display: flex;
  align-items: center;
}
.rewardName{
  line-height: 18rpx;
  font-size:18rpx;
  font-family:PingFangSC;
  font-weight:600;
  color:rgba(89,87,87,1);
}
.rewardTerm{
  margin-top: 10rpx;
  line-height: 14rpx;
  font-size:14rpx;
  font-family:NissanBrand;
  font-weight:400;
  color:rgba(89,87,87,1);
}
.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: 2rpx solid #FE820C;
}
.ranksType2{
  color: black;
  border: 2rpx solid #658DE9;
}
.ranksType3{
  color: black;
  border: 2rpx solid black;
}
.userMsg{
  padding-top: 97rpx;
  position: relative;
}
.userNameGroup{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 44rpx;
}
.userName{
  font-size:26rpx;
  font-family:NissanBrand;
  font-weight:400;
  color:rgba(35,33,34,1);
}
.userNameEdit{
  width: 39rpx;
  height: 40rpx;
  margin-left: 12rpx;
}
.userMsgBg{
  position: absolute;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 365rpx;
  z-index: -1;
}
.userLevel{
  width: 750rpx;
  height: 290rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
}
.userLevelIcon{
  margin-top: 14rpx;
  width: 73rpx;
  height: 48rpx;
}
.userLevelTip{
  margin-top: 26rpx;
  margin-bottom: 20rpx;
  width:104rpx;
  height:20rpx;
}
.userLevelText{
  width: 284rpx;
  height: 59rpx;
}
.lookRule{
  margin-top: 20rpx;
  width:282rpx;
  height:57rpx;
}
.userWaitIcon{
  width:38rpx;
  height: 48rpx;
  margin-top: 47rpx;
  margin-bottom: 28rpx;
}
.userWaitText{
  line-height: 48rpx;
  font-size:48rpx;
  font-family:PingFangSC;
  font-weight:bold;
  color:rgba(35,33,34,1);
  margin-bottom: 8rpx;
}
.arrowIcon{
  border-left: 15rpx solid transparent;
  border-right: 15rpx solid transparent;
  border-top: 15rpx solid #355485;
  content: "";
  /* position: relative;     */
  width: 0;
  position: absolute;
  top: 150rpx;
}
.inputGroup{
  width:652rpx;
  height:65rpx;
  margin: 0 auto;
  background-color: white;
  border-radius: 20rpx;
  box-sizing: border-box;
  line-height: 65rpx;
  padding: 0 25rpx;
  font-size: 24rpx;
  margin-top: 18rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 2rpx solid #B4B4B4;
  position: relative;
  overflow: hidden;
}
.inputCode{
  height: 100%;
  width: 100%;
}
.selectSiteGroup{
  border: 2rpx solid #B4B4B4;
  margin: 0 auto;
  width:652rpx;
  height:65rpx;
  background-color: white;
  border-radius: 20rpx;
  box-sizing: border-box;
  line-height: 65rpx;
  padding: 0 25rpx;
  font-size: 24rpx;
  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:70rpx;
  margin-top: 18rpx;
}
.taskGroup,.ranksGroup,.subscribeGroup{
  height: 589rpx;
  position: relative;
}
.subscribeGroup{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 765rpx;
}
.orderDescGroup{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 35rpx;
  padding-bottom: 64rpx;
}
.orderDesc{
  width: 661rpx;
  height: 1306rpx;
  margin-bottom: 81rpx;
}
/* .ranksList{
  position: absolute;
  top: 0;
  left: 0;
  width: 750rpx;
  height: 100%;
  overflow: auto;
} */
.ranksList{
  position: absolute;
  top: 84rpx;
  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;
  padding-bottom: 120rpx;
  box-sizing: border-box;
}
.prizeImgGroup{
  width: 652rpx;
  height: 894rpx;
  position: relative;
}
.prizeImg{
  width: 100%;
  height: 100%;
}
.closeDescIcon{
  position: absolute;
  top: -37rpx;
  right: -38rpx;
  width: 38rpx;
  height: 37rpx;
}
.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;
}
.ruleContent {
  position: relative;
  width: 632rpx;
  height: 763rpx;
  border-radius: 20rpx;
  background-color: white;
}
.starRuleTitle{
  width: 632rpx;
  height: 78rpx;
}
.rule {
  position: relative;
  width: 563rpx;
  height: 586rpx;
  padding: 0 34rpx;
  padding-top: 42rpx;
  padding-bottom: 57rpx;
  overflow: auto;
}
.ruleImg{
  width: 563rpx;
  height: 1045rpx;
}
.closeBtn {
  position: absolute;
  height: 40rpx;
  width: 40rpx;
  right:-40rpx;
  top:-40rpx;
}
.indexOrderIcon{
  width: 710rpx;
  height: 71rpx;
}
.placingOrder{
  width: 610rpx;
  margin: 0 auto;
  margin-top: 37rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  margin-bottom: 154rpx;
  border-bottom: 2rpx solid #DBD9DC;
  padding-bottom: 11rpx;
}
.orderHead{
  width: 163rpx;
  height: 105rpx;
}
.orderCard{
  width: 98rpx;
  height: 39rpx;
}
.cardTitle{
  line-height: 18rpx;
  font-size:18rpx;
  font-family:PingFangSC;
  font-weight:600;
  color:rgba(89,87,87,1);
}
.cardCtime{
  margin-top: 9rpx;
  line-height: 14rpx;
  font-size:14rpx;
  font-family:NissanBrand;
  font-weight:400;
  color:rgba(89,87,87,1);
}
.mycenterTipWindow1{
  width: 100%;
  height: 100%;
}
.mycenterTipWindowGroup{
  position: relative;
  width: 450rpx;
  height: 411rpx;
}
.mycenterTipBtnGroup{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 210rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mycenterTipBtn{
  width: 276rpx;
  height: 50rpx;
}
.newMycenterTipBtn{
  width: 275rpx;
  height: 49rpx;
}
.mycenterConfirmBtn{
  width: 275rpx;
  height: 50rpx;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 70rpx;
}
.copyBtn{
  width: 108rpx;
  height: 30rpx;
  margin-left: 20rpx;
}
.exchangeCode{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 624rpx;
  width: 570rpx;
  font-size:20rpx;
  font-family:NissanBrand;
  font-weight:bold;
  color:rgba(0,0,0,1);
  line-height:48rpx;
  display: flex;
  align-items: center;
}
.scoutTaskDesc{
  width: 337rpx;
  height: 45rpx;
  margin: 0 auto;
  margin-top: 10rpx;
  margin-left: 255rpx;
}
.scoutTaskIcon{
  width: 182rpx;
  height: 106rpx;
  margin-left: 75rpx;
  margin-top: -25rpx;
}
.barFrame{
  position: relative;
}
.barGroup{
  position: relative;
  width:380rpx;
  height:13rpx;
  border: 2rpx solid #C0C0C0;
  overflow: hidden;
  border-radius: 20rpx;
}
.barContent{
  position: absolute;
  top: 0;
  height: 13rpx;
  border-radius: 20rpx;
  width: 0;
  background-color: #425683;
}
.barCarIcon{
  position: absolute;
  top: -35rpx;
  width:380rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.scoutTaskCar{
  width: 51rpx;
  height: 21rpx;
}
.barSignIcon{
  position: absolute;
  top: 20rpx;
  width:380rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 13rpx;
  box-sizing: border-box;
}
.taskSignIcon2{
  width: 12rpx;
  height: 12rpx;
}
.scoutTaskGo{
  width: 256rpx;
  height: 51rpx;
  margin: 0 auto;
  margin-top: 112rpx;
}
.newImages1{
  width: 195rpx;
  height: 182rpx;
  margin: 0 auto;
  margin-top: 30rpx;
  margin-bottom: 17rpx;
}
.newImages2-64{
  width: 256rpx;
  height: 51rpx;
  margin: 0 auto;
  margin-top: 25rpx;
}
.newImages2{
  width: 256rpx;
  height: 40rpx;
  margin: 0 auto;
}
.newImages3{
  width: 567rpx;
  height:268rpx;
  margin: 0 auto;
  margin-bottom: 46rpx;
  margin-top: 22rpx;
}
.newImages4{
  width: 256rpx;
  height:51rpx;
  margin: 0 auto;
}
.newImages5{
  width: 223rpx;
  height:157rpx;
  margin: 0 auto;
  margin-top: 30rpx;
  margin-bottom: 26rpx;
}
.newImages6{
  width: 256rpx;
  height:52rpx;
  margin: 0 auto;
}
.newImages7{
  width: 567rpx;
  height:74rpx;
  margin: 0 auto;
  margin-top: 22rpx;
}
.newImages8{
  width: 226rpx;
  height:161rpx;
  margin: 0 auto;
  margin-top: 30rpx;
  margin-bottom: 21rpx;
}
.noLock{
  width:83rpx;
  height:32rpx;
  border: 2rpx solid #5E6E89;
  box-sizing: border-box;
  line-height: 28rpx;
  font-size:18rpx;
  font-family:PingFangSC;
  font-weight:600;
  color:rgba(114,113,113,1);
  text-align: center;
  border-radius: 20rpx;
  margin-right: 14rpx;
}
.vipDetail{
  position: relative;
  width: 663rpx;
  height: 935rpx;
}
.vipDetailY{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 80rpx;
  width: 275rpx;
  height: 50rpx;
}
.newImages2-59{
  width: 568rpx;
  height: 74rpx;
  margin: 0 auto;
  margin-top: 25rpx;
  margin-bottom: 20rpx;
}
.awardPicurl{
  width:133rpx;
  height:84rpx;
  margin-right: 40rpx;
}
.lookDetail{
  width: 98rpx;
  height: 39rpx;
}

.titleText{
  width: 682rpx;
  margin: 0 auto;
  margin-top: 78rpx;
  margin-bottom: 28rpx;
  line-height: 39rpx;
  font-size:39rpx;
  font-family:PingFangSC;
  font-weight:bold;
  color:rgba(0,77,149,1);
}
.lineSty{
  width: 682rpx;
  height:2rpx;
  background-color: #B6B6B6;
  margin: 0 auto;
  margin-bottom: 45rpx;
}
.closeXieyi{
  position: absolute;
  right: 48rpx;
  top: 38rpx;
  width: 42rpx;
  height: 42rpx;
}
.newImages3-45{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 70rpx;
  width:276rpx;
  height: 50rpx;
}
.cardCode{
  position: absolute;
  left: 200rpx;
  top: 450rpx;
  font-size: 30rpx;
  color: #f9ca80;
  display: flex;
  align-items: center;
}
.cardCodeCopy{
  padding: 0 15rpx;
  background-color: gainsboro;
  height: 30rpx;
  font-size: 24rpx;
  line-height: 30rpx;
  color: white;
  margin-left: 20rpx;
  border-radius: 15rpx;
}