.downTop-left, .downTop-right {
  display: flex;
  align-items: center;
}
.hidden-download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  margin-left: 14px;
}
.hidden-download-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 168px;
  height: 44px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #FFFFFF, #FFFFFF), linear-gradient(131.17deg, rgba(2, 132, 254, 1) 8.1%, rgba(216, 193, 255, 1) 34.52%, rgba(2, 132, 254, 1) 87.95%);
  box-sizing: border-box;
  border: 1.5px solid transparent;
  border-radius: 22px; 
}
.hidden-download-btn a:first-child {
  margin-right: 12px;
}
.hidden-download-btn a:hover {
  background: radial-gradient(50.14% 50.14% at 13.45% 100%, #D8C1FF 0%, rgba(152, 113, 215, 0.0001) 100%), linear-gradient(317.08deg, #0284FE -9.32%, #22A0FE 38.91%, #3AB6FD 70.43%, #47C2FD 85.04%);
  border: none;
}
.hidden-download-btn a span {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  background: radial-gradient(38.66% 38.66% at 6.99% 100%, #D8C1FF 0%, rgba(152, 113, 215, 0.0001) 100%), linear-gradient(317.08deg, #0284FE -9.32%, #22A0FE 38.91%, #3AB6FD 70.43%, #47C2FD 85.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent; 
  margin-left: 8px;
}
.hidden-download-btn a:hover span {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  background: radial-gradient(38.66% 38.66% at 6.99% 100%, #FFFFFF 0%, #FFFFFF 100%), linear-gradient(317.08deg, #0284FE -9.32%, #22A0FE 38.91%, #3AB6FD 70.43%, #47C2FD 85.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent; 
}
.hidden-download-btn a img:nth-child(1) {
  display: block;
}
.hidden-download-btn a img:nth-child(2) {
  display: none;
}
.hidden-download-btn a:hover img:nth-child(1) {
  display: none;
}
.hidden-download-btn a:hover img:nth-child(2) {
  display: block;
}

.w {
  width: 1200px;
  margin: 0 auto;
}

/* banner */
.banner-box {
  width: 100%;
  background: radial-gradient(67.18% 67.18% at 117.59% -8.67%, rgba(86, 174, 255, 0.7) 0%, rgba(225, 240, 255, 7e-05) 100%), linear-gradient(330.41deg, rgba(248, 248, 248, 0.559205) 14.51%, #E5F8FF 87.04%); 
  margin-top: 116px;
}
.banner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(100vh - 60px);
  padding-bottom: 50px;
  box-sizing: border-box; 
}
.banner-content > img {
  width: 675px;
}
.banner-title {
  position: relative;
  margin-top: 8px;
  margin-bottom: 12px;
}
.banner-title h1 {
  width: fit-content;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 56px;
  line-height: 78px;
  letter-spacing: 2px;
  background: radial-gradient(87.22% 116.31% at 87.22% 10.33%, #28CDEA 0%, #179FF5 25.52%, #31A0FF 45.61%, #6B81EA 75.79%, #E68DA4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.banner-label {
  position: absolute;
  right: -68px;
  top: -28px;
}
.banner-label span {
  position: absolute;
  left: 15px;
  top: 7px;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
}
.banner-text > p {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 20px;
  color: #000000;
  mix-blend-mode: normal;
  opacity: 0.8;
  margin-bottom: 117px;
}
.banner-download-box {
  display: flex;
  align-items: center;
}
.banner-download-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 204px;
  height: 64px;
  border-radius: 32px; 
}
.banner-download-btn:first-child {
  background: radial-gradient(50.14% 50.14% at 13.45% 100%, #D8C1FF 0%, rgba(152, 113, 215, 0.0001) 100%), linear-gradient(317.08deg, #0284FE -9.32%, #22A0FE 38.91%, #3AB6FD 70.43%, #47C2FD 85.04%);
  margin-right: 24px;
}
.banner-download-btn:last-child {
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #FFFFFF, #FFFFFF), linear-gradient(131.17deg, rgba(2, 132, 254, 1) 8.1%, rgba(216, 193, 255, 1) 34.52%, rgba(2, 132, 254, 1) 87.95%);
  box-sizing: border-box;
  border: 1.5px solid transparent;
}
.banner-download-btn:first-child span {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #FFFFFF; 
  margin-left: 10px;
  user-select: none;
}
.banner-download-btn:last-child span {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  background: radial-gradient(38.66% 38.66% at 6.99% 100%, #D8C1FF 0%, rgba(152, 113, 215, 0.0001) 100%), linear-gradient(317.08deg, #0284FE -9.32%, #22A0FE 38.91%, #3AB6FD 70.43%, #47C2FD 85.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-left: 10px;
  user-select: none;
}
.banner-download-btn-item {
  position: absolute;
  top: 64px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  width: 192px;
  height: 132px;
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0591759);
  border-radius: 8px;
  padding: 4px;
  box-sizing: border-box; 
}
.banner-download-btn-item a {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-radius: 6px; 
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  text-align: center;
}
.banner-download-btn-item a:hover {
  background: #E9E9E9;
}
.banner-download-btn:first-child:hover .banner-download-btn-item {
  display: block;
}


/* 录制精彩片段 操作随心所欲 */
.operate-box {
  width: 100%;
  padding-top: 70px;
  padding-bottom: 79px;
  box-sizing: border-box;
}
.operate-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 42px;
}
.operate-title h1 {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 67px;
  letter-spacing: 1.5px; 
}
.operate-title h1:first-child {
  background: radial-gradient(111.13% 100% at 105.26% 0%, #28CDEA 0%, #179FF5 25.52%, #31A0FF 45.61%, #6B81EA 75.79%, #E68DA4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent; 
  margin-right: 40px; 
}
.operate-title h1:last-child {
  color: #4F4F4F;
}

.operate-top-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.operate-left-box.swiper-container {
  position: relative;
  width: 827px;
  height: 481.4px;
  background: radial-gradient(170.99% 170.99% at 76.64% -25.37%, #28CDEA 0%, #179FF5 25.52%, #31A0FF 45.61%, #6B81EA 75.79%, #8F6EDD 84.58%, #E68DA4 100%);
  margin: 0;
  padding-top: 25px;
  border-top-left-radius: 14px;
  box-sizing: border-box;
  cursor: default;
}
.operate-left-box .swiper-pagination {
  position: unset;
  display: flex;
  flex-direction: column;
  cursor: default;
}
.operate-left-box .swiper-pagination {
  position: absolute;
  right: 49px;
  top: 50%;
  transform: translateY(-50%);
  cursor: default;
}
.operate-left-box .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FFFFFF;
  opacity: 0.7;
  margin-bottom: 6px;
  cursor: default;
}
.operate-left-box .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}
.operate-left-box .swiper-pagination .swiper-pagination-bullet-active {
  height: 24px;
  border-radius: 3px;
  opacity: 1;
} 
.operate-right-box {
  width: 370.99px;
  height: 481.4px;
  background: linear-gradient(0deg, #28CDEA -14.1%, #108AFA 44.03%, #0D83FC 89.61%); 
}
.operate-right-item {
  display: none;
}
.operate-right-item.active {
  display: block;
}
.operate-left-box .swiper-slide img {
  width: 674px;
  height: auto;
}
.operate-right-item h2 {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #FFFFFF; 
  text-align: center;
  padding-top: 104px;
}
.operate-right-item p {
  width: 286px;
  height: 75px;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #FFFFFF;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 56px;
}
.operate-right-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 114px;
  height: 46px; 
  border-radius: 32px;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  margin: 0 auto;
}
.operate-right-item a span {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), radial-gradient(38.66% 38.66% at 6.99% 100%, #D8C1FF 0%, rgba(152, 113, 215, 0.0001) 100%), linear-gradient(317.08deg, #0284FE -9.32%, #22A0FE 38.91%, #3AB6FD 70.43%, #47C2FD 85.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;  
  margin-left: 3px;
}
.operate-right-item a img {
  width: 24px;
}
.operate-right-item a img:nth-child(1) {
  display: block;
}
.operate-right-item a img:nth-child(2) {
  display: none;
}
.operate-right-item a:hover img:nth-child(1) {
  display: none;
}
.operate-right-item a:hover {
  background: #FFFFFF;
  border: none;
  filter: drop-shadow(0px 0px 13px rgba(7, 46, 78, 0.11765));
}
.operate-right-item a:hover span {
  background: radial-gradient(38.66% 38.66% at 6.99% 100%, #D8C1FF 0%, rgba(152, 113, 215, 0.0001) 100%), linear-gradient(317.08deg, #0284FE -9.32%, #22A0FE 38.91%, #3AB6FD 70.43%, #47C2FD 85.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;  
}
.operate-right-item a:hover img:nth-child(2) {
  display: block;
}
.operate-bottom-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: radial-gradient(67.18% 67.18% at 117.59% -8.67%, rgba(86, 174, 255, 0.31) 0%, rgba(225, 240, 255, 3.1e-05) 100%), linear-gradient(337.03deg, rgba(248, 248, 248, 0.559205) 11.66%, #E5F8FF 60.12%);  
  border-radius: 0px 0px 14px 14px;
}
.operate-bottom-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 25%;
  height: 175.54px;
  cursor: pointer;
}
.operate-bottom-item:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.72)), radial-gradient(67.18% 67.18% at 117.59% -8.67%, rgba(86, 174, 255, 0.7) 0%, rgba(225, 240, 255, 7e-05) 100%), linear-gradient(337.03deg, rgba(248, 248, 248, 0.559205) 11.66%, #E5F8FF 60.12%);
}
.operate-bottom-item.active {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.72)), radial-gradient(67.18% 67.18% at 117.59% -8.67%, rgba(86, 174, 255, 0.7) 0%, rgba(225, 240, 255, 7e-05) 100%), linear-gradient(337.03deg, rgba(248, 248, 248, 0.559205) 11.66%, #E5F8FF 60.12%);
  border-bottom: 4px solid #0D83FC;
  box-sizing: border-box;
}
.operate-bottom-item h2 {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #5C5C5C; 
  margin-top: 10px;
}

/* step */
.step-box {
  width: 100%;
  background: #F7F8FB;
  padding: 139px 0;
  box-sizing: border-box;
}
.step-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.step-left-box.swiper-container {
  width: fit-content;
  height: 402px;
  border-radius: 12px; 
}
.step-left-box.swiper-container .swiper-slide video {
  width: 714.67px; 
  height: 402px;
  border-radius: 12px; 
  object-fit: cover;
}
.step-left-box.swiper-container .swiper-pagination {
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.step-left-box.swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  margin-bottom: 6px;
}
.step-left-box.swiper-container .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}
.step-left-box.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 6px;
  height: 24px;
  background: #FFFFFF;
  border-radius: 3px;
}
.step-title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.step-title span {
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 50%;
  background: #999999;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #FFFFFF; 
  user-select: none;
}
.step-right-box {
  width: 419px;
}
.step-right-item {
  border-bottom: 1px solid #D8D8D8;
  padding: 23px 0;
  box-sizing: border-box;
}
.step-right-item:nth-child(1) {
  padding-top: 0;
}
.step-right-item:nth-child(3) {
  padding-bottom: 0;
  border: none;
}
.step-right-item.active span {
  background: radial-gradient(89.61% 89.61% at 10.14% 100%, #28CDEA 0%, #108AFA 56.05%, #0D83FC 100%); 
}
.step-title h2 {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  color: #999999; 
  margin-left: 14px;
  user-select: none;
}
.step-right-item.active h2 {
  color: #0E85FC;
}
.step-right-item p {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #999999;
  margin-top: 14px;
  user-select: none;
}
.step-right-item.active p {
  color: #0E85FC;
}

/* 产品特点 */
.advantage-box {
  width: 100%;
  padding-top: 70px;
  padding-bottom: 86px;
  box-sizing: border-box;
}
.advantage-box > h1 {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 67px;
  letter-spacing: 1.5px;
  color: #292929;
  text-align: center;
  margin-bottom: 42px;
}
.advantage-item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 512px;
  background: radial-gradient(67.18% 67.18% at 117.59% -8.67%, rgba(86, 174, 255, 0.7) 0%, rgba(225, 240, 255, 7e-05) 100%), linear-gradient(337.03deg, rgba(248, 248, 248, 0.559205) 11.66%, #E5F8FF 60.12%);
  mix-blend-mode: normal;
  border-radius: 12px; 
}
.advantage-item:first-child {
  justify-content: flex-end;
  margin-bottom: 68px;
}
.advantage-item:last-child {
  justify-content: flex-start;
}
.advantage-item:first-child > img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 630px;
}
.advantage-item:last-child > img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 630px;
}
.advantage-item:first-child .advantage-text {
  padding-right: 123px;
  box-sizing: border-box;
}
.advantage-item:last-child .advantage-text {
  padding-left: 123px;
  box-sizing: border-box;
}
.advantage-text h2 {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 39px;
  color: #292929;
}
.advantage-text p {
  width: 419px;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #4E4E4E; 
  margin-top: 12px;
  margin-bottom: 39px;
}
.advantage-text a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 114px;
  height: 46px;
  border-radius: 32px; 
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #FFFFFF, #FFFFFF), linear-gradient(131.17deg, rgba(2, 132, 254, 1) 8.1%, rgba(216, 193, 255, 1) 34.52%, rgba(2, 132, 254, 1) 87.95%);
  box-sizing: border-box;
  border: 1.5px solid transparent;
}
.advantage-text a:hover {
  background: radial-gradient(50.14% 50.14% at 13.45% 100%, #D8C1FF 0%, rgba(152, 113, 215, 0.0001) 100%), linear-gradient(317.08deg, #0284FE -9.32%, #22A0FE 38.91%, #3AB6FD 70.43%, #47C2FD 85.04%); 
  border: none;
}
.advantage-text a span {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background: linear-gradient(318.85deg, #0284FE -9.32%, #22A0FE 273.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-left: 3px;
}
.advantage-text a:hover span {
  background: linear-gradient(318.85deg, #FFFFFF -9.32%, #FFFFFF 273.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.advantage-text a img {
  width: 24px;
}
.advantage-text a img:nth-child(1) {
  display: block;
}
.advantage-text a img:nth-child(2) {
  display: none;
}
.advantage-text a:hover img:nth-child(1) {
  display: none;
}
.advantage-text a:hover img:nth-child(2) {
  display: block;
}


/* 底部下载 */
.bottom-download-box {
  width: 100%;
  background: #F7F8FB;
}
.bottom-download-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 508px;
}
.bottom-download-text h1 {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 56px;
  line-height: 78px;
  letter-spacing: 2px;
  background: radial-gradient(87.22% 116.31% at 87.22% 10.33%, #28CDEA 0%, #179FF5 25.52%, #31A0FF 45.61%, #6B81EA 75.79%, #E68DA4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.bottom-download-text p {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 20px;
  color: #000000;
  mix-blend-mode: normal;
  opacity: 0.8;
  margin-top: 12px;
  margin-bottom: 62px;
}
.bottom-download-text a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 204px;
  height: 64px;
  background: radial-gradient(50.14% 50.14% at 13.45% 100%, #D8C1FF 0%, rgba(152, 113, 215, 0.0001) 100%), linear-gradient(317.08deg, #0284FE -9.32%, #22A0FE 38.91%, #3AB6FD 70.43%, #47C2FD 85.04%);
  border-radius: 32px;  
}
.bottom-download-text a:hover {
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #FFFFFF, #FFFFFF), linear-gradient(131.17deg, rgba(2, 132, 254, 1) 8.1%, rgba(216, 193, 255, 1) 34.52%, rgba(2, 132, 254, 1) 87.95%);
  box-sizing: border-box;
  border: 1.5px solid transparent; 
}
.bottom-download-text a span {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  background: #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-left: 11px;
}
.bottom-download-text a:hover span {
  background: radial-gradient(38.66% 38.66% at 6.99% 100%, #D8C1FF 0%, rgba(152, 113, 215, 0.0001) 100%), linear-gradient(317.08deg, #0284FE -9.32%, #22A0FE 38.91%, #3AB6FD 70.43%, #47C2FD 85.04%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
} 
.bottom-download-text a img:nth-child(1) {
  display: block;
}
.bottom-download-text a img:nth-child(2) {
  display: none;
}
.bottom-download-text a:hover img:nth-child(1) {
  display: none;
}
.bottom-download-text a:hover img:nth-child(2) {
  display: block;
}
.bottom-download-content > img {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* 教程弹窗 */
.popup-box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.popup-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 964px;
  background: #F7F8FB;
  border-radius: 16px; 
  overflow: hidden;
}
.popup-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 472px;
  padding-left: 54px;
  box-sizing: border-box;
}
.popup-text h1 {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 42px;
  color: #4F4F4F;
  margin-bottom: 32px;
}
.popup-text ul li {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}
.popup-text ul li:last-child {
  margin-bottom: 0;
}
.popup-text ul li span {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  text-align: center;
  background: radial-gradient(89.61% 89.61% at 10.14% 100%, #28CDEA 0%, #108AFA 56.05%, #0D83FC 100%);  
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF; 
  margin-right: 8px;
}
.popup-text ul li p {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #737373;
}
.popup-text ul li p img {
  display: inline-block;
  height: 16px;
  margin: 0 3px;
  margin-bottom: 4px;
}
.popup-top > img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 604px;
}
.popup-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 122px;
  background: #FFFFFF;
}
.popup-bottom a {
  display: block;
  width: 186px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  background: #FFFFFF;
  border-radius: 29px;  
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #FFFFFF, #FFFFFF), linear-gradient(131.17deg, rgba(2, 132, 254, 1) 8.1%, rgba(71, 194, 253, 1) 34.52%, rgba(216, 193, 255, 1) 87.95%);
  box-sizing: border-box;
  border: 2px solid transparent;
}
.popup-bottom a:hover {
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #FFFFFF, #FFFFFF), linear-gradient(131.17deg, rgba(216, 193, 255, 1) 8.1%, rgba(71, 194, 253, 1) 34.52%, rgba(2, 132, 254, 1) 87.95%);
  box-sizing: border-box;
  border: 2px solid transparent; 
}
.popup-bottom a:first-child {
  margin-right: 40px;
}
.popup-bottom a span {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  color: #0B8CFE; 
}