/* banner */
.banner {
  background: linear-gradient(96deg, #ddf0ff 0%, #b8ddfb 100%);
  box-sizing: border-box;
  overflow: hidden;
  padding: 73px 0 43px;
  width: 100%;
  position: relative;
}
.banner::before {
  content: '';
  position: absolute;
  width: 381px;
  height: 618px;
  background-image: url('../img/product-avd/banner-before.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 0;
  left: 0;
}
.banner::after {
  content: '';
  position: absolute;
  width: 410px;
  height: 618px;
  background-image: url('../img/product-avd/banner-after.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 0;
  right: 0;
}
.banner_heart {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  width: 1080px;
  z-index: 5;
}
.banner_heart .heart_intro {
  box-sizing: border-box;
  flex: 0 0 515px;
}
.banner_heart .title_mini {
  display: block;
  font-size: 30px;
  font-weight: 700;
  color: #008eff;
  margin-bottom: 10px;
}
.banner_heart .intro_title {
  font-size: 38px;
  font-weight: 900;
  color: #2c2c2c;
}
.banner_heart .intro_desc {
  font-size: 14px;
  font-weight: 400;
  color: #555555;
  line-height: 1.5;
  margin: 20px 0;
}
.banner_heart .introduce_item {
  font-size: 16px;
  font-weight: 700;
  color: #5484ff;
  line-height: 1.5;
}
.banner_heart .introduce_item::before {
  color: #5484ff;
  content: '·';
  font-size: 21px;
  margin-right: 8px;
}
.banner_heart .intro_toggle {
  background: rgba(196, 196, 196, 0.5);
  border-radius: 19.2616px;
  height: 29px;
  margin: 39px 0 29px;
  position: relative;
  width: 155.09px;
}
.banner_heart .intro_toggle .toggle_active {
  background: #ffffff;
  border-radius: 17.2962px;
  height: 24px;
  left: 3px;
  position: absolute;
  top: 2.1px;
  transition: all 0.5s;
  width: 74px;
}
.banner_heart .intro_toggle .toggle_choose {
  display: flex;
  left: 2.5px;
  position: absolute;
  top: 2.3px;
}
.banner_heart .intro_toggle .toggle_choose .toggle-btn {
  align-items: center;
  color: #000000;
  cursor: pointer;
  display: flex;
  font-size: 11.0066px;
  font-weight: 400;
  height: 24px;
  justify-content: center;
  line-height: 188.51%;
  width: 74px;
}
.banner_heart .intro_toggle .toggle_choose .toggle-btn img {
  margin-right: 4px;
}
.banner_heart .intro_toggle .toggle_choose .btn_win {
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -19px -35px;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.banner_heart .intro_toggle .toggle_choose .btn_mac {
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -19px -64px;
  width: 14px;
  height: 16px;
  margin-right: 4px;
}
.banner_heart .global-btn {
  margin-top: 25px;
}
.banner_heart .global-btn .jump_buy {
  background: #ffffff;
  border: 3px #ffffff solid;
  border-radius: 38px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  padding: 10px 28px;
  width: fit-content;
  margin-left: 16px;
}
.banner_heart .global-btn .jump_buy .buy_text {
  margin-right: 15px;
  display: flex;
  flex-direction: column;
}
.banner_heart .global-btn .jump_buy .buy_text .text_title {
  font-size: 18px;
  font-weight: 700;
  color: #FFC46B;
}
.banner_heart .global-btn .jump_buy .buy_text .text_desc {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
  color: #FFC46B;
}
.banner_heart .global-btn .jump_buy .icon-win {
  background-position: -12px -175px;
}
.banner_heart .global-btn .jump_buy .icon-mac {
  background-position: -12px -215px;
}
.banner_heart .global-btn .jump_buy:active {
  border: 3px #ffc46b solid;
}
.banner_heart .global-btn .jump_buy:hover {
  transform: translateY(-10px);
  box-shadow: 0 2px 5px #bbe1ff;
}
/* banner */
.global-btn .btn_jump {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
.global-btn .global-btn_mac {
  display: none;
}
.global-btn .icon-win {
  flex-shrink: 0;
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -15px -95px;
  width: 22px;
  height: 24px;
}
.global-btn .icon-mac {
  flex-shrink: 0;
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -12px -135px;
  width: 21px;
  height: 24px;
}
.global-btn .buy_icon {
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -8px -381px;
  width: 31px;
  height: 28px;
}
.global-btn .jump-common {
  border: 3px #ff9141 solid;
  background-clip: border-box;
  align-items: center;
  background: #ff9141;
  border-radius: 38px;
  display: flex;
  justify-content: center;
  transition: all 0.5s;
  padding: 10px 28px;
}
.global-btn .jump-common .common_text {
  margin-right: 15px;
  display: flex;
  flex-direction: column;
}
.global-btn .jump-common .common_text .text_title {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
}
.global-btn .jump-common .common_text .text_desc {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
}
.global-btn .jump-common:active {
  background: #ffffff;
}
.global-btn .jump-common:active .common_text .text_title,
.global-btn .jump-common:active .common_text .text_desc {
  color: #ffc46b;
}
.global-btn .jump-common:active .icon-win {
  background-position: -12px -175px;
}
.global-btn .jump-common:active .icon-mac {
  background-position: -12px -215px;
}
.global-btn .jump-common:hover {
  box-shadow: 0 20px 20px rgba(0, 73, 132, 0.13);
  transform: translateY(-10px);
}
.global-btn .jump_buy {
  margin-left: 16px;
}
.bar {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 9999;
  background-color: #ffffff;
  box-shadow: 0 3px 11px rgba(0, 85, 151, 0.06);
}
.bar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bar .sell_logo {
  display: flex;
  align-items: center;
}
.bar .logo_pic {
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -85px -187px;
  width: 44px;
  height: 43px;
}
.bar .logo_title {
  font-size: 18px;
  font-weight: 700;
  color: #1d1d1d;
  margin-left: 15px;
}
.bar .sell_btn {
  display: flex;
  align-items: center;
  margin: 13px 14px;
}
.bar .sell_btn .db_jump {
  border: 3px #ff9141 solid;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 15px 25px;
  border-radius: 48px;
  background: #ff9141;
  font-size: 18px;
  font-weight: 600;
  color: #FFFFFF;
  max-height: 60px;
  overflow: hidden;
}
.bar .sell_btn .db_jump:hover .jump_dl {
  transform: translateY(0px);
}
.bar .sell_btn .db_jump:hover .jump_txt {
  display: flex;
  align-items: center;
  transform: translateY(60px);
}
.bar .sell_btn .db_jump:active {
  background: #ffffff;
}
.bar .sell_btn .db_jump:active .dl_icon {
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -10px -339px;
}
.bar .sell_btn .db_jump:active .dl_cart {
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -8px -381px;
}
.bar .sell_btn .jump_dl {
  display: block;
  transform: translateY(-60px);
  margin: 0 auto;
  transition: all 0.5s;
}
.bar .sell_btn .jump_txt {
  display: flex;
  align-items: center;
  transform: translateY(-28px);
  transition: all 0.5s;
}
.bar .sell_btn .dl_icon {
  flex-shrink: 0;
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -10px -254px;
  width: 26px;
  height: 27px;
}
.bar .sell_btn .dl_cart {
  flex-shrink: 0;
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -8px -296px;
  width: 31px;
  height: 28px;
}
.bar .sell_btn .txt_win {
  flex-shrink: 0;
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -15px -95px;
  width: 22px;
  height: 24px;
  margin-right: 10px;
}
.bar .sell_btn .txt_mac {
  flex-shrink: 0;
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -12px -135px;
  width: 21px;
  height: 24px;
  margin-right: 10px;
}
.bar .sell_btn .btn-buy {
  margin-left: 20px;
}
.bar .global-btn_mac {
  display: none;
}
.wrapper-1,
.wrapper-2,
.wrapper-3,
.wrapper-4,
.wrapper-5,
.wrapper-6,
.wrapper-7,
.wrapper-8 {
  margin-top: 100px;
}
.wrapper-1 .global-btn {
  margin-top: 30px;
}
.wrapper_title {
  font-size: 32px;
  font-weight: 700;
  color: #1d1d1d;
  line-height: 1.5;
  width: 750px;
  margin: 0 auto 39px;
  text-align: center;
}
.reason_table {
  box-shadow: 0 4px 11px -1px rgba(0, 91, 165, 0.12);
  overflow: hidden;
  text-align: center;
  border-radius: 15px;
  border-collapse: collapse;
  width: 100%;
  line-height: 1.5;
}
.reason_table .table_head {
  background: #75c1ff;
  border-radius: 15px 15px 0 0;
}
.reason_table .head_title {
  padding: 15px 75px;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}
.reason_table .head_vs {
  width: fit-content;
  padding: 0 84px;
  background: #2197f6;
  position: relative;
  font-size: 56px;
  font-weight: 700;
  color: #FFFFFF;
}
.reason_table .table_list:hover {
  background: #dcefff;
}
.reason_table .table_list:hover .list_vsname {
  background: #dcefff;
}
.reason_table .list_item {
  padding: 20px 35px 20px 129px;
  font-size: 16px;
  font-weight: 400;
  color: #555555;
}
.reason_table .list_vsname {
  background: #f4faff;
  font-size: 16px;
  font-weight: 700;
  color: #2197f6;
}
.reason_table .list_item,
.reason_table .list_vsname {
  position: relative;
}
.reason_table .list_item::after,
.reason_table .list_vsname::after {
  position: absolute;
  content: '';
  background: #e1f2ff;
  width: 95%;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.reason_table .right,
.reason_table .wrong,
.reason_table .permanent,
.reason_table .term {
  text-align: start;
}
.reason_table .permanent {
  padding: 30px 35px 15px 129px;
}
.reason_table .term {
  padding: 30px 24px 15px 107px;
}
.reason_table .right::before {
  content: '';
  position: absolute;
  width: 21px;
  height: 21px;
  background-image: url('../img/product-avd/pro-avd-sprite.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-size: auto;
  background-position: -19px -423px;
  top: 50%;
  transform: translateY(-50%);
  left: 90px;
}
.reason_table .wrong {
  padding: 15px 24px 15px 107px;
}
.reason_table .wrong::before {
  content: '';
  position: absolute;
  width: 21px;
  height: 21px;
  background-image: url('../img/product-avd/pro-avd-sprite.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-size: auto;
  background-position: -19px -468px;
  top: 50%;
  transform: translateY(-50%);
  left: 70px;
}
.wrapper-2 {
  background: url('../img/product-avd/wrapper2-bg.png') no-repeat center;
  background-size: cover;
  padding: 112px 0 53px;
}
.wrapper-2 .wrapper_title {
  color: #ffffff;
}
.wrapper-2 .wrapper_desc {
  font-size: 18px;
  font-weight: 400;
  color: #F1F1F1;
  margin: 40px 0 51px;
  line-height: 1.5;
}
.wrapper-2 .swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.swiper-effect {
  overflow: hidden;
}
.swiper-effect .swiper-slide {
  width: fit-content;
}
.arrange_item {
  margin-top: 100px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.arrange_item .item_info {
  flex: 0 0 488px;
}
.arrange_item .info_title {
  font-size: 24px;
  font-weight: 700;
  color: #1d1d1d;
}
.arrange_item .info_desc {
  line-height: 1.5;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #555555;
}
.arrange_item .item_pic1 {
  margin-right: -45px;
}
.arrange_item .item_pic2 {
  margin-left: -50px;
}
.arrange_item:nth-child(even) {
  flex-direction: row-reverse;
}
.wrapper-4 {
  padding: 60px 0;
  background: #f5fbff;
}
.wrapper_area {
  display: flex;
  justify-content: space-between;
}
.area_item {
  flex: 0 0 462px;
}
.area_item .item_title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #1d1d1d;
}
.area_item .item_desc {
  line-height: 1.5;
  margin: 19px 0 24px;
  font-size: 16px;
  font-weight: 400;
  color: #555555;
}
.wrapper_tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tab_left .left_pic {
  display: none;
}
.tab_left .tab-active {
  display: block;
}
.tab_right {
  flex: 0 0 553px;
}
.tab_right .right_item {
  display: flex;
  justify-content: space-between;
  margin-top: 11px;
}
.tab_right .right_item:last-child .item_btn::before {
  content: none;
}
.tab_right .item_btn {
  position: relative;
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -74px -101px;
  width: 132px;
  height: 53px;
  text-align: center;
  padding: 9px 0 16px;
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
}
.tab_right .item_btn::before {
  position: absolute;
  content: '';
  border-left: 1.84px #1c94f6 dashed;
  height: 64px;
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: -70px;
}
.tab_right .item_txt {
  flex: 0 0 413px;
  padding: 8px 11px 14px;
}
.tab_right .txt_title {
  font-size: 16px;
  font-weight: 700;
  color: #1d1d1d;
}
.tab_right .txt_desc {
  line-height: 1.5;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #555555;
}
.tab_right .right-active .item_btn {
  background-position: -74px -36px;
}
.tab_right .right-active .item_txt {
  box-shadow: 0 0 16px rgba(0, 76, 138, 0.1);
  border-radius: 7px;
}
.wrapper-5 .wrapper_btn {
  display: none;
}
.wrapper-5 .wrapper_accordion {
  display: none;
}
.wrapper-6 .swiper-voice {
  overflow: hidden;
  padding: 10px;
}
.wrapper-6 .swiper-slide {
  width: 335px;
  padding: 30px 22px 78px;
  box-shadow: 0 0 15px 2px rgba(0, 82, 146, 0.07);
  border-radius: 10px;
  position: relative;
}
.wrapper-6 .slide_avatar {
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat;
  width: 91px;
  height: 91px;
  margin: 0 auto 28px;
}
.wrapper-6 .avatar-1 {
  background-position: -88px -281px;
}
.wrapper-6 .avatar-2 {
  background-position: -88px -412px;
}
.wrapper-6 .avatar-3 {
  background-position: -88px -542px;
}
.wrapper-6 .slide_desc {
  font-size: 14px;
  font-weight: 400;
  color: #555555;
  line-height: 1.5;
}
.wrapper-6 .slide_name {
  font-size: 16px;
  font-weight: 700;
  color: #1d1d1d;
  position: absolute;
  bottom: 33px;
}
.wrapper-6 .swiper-pagination {
  display: none;
}
.wrapper-7 .wrapper_faq {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrapper-7 .wrapper_faq ::-webkit-scrollbar-thumb {
  background: #6bb7f1;
  border-radius: 10px;
}
.wrapper-7 .wrapper_faq ::-webkit-scrollbar-track {
  background: #e7e7e7;
  border-radius: 10px;
}
.wrapper-7 .wrapper_faq ::-webkit-scrollbar {
  width: 6px;
}
.wrapper-7 .left_pic {
  display: none;
}
.wrapper-7 .tab-active {
  display: block;
}
.wrapper-7 .faq_right {
  flex: 0 0 555px;
  height: 326px;
  overflow-x: auto;
  padding: 0 10px;
}
.wrapper-7 .right_item {
  background: #f5fbff;
  border-radius: 5px;
  padding: 5px 15px 9px;
  margin-top: 9px;
  position: relative;
  transition: all 0.5s;
}
.wrapper-7 .right_item:hover {
  background: #ffffff;
  box-shadow: 0 0 15px 2px rgba(0, 82, 146, 0.07);
}
.wrapper-7 .right_item:hover .title_icon {
  background-position: -22px -497px;
  transform: rotate(180deg);
}
.wrapper-7 .item_title {
  cursor: pointer;
  padding: 22px 0;
  font-size: 16px;
  font-weight: 700;
  color: #1d1d1d;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrapper-7 .title_icon {
  flex-shrink: 0;
  background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -21px -514px;
  width: 16px;
  height: 10px;
  margin-left: 13px;
}
.wrapper-7 .item_answer {
  transition: all 1s;
  line-height: 1.5;
  visibility: hidden;
  height: auto;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  color: #555555;
}
.wrapper-7 .answer_pic {
  display: none;
}
.wrapper-7 .right-active {
  background: #ffffff;
  box-shadow: 0 0 15px 2px rgba(0, 82, 146, 0.07);
}
.wrapper-7 .right-active .item_title {
  color: #2197f6;
}
.wrapper-7 .right-active .title_icon {
  background-position: -22px -497px;
}
.wrapper-7 .right-active .item_answer {
  visibility: visible;
  max-height: 300px;
  opacity: 1;
}
.wrapper-7 .right-active:hover .title_icon {
  background-position: -22px -497px;
  transform: rotate(360deg);
}
.wrapper-7 .wrapper_desc {
  margin-top: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #8d8d8d;
}
.wrapper-8 .container {
  background: url(../img/product-avd/wrapper8-bg.png) no-repeat center;
  background-size: cover;
  padding: 41px 108px 31px;
  border-radius: 25px;
  text-align: center;
}
.wrapper-8 .wrapper_title {
  margin: 0 auto 20px;
}
.wrapper-8 .wrapper_logo {
  margin-bottom: 25px;
}
.wrapper-8 .wrapper_desc {
  line-height: 1.5;
  margin: 14px 0 25px;
  font-size: 18px;
  font-weight: 400;
  color: #555555;
}
.wrapper-8 .global-btn {
  width: fit-content;
  margin: 0 auto;
}
.txt_jump {
  color: #2197f6;
}
.txt_jump:hover {
  text-decoration: underline;
}

.nav-bar {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
  box-shadow: 0px 3px 11px 0px rgba(0, 85, 151, 0.06);
}
.nav-bar .container {
  height: 95px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav-bar .nav-link {
  display: flex;
  align-items: center;
}
.nav-bar .link-item {
  font-weight: bold;
  font-size: 18px;
  color: #1d1d1d;
  margin-right: 90px;
}
.nav-bar .link-item.active,
.nav-bar .link-item:hover {
  color: #2197f6;
}
.nav-bar .nav-download {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-bar .nav-download .download-btn {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 195px;
  height: 54px;
  border-radius: 10px;
  background: linear-gradient(137deg, #ffc46b 2.95%, #ff9141 83.26%), linear-gradient(270deg, #2197f6 0%, #5cb4fc 100%);
  transition: transform 0.3s;
  margin-left: 24px;
}
.nav-bar .nav-download .download-btn:hover {
  box-shadow: 0 20px 20px rgba(0, 73, 132, 0.13);
  transform: translateY(-10px);
}
.nav-bar .nav-download .download-btn:active {
  border: 2px solid #ffc46b;
  background: linear-gradient(0deg, #fff 0%, #fff 100%), linear-gradient(270deg, #2197f6 0%, #5cb4fc 100%);
}
.nav-bar .nav-download .download-btn:active .download-text {
  background: linear-gradient(137deg, #ffc46b 2.95%, #ff9141 83.26%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nav-bar .nav-download .download-btn:active .icon-win {
  width: 22px;
  height: 25px;
  background: url(../img/global/icon-win-active.svg) no-repeat center;
  background-size: 100% 100%;
}
.nav-bar .nav-download .download-btn:active .icon-mac {
  width: 21px;
  height: 25px;
  background: url(../img/global/icon-mac-active.svg) no-repeat center;
  background-size: 100% 100%;
}
.nav-bar .nav-download .download-text {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  margin-left: 10px;
}
.nav-bar .nav-download .icon-win {
  width: 22px;
  height: 25px;
  background: url(../img/global/icon-win.svg) no-repeat center;
  background-size: 100% 100%;
}
.nav-bar .nav-download .icon-mac {
  width: 21px;
  height: 25px;
  background: url(../img/global/icon-mac.svg) no-repeat center;
  background-size: 100% 100%;
}
@media (max-width: 770px) {
  .nav-bar {
    box-shadow: 0 3rem 11rem 0 rgba(0, 85, 151, 0.06);
  }
  .nav-bar .container {
    height: auto;
    flex-direction: column;
    padding: 15rem;
  }
  .nav-bar .nav-link {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 15rem;
  }
  .nav-bar .link-item {
    font-size: 16rem;
    margin-right: 0;
  }
  .nav-bar .nav-download {
    width: 100%;
    justify-content: space-between;
  }
  .nav-bar .nav-download .download-btn {
    width: 160rem;
    height: 54rem;
    border-radius: 10rem;
    margin-left: 0;
  }
  .nav-bar .nav-download .download-btn:hover {
    box-shadow: 0 20rem 20rem rgba(0, 73, 132, 0.13);
    transform: translateY(-10rem);
  }
  .nav-bar .nav-download .download-btn:active {
    border: 2rem solid #ffc46b;
  }
  .nav-bar .nav-download .download-btn:active .icon-win {
    width: 22rem;
    height: 25rem;
  }
  .nav-bar .nav-download .download-btn:active .icon-mac {
    width: 21rem;
    height: 25rem;
  }
  .nav-bar .nav-download .download-text {
    font-weight: normal;
    font-size: 16rem;
    margin-left: 10rem;
  }
  .nav-bar .nav-download .icon-win {
    width: 22rem;
    height: 25rem;
  }
  .nav-bar .nav-download .icon-mac {
    width: 21rem;
    height: 25rem;
  }
  .banner {
    padding: 40rem 0 10rem;
  }
  .banner_heart {
    flex-direction: column;
    width: 95%;
  }
  .banner_heart .heart_intro {
    flex: auto;
    width: 100%;
  }
  .banner_heart .heart_intro .global-btn .jump_buy {
    border: 3rem #ffffff solid;
    border-radius: 38rem;
    padding: 8rem 13rem;
    margin-left: 16rem;
  }
  .banner_heart .heart_intro .global-btn .jump_buy .buy_text {
    margin-right: 12rem;
  }
  .banner_heart .heart_intro .global-btn .jump_buy .buy_text .text_title {
    font-size: 15rem;
  }
  .banner_heart .heart_intro .global-btn .jump_buy .buy_text .text_desc {
    margin-top: 5rem;
    font-size: 12rem;
  }
  .banner_heart .heart_intro .global-btn .jump_buy .buy_icon {
    background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -8rem -381rem;
    background-size: 233rem 794rem;
    width: 31rem;
    height: 28rem;
  }
  .banner_heart .heart_intro .global-btn .jump_buy:hover {
    border: 3rem #ffc46b solid;
  }
  .banner_heart .title_mini {
    font-size: 24rem;
    margin-bottom: 10rem;
  }
  .banner_heart .intro_title {
    font-size: 28rem;
  }
  .banner_heart .intro_desc {
    font-size: 12rem;
    margin: 10rem 0;
  }
  .banner_heart .introduce_item {
    font-size: 12rem;
    line-height: 1.2;
  }
  .banner_heart .introduce_item::before {
    font-size: 21rem;
    margin-right: 10rem;
  }
  .banner_heart .product_pic {
    width: 100%;
    height: auto;
    margin-top: 25rem;
  }
  .intro_toggle {
    margin: 25rem 0;
  }
  .icon-win {
    background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -15rem -95rem;
    background-size: 233rem 794rem;
    width: 22rem;
    height: 24rem;
  }
  .icon-mac {
    background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -12rem -135rem;
    background-size: 233rem 794rem;
    width: 20rem;
    height: 24rem;
  }
  .global-btn {
    margin-top: 25rem;
  }
  .global-btn .jump-common {
    border: 3rem #ff9141 solid;
    border-radius: 38rem;
    padding: 8rem 13rem;
  }
  .global-btn .jump-common .common_text {
    margin-right: 12rem;
  }
  .global-btn .jump-common .common_text .text_title {
    font-size: 15rem;
  }
  .global-btn .jump-common .common_text .text_desc {
    margin-top: 5rem;
    font-size: 12rem;
  }
  .global-btn .jump-common:active .icon-win {
    background-position: -12rem -169rem;
  }
  .global-btn .jump-common:active .icon-mac {
    background-position: -12rem -208rem;
  }
  .global-btn .jump_buy {
    margin-left: 10rem;
  }
  .bar .container {
    justify-content: center;
  }
  .bar .sell_logo {
    display: none;
  }
  .bar .sell_btn {
    margin: 20rem 0;
  }
  .bar .sell_btn .db_jump {
    padding: 13rem 21rem;
    border-radius: 40rem;
    font-size: 15rem;
    max-height: 60rem;
  }
  .bar .sell_btn .jump_dl {
    transform: translateY(-60rem);
  }
  .bar .sell_btn .jump_txt {
    transform: translateY(-25rem);
  }
  .bar .sell_btn .dl_icon {
    background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -10rem -254rem;
    background-size: 233rem 794rem;
    width: 26rem;
    height: 27rem;
  }
  .bar .sell_btn .dl_cart {
    background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -8rem -296rem;
    background-size: 233rem 794rem;
    width: 31rem;
    height: 28rem;
  }
  .bar .sell_btn .txt_win {
    background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -15rem -95rem;
    background-size: 233rem 794rem;
    width: 22rem;
    height: 24rem;
    margin-right: 10rem;
  }
  .bar .sell_btn .txt_mac {
    background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -12rem -135rem;
    background-size: 233rem 794rem;
    width: 21rem;
    height: 24rem;
    margin-right: 10rem;
  }
  .bar .sell_btn .btn-buy {
    margin-left: 15rem;
  }
  .wrapper-1,
  .wrapper-2,
  .wrapper-3,
  .wrapper-4,
  .wrapper-5,
  .wrapper-6,
  .wrapper-7,
  .wrapper-8 {
    margin-top: 50rem;
  }
  .wrapper_title {
    font-size: 24rem;
    width: 100%;
    margin: 0 auto 49rem;
  }
  .wrapper-1 ::-webkit-scrollbar-thumb {
    background: #6bb7f1;
    border-radius: 10rem;
  }
  .wrapper-1 ::-webkit-scrollbar-track {
    background: #e7e7e7;
    border-radius: 10rem;
  }
  .wrapper-1 ::-webkit-scrollbar {
    height: 6rem;
  }
  .wrapper-1 .wrapper_reason {
    overflow-x: auto;
    padding-bottom: 10rem;
  }
  .wrapper-1 .reason_table {
    border-radius: 15rem;
    width: 920rem;
  }
  .wrapper-1 .reason_table .table_head {
    border-radius: 15rem 15rem 0 0;
  }
  .wrapper-1 .reason_table .head_title {
    padding: 12rem 75rem;
    font-size: 16rem;
  }
  .wrapper-1 .reason_table .head_vs {
    padding: 0 84rem;
    font-size: 24rem;
  }
  .wrapper-1 .reason_table .list_item {
    padding: 24rem 35rem 24rem 107rem;
    font-size: 13rem;
  }
  .wrapper-1 .reason_table .list_vsname {
    font-size: 13rem;
  }
  .wrapper-1 .reason_table .list_item::after,
  .wrapper-1 .reason_table .list_vsname::after {
    height: 1rem;
  }
  .wrapper-1 .reason_table .right,
  .wrapper-1 .reason_table .wrong {
    text-align: start;
  }
  .wrapper-1 .reason_table .right::before {
    content: '';
    position: absolute;
    width: 21rem;
    height: 21rem;
    background-image: url('../img/product-avd/pro-avd-sprite.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: 233rem 794rem;
    background-position: -19rem -423rem;
    left: 70rem;
  }
  .wrapper-1 .reason_table .wrong {
    padding: 15rem 24rem 15rem 107rem;
  }
  .wrapper-1 .reason_table .wrong::before {
    content: '';
    position: absolute;
    width: 21rem;
    height: 21rem;
    background-image: url('../img/product-avd/pro-avd-sprite.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: 233rem 794rem;
    background-position: -19rem -468rem;
    left: 70rem;
  }
  .wrapper-2 {
    background: url('../img/product-avd/wrapper2-bg-mobile.png') no-repeat center;
    background-size: cover;
    padding: 53rem 0;
  }
  .wrapper-2 .wrapper_desc {
    font-size: 14rem;
    margin: 15rem 0 25rem;
  }
  .wrapper-2 .slide_img {
    width: 236rem;
    height: 134rem;
  }
  .wrapper-3 .arrange_item {
    margin-top: 45rem;
    flex-direction: column;
  }
  .wrapper-3 .arrange_item .item_info {
    flex: auto;
  }
  .wrapper-3 .arrange_item .info_title {
    font-size: 20rem;
  }
  .wrapper-3 .arrange_item .info_desc {
    margin: 15rem 0 10rem;
    font-size: 14rem;
  }
  .wrapper-3 .arrange_item .item_pic1 {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .wrapper-3 .arrange_item .item_pic2 {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  .wrapper-3 .arrange_item:nth-child(even) {
    flex-direction: column;
  }
  .wrapper-4 {
    padding: 33rem 0;
  }
  .wrapper-4 .wrapper_area {
    flex-direction: column;
  }
  .wrapper-4 .area_item {
    flex: auto;
  }
  .wrapper-4 .area_item .item_title {
    font-size: 20rem;
  }
  .wrapper-4 .area_item .item_desc {
    margin: 15rem;
    font-size: 14rem;
  }
  .wrapper-4 .area_item .item_pic {
    width: 100%;
    height: auto;
  }
  .wrapper-4 .item-2 {
    margin-top: 58rem;
  }
  .wrapper-5 .wrapper_tab {
    display: none;
  }
  .wrapper-5 .wrapper_accordion {
    display: block;
  }
  .wrapper-5 .accordion_item {
    margin-top: 10rem;
  }
  .wrapper-5 .accordion_item .item_answer {
    display: none;
  }
  .wrapper-5 .right-active .item_answer {
    display: block;
  }
  .wrapper-5 .right-active .top_sequence {
    background-position: -88rem -666rem;
  }
  .wrapper-5 .item_top {
    padding: 15rem 0;
    display: flex;
    align-items: center;
    border: 1rem #d4ecff solid;
    background: #ffffff;
    cursor: pointer;
  }
  .wrapper-5 .top_sequence {
    background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -88rem -720rem;
    background-size: 233rem 794rem;
    width: 102rem;
    height: 40rem;
    padding: 4rem 17rem;
    font-size: 14rem;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0 25rem 0 12rem;
  }
  .wrapper-5 .top_title {
    font-size: 14rem;
    font-weight: 700;
    color: #1d1d1d;
  }
  .wrapper-5 .item_answer {
    background: #f8fcff;
    font-size: 12rem;
    font-weight: 400;
    color: #555555;
    padding: 23rem 0 35rem;
  }
  .wrapper-5 .answer_pic {
    width: 100%;
    height: auto;
    margin-top: 23rem;
  }
  .wrapper-6 .swiper-voice {
    padding: 10rem 10rem 50rem;
    position: relative;
  }
  .wrapper-6 .swiper-slide {
    width: 100%;
    padding: 31rem 22rem 108rem;
    box-shadow: 0 0 15rem 2rem rgba(0, 82, 146, 0.07);
    border-radius: 10rem;
  }
  .wrapper-6 .slide_avatar {
    background: url('../img/product-avd/pro-avd-sprite.png') no-repeat;
    background-size: 233rem 794rem;
    width: 91rem;
    height: 91rem;
    margin: 0 auto 28rem;
  }
  .wrapper-6 .avatar-1 {
    background-position: -88rem -281rem;
  }
  .wrapper-6 .avatar-2 {
    background-position: -88rem -412rem;
  }
  .wrapper-6 .avatar-3 {
    background-position: -88rem -542rem;
  }
  .wrapper-6 .slide_desc {
    font-size: 16rem;
  }
  .wrapper-6 .slide_name {
    font-size: 16rem;
    bottom: 33rem;
  }
  .wrapper-6 .swiper-pagination {
    display: block;
  }
  .wrapper-7 .wrapper_faq {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .wrapper-7 .faq_left {
    display: none;
  }
  .wrapper-7 .faq_right {
    flex: auto;
    width: 100%;
    height: unset;
    overflow: unset;
  }
  .wrapper-7 .right_item {
    background: #f5fbff;
    border-radius: 5px;
    padding: 0 11rem 15rem;
    margin-top: 10rem;
  }
  .wrapper-7 .right_item:hover .title_icon {
    background-position: -22rem -497rem;
    background-size: 233rem 794rem;
  }
  .wrapper-7 .item_title {
    padding: 9rem 0;
    font-size: 14rem;
  }
  .wrapper-7 .title_icon {
    background: url('../img/product-avd/pro-avd-sprite.png') no-repeat -21rem -514rem;
    background-size: 233rem 794rem;
    width: 16rem;
    height: 9rem;
    margin-left: 16rem;
  }
  .wrapper-7 .item_answer {
    font-size: 14rem;
  }
  .wrapper-7 .answer_pic {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 20rem;
  }
  .wrapper-7 .right-active {
    box-shadow: 0 0 15rem 2rem rgba(0, 82, 146, 0.07);
    background: #ffffff;
  }
  .wrapper-7 .right-active .title_icon {
    background-position: -22rem -497rem;
    background-size: 233rem 794rem;
  }
  .wrapper-7 .right-active .item_answer {
    max-height: 400rem;
  }
  .wrapper-7 .right-active:hover .title_icon {
    background-position: -22rem -497rem;
    background-size: 233rem 794rem;
  }
  .wrapper-7 .wrapper_desc {
    margin-top: 10rem;
    font-size: 12rem;
    text-align: center;
  }
  .wrapper-8 .container {
    width: 95%;
    background: url('../img/product-avd/wrapper8-bg-mobile.png') no-repeat center;
    background-size: cover;
    padding: 48rem 10rem 40rem;
    border-radius: 25rem;
  }
  .wrapper-8 .wrapper_title {
    margin: 0 auto 15rem;
  }
  .wrapper-8 .wrapper_logo {
    margin-bottom: 21rem;
    width: 160rem;
    height: auto;
  }
  .wrapper-8 .wrapper_desc {
    margin: 15rem 0 20rem;
    font-size: 14rem;
  }
}
