|
- /* pages/myCenter/myCenter.wxss */
- image{
- display: block;
- }
- view{
- -webkit-overflow-scrolling: touch;
- }
- .main{
- height: calc(100vh - 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: 1rpx 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{
- 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;
- padding-bottom: 150rpx;
- 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: 500rpx;
- height: 864rpx;
- position: relative;
- }
- .ruleImg{
- width: 100%;
- height: 100%;
- }
- .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;
- }
|