body .home {
  padding: 8.75vw 0 0 0
}

body .home .banner {
  position: relative;
  margin: 0 1.45833vw
}

body .home .banner .bg {
  width: 100%;
  display: block;
  object-fit: cover
}

body .home .banner .text {
  position: absolute;
  left: 0;
  top: 2.6875vw;
  width: 100%;
  text-align: center
}

body .home .banner .text .p1 {
  color: #3E2882;
  font-size: 10.41667vw;
  line-height: 1.5
}

body .home .banner .text .p2 {
  margin: 1.35417vw 0 .625vw 0;
  color: #111;
  font-weight: 700;
  line-height: 1.56
}

body .home .banner .text .des {
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.4;
  max-width: 62.5vw;
  margin: 0 auto;
  margin-bottom: 40px;
}

body .home .container .sec1 {
  padding: 5.20833vw 0 5.72917vw 0;
  background: url(../images/jbg1.png) no-repeat;
  background-size: 100% 100%;
  background-position: center
}

body .home .container .sec1 .title {
  text-align: center;
  color: #5D5D62;
  font-weight: 700;
  line-height: 1.375
}

body .home .container .sec1 .title span {
  background: linear-gradient(90deg, dimgray 0%, #D9D9D9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

body .home .container .sec1 .tabs {
  display: flex;
  justify-content: center;
  gap: 2.08333vw;
  margin: 2.1875vw 0 6.35417vw 0
}

body .home .container .sec1 .tabs .item {
  border-radius: 1000px;
  background: linear-gradient(90deg, rgba(196, 173, 255, 0.1) 0%, rgba(102, 51, 238, 0.1) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.45833vw;
  height: 2.60417vw;
  gap: 1.25vw;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: all 600ms
}

body .home .container .sec1 .tabs .item::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #8455E7 0%, #E298A6 100%);
  z-index: -1;
  opacity: 0;
  transition: all 600ms
}

body .home .container .sec1 .tabs .item svg {
  width: .625vw;
  display: block
}

body .home .container .sec1 .tabs .item svg path {
  transition: all 600ms
}

body .home .container .sec1 .tabs .item.on {
  color: white
}

body .home .container .sec1 .tabs .item.on::before {
  opacity: 1
}

body .home .container .sec1 .tabs .item.on svg path {
  fill: #fff;
  fill-opacity: 1
}

body .home .container .sec1 .list {
  display: inline
}

body .home .container .sec1 .list .item {
  display: flex;
  justify-content: center;
  gap: 3.125vw
}

body .home .container .sec1 .list .item:not(:last-child) {
  margin-bottom: 4.94792vw
}

body .home .container .sec1 .list .item:nth-child(2n) {
  flex-direction: row-reverse
}

body .home .container .sec1 .list .item .pic {
  width: 24.0625vw;
  border-radius: 1.5625vw;
  overflow: hidden;
  background: #fff;
}

body .home .container .sec1 .list .item .pic img {
  width: 100%;
  display: block;
  object-fit: contain;
  height: 16.979vw;
  transition: all 600ms
}

body .home .container .sec1 .list .item .text {
  width: 27.08333vw
}

body .home .container .sec1 .list .item .text .p1 {
  line-height: 1.5
}

body .home .container .sec1 .list .item .text .des {
  color: #666;
  line-height: 1.5;
  margin-top: 3.48958vw
}

body .home .container .sec1 .list .item:hover .pic img {
  transform: scale(1.05)
}

body .home .container .sec2 .t1 {
  line-height: 1.5;
  text-align: center
}

body .home .container .sec2 .tags {
  display: flex;
  justify-content: center;
  gap: 3.33333vw;
  margin: 2.08333vw 0 4.79167vw 0
}

body .home .container .sec2 .tags .item {
  display: flex;
  gap: .625vw;
  line-height: 1.5
}

body .home .container .sec2 .tags .item .ptext {
  display: flex
}

body .home .container .sec2 .tags .item .ptext span {
  margin: 0 .625vw;
  color: rgba(0, 0, 0, 0.4)
}

body .home .container .sec2 .tags .item .ptext p {
  background: linear-gradient(90deg, #C4ADFF 0%, #63E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

body .home .container .sec2 .t2 {
  color: #111;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 2.08333vw
}

body .home .container .sec2 .content {
  width: 68.75vw;
  border-radius: 1.5625vw;
  border: 2px solid rgba(255, 255, 255, 0.6);
  background: rgba(242, 238, 255, 0.6);
  backdrop-filter: blur(100px);
  margin: 0 auto;
  padding: 2.91667vw 4.58333vw 2.5vw 4.58333vw;
  position: relative
}

body .home .container .sec2 .content .bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 57.29167vw;
  top: -5.20833vw;
  opacity: .5
}

body .home .container .sec2 .content .d_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 10
}

body .home .container .sec2 .content .d_top .lbox {
  display: flex;
  gap: 3.4375vw
}

body .home .container .sec2 .content .d_top .lbox .search input {
  width: 13.33333vw;
  border-radius: 2.08333vw;
  outline: none;
  border: 1px solid #C4ADFF;
  background: #FFF;
  padding: .78125vw .9375vw;
  font-size: .72917vw
}

body .home .container .sec2 .content .d_top .lbox .search input::placeholder {
  color: rgba(0, 0, 0, 0.4)
}

body .home .container .sec2 .content .d_top .lbox .bm {
  position: relative;
  border-radius: 2.08333vw
}

body .home .container .sec2 .content .d_top .lbox .bm .b1 {
  width: 13.33333vw;
  border-radius: 2.08333vw;
  background: #FFF;
  padding: .78125vw .9375vw;
  font-size: .72917vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  transition: all 600ms
}

body .home .container .sec2 .content .d_top .lbox .bm .b1 img {
  width: 1.25vw
}

body .home .container .sec2 .content .d_top .lbox .bm .b2 {
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  width: 100%;
  z-index: 10;
  display: none;
  border-bottom-left-radius: 2.08333vw;
  border-bottom-right-radius: 2.08333vw
}

body .home .container .sec2 .content .d_top .lbox .bm .b2 p {
  cursor: pointer;
  padding: .52083vw .9375vw;
  color: rgba(0, 0, 0, 0.4);
  transition: all 600ms
}

body .home .container .sec2 .content .d_top .lbox .bm .b2 p:hover {
  color: #000
}

body .home .container .sec2 .content .d_top .lbox .bm.show .b1 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

body .home .container .sec2 .content .d_top .rbox {
  display: flex;
  align-items: center
}

body .home .container .sec2 .content .d_top .rbox p {
  font-weight: 700;
  line-height: 1.5
}

body .home .container .sec2 .content .d_top .rbox .wx {
  width: 1.71875vw;
  margin: 0 1.77083vw 0 1.35417vw
}

body .home .container .sec2 .content .d_top .rbox .code {
  width: 2.1875vw
}

body .home .container .sec2 .content .list {
  margin: 2.1875vw 0 2.5vw 0
}

body .home .container .sec2 .content .list .item {
  border-radius: 1.04167vw;
  background: #F5F8FE;
  position: relative;
  z-index: 1
}

body .home .container .sec2 .content .list .item::before {
  content: '';
  display: block;
  position: absolute;
  left: -2px;
  top: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: url(../images/jboder2.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transition: all 600ms;
  z-index: -1
}

body .home .container .sec2 .content .list .item:not(:last-child) {
  margin-bottom: 1.04167vw
}

body .home .container .sec2 .content .list .item .d1 {
  border-radius: 1.04167vw;
  background: #FFF;
  padding: 1.25vw 2.60417vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 2
}

body .home .container .sec2 .content .list .item .d1::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/jboder1.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transition: all 600ms;
  z-index: -1
}

body .home .container .sec2 .content .list .item .d1 .p1 {
  width: 13.02083vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  line-height: 1.5
}

body .home .container .sec2 .content .list .item .d1 .p2 {
  width: 23.02083vw;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5
}

body .home .container .sec2 .content .list .item .d1 .p3 {
  width: 4.53125vw;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5
}

body .home .container .sec2 .content .list .item .d1 .icon {
  position: relative
}

body .home .container .sec2 .content .list .item .d1 .icon img {
  width: 1.5625vw;
  transition: all 600ms;
  display: block
}

body .home .container .sec2 .content .list .item .d1 .icon img:nth-child(2) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0
}

body .home .container .sec2 .content .list .item .d1:hover::before {
  opacity: 1
}

body .home .container .sec2 .content .list .item .d2 {
  padding: 1.04167vw 2.1875vw 1.25vw 2.60417vw;
  display: none
}

body .home .container .sec2 .content .list .item .d2 .flex {
  display: flex;
  justify-content: space-between
}

body .home .container .sec2 .content .list .item .d2 .flex .nr {
  width: 23.59375vw
}

body .home .container .sec2 .content .list .item .d2 .flex .nr .p1 {
  color: #333;
  font-weight: 500;
  line-height: 1.5
}

body .home .container .sec2 .content .list .item .d2 .flex .nr .des {
  color: #666;
  line-height: 1.5;
  margin-top: .41667vw
}

body .home .container .sec2 .content .list .item .d2 .btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.45833vw
}

body .home .container .sec2 .content .list .item .d2 .btn a {
  display: inline-flex;
  padding: .67708vw 2.55208vw .67708vw 2.23958vw;
  align-items: center;
  gap: 1.04167vw;
  border-radius: 1000px;
  background: linear-gradient(270deg, #8455E7 0%, #E298A6 100%);
  color: white;
  cursor: pointer
}

body .home .container .sec2 .content .list .item .d2 .btn a img {
  width: .41667vw;
  display: block;
  transition: all 600ms
}

body .home .container .sec2 .content .list .item .d2 .btn a:hover img {
  transform: rotate(-45deg)
}

body .home .container .sec2 .content .list .item.on::before {
  opacity: 1
}

body .home .container .sec2 .content .list .item.on .d1 p {
  background: linear-gradient(90deg, #C4ADFF 0%, #63E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

body .home .container .sec2 .content .list .item.on .d1 .icon img:nth-child(1) {
  opacity: 0
}

body .home .container .sec2 .content .list .item.on .d1 .icon img:nth-child(2) {
  opacity: 1
}

body .home .container .sec2 .content .list .item.on .d1::before {
  opacity: 0 !important
}

body .home .container .sec2 .content .pager {
  display: flex;
  justify-content: center;
  gap: 3.125vw;
  align-items: center
}

body .home .container .sec2 .content .pager .prev,
body .home .container .sec2 .content .pager .next {
  width: 3.125vw;
  height: 3.125vw;
  cursor: pointer;
  transition: 0.6s;
  background: url(../images/left.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.04167vw
}

body .home .container .sec2 .content .pager .prev img,
body .home .container .sec2 .content .pager .next img {
  display: block;
  width: .41667vw;
  transition: all 600ms
}

body .home .container .sec2 .content .pager .prev:hover,
body .home .container .sec2 .content .pager .next:hover {
  box-shadow: 0 4px 20px 0 rgba(102, 51, 238, 0.4)
}

body .home .container .sec2 .content .pager .prev:hover img {
  transform: translate(-.10417vw, -.10417vw) rotate(45deg)
}

body .home .container .sec2 .content .pager .next img {
  transform: rotateY(180deg)
}

body .home .container .sec2 .content .pager .next:hover img {
  transform: translate(.10417vw, -.10417vw) rotateY(180deg) rotate(45deg)
}

body .home .container .sec2 .content .pager .nums {
  display: flex;
  gap: 1.04167vw
}

body .home .container .sec2 .content .pager .nums a {
  width: .625vw;
  height: .625vw;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2)
}

body .home .container .sec2 .content .pager .nums a:hover,
body .home .container .sec2 .content .pager .nums a.on {
  background: linear-gradient(270deg, #8455E7 0%, #E298A6 100%)
}

body .home .container .sec3 {
  padding: 9.6875vw 16.71875vw 5.05208vw 16.71875vw;
  background: url(../images/jbg1.png) no-repeat;
  background-size: 100% 100%;
  background-position: center
}

body .home .container .sec3 .title {
  text-align: center;
  color: #5D5D62;
  font-weight: 700;
  line-height: 1.375
}

body .home .container .sec3 .title span {
  background: linear-gradient(90deg, dimgray 0%, #D9D9D9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

body .home .container .sec3 .tabs {
  display: flex;
  justify-content: center;
  gap: 2.08333vw;
  margin: 2.1875vw 0 4.79167vw 0
}

body .home .container .sec3 .tabs .item {
  border-radius: 1000px;
  background: linear-gradient(90deg, rgba(196, 173, 255, 0.1) 0%, rgba(102, 51, 238, 0.1) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.45833vw;
  height: 2.60417vw;
  gap: 1.25vw;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: all 600ms
}

body .home .container .sec3 .tabs .item::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #8455E7 0%, #E298A6 100%);
  z-index: -1;
  opacity: 0;
  transition: all 600ms
}

body .home .container .sec3 .tabs .item svg {
  width: .625vw;
  display: block
}

body .home .container .sec3 .tabs .item svg path {
  transition: all 600ms
}

body .home .container .sec3 .tabs .item.on {
  color: white
}

body .home .container .sec3 .tabs .item.on::before {
  opacity: 1
}

body .home .container .sec3 .tabs .item.on svg path {
  fill: #fff;
  fill-opacity: 1
}

body .home .container .sec3 .form .chose {
  margin-bottom: 1.04167vw
}

body .home .container .sec3 .form .chose .p1 {
  font-weight: 500;
  margin-bottom: .83333vw
}

body .home .container .sec3 .form .chose .p1 span {
  color: #F00;
  margin-left: 2px
}

body .home .container .sec3 .form .chose .clist {
  display: flex;
  gap: 3.125vw
}

body .home .container .sec3 .form .chose .clist .c1 {
  display: flex;
  align-items: center;
  gap: .41667vw;
  line-height: 1.5;
  cursor: pointer
}

body .home .container .sec3 .form .chose .clist .c1 .c {
  width: 1.04167vw;
  height: 1.04167vw;
  border-radius: 50%;
  border: 1px solid #666;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px
}

body .home .container .sec3 .form .chose .clist .c1 .c img {
  width: 1.04167vw;
  opacity: 0;
  transition: all 600ms;
  display: block
}

body .home .container .sec3 .form .chose .clist .c1 p {
  color: #666
}

body .home .container .sec3 .form .chose .clist .c1.on .c {
  border: none
}

body .home .container .sec3 .form .chose .clist .c1.on .c img {
  opacity: 1
}

body .home .container .sec3 .form .chose .clist2 {
  display: flex;
  gap: .625vw
}

body .home .container .sec3 .form .chose .clist2 .c1 {
  padding: .67708vw 2.08333vw;
  line-height: 1.5;
  border-radius: 40px;
  border: 1px solid #C4ADFF;
  background: #FFF;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.6);
  transition: all 600ms
}

body .home .container .sec3 .form .chose .clist2 .c1.on {
  border-radius: 1000px;
  background: linear-gradient(90deg, #C4ADFF 0%, #63E 100%);
  color: white
}

body .home .container .sec3 .form .box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.04167vw 6.25vw;
  margin-bottom: 1.04167vw
}

body .home .container .sec3 .form .box .item {
  width: 100%
}

body .home .container .sec3 .form .box .item .p1 {
  font-weight: 500;
  margin-bottom: .83333vw
}

body .home .container .sec3 .form .box .item .p1 span {
  color: #F00;
  margin-left: 2px
}

body .home .container .sec3 .form .box .item .sr {
  position: relative
}

body .home .container .sec3 .form .box .item .sr input {
  width: 100%;
  border-radius: 1.04167vw;
  height: 3.125vw;
  border: 1px solid rgba(0, 0, 0, 0.6);
  background: rgba(255, 255, 255, 0);
  padding: .9375vw 1.04167vw;
  outline: none;
  font-size: .72917vw
}

body .home .container .sec3 .form .box .item .sr input::placeholder {
  color: rgba(0, 0, 0, 0.6)
}

body .home .container .sec3 .form .box .item .sr img {
  position: absolute;
  right: 1.25vw;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25vw;
  display: block
}

body .home .container .sec3 .form .box .item .select_data {
  position: relative;
  cursor: pointer;
  z-index: 10
}

body .home .container .sec3 .form .box .item .select_data .mr {
  position: relative;
  width: 100%;
  border-radius: 1.04167vw;
  height: 3.125vw;
  border: 1px solid rgba(0, 0, 0, 0.6);
  background: rgba(255, 255, 255, 0);
  padding: .9375vw 1.04167vw;
  outline: none;
  font-size: .72917vw
}

body .home .container .sec3 .form .box .item .select_data .mr img {
  position: absolute;
  right: 1.25vw;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25vw;
  display: block
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container {
  position: absolute;
  top: 3.85417vw;
  left: 0;
  width: 35.9375vw;
  border-radius: 1.30208vw;
  background: #F5F5F5;
  padding: .83333vw 2.60417vw 1.14583vw;
  transform: translateY(1.04167vw);
  opacity: 0;
  pointer-events: none
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .selected-date-display p {
  color: #1A1A1A;
  font-weight: 400;
  line-height: 150%
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1.40625vw 0 1.14583vw
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .calendar-header .current-month {
  color: #1A1A1A;
  font-weight: 400;
  line-height: 150%
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .calendar-header .jt {
  width: 2.8125vw;
  height: 2.8125vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.6s
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .calendar-header .jt img {
  display: block;
  width: .52083vw;
  filter: brightness(0);
  opacity: 0.5;
  transition: 0.6s
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .calendar-header .jt:nth-child(1) {
  transform: rotate(180deg)
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .calendar-header .jt:hover {
  background: rgba(0, 105, 255, 0.08)
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .calendar-header .jt:hover img {
  filter: brightness(1);
  opacity: 1
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .weekdays {
  display: flex;
  align-items: center;
  gap: .625vw .41667vw;
  margin-bottom: 1.14583vw
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .weekdays div {
  width: 3.22917vw;
  color: #1A1A1A;
  text-align: center;
  font-size: .88542vw;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .days {
  display: flex;
  flex-wrap: wrap;
  gap: .625vw .41667vw
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .days .day {
  width: 3.22917vw;
  height: 3.22917vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(26, 26, 26, 0.61);
  font-size: 1.14583vw;
  font-weight: 400
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .days .day.other-month {
  opacity: 0;
  pointer-events: none
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container .days .day:hover,
body .home .container .sec3 .form .box .item .select_data .date-picker-container .days .day.selected {
  background: rgba(0, 105, 255, 0.08);
  color: #0060E6;
  font-weight: 700
}

body .home .container .sec3 .form .box .item .select_data .date-picker-container.on {
  transition: ease .3s;
  opacity: 1;
  transform: translateY(.52083vw);
  pointer-events: auto
}

body .home .container .sec3 .form .c_input {
  width: 39.84375vw;
  margin-bottom: 1.04167vw
}

body .home .container .sec3 .form .c_input .p1 {
  font-weight: 500;
  margin-bottom: .83333vw;
  display: flex;
  align-items: center
}

body .home .container .sec3 .form .c_input .p1 span {
  color: #F00;
  margin-left: 2px
}

body .home .container .sec3 .form .c_input .p1 a {
  margin-left: 1.04167vw;
  text-decoration: underline
}

body .home .container .sec3 .form .c_input .sr input {
  width: 100%;
  border-radius: 1.04167vw;
  height: 3.125vw;
  border: 1px solid rgba(0, 0, 0, 0.6);
  background: rgba(255, 255, 255, 0);
  padding: .9375vw 1.04167vw;
  outline: none;
  font-size: .72917vw
}

body .home .container .sec3 .form .c_input .sr input::placeholder {
  color: rgba(0, 0, 0, 0.6)
}

body .home .container .sec3 .form .c_input .sr textarea {
  width: 100%;
  border-radius: 1.04167vw;
  height: 10.41667vw;
  border: 1px solid rgba(0, 0, 0, 0.6);
  background: rgba(255, 255, 255, 0);
  padding: .9375vw 1.04167vw;
  outline: none;
  font-size: .72917vw;
  resize: none
}

body .home .container .sec3 .form .c_input .sr textarea::placeholder {
  color: rgba(0, 0, 0, 0.6)
}

body .home .container .sec3 .form .c_input .upload {
  width: 8.33333vw;
  height: 8.33333vw;
  border-radius: 1.04167vw;
  border: 1px solid rgba(0, 0, 0, 0.6);
  background: rgba(255, 255, 255, 0);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .83333vw;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.5;
  position: relative
}

body .home .container .sec3 .form .c_input .upload input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer
}

body .home .container .sec3 .form .c_input .upload .icon img {
  width: 2.08333vw
}

body .home .container .sec3 .form .c_input .upload2 {
  width: 10.41667vw;
  height: 3.125vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.04167vw;
  background: linear-gradient(90deg, #C4ADFF 0%, #63E 100%);
  gap: 1.14583vw;
  color: #fff;
  line-height: 1.5;
  position: relative;
  cursor: pointer
}

body .home .container .sec3 .form .c_input .upload2 input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer
}

body .home .container .sec3 .form .c_input .upload2 img {
  width: 1.25vw
}

body .home .container .sec3 .form .c_input .uploadName {
  margin-bottom: 1.04167vw;
  display: none
}

body .home .container .sec3 .form .c_input .uploadName.show {
  display: block
}

body .home .container .sec3 .form .c_input .uploadName .p {
  margin-bottom: 10px
}

body .home .container .sec3 .form .c_input .uploadName .pu {
  display: flex;
  align-items: center
}

body .home .container .sec3 .form .c_input .uploadName .pu .close {
  margin-left: 1.04167vw;
  cursor: pointer
}

body .home .container .sec3 .form .c_input .uploadName .pu .close img {
  width: 20px
}

body .home .container .sec3 .form .c_input .flex {
  display: flex
}

body .home .container .sec3 .form .c_input .flex .pic_box {
  margin-right: 1.04167vw;
  display: none
}

body .home .container .sec3 .form .c_input .flex .pic_box .pic_item {
  position: relative
}

body .home .container .sec3 .form .c_input .flex .pic_box .pic_item:not(:last-child) {
  margin-right: 1.04167vw
}

body .home .container .sec3 .form .c_input .flex .pic_box .pic_item img {
  width: 8.33333vw;
  height: 8.33333vw
}

body .home .container .sec3 .form .c_input .flex .pic_box .pic_item .del-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  background: #fff;
  width: 1.30208vw;
  height: 1.30208vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

body .home .container .sec3 .form .c_input .flex .pic_box .pic_item .del-btn img {
  width: 1.04167vw;
  height: auto
}

body .home .container .sec3 .form .c_input .flex .pic_box.show {
  display: flex
}

body .home .container .sec3 .form .form_box .f_box {
  display: none
}

body .home .container .sec3 .form .form_box .f_box.on {
  display: block
}

body .home .container .sec3 .btn {
  display: flex;
  justify-content: center
}

body .home .container .sec3 .btn .submit {
  display: inline-flex;
  padding: .67708vw 2.55208vw .67708vw 2.23958vw;
  align-items: center;
  gap: 1.04167vw;
  border-radius: 1000px;
  background: linear-gradient(270deg, #8455E7 0%, #E298A6 100%);
  color: white;
  cursor: pointer
}

body .home .container .sec3 .btn .submit img {
  width: .41667vw;
  display: block;
  transition: all 600ms
}

body .home .container .sec3 .btn .submit:hover img {
  transform: rotate(-45deg)
}

@media screen and (max-width: 768px) {
  body .home {
    padding-top: 0
  }

  body .home .banner {
    margin: 80px 16px 0
  }

  body .home .banner .bg {
    height: 270px;
    border-radius: 15px
  }

  body .home .banner .text {
    top: 10px
  }

  body .home .banner .text .p1 {
    font-size: 32px
  }

  body .home .banner .text .p2 {
    font-size: 18px;
    margin: 8px
  }

  body .home .banner .text .des {
    font-size: 14px;
    max-width: 80%;
    line-height: 1.5
  }

  body .home .container .sec1 {
    padding: 30px 0
  }

  body .home .container .sec1 .title {
    font-size: 18px
  }

  body .home .container .sec1 .tabs {
    margin-top: 20px;
    gap: 20px
  }

  body .home .container .sec1 .tabs .item {
    width: 120px;
    height: 35px;
    font-size: 14px;
    gap: 12px
  }

  body .home .container .sec1 .tabs .item svg {
    width: 6px
  }

  body .home .container .sec1 .list {
    width: 90%;
    display: block;
    margin: 0 auto
  }

  body .home .container .sec1 .list .item {
    flex-direction: column !important;
    gap: 15px
  }

  body .home .container .sec1 .list .item:not(:last-child) {
    margin-bottom: 30px
  }

  body .home .container .sec1 .list .item:not(:last-child) .pic img{
    height: 240px;
  }
  body .home .container .sec1 .list .item .pic {
    width: 100%;
    border-radius: 10px;
    overflow: hidden
  }

  body .home .container .sec1 .list .item .pic img {
    height: auto
  }

  body .home .container .sec1 .list .item .text {
    width: 100%
  }

  body .home .container .sec1 .list .item .text .p1 {
    font-size: 18px
  }

  body .home .container .sec1 .list .item .text .des {
    margin-top: 5px;
    font-size: 14px
  }

  body .home .container .sec2 .tags {
    margin: 20px 5%;
    gap: 10px;
    flex-wrap: wrap
  }

  body .home .container .sec2 .tags .item {
    gap: 6px
  }

  body .home .container .sec2 .tags .item span {
    margin: 0 6px
  }

  body .home .container .sec2 .t2 {
    margin-bottom: 20px
  }

  body .home .container .sec2 .content {
    width: 90%;
    border-radius: 15px;
    padding: 10px
  }

  body .home .container .sec2 .content .bg {
    width: 100%;
    top: 0
  }

  body .home .container .sec2 .content .d_top {
    flex-direction: column
  }

  body .home .container .sec2 .content .d_top .lbox {
    gap: 10px;
    flex-direction: column;
    width: 100%
  }

  body .home .container .sec2 .content .d_top .lbox .search {
    width: 100%
  }

  body .home .container .sec2 .content .d_top .lbox .search input {
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
    width: 100%
  }

  body .home .container .sec2 .content .d_top .lbox .bm .b1 {
    width: 100%;
    padding: 10px;
    font-size: 14px
  }

  body .home .container .sec2 .content .d_top .lbox .bm .b1 img {
    width: 20px
  }

  body .home .container .sec2 .content .d_top .lbox .bm .b2 p {
    padding: 10px
  }

  body .home .container .sec2 .content .d_top .rbox {
    margin: 20px 0
  }

  body .home .container .sec2 .content .d_top .rbox .wx {
    width: 20px;
    margin: 0 15px
  }

  body .home .container .sec2 .content .d_top .rbox .code {
    width: 60px
  }

  body .home .container .sec2 .content .list {
    margin: 20px 0
  }

  body .home .container .sec2 .content .list .item {
    border-radius: 8px
  }

  body .home .container .sec2 .content .list .item::before {
    width: 100%;
    height: 100%;
    display: none
  }

  body .home .container .sec2 .content .list .item:not(:last-child) {
    margin-bottom: 10px
  }

  body .home .container .sec2 .content .list .item .d1 {
    border-radius: 8px;
    padding: 10px 15px;
    font-size: 12px;
    gap: 10px
  }

  body .home .container .sec2 .content .list .item .d1 p {
    width: 100px !important;
    text-align: center
  }

  body .home .container .sec2 .content .list .item .d1 .icon img {
    width: 14px
  }

  body .home .container .sec2 .content .list .item .d2 {
    padding: 10px
  }

  body .home .container .sec2 .content .list .item .d2 .flex {
    flex-direction: column;
    gap: 10px
  }

  body .home .container .sec2 .content .list .item .d2 .flex .nr {
    width: 100%
  }

  body .home .container .sec2 .content .list .item .d2 .flex .nr .p1 {
    font-size: 14px
  }

  body .home .container .sec2 .content .list .item .d2 .flex .nr .des {
    margin-top: 4px;
    font-size: 14px
  }

  body .home .container .sec2 .content .list .item .d2 .btn {
    margin-top: 14px
  }

  body .home .container .sec2 .content .list .item .d2 .btn a {
    padding: 8px 18px;
    font-size: 14px;
    gap: 10px
  }

  body .home .container .sec2 .content .list .item .d2 .btn a img {
    width: 6px
  }

  body .home .container .sec2 .content .list .item.on {
    border: 1px solid rgba(132, 85, 231, 0.5)
  }

  body .home .container .sec2 .content .pager {
    gap: 30px
  }

  body .home .container .sec2 .content .pager .prev,
  body .home .container .sec2 .content .pager .next {
    width: 30px;
    height: 30px;
    border-radius: 12px
  }

  body .home .container .sec2 .content .pager .prev img,
  body .home .container .sec2 .content .pager .next img {
    width: 5px
  }

  body .home .container .sec2 .content .pager .nums {
    gap: 10px
  }

  body .home .container .sec2 .content .pager .nums a {
    width: 8px;
    height: 8px
  }

  body .home .container .sec3 {
    padding: 50px 5%
  }

  body .home .container .sec3 .title {
    font-size: 18px
  }

  body .home .container .sec3 .tabs {
    margin-top: 20px;
    gap: 20px
  }

  body .home .container .sec3 .tabs .item {
    width: 120px;
    height: 35px;
    font-size: 14px;
    gap: 12px
  }

  body .home .container .sec3 .tabs .item svg {
    width: 6px
  }

  body .home .container .sec3 .form .chose {
    margin-bottom: 10px
  }

  body .home .container .sec3 .form .chose .p1 {
    margin-bottom: 8px;
    font-size: 16px
  }

  body .home .container .sec3 .form .chose .clist {
    gap: 20px
  }

  body .home .container .sec3 .form .chose .clist .c1 {
    gap: 8px;
    font-size: 14px
  }

  body .home .container .sec3 .form .chose .clist .c1 .c {
    width: 12px;
    height: 12px
  }

  body .home .container .sec3 .form .chose .clist .c1 .c img {
    width: 12px
  }

  body .home .container .sec3 .form .chose .clist2 {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
  }

  body .home .container .sec3 .form .chose .clist2 .c1 {
    width: 100%;
    gap: 8px;
    font-size: 14px;
    padding: 8px 0;
    text-align: center
  }

  body .home .container .sec3 .form .box {
    gap: 10px;
    margin-bottom: 10px;
    grid-template-columns: repeat(1, 1fr)
  }

  body .home .container .sec3 .form .box .item .p1 {
    margin-bottom: 8px;
    font-size: 16px
  }

  body .home .container .sec3 .form .box .item .sr input {
    border-radius: 10px;
    height: 40px;
    padding: 9px 10px;
    font-size: 14px
  }

  body .home .container .sec3 .form .box .item .sr img {
    right: 10px;
    width: 20px
  }

  body .home .container .sec3 .form .box .item .select_data .mr {
    border-radius: 10px;
    height: 40px;
    padding: 9px 10px;
    font-size: 14px
  }

  body .home .container .sec3 .form .box .item .select_data .mr img {
    right: 10px;
    width: 20px
  }

  body .home .container .sec3 .form .box .item .select_data .date-picker-container {
    top: 60px;
    width: 100%;
    padding: 20px
  }

  body .home .container .sec3 .form .box .item .select_data .date-picker-container .selected-date-display p {
    font-size: 16px
  }

  body .home .container .sec3 .form .box .item .select_data .date-picker-container .calendar-header {
    margin: 15px 0
  }

  body .home .container .sec3 .form .box .item .select_data .date-picker-container .calendar-header .jt {
    width: 40px;
    height: 40px
  }

  body .home .container .sec3 .form .box .item .select_data .date-picker-container .calendar-header .jt img {
    width: 8px
  }

  body .home .container .sec3 .form .box .item .select_data .date-picker-container .calendar-header .current-month {
    font-size: 15px
  }

  body .home .container .sec3 .form .box .item .select_data .date-picker-container .weekdays {
    justify-content: space-between;
    margin-bottom: 10px
  }

  body .home .container .sec3 .form .box .item .select_data .date-picker-container .weekdays div {
    width: 14%;
    font-size: 10px
  }

  body .home .container .sec3 .form .box .item .select_data .date-picker-container .days {
    gap: 0.3%
  }

  body .home .container .sec3 .form .box .item .select_data .date-picker-container .days .day {
    width: 14%;
    font-size: 12px;
    height: 11vw
  }

  body .home .container .sec3 .form .c_input {
    width: 100%;
    margin-bottom: 10px
  }

  body .home .container .sec3 .form .c_input .p1 {
    margin-bottom: 8px;
    font-size: 16px
  }

  body .home .container .sec3 .form .c_input .p1 a {
    font-size: 14px;
    margin-left: 10px
  }

  body .home .container .sec3 .form .c_input .sr input {
    border-radius: 10px;
    height: 40px;
    padding: 9px 10px;
    font-size: 14px
  }

  body .home .container .sec3 .form .c_input .sr textarea {
    border-radius: 10px;
    height: 200px;
    padding: 9px 10px;
    font-size: 14px
  }

  body .home .container .sec3 .form .c_input .sr img {
    right: 10px;
    width: 20px
  }

  body .home .container .sec3 .form .c_input .upload {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    gap: 10px;
    font-size: 14px
  }

  body .home .container .sec3 .form .c_input .upload .icon img {
    width: 24px
  }

  body .home .container .sec3 .form .c_input .upload2 {
    width: 120px;
    height: 40px;
    border-radius: 10px;
    gap: 10px;
    font-size: 14px
  }

  body .home .container .sec3 .form .c_input .upload2 img {
    width: 14px
  }

  body .home .container .sec3 .form .c_input .flex .pic_box {
    margin-right: 10px
  }

  body .home .container .sec3 .form .c_input .flex .pic_box .pic_item:not(:last-child) {
    margin-right: 10px
  }

  body .home .container .sec3 .form .c_input .flex .pic_box .pic_item img {
    width: 100px;
    height: 100px
  }

  body .home .container .sec3 .form .c_input .flex .pic_box .pic_item .del-btn {
    width: 20px;
    height: 20px
  }

  body .home .container .sec3 .form .c_input .flex .pic_box .pic_item .del-btn img {
    width: 14px
  }

  body .home .container .sec3 .form .c_input .uploadName {
    margin-bottom: 10px
  }

  body .home .container .sec3 .form .c_input .uploadName .p {
    margin-bottom: 8px
  }

  body .home .container .sec3 .form .c_input .uploadName .pu .close {
    margin-left: 10px
  }

  body .home .container .sec3 .form .c_input .uploadName .pu .close img {
    width: 16px
  }

  body .home .container .sec3 .btn .submit {
    font-size: 16px;
    padding: 10px 30px;
    gap: 10px
  }

  body .home .container .sec3 .btn .submit img {
    width: 6px
  }
}