[体验官活动]

pages/recruit/index.wxss

@@ -315,10 +315,14 @@
 .weChat-text {
     font-size: 28rpx;
     color: #9d9d9d;
-    line-height: 60rpx;
+    line-height: 40rpx;
     padding-bottom: 30rpx;
 }
 
+.weChat-text text {
+    display: block;
+}
+
 .clockInTitle {
     color: #ffffff;
     margin-bottom: 30rpx;
@@ -610,4 +614,284 @@
 .label-success {
     width: 52rpx;
     vertical-align: -16rpx;
+}
+
+/* 日常分享 */
+.dailyBack {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    z-index: 99;
+    background-color: rgba(0, 0, 0, .6);
+    display: none;
+}
+
+.dailyBack.active {
+    display: block;
+}
+
+.dailyCont {
+    position: fixed;
+    width: 100%;
+    left: 0;
+    bottom: -100000%;
+    z-index: 100;
+    transition: .2s;
+}
+
+.dailyCont.active {
+    bottom: 0;
+}
+
+.dailyCont-img {
+    text-align: center;
+    padding: 0 160rpx;
+    box-sizing: border-box;
+}
+
+.dailyCont-img image {
+    width: 100%;
+    display: block;
+}
+
+.dailyCont-white {
+    background-color: #ffffff;
+    border-radius: 30rpx 30rpx 0 0;
+    overflow: hidden;
+}
+
+.dailyCont-title {
+    text-align: center;
+    line-height: 100rpx;
+    color: #ffffff;
+    background-image: linear-gradient(to left, #88c437, #fffa6d);
+    font-weight: 600;
+    font-size: 38rpx;
+    text-shadow: 0 4rpx 6rpx rgba(102, 170, 9, .6);
+    position: relative;
+}
+
+.dailyCont-title image {
+    width: 50rpx;
+    position: absolute;
+    right: 30rpx;
+    top: 25rpx;
+    opacity: .8;
+}
+
+.dailyCont-list {
+    padding: 60rpx 30rpx;
+    box-sizing: border-box;
+}
+
+.dailyCont-label {
+    border-bottom: 2rpx solid #f0f0f0;
+    position: relative;
+    padding-bottom: 30rpx;
+    margin-bottom: 30rpx;
+}
+
+.dailyCont-icon {
+    width: 94rpx;
+    height: 94rpx;
+    border-radius: 50%;
+    padding: 12rpx;
+    box-sizing: border-box;
+}
+
+.dailyCont-label:nth-child(1) .dailyCont-icon {
+    background-color: #ffebed;
+}
+
+.dailyCont-label:nth-child(2) .dailyCont-icon {
+    background-color: #f7f7f7;
+}
+
+.dailyCont-label:nth-child(3) .dailyCont-icon {
+    background-color: #effffe;
+}
+
+.dailyCont-icon image {
+    width: 100%;
+}
+
+.dailyCont-text {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    padding: 0 120rpx 0 140rpx;
+    box-sizing: border-box;
+}
+
+.dailyCont-go {
+    position: absolute;
+    right: 0;
+    top: 34rpx;
+    background-image: linear-gradient(to top, #88c437, #88c437);
+    color: #ffffff;
+    border-radius: 100rpx;
+    line-height: 54rpx;
+    width: 120rpx;
+    text-align: center;
+    font-size: 26rpx;
+}
+
+.dailyCont-go.active {
+    background-image: linear-gradient(to top, #d8d8d8, #d8d8d8);
+}
+
+.dailyCont-text-tips {
+    font-size: 26rpx;
+    color: #90919e;
+    line-height: 58rpx;
+}
+
+.dailyCont-text-tips image {
+    width: 26rpx;
+    vertical-align: -2rpx;
+}
+
+.dailyCont-text-tips text {
+    color: #5274f4;
+    font-weight: 600;
+    display: inline-block;
+    margin: 0 10rpx 0 5rpx;
+}
+
+.dailyCont-record {
+    text-align: center;
+    font-size: 28rpx;
+    color: #90919e;
+    line-height: 64rpx;
+}
+
+.dailyCont-record-go {
+    text-decoration:underline;
+}
+
+
+/* 弹出层提示 */
+.publicBack {
+    position: fixed;
+    width: 100vw;
+    height: 100vh;
+    left: 0;
+    top: 0;
+    background-color: rgba(0, 0, 0, .5);
+    z-index: 99;
+}
+
+.publicPop {
+    left: 50%;
+    top: 60%;
+    width: 240px;
+    margin-left: -120px;
+    margin-top: -340rpx;
+    position: fixed;
+    z-index: 100;
+}
+
+.publicPop-cont {
+    width: 100%;
+    background-color: #FFFFFF;
+    border-radius: 30rpx;
+    text-align: center;
+    overflow: hidden;
+    padding: 50rpx 0 0;
+    box-sizing: border-box;
+}
+
+.free-title {
+    font-weight: 600;
+    margin-bottom: 40rpx;
+    font-size: 34rpx;
+}
+
+.free-input {
+    padding: 0 30rpx;
+    box-sizing: border-box;
+    height: 90rpx;
+    line-height: 90rpx;
+    font-size: 30rpx;
+}
+
+.free-input input {
+    height: 90rpx;
+    border-radius: 10rpx;
+    background-color: #f8f8f8;
+}
+
+.publicPop-text {
+    color: #9d9d9d;
+    font-size: 32rpx;
+    text-align: center;
+}
+
+.publicPop-text text {
+    color: #000000;
+    font-size: 40rpx;
+    display: block;
+    font-weight: 600;
+    margin: 20rpx 0 10rpx;
+}
+
+.publicPop-btn {
+    line-height: 80rpx;
+    margin-top: 70rpx;
+    font-size: 32rpx;
+    display: flex;
+    border-top: 2rpx solid #f8f8f8;
+}
+
+.publicPop-btn button {
+    margin: 0 !important;
+    padding: 0 !important;
+    background-color: transparent;
+    font-weight: normal !important;
+    color: #6c78f8;
+}
+
+.publicPop-btn-go {
+    width: 50% !important;
+    text-align: center;
+    height: 90rpx !important;
+    line-height: 90rpx !important;
+    font-size: 30rpx !important;
+}
+
+.publicPop-btn-border {
+    position: relative;
+}
+
+.publicPop-btn-border::after {
+    position: absolute;
+    content: '';
+    right: 0;
+    top: 0;
+    width: 2rpx;
+    height: 100rpx;
+    background-color: #f8f8f8;
+}
+
+/* 关注漂浮窗 */
+.floating {
+    position: fixed;
+    right: -4rpx;
+    bottom: 10%;
+    z-index: 9;
+    padding: 20rpx 15rpx;
+    text-align: center;
+    border-radius: 20rpx 0 0 20rpx;
+    width: 40rpx;
+    color: #c6501e;
+    font-weight: 600;
+    background-image: linear-gradient(to top, #feddc7, #feddc7);
+    border: 4rpx solid #ffffff;
+}
+
+.floating-img {
+    width: 40rpx;
 }