.head-wrap{width:100vw;height:360rpx;background-size:100%;padding:60rpx 30rpx;-webkit-box-sizing:border-box;box-sizing:border-box}.head-wrap .title{color:#fff;text-align:center;line-height:1}.head-wrap .point{font-size:48rpx;color:#fff;text-align:center;line-height:1;margin-top:20rpx}.head-wrap .flex-box{display:-webkit-box;display:-webkit-flex;display:flex;margin-top:30rpx}.head-wrap .flex-box .flex-item{-webkit-box-flex:1;-webkit-flex:1;flex:1}.head-wrap .flex-box .flex-item .num{font-size:30rpx;margin-bottom:20rpx}.head-wrap .flex-box .flex-item view{text-align:center;color:#fff;line-height:1}.menu-wrap{-webkit-border-radius:10rpx;border-radius:10rpx;margin:0 30rpx;padding:30rpx;background:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transform:translateY(-54rpx);transform:translateY(-54rpx)}.menu-wrap .menu-item{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.menu-wrap .menu-item .iconfont{font-size:28rpx;margin-right:6rpx}.task-wrap .title{font-size:32rpx;text-align:center;margin-bottom:40rpx}.task-wrap .title .text{margin:0 20rpx}.task-wrap .title .iconfont{font-size:20rpx;position:absolute;z-index:1}.task-wrap .title .color-base-text-light{z-index:0}.task-wrap .title .box{position:relative}.task-wrap .title .left{right:20rpx;top:6rpx}.task-wrap .title .left .color-base-text-light{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.task-wrap .title .right{left:0;top:6rpx}.task-wrap .title .right .color-base-text-light{-webkit-transform:translateX(50%);transform:translateX(50%)}.task-wrap .task-item{-webkit-border-radius:10rpx;border-radius:10rpx;background:#fff;padding:30rpx;margin:20rpx 30rpx 0 30rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.task-wrap .task-item .icon{width:80rpx;height:80rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;-webkit-border-radius:50%;border-radius:50%}.task-wrap .task-item .iconfont{font-size:40rpx}.task-wrap .task-item .wrap{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-left:30rpx}.task-wrap .task-item .wrap view{line-height:1;margin-top:10rpx}.task-wrap .task-item .btn{height:60rpx;line-height:60rpx;-webkit-border-radius:60rpx;border-radius:60rpx;text-align:center;width:130rpx;border:1px solid}