.hori-slide-container[data-v-4eae5117] {
  width: 100%;
  display: flex;
  flex-grow: 2;
  white-space: nowrap;
  overflow-x: auto;
}
.video-wrap[data-v-5dd2f12f] {
  width: 100%;
  height: 100%;
  padding: 0.625rem;
  box-sizing: border-box;
}
.video-wrap > video[data-v-5dd2f12f] {
  width: 18.75rem;
  height: 12.5rem;
}
.home-container[data-v-3dd2e005] {
  width: 100%;
  min-height: 100%;
  background-image: url(https://qnui.xfarmer.com/xfarmer-ui/h5Home/home-bg1.png);
  background-size: 100% 27rem;
  background-repeat: no-repeat;
  background-color: #fff;
  padding-bottom: 55px;
  box-sizing: border-box;
}
.home-container .back-top[data-v-3dd2e005] {
  position: fixed;
  right: 1.5rem;
  bottom: 6.2rem;
  width: 3.25rem;
  height: 3.25rem;
  z-index: 99;
}
.home-container .cooperation-content[data-v-3dd2e005] {
  width: 100%;
  padding: 0.625rem 0.8rem;
  padding-bottom: 1rem;
  box-sizing: border-box;
  font-size: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home-container .cooperation-content .title-menu[data-v-3dd2e005] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 1.13rem;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
  margin-top: 0.69rem;
}
.home-container .cooperation-content .title-menu > span[data-v-3dd2e005] {
  color: #fff;
  font-size: 1.13rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 0rem;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.home-container .cooperation-content .title-menu > a[data-v-3dd2e005] {
  position: absolute;
  right: 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.94rem;
  height: 1.56rem;
  background: #ffffff;
  border-radius: 0.56rem 0.56rem 0.56rem 0.56rem;
  opacity: 0.58;
  font-size: 0.63rem;
  font-weight: 500;
  color: #46d1af;
}
.home-container .cooperation-content .title-title[data-v-3dd2e005] {
  width: 100%;
  height: 1.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.home-container .cooperation-content .title-title > span[data-v-3dd2e005]:nth-child(1) {
  color: #fff;
}
.home-container .cooperation-content .title-title > span[data-v-3dd2e005]:nth-child(2) {
  color: #118ee9;
}
.home-container .swipe-wrap[data-v-3dd2e005] {
  width: 100%;
  margin-top: -0.8rem;
  padding: 0 0.94rem;
  box-sizing: border-box;
  position: relative;
}
.home-container .swipe-wrap .shadow1[data-v-3dd2e005] {
  width: 6rem;
  height: 90%;
  position: absolute;
  right: 0.64rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.38rem;
}
.home-container .swipe-wrap .shadow2[data-v-3dd2e005] {
  width: 6rem;
  height: 80%;
  position: absolute;
  right: 0.34rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background: #eee;
  opacity: 0.5;
  border-radius: 0.38rem;
}
.home-container .swipe-wrap .my-swipe[data-v-3dd2e005] {
  border-radius: 0.38rem;
}
.home-container .swipe-wrap .my-swipe .van-swipe-item[data-v-3dd2e005] {
  width: 100%;
  height: 7.06rem;
  color: #fff;
  font-size: 20px;
  text-align: center;
  padding: 0.81rem 0.38rem 0.88rem 0.94rem;
  box-sizing: border-box;
  height: 8.75rem;
  background: #ffffff;
  box-shadow: 0rem 0rem 0.63rem 0.06rem rgba(0, 0, 0, 0.1);
  border-radius: 0.38rem;
}
.home-container .swipe-wrap .my-swipe .land-container[data-v-3dd2e005] {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
}
.home-container .swipe-wrap .my-swipe .land-container .left[data-v-3dd2e005] {
  width: 7.06rem;
  min-width: 7.06rem;
  min-height: 7.06rem;
  background: #ffffff;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.home-container .swipe-wrap .my-swipe .land-container .right[data-v-3dd2e005] {
  height: 7.06rem;
  overflow: hidden;
}
.home-container .swipe-wrap .my-swipe .land-container .right > div[data-v-3dd2e005] {
  width: 100%;
  height: 0.97rem;
  padding-left: 0.625rem;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #666;
  font-size: 0.875rem;
}
.home-container .swipe-wrap .my-swipe .land-container .right > div[data-v-3dd2e005]:nth-child(1) {
  height: 1.38rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 1rem;
  color: #000;
  text-align: left;
  font-weight: 500;
}
.home-container .swipe-wrap .my-swipe .land-container .right > div[data-v-3dd2e005]:nth-child(2) {
  margin-top: 0.44rem;
  font-size: 0.88rem;
  font-weight: 400;
  color: #3a3a3a;
}
.home-container .swipe-wrap .my-swipe .land-container .right > div[data-v-3dd2e005]:nth-child(3) {
  margin-top: 0.44rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #666666;
}
.home-container .swipe-wrap .my-swipe .land-container .right > div:nth-child(3) .num[data-v-3dd2e005] {
  width: 1rem;
  height: 1rem;
  margin-right: 0.2rem;
}
.home-container .swipe-wrap .my-swipe .land-container .right > div[data-v-3dd2e005]:nth-child(4) {
  width: 100%;
  height: 2.13rem;
  box-sizing: border-box;
  text-align: left;
  margin-top: 0.44rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #999999;
  display: flex;
  align-items: flex-start;
}
.home-container .swipe-wrap .my-swipe .land-container .right > div:nth-child(4) > span[data-v-3dd2e005]:nth-child(1) {
  width: 9.69rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-container .swipe-wrap .my-swipe .land-container .right > div:nth-child(4) > span[data-v-3dd2e005]:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-container .swipe-wrap .my-swipe .land-container .right > div:nth-child(4) > span:nth-child(2) .icons[data-v-3dd2e005] {
  width: 0.71rem;
  height: 0.83rem;
  margin-right: 0.1rem;
}
.home-container .filter-menu[data-v-3dd2e005] {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0 1.44rem;
  box-sizing: border-box;
}
.home-container .filter-menu .tab-content[data-v-3dd2e005] {
  width: 100%;
  height: 2.06rem;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
}
.home-container .filter-menu .tab-content .tab-item[data-v-3dd2e005] {
  flex: 1;
  display: flex;
  align-items: center;
  font-size: 0.88rem;
  font-weight: 400;
  color: #aeaeae;
  position: relative;
}
.home-container .filter-menu .tab-content .tab-item[data-v-3dd2e005]:nth-child(2) {
  display: flex;
  justify-content: center;
}
.home-container .filter-menu .tab-content .tab-item[data-v-3dd2e005]:nth-child(3) {
  display: flex;
  justify-content: flex-end;
}
.home-container .filter-menu .tab-content .tab-select-item[data-v-3dd2e005]:nth-child(1)::after {
  content: " ";
  height: 0.25rem;
  position: absolute;
  top: 1.5rem;
  left: 0.8rem;
  margin: 0 auto;
  width: 1rem;
  height: 0.23rem;
  background: linear-gradient(180deg, #61e4a9 0%, #2be1d1 100%);
  border-radius: 0.19rem;
}
.home-container .filter-menu .tab-content .tab-select-item[data-v-3dd2e005]:nth-child(2) {
  justify-content: center;
}
.home-container .filter-menu .tab-content .tab-select-item[data-v-3dd2e005]:nth-child(2)::after {
  content: " ";
  height: 0.25rem;
  position: absolute;
  top: 1.5rem;
  width: 1rem;
  height: 0.13rem;
  background: linear-gradient(180deg, #61e4a9 0%, #2be1d1 100%);
  border-radius: 0.19rem;
}
.home-container .filter-menu .tab-content .tab-select-item[data-v-3dd2e005]:nth-child(3) {
  justify-content: flex-end;
}
.home-container .filter-menu .tab-content .tab-select-item[data-v-3dd2e005]:nth-child(3)::after {
  content: " ";
  height: 0.25rem;
  position: absolute;
  top: 1.5rem;
  right: 0.8rem;
  width: 1rem;
  height: 0.13rem;
  background: linear-gradient(180deg, #61e4a9 0%, #2be1d1 100%);
  border-radius: 0.19rem;
}
.home-container .filter-menu .tab-content .tab-select-item[data-v-3dd2e005] {
  color: #3a3a3a;
}
.home-container .farming-task-add[data-v-3dd2e005] {
  padding: 0.94rem;
  padding-bottom: 1.63rem;
  padding-top: 1rem;
  box-sizing: border-box;
}
.home-container .farming-task-add .inner-content[data-v-3dd2e005] {
  width: 100%;
  display: flex;
  height: 3.75rem;
  background: #ffffff;
  box-shadow: 0rem 0rem 0.63rem 0.06rem rgba(0, 0, 0, 0.1);
  border-radius: 0.38rem;
  overflow: hidden;
  align-items: center;
  padding-left: 0.56rem;
  box-sizing: border-box;
}
.home-container .farming-task-add .inner-content .left-img[data-v-3dd2e005] {
  width: 3.19rem;
  height: 3.13rem;
}
.home-container .farming-task-add .inner-content .right-content[data-v-3dd2e005] {
  flex: 1;
  height: 3.13rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: 0.3rem 0;
  box-sizing: border-box;
}
.home-container .farming-task-add .inner-content .right-content > div[data-v-3dd2e005]:nth-child(1) {
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
}
.home-container .farming-task-add .inner-content .right-content > div[data-v-3dd2e005]:nth-child(2) {
  font-size: 0.88rem;
  font-weight: 400;
  color: #666666;
}
.home-container .title-line[data-v-3dd2e005] {
  width: 100%;
  height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.625rem;
  box-sizing: border-box;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.home-container .title-line .title-content[data-v-3dd2e005] {
  width: 16.25rem;
  height: 2.13rem;
  background: #ffffff;
  border-radius: 1.25rem;
  border: 0.06rem solid #5ddac4;
  display: flex;
  align-content: center;
  padding: 0.19rem;
  box-sizing: border-box;
}
.home-container .title-line .title-content .task[data-v-3dd2e005] {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.home-container .title-line .title-content .task > img[data-v-3dd2e005] {
  width: 50%;
  height: 40%;
}
.home-container .title-line .title-content .task .noti[data-v-3dd2e005] {
  position: absolute;
  right: -0.5rem;
  top: -0.7rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #ffffff;
  background: linear-gradient(131deg, #ff658d 0%, #fc0e07 100%);
  border-radius: 0.44rem;
  padding: 0.05rem 0.1rem;
  display: flex;
  justify-content: flex-end;
}
.home-container .title-line .title-content .record[data-v-3dd2e005] {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-container .title-line .title-content .record > img[data-v-3dd2e005] {
  width: 50%;
  height: 40%;
}
.home-container .title-line .title-content .selected-menu[data-v-3dd2e005] {
  background: linear-gradient(149deg, #61e4a9 0%, #2be1d1 100%);
  box-shadow: 0rem 0rem 0.38rem 0.06rem rgba(93, 218, 196, 0.76);
  border-radius: 0.88rem;
}
.home-container .list-wrap[data-v-3dd2e005] {
  width: 100%;
  padding-bottom: 1.2rem;
  box-sizing: border-box;
  padding-left: 0.94rem;
  background: #f5f5f5;
  padding-right: 0.94rem;
  padding-top: 0.94rem;
}
.home-container .record-wrap[data-v-3dd2e005] {
  width: 100%;
  padding: 0.94rem;
  padding-top: 0.3rem;
  margin-top: 1rem;
  box-sizing: border-box;
}
.home-container .record-wrap .record-content[data-v-3dd2e005] {
  width: 100%;
  background: #ffffff;
  box-shadow: 0rem 0rem 0.63rem 0.06rem rgba(0, 0, 0, 0.08);
  border-radius: 0.31rem;
}
.home-container .record-wrap .record-content .card-item[data-v-3dd2e005] {
  width: 100%;
  padding: 1.06rem;
  box-sizing: border-box;
  margin-bottom: 0rem;
}
.home-container .record-wrap .record-content .card-item .line_1[data-v-3dd2e005] {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 0.64rem;
  box-sizing: border-box;
}
.home-container .record-wrap .record-content .card-item .line_1 .icons[data-v-3dd2e005] {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: -0.64rem;
}
.home-container .record-wrap .record-content .card-item .line_1 .info[data-v-3dd2e005] {
  padding-left: 0.64rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.home-container .record-wrap .record-content .card-item .line_1 .info > div[data-v-3dd2e005]:nth-child(1) {
  width: 5rem;
  font-size: 0.75rem;
  font-family: Arial;
  font-weight: 400;
  color: #000000;
}
.home-container .record-wrap .record-content .card-item .line_1 .info > div[data-v-3dd2e005]:nth-child(2) {
  font-size: 0.75rem;
  font-family: Arial;
  font-weight: 400;
  color: #999999;
}
.home-container .record-wrap .record-content .card-item .line_1 .info .more[data-v-3dd2e005] {
  width: 1.88rem;
  height: 1.13rem;
  position: absolute;
  right: 0;
  z-index: 1;
}
.home-container .record-wrap .record-content .card-item .line_1 .info .menus[data-v-3dd2e005] {
  position: absolute;
  right: -1rem;
  top: -0.3rem;
  opacity: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-container .record-wrap .record-content .card-item .line_1 .info .menus .right-btn[data-v-3dd2e005] {
  width: 4rem;
  height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
}
.home-container .record-wrap .record-content .card-item .line_1 .info .menus .edit[data-v-3dd2e005] {
  background: #61e4a9;
  border-radius: 0.4rem;
  color: #fff;
}
.home-container .record-wrap .record-content .card-item .line_1 .info .menus .del[data-v-3dd2e005] {
  background: #ddd;
  border-radius: 0.4rem;
  color: #666;
  margin-right: 0.4rem;
}
.home-container .record-wrap .record-content .card-item .line_1 .info .start-move[data-v-3dd2e005] {
  -webkit-animation: normalMove-3dd2e005 0.2s forwards;
          animation: normalMove-3dd2e005 0.2s forwards;
}
.home-container .record-wrap .record-content .card-item .line_1 .info .end-move[data-v-3dd2e005] {
  -webkit-animation: reverseMove-3dd2e005 0.2s forwards;
          animation: reverseMove-3dd2e005 0.2s forwards;
}
.home-container .record-wrap .record-content .card-item .line_2[data-v-3dd2e005] {
  font-size: 0.88rem;
  font-weight: 400;
  color: #3a3a3a;
  margin-top: 0.23rem;
  padding-left: 1.28rem;
  box-sizing: border-box;
}
.home-container .record-wrap .record-content .card-item .line_3[data-v-3dd2e005] {
  font-size: 0.75rem;
  font-weight: 400;
  color: #666666;
  margin-top: 0.23rem;
  padding-left: 1.28rem;
  box-sizing: border-box;
}
.home-container .record-wrap .record-content .card-item .line_5[data-v-3dd2e005] {
  margin-top: 0.75rem;
  box-sizing: border-box;
  width: 100%;
  height: 9.06rem;
  position: relative;
}
.home-container .record-wrap .record-content .card-item .line_5 > video[data-v-3dd2e005] {
  width: 100%;
  height: 100%;
}
.home-container .record-wrap .record-content .card-item .line_5 .poster-wrap[data-v-3dd2e005] {
  width: 100%;
  height: 100%;
  padding-left: 1.28rem;
  box-sizing: border-box;
  position: relative;
}
.home-container .record-wrap .record-content .card-item .line_5 .poster-wrap .poster[data-v-3dd2e005] {
  width: 100%;
  height: 100%;
}
.home-container .record-wrap .record-content .card-item .line_5 .poster-wrap .play[data-v-3dd2e005] {
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  left: 1rem;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.home-container .record-wrap .record-content .card-item .line_4[data-v-3dd2e005] {
  width: 100%;
  display: flex;
  margin-top: 0.75rem;
  padding-left: 1.28rem;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.home-container .record-wrap .record-content .card-item .line_4 .img-item[data-v-3dd2e005] {
  width: 5.4rem;
  height: 5.4rem;
  margin-right: 0.56rem;
  margin-top: 0.56rem;
}
.home-container .record-wrap .record-content .card-item .line_6[data-v-3dd2e005] {
  width: 100%;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.75rem;
  font-family: Arial;
  font-weight: 400;
  color: #000000;
  margin-top: 0.75rem;
}
.home-container .record-wrap .record-content .card-item .line_6 .other[data-v-3dd2e005] {
  display: flex;
  align-items: center;
  margin-left: 0.8rem;
}
.home-container .record-wrap .record-content .card-item .line_6 .other .icons[data-v-3dd2e005] {
  width: 0.88rem;
  height: 0.81rem;
  margin-right: 0.3rem;
}
.home-container .null-wrap[data-v-3dd2e005] {
  width: 100%;
  height: 17.88rem;
  padding: 0 0.94rem;
  box-sizing: border-box;
}
.home-container .null-wrap .null-card[data-v-3dd2e005] {
  width: 100%;
  height: 100%;
  box-shadow: 0rem 0rem 0.63rem 0.06rem rgba(0, 0, 0, 0.08);
  border-radius: 0.31rem;
  background: url(https://qnui.xfarmer.com/xfarmer-ui/h5Home/kong.png);
  background-repeat: no-repeat;
  background-size: 60% 60%;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 0.3rem;
  box-sizing: border-box;
}
.home-container .null-wrap .null-card .text[data-v-3dd2e005] {
  font-size: 0.63rem;
  font-weight: 400;
  margin-bottom: 0.3rem;
  color: #666666;
}
.home-container .null-wrap .null-card .btn[data-v-3dd2e005] {
  width: 6.88rem;
  height: 1.88rem;
  background: linear-gradient(154deg, #61e4a9 0%, #2be1d1 100%);
  box-shadow: 0rem 0.19rem 0.38rem 0.06rem rgba(0, 0, 0, 0.1);
  border-radius: 0.94rem;
  font-size: 0.88rem;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@-webkit-keyframes normalMove-3dd2e005 {
0% {
    right: -1rem;
    opacity: 0;
}
100% {
    right: 2rem;
    opacity: 1;
}
}
@keyframes normalMove-3dd2e005 {
0% {
    right: -1rem;
    opacity: 0;
}
100% {
    right: 2rem;
    opacity: 1;
}
}
@-webkit-keyframes reverseMove-3dd2e005 {
0% {
    right: 2rem;
    opacity: 1;
}
100% {
    right: -1rem;
    opacity: 0;
}
}
@keyframes reverseMove-3dd2e005 {
0% {
    right: 2rem;
    opacity: 1;
}
100% {
    right: -1rem;
    opacity: 0;
}
}