|
- /* pages/everyday/everyday.wxss */
-
- .showImg {
- position: relative;
- width: 750rpx;
- height: 616rpx;
- }
-
- .ruleBtn {
- right: 0;
- top: 180rpx;
- position: fixed;
- width: 153rpx;
- height: 46rpx;
- line-height: 46rpx;
- font-size: 24rpx;
- color: #fff;
- background-color: rgba(35, 24, 21, 0.63);
- border-top-left-radius: 20rpx;
- border-bottom-left-radius: 20rpx;
- padding-left: 20rpx;
- box-sizing: border-box;
- }
-
- .title {
- height: 110rpx;
- line-height: 110rpx;
- width: 100%;
- text-align: center;
- font-size: 36rpx;
- font-weight: bold;
- }
-
- .menuBox {
- position: relative;
- width: 535rpx;
- height: 58rpx;
- margin: 0 auto;
- }
-
- .menu {
- width: 100%;
- height: 100%;
- }
-
- .menuBox>view {
- position: absolute;
- bottom: 0;
- font-size: 16rpx;
- text-align: center;
- }
-
- .menuBox>.leftTitle {
- left: 38rpx;
- width: 54rpx;
- height: 38rpx;
- line-height: 38rpx;
- }
-
- .menuBox>.centerTitle {
- left: 95rpx;
- width: 345rpx;
- height: 56rpx;
- line-height: 56rpx;
- color: #fff;
- font-size: 29rpx;
- }
-
- .menuBox>.rightTitle {
- right: 38rpx;
- width: 54rpx;
- height: 38rpx;
- line-height: 38rpx;
- }
- .swiperBox{
- position: relative;
- width: 615rpx;
- height: 424rpx;
- margin: 24rpx auto 0 auto;
- }
- .swiperBox>swiper{
- width: 100%;
- height: 100%;
- }
- .swiperBox>.arrowBtn{
- position: absolute;
- width: 13rpx;
- height: 29rpx;
- top: 50%;
- transform: translateY(-50%);
- }
-
- .fragmentBox{
- position: relative;
- width: 100%;
- height: 100%;
- border-radius: 26rpx;
- }
- .fragmentComplete1,.fragmentComplete2,.fragmentComplete3,.fragmentComplete4{
- position: absolute;
- }
- .fragmentComplete1{
- left: 0;
- top: 0;
- width: 396rpx;
- height: 237rpx;
- }
- .fragmentComplete2{
- right: 0;
- top: 0;
- width: 298rpx;
- height: 308rpx;
- }
- .fragmentComplete3{
- left: 0;
- bottom: 0;
- width: 322rpx;
- height: 264rpx;
- }
- .fragmentComplete4{
- right: 0;
- bottom: 0;
- width: 298rpx;
- height: 193rpx;
- }
- .fragmentComplete{
- width: 100%;
- height: 100%;
- }
- .btnBox{
- position: relative;
- width: 615rpx;
- height: 49rpx;
- text-align: center;
- padding-top: 22rpx;
- padding-bottom: 38rpx;
- margin:0 auto;
- }
- .btnBox>.btn{
- display: inline-block;
- width: 279rpx;
- height: 100%;
- line-height: 49rpx;
- text-align: center;
- border: 2rpx solid #345489;
- box-sizing: border-box;
- font-size: 21rpx;
- color: #333333;
- border-radius: 15rpx;
- }
- .btnBox>.btn.select{
- background-color: #345489;
- color: #ffffff;
- }
- .mask{
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: calc(100vh - 150rpx);
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: rgba(0, 0, 0, 0.5);
- }
- .taskBox{
- position: relative;
- width: 567rpx;
- height: 649rpx;
- border-radius: 20rpx;
- }
- .taskBox>.title{
- height: 77rpx;
- line-height: 77rpx;
- color: #ffffff;
- border-top-left-radius: 20rpx;
- border-top-right-radius: 20rpx;
- background-color: #345486;
- }
- .taskBox>.contentBox{
- position: relative;
- width: 100%;
- height: calc(100% - 77rpx);
- background-color: #ffffff;
- border-bottom-left-radius: 20rpx;
- border-bottom-right-radius: 20rpx;
- }
- .taskBox>.contentBox>.name{
- width: 100%;
- height: 107rpx;
- line-height: 107rpx;
- font-size: 33rpx;
- text-align: center;
- padding-top: 38rpx;
- font-weight: bold;
- }
- .taskBox>.contentBox>.taskImg{
- width: 488rpx;
- height: 268rpx;
- margin: 0 auto;
- border-radius: 19rpx;
- }
- .taskBox>.contentBox>.btn{
- width: 347rpx;
- height: 62rpx;
- line-height: 62rpx;
- text-align: center;
- color: #ffffff;
- font-size: 28rpx;
- border-radius: 10rpx;
- margin: 42rpx auto 0 auto;
- background-color: #345486;
- position: relative;
- }
- .closeBtn {
- background: none;
- border: 2rpx solid #fff;
- color: #fff;
- border-radius: 50%;
- text-align: center;
- height: 40rpx;
- line-height: 40rpx;
- width: 40rpx;
- font-size: 30rpx;
- padding: 2rpx;
- position: absolute;
- }
-
- /* use cross as close button */
-
- .closeBtn::before {
- content: "\2716";
- }
- .receive{
- width:677rpx;
- height:61rpx;
- background-color: #28558D;
- line-height: 61rpx;
- text-align: center;
- font-size:30rpx;
- font-family:PingFang;
- font-weight:400;
- color:rgba(255,255,255,1);
- border-radius: 15rpx;
- }
- .shareBtn{
- position: absolute;
- left: 0;
- top: 0;
- z-index: 2;
- opacity: 0;
- }
- .lockSty{
- position: absolute;
- width:114rpx;
- height:31rpx;
- background-color: #E8A400;
- line-height: 31rpx;
- font-size:16rpx;
- font-family:PingFang;
- font-weight:300;
- color:rgba(0,0,0,1);
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .lockIcon{
- width: 15rpx;
- height: 21rpx;
- margin-right: 10rpx;
- }
- .nolockIcon{
- width: 16rpx;
- height: 21rpx;
- margin-right: 10rpx;
- }
- .lock1{
- top: 3rpx;
- left: 110rpx;
- border-bottom-left-radius: 10rpx;
- border-bottom-right-radius: 10rpx;
- }
- .lock2{
- top: 3rpx;
- right: 90rpx;
- border-bottom-left-radius: 10rpx;
- border-bottom-right-radius: 10rpx;
- }
- .lock3{
- bottom: 3rpx;
- left: 110rpx;
- border-top-left-radius: 10rpx;
- border-top-right-radius: 10rpx;
- }
- .lock4{
- bottom: 3rpx;
- right: 90rpx;
- border-top-left-radius: 10rpx;
- border-top-right-radius: 10rpx;
- }
- .signBtnGroup{
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%,-50%);
- }
- .signBtnGroup>.btn{
- width: 347rpx;
- height: 62rpx;
- line-height: 62rpx;
- text-align: center;
- color: #ffffff;
- font-size: 28rpx;
- border-radius: 10rpx;
- margin: 42rpx auto 0 auto;
- background-color: #345486;
- position: relative;
- }
- .gamaRuleFrame{
- position: fixed;
- left: 0;
- top: 0;
- width: 750rpx;
- height: calc(100vh - 150rpx);
- background-color: rgba(000, 000, 000, 0.2);
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .gameRuleClose{
- position: absolute;
- top: -10rpx;
- right: -10rpx;
- height: 40rpx;
- width: 40rpx;
- }
- .openTask{
- position: absolute;
- left: 50%;
- bottom: 100rpx;
- transform: translateX(-50%);
- width: 348rpx;
- height: 64rpx;
- background-color: #16538A;
- border-radius: 20rpx;
- text-align: center;
- line-height:64rpx;
- font-size:30rpx;
- font-family:PingFangSC;
- font-weight:400;
- color:rgba(255,255,255,1);
- }
- .gameRuleGroup{
- width: 609rpx;
- height: 692rpx;
- position: relative;
- }
- .gameRuleIcon{
- width: 100%;
- height: 100%;
- }
- .successPop{
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: calc(100vh - 150rpx);
- background-color: rgba( 000, 000, 000, 0.3);
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .successGroup{
- position: relative;
- width:455rpx;
- height:426rpx;
- background-color: white;
- display: flex;
- flex-direction: column;
- align-items: center;
- border-radius: 20rpx;
- }
- .successIcon{
- position: absolute;
- top: -33rpx;
- left: 50%;
- transform: translateX(-50%);
- width: 114rpx;
- height: 114rpx;
- }
- .titleGroup{
- width: 100%;
- height: 63rpx;
- background-color: #355485;
- border-top-left-radius: 20rpx;
- border-top-right-radius: 20rpx;
- }
- .prizePic{
- width: 310rpx;
- height: 116rpx;
- margin-bottom: 10rpx;
- }
- .successTip{
- font-size:28rpx;
- font-family:PingFangSC;
- font-weight:bold;
- color:rgba(52,84,132,1);
- line-height: 28rpx;
- text-align: center;
- margin-top: 50rpx;
- margin-bottom: 13rpx;
- }
- .prizeName{
- font-size:21rpx;
- font-family:PingFangSC;
- font-weight:400;
- color:rgba(0,0,0,1);
- line-height:21rpx;
- text-align: center;
- margin-bottom: 30rpx;
- }
- .gameRuleClose2{
- position: absolute;
- top: 0rpx;
- right: -10rpx;
- width: 31rpx;
- height: 29rpx;
- }
- .startRegister{
- width:278rpx;
- height:50rpx;
- background-color: #345489;
- border-radius: 15rpx;
- text-align: center;
- font-size:21rpx;
- font-family:PingFangSC;
- font-weight:400;
- color:rgba(255,255,255,1);
- line-height:50rpx;
- position: relative;
- }
- .friendTip{
- position: relative;
- width:568rpx;
- height:486rpx;
- border-radius: 20rpx;
- background-color: white;
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .friendTipTitle{
- width:568rpx;
- height:78rpx;
- line-height: 78rpx;
- font-size:34rpx;
- font-family:PingFang;
- font-weight:bold;
- color:rgba(255,255,255,1);
- background-color: #355485;
- border-top-left-radius: 20rpx;
- border-top-right-radius: 20rpx;
- text-align: center;
- margin-bottom: 61rpx;
- }
- .tipText{
- font-size:26rpx;
- font-family:PingFang;
- font-weight:500;
- color:rgba(35,24,21,1);
- line-height:46rpx;
- }
- .joinBtn{
- margin-top: 53rpx;
- width:347rpx;
- height:63rpx;
- background-color: #355485;
- text-align: center;
- font-size:30rpx;
- font-family:PingFang;
- font-weight:400;
- color:rgba(255,255,255,1);
- line-height: 63rpx;
- border-radius: 20rpx;
- }
- .getUserMsgBtn{
- position: absolute;
- top: 0;
- left: 0;
- padding: 0;
- margin: 0;
- opacity: 0;
- }
|