.g-a-recorder {
  text-decoration: underline;
}
.g-a-recorder:hover {
  color: #ff7d38;
}
.header {
  position: relative;
  height: 64px;
}
.header [data-active="true"] {
  display: block;
}
.header [data-active="false"] {
  display: none;
}
.header .mobile {
  display: none;
}
.header .gifAd {
  width: 87px;
  margin-left: 16px;
  height: 59px;
  background: url(/asset/common/header/css/images/sale/new-year-84874864.gif) no-repeat 50%;
  background-size: contain;
  display: inline-block;
}
.header .header-box {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 64px;
  background: #000;
}
.header .header-box.not-shadow {
  box-shadow: none;
}
.header .header-box.hide {
  transform: translateY(-100%);
}
.header .header-box .wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1238px;
  height: 64px;
  margin: 0 auto;
  padding: 0 64px;
}
.header .header-box .wrapper .logo {
  width: 160px;
}
.header .header-box .wrapper .logo a {
  font-family: "736-CAI978";
  text-decoration: none;
  font-size: 24px;
  line-height: 22px;
  color: #fff;
  display: flex;
  width: 100%;
  height: 100%;
  font-weight: 700;
  align-items: center;
  column-gap: 4px;
}
.header .header-box .wrapper .logo a::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAABAlBMVEVHcExUUP9UUP9UUP9UUP9TUP9UUP9UUP9QUP9TUP9UT/9UUP9VTv9VT/9UUP9UUP9SUv9AQP9/f/9VVf9TTv9VUP9UUP9VVf9YUP9VUf9YT/9UUf9TUP9TUP9SUv9VTP9UUP9TUP9VUP9gYP9UUP9VTv9UUP9UT/9UUf9YTv9UUP9UT/9VUP9TUP9UUf9TUP9VUP9VUf9VUP9TUf9SUv9VUf9ZTf9VUv9UUP9bSf9VUf9VUf9TUP9UUP9UUP9UUf9UT/9VUP9UUP9UUP9UUf9UT/9UUP9UUf9UUf9VVf9UUf9TUP9UUP9UUP9VT/9TU/9TT/9UUP9UUP9RUf9UT/9UUP8UjNhmAAAAVXRSTlMA/e75oFD+8hDi9+okKvz4OAQCBjFg9AwgPB2YpagZHrCQrwjwToZh1BqAamaZiNbKwc1fMnIUS4IOSL6f7Lmhl2zAbeR0qYVPGEzZ4N4tJYro7SxeBDF6WQAAAbhJREFUWMPt11dzglAQBeBVzBXB3kt6MT3RaCxJ1PTek/P//0oeIIzoBS8+73lhZufyMcDLWSIOh8PhSPLeMA93p8e5i2R4W3J899BspH3BHQEYvdLk+BQQofLktNQzAPHqCwKAgHmQcY8jALDlnmUOTAgAmAkCAsfdaXDBNXo+tjglEBA4z/uB+fN/TgW0jopR1QusjhxNBdRObDJV78vAfj1lP/c6pQRGs4Uv++GD/cwkmNkf2NxOl6JqIFHpQbPvevlxg48xCAACt60sqYNE5XvrvcWbC8yGra+xebdBFAgkqtifUh8HdQCA9qlbZwKBlC0YcvDb+f3BQKKYHIwRgwwyyCCDDDI4A4yH5WA4PheYWAzBozmEFhOBwfa6XQFDG+NgLmUX0vV2ILAydOrkpbt9XTlVc1hRBs+aTjNeTU/2w/yqQzbPosql3bosJWQNNrEkXMcU1goAQDIS9+rY8UhyjFTaAqDVVvy2gJWapl7aARhry7P2lOU1QwU0BQSKRx2iWSBR56gIARH1BQvA5p4+NZatZkSk7xWBG/91NP37JJnKl0ci+mil59p6vdZbDofD4XjmDxYqTpcooBbKAAAAAElFTkSuQmCC) no-repeat 0 center / contain;
}
.header .header-box .wrapper .nav {
  display: flex;
  align-items: center;
}
.header .header-box .wrapper .nav .m-nav {
  display: flex;
  align-items: center;
}
.header .header-box .wrapper .nav li {
  display: inline-block;
  vertical-align: middle;
}
.header .header-box .wrapper .nav li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.header .header-box .wrapper .nav li .content {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1060px;
}
.header .header-box .wrapper .nav li .content .header-btn a {
  display: block;
  min-width: 240px;
  width: fit-content;
  height: 40px;
  line-height: 40px;
  margin: 0 24px;
  padding: 0 16px;
  background: #f7f7f7;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  color: #000;
}
.header .header-box .wrapper .nav li .content .header-btn a:hover {
  background: #000;
  color: #fff;
}
.header .header-box .wrapper .nav li .content .pc-online {
  display: flex;
  flex-wrap: wrap;
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 0 24px;
  background: #fff;
  box-shadow: 0px 4px 12px 0px #00000026;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.header .header-box .wrapper .nav li .content .pc-online .titles {
  display: block;
  margin-left: 48px;
  background: #f5f8ff;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 266px;
}
.header .header-box .wrapper .nav li .content .pc-online .titles ul {
  padding: 20px 0;
}
.header .header-box .wrapper .nav li .content .pc-online .titles ul li {
  display: flex;
  align-items: center;
  height: 48px;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  padding: 0 26px;
  border-left: 2px solid transparent;
  cursor: pointer;
}
.header .header-box .wrapper .nav li .content .pc-online .titles ul li.cur {
  background-color: #fff;
  border-left: 2px solid #000;
  font-weight: 600;
}
.header .header-box .wrapper .nav li .content .pc-online .titles ul li .ai {
  margin-left: 8px;
  font-size: 16px;
  color: #ff3939;
  font-weight: 600;
}
.header .header-box .wrapper .nav li .content .pc-online .titles ul li::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOC41IiBjeT0iMTIiIHI9IjcuNSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtZGFzaGFycmF5PSIyIDIiLz48Y2lyY2xlIGN4PSIxNS41IiBjeT0iMTIiIHI9IjcuNSIgZmlsbD0iI0Y3RjdGNyIgc3Ryb2tlPSIjMDAwIi8+PC9zdmc+) no-repeat left center / 24px;
}
.header .header-box .wrapper .nav li .content .pc-online .titles ul li:nth-of-type(2)::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjIxIDMuNDg1Yy42NTUtLjY0NyAxLjc0Ny0uNjQ3IDIuMjkzIDBsNi4wMDYgNi4xNDRjLjY1NS42NDYuNjU1IDEuNjE3IDAgMi4yNjNsLTguMDggNy45NzZjLTEuNTMgMS41MS0zLjkzMiAxLjUxLTUuMzUxIDBMMy40OSAxNS4zNDFjLS42NTUtLjY0Ni0uNjU1LTEuNjE2IDAtMi4yNjNsOS43MTktOS41OTN6TTQuMjU2IDEzLjgzMmEuNTE2LjUxNiAwIDAwMCAuNzU1bDQuNTg2IDQuNTI3YzEuMDkyIDEuMDc4IDIuODM5IDEuMDc4IDMuODIyIDBsOC4wOC03Ljk3NmEuNTE2LjUxNiAwIDAwMC0uNzU1TDE0Ljc0IDQuMjRhLjUzMy41MzMgMCAwMC0uNzY1IDBsLTkuNzE4IDkuNTkyeiIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik02LjUyNiAxMC43N2wuNzM3LS43NyA3LjI2MyA3LjctLjczNi43Ny03LjI2NC03Ljd6bS0yIDEwLjIzQzQuMjExIDIxIDQgMjAuNzggNCAyMC40NWMwLS4zMy4yMS0uNTUuNTI2LS41NWgxNC45NDhjLjMxNiAwIC41MjYuMjIuNTI2LjU1IDAgLjMzLS4yMS41NS0uNTI2LjU1SDQuNTI2eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
}
.header .header-box .wrapper .nav li .content .pc-online .titles ul li:nth-of-type(3)::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOC41IiBmaWxsPSIjZmZmIiBzdHJva2U9IiMwMDAiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIyLjUiIGZpbGw9IiMwMDAiIHN0cm9rZT0iIzAwMCIvPjwvc3ZnPg==);
}
.header .header-box .wrapper .nav li .content .pc-online .titles ul li:nth-of-type(4)::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuNSA5LjVoMTVtLTE1IDVoMTVtMC01bC01LTVtLTUgMTVsLTUtNSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
}
.header .header-box .wrapper .nav li .content .pc-online .titles ul li:nth-of-type(5)::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgMTMuNWgxNm0tMTYtNGgxNk0xMi4yNDMgN2wtMy0zbTMgM2wyLjYwNC0zbS0yLjYwNCAxMmwtMyAzbTMtM2wyLjYwNCAzIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==);
}
.header .header-box .wrapper .nav li .content .cell {
  display: flex;
  position: relative;
}
.header .header-box .wrapper .nav li .content .cell .title {
  display: inline-block;
  flex: 1;
}
.header .header-box .wrapper .nav li .content .cell .title .product-name {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  line-height: 40px;
  padding: 0 20px 0 44px;
  box-sizing: border-box;
  color: #000;
  font-size: 16px;
  white-space: nowrap;
  cursor: default;
  font-weight: 600;
  cursor: pointer;
}
.header .header-box .wrapper .nav li .content .cell .title .product-name::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  background: #0087fd;
}
.header .header-box .wrapper .nav li .content .cell .side-box {
  display: none;
  background: #f0f6ff;
  padding: 32px 0;
  position: absolute;
  top: -2px;
  left: 100%;
}
.header .header-box .wrapper .nav li .content .cell .side-box ul li {
  display: block;
}
.header .header-box .wrapper .nav li .content .cell .side-box ul li a {
  position: relative;
  display: inline-block;
  line-height: 24px;
  padding: 0 36px 0 52px;
  color: #000;
  font-size: 16px;
}
.header .header-box .wrapper .nav li .content .cell .side-box ul li a:hover {
  color: #2f74ff;
  background: #d4e2ff;
}
.header .header-box .wrapper .nav li .content .cell .side-box ul li em {
  margin-left: 8px;
  background: url(/asset/common/header/css/images/new/hot-35b88e01.svg) no-repeat right center / contain;
  width: 34px;
  height: 20px;
  padding-right: 34px;
}
.header .header-box .wrapper .nav li .content .cell .side-box ul li em.new {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgNmE2IDYgMCAwMTYtNmgyMWM1LjUyMyAwIDEwIDQuNDc3IDEwIDEwcy00LjQ3NyAxMC0xMCAxMEgyYTIgMiAwIDAxLTItMlY2eiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzExODEwXzQyOCkiLz48cGF0aCBkPSJNMTEuODc1IDE1aC0xLjIwN0w2LjM0NCA4LjMwM2EyLjc0IDIuNzQgMCAwMS0uMjctLjUyOEg2LjA0Yy4wMzEuMTguMDQ3LjU2NS4wNDcgMS4xNTVWMTVoLS45ODRWNi41OThINi4zOGw0LjIwNyA2LjU5MmMuMTc2LjI3My4yODkuNDYuMzQuNTYyaC4wMjNjLS4wMzktLjI0Mi0uMDU4LS42NTQtLjA1OC0xLjIzNlY2LjU5OGguOTg0VjE1em02LjY1NiAwaC00LjQ1M1Y2LjU5OGg0LjI2NnYuODloLTMuMjgydjIuNzk1aDMuMDM2di44ODVoLTMuMDM1djIuOTQxaDMuNDY4VjE1ek0zMC4xMSA2LjU5OEwyNy43MzYgMTVoLTEuMTU0bC0xLjcyOS02LjE0YTMuODQ0IDMuODQ0IDAgMDEtLjEzNC0uODU2aC0uMDI0YTQuMzQgNC4zNCAwIDAxLS4xNTIuODQ0TDIyLjgwMyAxNUgyMS42NkwxOS4yIDYuNTk4aDEuMDgzbDEuNzg3IDYuNDQ1Yy4wNzUuMjcuMTIxLjU1LjE0Ljg0NGguMDNjLjAyLS4yMDcuMDgtLjQ4OS4xODItLjg0NGwxLjg1Ny02LjQ0NWguOTQ0bDEuNzggNi40OTJjLjA2My4yMjMuMTEuNDg0LjE0Mi43ODVoLjAyM2E0LjczIDQuNzMgMCAwMS4xNTgtLjgwOWwxLjcxNy02LjQ2OGgxLjA2NnoiIGZpbGw9IiMwMDAiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTE4MTBfNDI4IiB4MT0iMCIgeTE9Ii00LjUiIHgyPSIyNi41IiB5Mj0iMjIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjQTBGRkNEIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTJGRTlEIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+);
  width: 37px;
  padding-right: 37px;
}
.header .header-box .wrapper .nav li .content .cell[data-cur="true"] {
  background: #d4e2ff;
}
.header .header-box .wrapper .nav li .content .cell[data-cur="true"] .side-box {
  display: block;
}
.header .header-box .wrapper .nav li .gifAd {
  padding: 0;
}
.header .header-box .wrapper .nav li.item0 > a,
.header .header-box .wrapper .nav li.item1 > a,
.header .header-box .wrapper .nav li.item2 > a {
  padding: 0 14px 0 18px;
}
.header .header-box .wrapper .nav li.item0 > a::after,
.header .header-box .wrapper .nav li.item1 > a::after,
.header .header-box .wrapper .nav li.item2 > a::after {
  display: inline-block;
  content: "";
  width: 24px;
  height: 64px;
  margin-left: 12px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDExbC02IDYtNi02IiBzdHJva2U9IiNDNUM1QzUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat center / 24px;
}
.header .header-box .wrapper .nav li.item0[data-cur="true"] > a,
.header .header-box .wrapper .nav li.item1[data-cur="true"] > a,
.header .header-box .wrapper .nav li.item2[data-cur="true"] > a {
  color: #000;
  background: #fff;
}
.header .header-box .wrapper .nav li.item0[data-cur="true"] > a::after,
.header .header-box .wrapper .nav li.item1[data-cur="true"] > a::after,
.header .header-box .wrapper .nav li.item2[data-cur="true"] > a::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMTdsNi02IDYgNiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
}
.header .header-box .wrapper .nav li.item0[data-cur="true"] .content,
.header .header-box .wrapper .nav li.item1[data-cur="true"] .content,
.header .header-box .wrapper .nav li.item2[data-cur="true"] .content {
  display: block;
}
.header .header-box .wrapper .nav li.item0[data-cur="true"] .content::before,
.header .header-box .wrapper .nav li.item1[data-cur="true"] .content::before,
.header .header-box .wrapper .nav li.item2[data-cur="true"] .content::before {
  width: 100%;
}
.header .header-box .wrapper .nav li.item0 .pc-online {
  padding-top: 24px;
}
.header .header-box .wrapper .nav li.item1 .pc-online {
  justify-content: center;
  padding-bottom: 24px;
}
.header .header-box .wrapper .nav li.item1 .cells {
  display: flex;
  flex-wrap: wrap;
  padding: 36px 16px 0 0;
}
.header .header-box .wrapper .nav li.item1 .cell {
  width: calc(33.33% - 30px);
  margin: 0 0 36px 30px;
  padding: 12px 16px;
  box-sizing: border-box;
}
.header .header-box .wrapper .nav li.item1 .cell .side-box ul li a {
  white-space: nowrap;
}
.header .header-box .wrapper .nav li.item1 .cell[data-cur="true"] {
  background: #f5f8ff;
  border-radius: 4px;
}
.header .header-box .wrapper .nav li.item1 .cell dl {
  padding-left: 58px;
  background: url(/asset/common/header/css/images/logo-editor-b260935d.png) no-repeat 0 0;
  background-size: 48px;
}
.header .header-box .wrapper .nav li.item1 .cell dl dt {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
.header .header-box .wrapper .nav li.item1 .cell dl dt em {
  margin-left: 8px;
  background: url(/asset/common/header/css/images/new/hot-35b88e01.svg) no-repeat right center / 34px 20px;
  padding-right: 34px;
}
.header .header-box .wrapper .nav li.item1 .cell dl dt em.ai {
  background-image: url(/asset/common/header/css/images/new/ai-0e8aa178.png);
}
.header .header-box .wrapper .nav li.item1 .cell dl dd {
  margin-top: 4px;
  font-size: 14px;
  color: #5c5c5c;
}
.header .header-box .wrapper .nav li.item1 .cell.cutout dl {
  background-image: url(/asset/common/header/css/images/logo-remover-85d77b2d.png);
}
.header .header-box .wrapper .nav li.item1 .cell.remover dl {
  background-image: url(/asset/common/header/css/images/new/96/watermark-b4f41ee0.png);
}
.header .header-box .wrapper .nav li.item1 .cell.converter::after {
  display: none;
}
.header .header-box .wrapper .nav li.item1 .cell.converter dl {
  background-image: url(/asset/common/header/css/images/logo-converter-a80d93c4.png);
}
.header .header-box .wrapper .nav li.item1 .cell.recorder dl {
  background-image: url(/asset/common/header/css/images/logo-recorder-65e3e06c.png);
}
.header .header-box .wrapper .nav li.item2[data-cur="true"] .content {
  display: flex;
}
.header .header-box .wrapper .nav li.item2 .content {
  width: 100%;
  position: fixed;
  justify-content: center;
  flex-wrap: wrap;
}
.header .header-box .wrapper .nav li.item2 .content .header-btn {
  margin: 24px auto 0;
}
.header .header-box .wrapper .nav li.item2 .device {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 16px 0;
  border-bottom: 1px solid #ccc;
}
.header .header-box .wrapper .nav li.item2 .device span {
  cursor: pointer;
}
.header .header-box .wrapper .nav li.item2 .device .win {
  width: 24px;
  height: 24px;
  margin-right: 48px;
  background: url(/asset/common/header/css/images/new/win-37d4fb3b.svg) no-repeat center / 22px;
}
.header .header-box .wrapper .nav li.item2 .device .win.cur {
  background-image: url(/asset/common/header/css/images/new/win-h-704338f8.svg);
}
.header .header-box .wrapper .nav li.item2 .device .mac {
  width: 24px;
  height: 24px;
  background: url(/asset/common/header/css/images/new/mac-06bde759.svg) no-repeat center / 24px;
}
.header .header-box .wrapper .nav li.item2 .device .mac.cur {
  background-image: url(/asset/common/header/css/images/new/mac-h-2eddb749.svg);
}
.header .header-box .wrapper .nav li.item2 .cells {
  display: flex;
  flex-wrap: wrap;
  padding-right: 50px;
}
.header .header-box .wrapper .nav li.item2 .cell {
  display: block;
  width: calc(33.33% - 50px);
  margin-left: 50px;
  margin-top: 16px;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
}
.header .header-box .wrapper .nav li.item2 .cell[data-cur="true"] {
  background: #f5f8ff;
  border-radius: 4px;
}
.header .header-box .wrapper .nav li.item2 .cell dl dt {
  padding-left: 44px;
  height: 32px;
  background: url(/asset/common/header/css/images/logo-editor-48-82221643.png) no-repeat 0 0;
  background-size: 32px;
  font-size: 20px;
  color: #000;
  font-weight: 600;
  white-space: nowrap;
}
.header .header-box .wrapper .nav li.item2 .cell dl dd.desc {
  margin-top: 12px;
  font-size: 14px;
  color: #5c5c5c;
  line-height: 18px;
  min-height: 36px;
}
.header .header-box .wrapper .nav li.item2 .cell:nth-of-type(1) dl dt {
  background-image: url(/asset/common/header/css/images/logo-remover-48-bd67efc2.png);
}
.header .header-box .wrapper .nav li.item2 .cell:nth-of-type(2) dl dt {
  background-image: url(/asset/common/header/css/images/new/96/watermark-b4f41ee0.png);
}
.header .header-box .wrapper .nav li.item2 .cell:nth-of-type(3) dl dt {
  background-image: url(/asset/common/header/css/images/logo-recorder-48-573990c0.png);
}
.header .header-box .wrapper .nav li.item2 .cell:nth-of-type(4) dl dt {
  background-image: url(/asset/common/header/css/images/logo-converter-48-4f9dcade.png);
}
.header .header-box .wrapper .nav li.item2 .cell:nth-of-type(5) dl dt {
  background-image: url(/asset/common/header/css/images/logo-editor-48-82221643.png);
}
.header .header-box .wrapper .nav li.item2 .cell .link-2 {
  margin-top: 16px;
}
.header .header-box .wrapper .nav li.item2 .cell .link-2 a {
  display: inline-block;
  line-height: 18px;
  padding: 7px 16px 8px;
  padding-left: 42px;
  border: 1px solid #000000;
  border-radius: 5px;
  background: url(/asset/common/header/css/images/win-13dafd2b.svg) no-repeat 16px center / 18px;
  font-size: 16px;
  color: #000;
}
.header .header-box .wrapper .nav li.item2 .cell .link-2 a:hover {
  background-color: #000;
  color: #fff;
  background-image: url(/asset/common/header/css/images/new/win-white-3c1bb19c.svg);
}
.header .header-box .wrapper .nav li.item2 .cell .link-2.mac a {
  background-image: url(/asset/common/header/css/images/new/mac-h-2eddb749.svg);
}
.header .header-box .wrapper .nav li.item2 .cell .link-2.mac a:hover {
  background-image: url(/asset/common/header/css/images/new/mac-white-c2260bc9.svg);
}
.header .header-box .wrapper .nav li.item2 .download-center {
  flex: 0 0 100%;
  margin-top: 24px;
  text-align: center;
}
.header .header-box .wrapper .nav li.item2 .download-center a {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 64px;
  background: #ededed;
  border-radius: 5px;
  font-size: 16px;
  color: #000;
  text-align: center;
}
.header .header-box .wrapper .nav li.item2 .download-center a:hover {
  color: #2F74FF;
  background: #f5f8ff;
}
.header .header-box .wrapper .nav li.item3 a::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-top: 1px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjY5MyA0LjVsLTEuODMzIDcuMzMzSDUuODA3TDMuOTc0IDQuNWgxMy43MTl6IiBzdHJva2U9IiNmZmYiLz48cGF0aCBkPSJNMS4yNSAxLjVoMS40NThMMy4zMzMgNG0wIDBsMi4wODQgOC4zMzNIMTYuMjVMMTguMzMzIDRoLTE1eiIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNNS40MTcgMTYuNWExLjI1IDEuMjUgMCAxMDAtMi41IDEuMjUgMS4yNSAwIDAwMCAyLjV6bTEwLjgzMyAwYTEuMjUgMS4yNSAwIDEwMC0yLjUgMS4yNSAxLjI1IDAgMDAwIDIuNXoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat 0 0 / contain;
}
.header .header-box .wrapper .nav li.item3 a:hover {
  opacity: 0.8;
}
.header .header-box .wrapper .nav li.item4 {
  display: flex;
  align-items: center;
}
.header .header-box .wrapper .nav li.item4 a:hover,
.header .header-box .wrapper .nav li.item5 a:hover {
  opacity: 0.8;
}
.header .header-box .wrapper .nav li.item6 > a::after {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjQyIDEyLjE0NmE3LjQ3NCA3LjQ3NCAwIDAwMS41OTctNC42MjRBNy41MjQgNy41MjQgMCAwMDcuNDkzIDBDMy4zNDcgMCAwIDMuMzYgMCA3LjUyMmE3LjUyNCA3LjUyNCAwIDAwNy41MjQgNy41MjIgNy40IDcuNCAwIDAwNC42MDYtMS42MDNsMi4yNzMgMi4yODFjLjM2OS4zNy45NTIuMzcgMS4zMiAwYS45MzMuOTMzIDAgMDAwLTEuMzI1bC0yLjMwMy0yLjI1ek0xLjQxMyA3LjUyMmMwLTMuMzYgMi43MzMtNi4xMDQgNi4wOC02LjEwNCAzLjM0OCAwIDYuMDggMi43NDQgNi4wOCA2LjEwNHMtMi43MzIgNi4xMDQtNi4wOCA2LjEwNGMtMy4zNDcgMC02LjA4LTIuNzQzLTYuMDgtNi4xMDR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat 0 0 / contain;
}
.header .header-box .wrapper .nav li.item6 > a:hover {
  opacity: 0.8;
}
.header .header-box .wrapper .search-box {
  display: none;
  position: relative;
  width: 535px;
}
.header .header-box .wrapper .search-box .text-box {
  width: 535px;
  height: 40px;
  padding: 0 40px 0 20px;
  box-sizing: border-box;
  background: #eef4fc;
  border-radius: 20px;
  border: 0;
  outline: 0;
}
.header .header-box .wrapper .search-box .btn-close {
  position: absolute;
  top: 10px;
  right: 14px;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAWlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACNqrUmAAAAHnRSTlMATCFOZW4HgA57enAoJCkWIx5DalUzCmRYBkRLHAErJrPvAAAAaElEQVQY063PRw7AIAxE0QkpQHrvuf81AyJCNmzjlfUWtj7UthegM049FikzqomUM9acqTE9AIqqNWEXot6IEvPK7NOUm9PQjJYGa272XlDh/lZxmxYqbhM/trVx24UmbjuBTvGM435eeIIFbTLFnPYAAAAASUVORK5CYII=) no-repeat center / 10px;
  border: 0;
  cursor: pointer;
}
.header .search-list {
  display: none;
  max-width: 1238px;
}
.header .search-list > .wrapper {
  position: fixed;
  top: 64px;
  z-index: 99;
  width: 535px;
  padding: 16px 32px 20px;
  box-sizing: border-box;
  box-shadow: 0px 6px 6px 0px rgba(4, 0, 0, 0.05);
  border-radius: 0px 0px 8px 8px;
  background: #fff;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  height: fit-content;
}
.header .search-list > .wrapper ul {
  margin-top: 12px;
}
.header .search-list > .wrapper ul li {
  display: block;
  margin-top: 8px;
}
.header .search-list > .wrapper ul li > a {
  display: block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.8);
}
.header .search-list > .wrapper ul li > a:hover {
  background: rgba(47, 116, 255, 0.2);
}
@media screen and (max-width: 1279px) {
  .header .gifAd {
    margin-left: 20px;
  }
  .header .header-box .wrapper .nav li > a {
    padding: 0 10px;
  }
  .header .header-box .wrapper .nav li.item0 > a,
  .header .header-box .wrapper .nav li.item1 > a,
  .header .header-box .wrapper .nav li.item2 > a {
    padding: 0 6px 0 10px;
  }
  .header .header-box .wrapper .nav li.item0 > a::after,
  .header .header-box .wrapper .nav li.item1 > a::after,
  .header .header-box .wrapper .nav li.item2 > a::after {
    margin-left: 6px;
  }
  .header .header-box .wrapper .nav li.item4 a {
    padding: 0 10px 0 20px;
  }
  .header .header-box .wrapper .nav li.item2 .cell dl dt {
    font-size: 18px;
    padding-top: 4px;
  }
}
@media screen and (min-width: 1024px) {
  .header .header-box .wrapper .nav .item0 .content {
    position: fixed;
    width: 100%;
  }
  .header .header-box .wrapper .nav .item0 .content .cells {
    flex: 1;
    padding-left: 48px;
  }
  .header .header-box .wrapper .nav .item0 .content .cell {
    display: none;
  }
  .header .header-box .wrapper .nav .item0 .content .cell.cur {
    display: block;
  }
  .header .header-box .wrapper .nav .item0 .content .cell ul {
    display: flex;
    flex-wrap: wrap;
  }
  .header .header-box .wrapper .nav .item0 .content .cell ul li {
    width: 50%;
  }
  .header .header-box .wrapper .nav .item0 .content .cell .title {
    display: none;
    border-bottom: 1px solid #eceff5;
  }
  .header .header-box .wrapper .nav .item0 .content .cell .title .product-name {
    font-size: 20px;
    padding: 0;
    line-height: 56px;
  }
  .header .header-box .wrapper .nav .item0 .content .cell .title .product-name:before {
    display: none;
  }
  .header .header-box .wrapper .nav .item0 .content .cell .side-box {
    display: block;
    position: static;
    background: #fff;
  }
  .header .header-box .wrapper .nav .item0 .content .cell .side-box ul li a {
    padding: 20px 0;
    font-weight: 400;
  }
  .header .header-box .wrapper .nav .item0 .content .cell .side-box ul li a::before {
    left: 0;
  }
  .header .header-box .wrapper .nav .item0 .content .cell .side-box ul li a:hover {
    background: none;
    text-decoration: underline;
  }
  .header .header-box .wrapper .nav .item0 .content .cell[data-cur="true"] {
    background: none;
  }
}
@media screen and (max-width: 1023px) {
  .header {
    top: 0;
    z-index: 999;
    width: 100%;
    height: 44px;
  }
  .header.m-header-fixed {
    position: fixed;
  }
  .header .gifAd {
    margin-right: 8px;
    width: 71px;
    height: 36px;
    margin-top: 4px;
  }
  .header .mobile {
    display: block;
  }
  .header .header-box {
    height: 44px;
  }
  .header .header-box .wrapper {
    height: 44px;
    padding: 0 16px;
  }
  .header .header-box .wrapper .btn-menu {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNTU4IDQuOTZoMjAuODg0Yy42NiAwIDEuMTk1LS41MjEgMS4xOTUtMS4xNjQgMC0uNjQyLS41MzQtMS4xNjMtMS4xOTUtMS4xNjNIMS41NThjLS42NiAwLTEuMTk0LjUyMS0xLjE5NCAxLjE2MyAwIC42NDMuNTM1IDEuMTY0IDEuMTk0IDEuMTY0em0yMC44ODMgNS44MThIMS41NThjLS42NiAwLTEuMTk0LjUyMS0xLjE5NCAxLjE2NCAwIC42NDIuNTMzIDEuMTYzIDEuMTk0IDEuMTYzaDIwLjg4NGMuNjYgMCAxLjE5NS0uNTIgMS4xOTUtMS4xNjNzLS41MzgtMS4xNjQtMS4xOTYtMS4xNjR6bTAgOC4yNDJIMS41NThjLS42NTkgMC0xLjE5NC41MjEtMS4xOTQgMS4xNjMgMCAuNjQzLjUzNSAxLjE2NCAxLjE5NCAxLjE2NGgyMC44ODRjLjY2IDAgMS4xOTUtLjUyMSAxLjE5NS0xLjE2NCAwLS42NDItLjUzNC0xLjE2My0xLjE5Ni0xLjE2M3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat center / contain;
  }
  .header .header-box .wrapper .btn-menu.close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgM2wxNy4yNSAxNy4yNU0zIDIwLjI1TDIwLjI1IDMiIHN0cm9rZT0iIzlDOUM5QyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
    background-size: contain;
  }
  .header .header-box .wrapper .nav .m-nav {
    display: none;
    position: fixed;
    top: 44px;
    left: 0;
    z-index: 100;
    width: 100%;
    height: calc(100vh - 44px);
    padding: 0 16px 56px;
    box-sizing: border-box;
    border-top: 1px solid #2F74FF;
    background: #fff;
    overflow-y: auto;
  }
  .header .header-box .wrapper .nav .m-nav li {
    width: 100%;
    border-left: none;
    margin-left: 0;
  }
  .header .header-box .wrapper .nav .m-nav li > a {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    color: #000;
  }
  .header .header-box .wrapper .nav .m-nav li.item0,
  .header .header-box .wrapper .nav .m-nav li.item1,
  .header .header-box .wrapper .nav .m-nav li.item2 {
    position: relative;
  }
  .header .header-box .wrapper .nav .m-nav li.item0 .content,
  .header .header-box .wrapper .nav .m-nav li.item1 .content,
  .header .header-box .wrapper .nav .m-nav li.item2 .content {
    left: 0;
    transform: translateX(0);
  }
  .header .header-box .wrapper .nav .m-nav li.item0 > a,
  .header .header-box .wrapper .nav .m-nav li.item1 > a,
  .header .header-box .wrapper .nav .m-nav li.item2 > a {
    position: relative;
  }
  .header .header-box .wrapper .nav .m-nav li.item0 > a::after,
  .header .header-box .wrapper .nav .m-nav li.item1 > a::after,
  .header .header-box .wrapper .nav .m-nav li.item2 > a::after {
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDExbC02IDYtNi02IiBzdHJva2U9IiNDNUM1QzUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat center / contain;
  }
  .header .header-box .wrapper .nav .m-nav li.item0 > a[data-cur="true"],
  .header .header-box .wrapper .nav .m-nav li.item1 > a[data-cur="true"],
  .header .header-box .wrapper .nav .m-nav li.item2 > a[data-cur="true"] {
    color: #2f74ff;
  }
  .header .header-box .wrapper .nav .m-nav li.item0 > a[data-cur="true"]::after,
  .header .header-box .wrapper .nav .m-nav li.item1 > a[data-cur="true"]::after,
  .header .header-box .wrapper .nav .m-nav li.item2 > a[data-cur="true"]::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDExbC02IDYtNi02IiBzdHJva2U9IiMyZjc0ZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
    transform: rotate(180deg);
  }
  .header .header-box .wrapper .nav .m-nav li.item0[data-cur="true"] > a::after,
  .header .header-box .wrapper .nav .m-nav li.item1[data-cur="true"] > a::after,
  .header .header-box .wrapper .nav .m-nav li.item2[data-cur="true"] > a::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDExbC02IDYtNi02IiBzdHJva2U9IiMyZjc0ZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
  }
  .header .header-box .wrapper .nav .m-nav li.item0 .cell dl dd.desc,
  .header .header-box .wrapper .nav .m-nav li.item1 .cell dl dd.desc,
  .header .header-box .wrapper .nav .m-nav li.item2 .cell dl dd.desc {
    min-height: auto;
  }
  .header .header-box .wrapper .nav .m-nav li.item0 .content .pc-online {
    display: block;
    width: auto;
    margin: 0;
    background: #fff;
    border-radius: 0;
  }
  .header .header-box .wrapper .nav .m-nav li.item0 .content .pc-online .cells {
    flex: 1;
    padding-left: 0;
  }
  .header .header-box .wrapper .nav .m-nav li.item0 .content .pc-online .cells .cell .side-box {
    display: none;
  }
  .header .header-box .wrapper .nav .m-nav li.item0 .content .pc-online .titles {
    display: none;
  }
  .header .header-box .wrapper .nav .m-nav li.item1 .cell dl {
    padding-left: 50px;
    background-size: 40px;
  }
  .header .header-box .wrapper .nav .m-nav li.item1 .cell dl dt {
    font-size: 16px;
  }
  .header .header-box .wrapper .nav .m-nav li.item1 .cell dl dd {
    margin-top: 0;
  }
  .header .header-box .wrapper .nav .m-nav li.item2 .device {
    display: none;
  }
  .header .header-box .wrapper .nav .m-nav li.item2 .content {
    position: static;
    padding-bottom: 28px;
  }
  .header .header-box .wrapper .nav .m-nav li.item2 .content .header-btn {
    margin: 8px auto 0;
  }
  .header .header-box .wrapper .nav .m-nav li.item2 .content .cell {
    width: 100%;
    margin: 16px 16px 16px;
    padding: 0;
  }
  .header .header-box .wrapper .nav .m-nav li.item2 .content .cell dl dt {
    line-height: 24px;
    font-size: 16px;
  }
  .header .header-box .wrapper .nav .m-nav li.item2 .content .cell dl dd.icon {
    display: flex;
    margin-top: 8px;
    font-size: 14px;
    color: #9c9c9c;
  }
  .header .header-box .wrapper .nav .m-nav li.item2 .content .cell dl dd.icon .win {
    width: 15px;
    height: 15px;
    margin-right: 14px;
    background: url(/asset/common/header/css/images/win-gray-37d4fb3b.svg) no-repeat center / 13px;
  }
  .header .header-box .wrapper .nav .m-nav li.item2 .content .cell dl dd.icon .mac {
    width: 15px;
    height: 15px;
    background: url(/asset/common/header/css/images/new/mac-gray-06bde759.svg) no-repeat center / 15px;
  }
  .header .header-box .wrapper .nav .m-nav li.item2 .content .cell dl .desc {
    margin-top: 6px;
    font-size: 12px;
  }
  .header .header-box .wrapper .nav .m-nav li.item2 .content .cell .link-2 {
    margin-top: 10px;
  }
  .header .header-box .wrapper .nav .m-nav li.item2 .content .cell .link-2 a {
    font-size: 14px;
    background-size: 16px;
    height: 36px;
    line-height: 20px;
    box-sizing: border-box;
  }
  .header .header-box .wrapper .nav .m-nav li.item3 a::before {
    display: none;
  }
  .header .header-box .wrapper .nav .m-nav li.item4 {
    display: block;
  }
  .header .header-box .wrapper .nav .m-nav li.item4::before {
    display: none;
  }
  .header .header-box .wrapper .nav .m-nav li.item5 {
    order: 1;
  }
  .header .header-box .wrapper .nav .m-nav li.item6 {
    order: 2;
  }
  .header .header-box .wrapper .nav .m-nav li.item6 a::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjQyIDEyLjE0NmE3LjQ3NCA3LjQ3NCAwIDAwMS41OTctNC42MjRBNy41MjQgNy41MjQgMCAwMDcuNDkzIDBDMy4zNDcgMCAwIDMuMzYgMCA3LjUyMmE3LjUyNCA3LjUyNCAwIDAwNy41MjQgNy41MjIgNy40IDcuNCAwIDAwNC42MDYtMS42MDNsMi4yNzMgMi4yODFjLjM2OS4zNy45NTIuMzcgMS4zMiAwYS45MzMuOTMzIDAgMDAwLTEuMzI1bC0yLjMwMy0yLjI1ek0xLjQxMyA3LjUyMmMwLTMuMzYgMi43MzMtNi4xMDQgNi4wOC02LjEwNCAzLjM0OCAwIDYuMDggMi43NDQgNi4wOCA2LjEwNHMtMi43MzIgNi4xMDQtNi4wOCA2LjEwNGMtMy4zNDcgMC02LjA4LTIuNzQzLTYuMDgtNi4xMDR6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
  }
  .header .header-box .wrapper .nav .m-nav .content {
    position: static;
    border-top: none;
    box-shadow: none;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .header .header-box .wrapper .nav .m-nav .content::before {
    display: none;
  }
  .header .header-box .wrapper .nav .m-nav .content .header-btn {
    margin: 0 auto;
  }
  .header .header-box .wrapper .nav .m-nav .content .header-btn:not(:nth-of-type(1)) {
    margin-top: 24px;
  }
  .header .header-box .wrapper .nav .m-nav .content .pc-online {
    box-shadow: none;
    padding: 0;
  }
  .header .header-box .wrapper .nav .m-nav .content .cell {
    margin: 16px 0 24px;
    padding: 0 16px;
    max-width: 100%;
    flex-direction: column;
  }
  .header .header-box .wrapper .nav .m-nav .content .cell .title .product-name {
    padding: 0;
    font-size: 14px;
    line-height: 26px;
    position: relative;
  }
  .header .header-box .wrapper .nav .m-nav .content .cell .title .product-name::after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDExbC02IDYtNi02IiBzdHJva2U9IiNDNUM1QzUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat center / contain;
  }
  .header .header-box .wrapper .nav .m-nav .content .cell .title .product-name::before {
    display: none;
  }
  .header .header-box .wrapper .nav .m-nav .content .cell a {
    padding: 0;
  }
  .header .header-box .wrapper .nav .m-nav .content .cell a dl {
    display: inline-block;
  }
  .header .header-box .wrapper .nav .m-nav .content .cell[data-cur="true"] {
    background: none;
  }
  .header .header-box .wrapper .nav .m-nav .content .cell[data-cur="true"] .title .product-name {
    color: #2f74ff;
  }
  .header .header-box .wrapper .nav .m-nav .content .cell[data-cur="true"] .title .product-name::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDExbC02IDYtNi02IiBzdHJva2U9IiMyZjc0ZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
    transform: rotate(180deg);
  }
  .header .header-box .wrapper .nav .m-nav .content .download-center {
    margin-top: 28px;
    padding: 0;
    text-align: center;
  }
  .header .header-box .wrapper .nav .m-nav .content .download-center a {
    display: inline-block;
    font-size: 14px;
    padding: 0 64px;
  }
  .header .header-box .wrapper .nav .m-nav .item1 .content {
    padding-bottom: 28px;
  }
  .header .header-box .wrapper .nav .m-nav .item1 .content .pc-online {
    flex-direction: column;
  }
  .header .header-box .wrapper .nav .m-nav .item1 .content .cells {
    display: block;
    padding: 0;
  }
  .header .header-box .wrapper .nav .m-nav .item1 .content .cell {
    width: 100%;
    margin: 16px 0 24px;
    padding: 0 16px;
  }
  .header .header-box .wrapper .nav .m-nav > li .content .cell .side-box {
    position: static;
    background: none;
    padding: 16px 0 0;
  }
  .header .header-box .wrapper .nav .m-nav > li .content .cell .side-box ul {
    border-top: 1px solid #e5e5e5;
    padding-left: 20px;
  }
  .header .header-box .wrapper .nav .m-nav > li .content .cell .side-box ul li {
    margin-top: 12px;
    min-height: auto;
    margin-bottom: 0;
  }
  .header .header-box .wrapper .nav .m-nav > li .content .cell .side-box ul li a {
    position: relative;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0px 20px 0 0;
    border-radius: 4px 4px 4px 4px;
    color: #000;
    font-size: 14px;
    border-bottom: 0;
    font-weight: normal;
  }
  .header .header-box .wrapper .nav .m-nav > li .content .cell .side-box ul li a::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: -16px;
    top: 10px;
    background: #0087fd;
  }
  .header .header-box .wrapper .search-box {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 20px;
    display: block;
  }
  .header .header-box .wrapper .search-box .text-box {
    width: 100%;
    height: 32px;
    padding-left: 40px;
    box-sizing: border-box;
    background: #f7f7f7;
    border-radius: 4px;
  }
  .header .header-box .wrapper .search-box .btn-close {
    position: absolute;
    left: 10px;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAABa1BMVEVHcEyxsbG3tra2tra2tra/v7+4tra4uLi3tra3tra2tra/v7+2traqqqq2tra/v7+2tbWAgIC4traqqqq2tbW3tra2tra4tra3t7e5tLS3tLS4tra3tra2tra3tra3t7e2tra3s7O2tbW3tra2tbW5oqK3tbW2tbW3tra2tra2tra3tLS4tbW2tra4tbW3t7e2tra3t7e3t7e4t7e3t7e4uLi4tra3t7e2tbW3tra1tbW2tra3tbW3tra3tbW1tbW3tra2tra3tbW1tbW3tra3t7e2trafn5+3tbW3tbW3tbW2tbW2tra3tra3tLS3tLS3t7e2tra3t7e3s7O3t7e2tra2tbW3t7e1tbW3tbW3tbW3tra3tra1tbW3tra3tra2tbW3t7e3tbW3t7e2tbW4tra3tbW2tbW2trb///+3tra3t7e3t7e3t7e3tra3tra1tbW2tbW4tLS3t7e3tra2tbW3tra2tbW3trY//CzxAAAAeHRSTlMADeNGFQyvMvHGewgHCVQEzAJlA+/USdapM1J9/Fv9X8NR/OXgC8n94oHEVVM4XX/LWKrlXDboLuurLah8vLtoi8eKa8C3jwiNo6buV+xYY5uetEBAl5dVZJWU8PhM+d3SSp+S1o/X2p0B1ZhHQ+3bSN1E0JnP4OhmwgU0AAABB0lEQVQYGW3BhVbCAACG0Z/QDVQMFLu7u7u7u7u7v8c3Ng5ux3tlu397f9hLPzo5DsvhLoOoy03FhLeBx/W0ha3TM2A6SbbUFch8kmUtBQIJsmzAUqKiUqegW78isKy/hqBNP27ITJZDgNZkSS8QkVM7NEu65VluTbRIemVHbo1USUonTW51VMZJB8zJzQd+aZdFuRVT4JEyOJdbkFJJV1zIrYZ4SfuwKqceKJR0fUiKnAboStC3EEzorz4Y1K8ZGFFMEMZlmRyGQL0snf3AvCFLUi9QUR3y5eQWAWOzmIZsDV6iOkaVbWIasiXWZpWVkOeNzy+XZJiY2YqJ83tkM0w+9T/jI+sLb2dGN8jQR+IAAAAASUVORK5CYII=) no-repeat center / contain;
  }
  .header .header-box .wrapper .nav .m-nav .search-list .wrapper {
    position: static;
    box-shadow: none;
    padding: 0;
    width: 100%;
  }
  .header .header-box .wrapper .nav .m-nav .search-list .wrapper h3 {
    color: #000;
    font-size: 14px;
  }
  .header .header-box .wrapper .nav .m-nav .search-list .wrapper ul {
    margin-top: 12px;
  }
  .header .header-box .wrapper .nav .m-nav .search-list .wrapper ul li {
    min-height: auto;
  }
  .header .header-box .wrapper .nav .m-nav .search-list .wrapper ul li > a {
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
    border-radius: 4px;
    color: #818181;
    border: none;
    font-size: 14px;
    font-weight: normal;
  }
}
.downloader-nav {
  height: 56px;
}
.downloader-nav .wrapper {
  position: fixed;
  top: 64px;
  width: 100%;
  z-index: 99;
  background: #fff;
  border-top: 1px solid #f7f7f7;
  box-shadow: 0px 6px 6px 0px rgba(4, 0, 0, 0.05);
}
.downloader-nav .mobile {
  display: none;
}
.downloader-nav .downloader-nav-content {
  display: flex;
  justify-content: center;
}
.downloader-nav .downloader-nav-content > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 80px;
}
.downloader-nav .downloader-nav-content > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 16px;
}
.downloader-nav .downloader-nav-content > li > .title {
  font-size: 16px;
  line-height: 56px;
  cursor: pointer;
  padding-right: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS41NzQgNi41NjdMNS45OTcgN2w1LjgzLTUuOTU2YS42Mi42MiAwIDAwLS4xOTQtLjk5Ny41ODUuNTg1IDAgMDAtLjY1Mi4xMzNMNS45OTggNS4yNyAxLjAyLjE4QS41OTUuNTk1IDAgMDAuNTk3IDBhLjU4NC41ODQgMCAwMC0uNDIyLjE4LjYyLjYyIDAgMDAtLjAwMi44NjRsNS4zNzggNS40OTguMDI0LjAyNXoiIGZpbGw9IiM1QzVDNUMiLz48L3N2Zz4=) no-repeat right center / 12px;
  color: #5c5c5c;
}
.downloader-nav .downloader-nav-content > li[data-cur="true"] > .title {
  color: #1c8dfc;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi40MjYuNDMzTDYuMDAzIDAgLjE3MyA1Ljk1NmEuNjIuNjIgMCAwMC4xOTUuOTk3LjU4NS41ODUgMCAwMC42NTEtLjEzM2w0Ljk4My01LjA5IDQuOTc4IDUuMDlhLjU5Ni41OTYgMCAwMC40MjMuMTguNTg0LjU4NCAwIDAwLjQyMi0uMTguNjIuNjIgMCAwMC4wMDItLjg2NEw2LjQ0OC40NTggNi40MjUuNDMzeiIgZmlsbD0iIzFDOERGQyIvPjwvc3ZnPg==);
}
.downloader-nav .downloader-nav-content > li[data-cur="true"] .content {
  display: flex;
}
.downloader-nav .downloader-nav-content > li .content {
  position: absolute;
  left: 0;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  min-height: 301px;
  display: none;
  align-items: center;
  justify-content: center;
}
.downloader-nav .downloader-nav-content > li .content-left {
  padding-left: 205px;
  width: 380px;
  height: 207px;
  background: url(/asset/common/header/css/images/navImg-cc3cdef1.png) no-repeat left center / 154px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.downloader-nav .downloader-nav-content > li .content-left a:not(.downloadDtn):hover {
  color: #1c8dfc;
}
.downloader-nav .downloader-nav-content > li .content-left .title {
  font-weight: 600;
  font-size: 20px;
  color: #000000;
}
.downloader-nav .downloader-nav-content > li .content-left .desc {
  color: #5c5c5c;
  margin-top: 12px;
  margin-right: 50px;
}
.downloader-nav .downloader-nav-content > li .content-left .downloadDtn {
  margin-top: 34px;
  display: inline-block;
  background: linear-gradient(180deg, #50a8ff 0%, #1c8dfc 100%);
  border-radius: 8px;
  padding: 0 30px 0 73px;
  line-height: 54px;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  box-shadow: 0px 2px 10px rgba(28, 141, 252, 0.5);
  position: relative;
  box-sizing: border-box;
  white-space: nowrap;
}
.downloader-nav .downloader-nav-content > li .content-left .downloadDtn::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTYiIGhlaWdodD0iNTYiPjxkZWZzPjxzdHlsZT5AZm9udC1mYWNle2ZvbnQtZmFtaWx5OmZlZWRiYWNrLWljb25mb250O3NyYzp1cmwoLy9hdC5hbGljZG4uY29tL3QvZm9udF8xMDMxMTU4X3U2OXc4eWh4ZHUud29mZjI/dD0xNjMwMDMzNzU5OTQ0KSBmb3JtYXQoJnF1b3Q7d29mZjImcXVvdDspLHVybCgvL2F0LmFsaWNkbi5jb20vdC9mb250XzEwMzExNThfdTY5dzh5aHhkdS53b2ZmP3Q9MTYzMDAzMzc1OTk0NCkgZm9ybWF0KCZxdW90O3dvZmYmcXVvdDspLHVybCgvL2F0LmFsaWNkbi5jb20vdC9mb250XzEwMzExNThfdTY5dzh5aHhkdS50dGY/dD0xNjMwMDMzNzU5OTQ0KSBmb3JtYXQoJnF1b3Q7dHJ1ZXR5cGUmcXVvdDspfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik00NjguODEgODIuMDZ2NDE2LjQ2OWg1NTIuNDE0VjB6TTIuNzc3IDUwMy4yNkg0MzQuMjZWODUuOTY2TDIuNzc2IDE0OS43MjN6bTQ2Ni4wMzUgNDM4LjY4bDU1Mi40MTMgODIuMDZWNTM3LjgxSDQ2OC44MXpNMi43NzYgODc0LjI3N2w0MzEuNDgzIDYzLjc1NlY1MzcuODFIMi43NzZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat center / contain;
}
.downloader-nav .downloader-nav-content > li .content-left .downloadDtn[data-device="mac"]::before {
  background-image: url(/asset/common/header/css/images/nav-mac-ef9e8465.svg);
}
.downloader-nav .downloader-nav-content > li .content-left .downloadDtn[data-device="android"]::before {
  background-image: url(/asset/common/header/css/images/nav-android-08254023.svg);
}
.downloader-nav .downloader-nav-content > li .content-left .downloadDtn:hover {
  background: #1c8dfc;
}
.downloader-nav .downloader-nav-content > li .content-left .more {
  font-size: 16px;
  color: #9c9c9c;
  margin-left: 32px;
  margin-top: 16px;
  display: inline-block;
}
.downloader-nav .downloader-nav-content > li .content-left .more:hover {
  text-decoration: underline;
}
.downloader-nav .downloader-nav-content > li .content-right {
  margin-left: 10%;
}
.downloader-nav .downloader-nav-content > li .content-right li {
  font-size: 16px;
}
.downloader-nav .downloader-nav-content > li .content-right li:first-child {
  margin-bottom: 17px;
  font-weight: 600;
  padding-left: 5px;
}
.downloader-nav .downloader-nav-content > li .content-right li:not(.downloader-nav .downloader-nav-content > li .content-right li:first-child) a {
  display: block;
  margin: 10px 0;
  line-height: 28px;
  padding: 0 22px 0 33px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjQ5MiAxNi4wMThhMSAxIDAgMDEtMS42MjQuNzgxbC0zLjI0NC0yLjU5NWExIDEgMCAwMC0xLjI1IDBsLTMuMjQyIDIuNTk1YTEgMSAwIDAxLTEuNjI1LS43OFY0LjI4NWExIDEgMCAwMTEtMWg4Ljk4NmExIDEgMCAwMTEgMXYxMS43MzJ6IiBmaWxsPSIjMDAwIi8+PC9zdmc+) no-repeat 5px 3px;
  background-size: 20px;
  border-radius: 4px;
  width: fit-content;
}
.downloader-nav .downloader-nav-content > li .content-right li:not(.downloader-nav .downloader-nav-content > li .content-right li:first-child):nth-child(3) a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjkwOSAyLjQwNmEuNjUyLjY1MiAwIDAxLjAwNS4wODJ2LjEwOGEuNzIyLjcyMiAwIDAxLS42MTguNzE1TDYuNDIgNC41OThhLjcyMi43MjIgMCAwMC0uNjE4LjcxNXYuMDI3YS41ODIuNTgyIDAgMDAuNjQ4LjU3OWwxMC4xMDQtMS4xNGEuNzIyLjcyMiAwIDAxLjgwMy43MTd2MTEuMDE1YS43MjIuNzIyIDAgMDEtLjY0LjcxOGwtNS44Ni42Ni00Ljg5My41NTNhMS40NDQgMS40NDQgMCAwMS0xLjYwNy0xLjQzNVY0LjQ5NGMwLS43MjcuNTQxLTEuMzQxIDEuMjYzLTEuNDMzbDkuNTY1LTEuMjE0YS42NDYuNjQ2IDAgMDEuNzIzLjU2ek05Ljc3NSA4LjQ4M2EuNzIyLjcyMiAwIDAwLS43MjIuNzIydjQuMTc3YS43MjIuNzIyIDAgMDAxLjA4MS42MjdsMy42MTMtMi4wNzJhLjcyMi43MjIgMCAwMC4wMDQtMS4yNUwxMC4xNCA4LjU4YS43MjIuNzIyIDAgMDAtLjM2NC0uMDk4eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
}
.downloader-nav .downloader-nav-content > li .content-right li:not(.downloader-nav .downloader-nav-content > li .content-right li:first-child):nth-child(4) a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuMzI0IDcuNzE0VjIuNDI2QS40MjYuNDI2IDAgMDE3Ljc1IDJoNS4xNDhhLjQyNi40MjYgMCAwMS40MjYuNDI2djUuMjg4aDIuOTM0YS40MjYuNDI2IDAgMDEuMjk0LjczNmwtNS45MzUgNS42NWEuNDI2LjQyNiAwIDAxLS41ODkgMEw0LjA5NSA4LjQ1YS40MjYuNDI2IDAgMDEuMjk1LS43MzZoMi45MzR6bTkuNTc0IDEwLjQ3N0gzLjc1MWEuNDI1LjQyNSAwIDAxLS40MjctLjQyN3YtMS4wNTJhLjQyNi40MjYgMCAwMS40MjctLjQyNmgxMy4xNDdhLjQyNi40MjYgMCAwMS40MjYuNDI2djEuMDUyYzAgLjIzNS0uMTkuNDI3LS40MjYuNDI3eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  background-position-y: 4px;
}
.downloader-nav .downloader-nav-content > li .content-right li:not(.downloader-nav .downloader-nav-content > li .content-right li:first-child):hover a {
  background-color: rgba(39, 147, 253, 0.15);
  color: #1c8dfc;
}
.downloader-nav .downloader-nav-content > li .content-right li:not(.downloader-nav .downloader-nav-content > li .content-right li:first-child):hover:nth-child(2) a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjQ5MiAxNi4wMThhMSAxIDAgMDEtMS42MjQuNzgxbC0zLjI0NC0yLjU5NWExIDEgMCAwMC0xLjI1IDBsLTMuMjQyIDIuNTk1YTEgMSAwIDAxLTEuNjI1LS43OFY0LjI4NWExIDEgMCAwMTEtMWg4Ljk4NmExIDEgMCAwMTEgMXYxMS43MzJ6IiBmaWxsPSIjMUM4REZDIi8+PC9zdmc+);
}
.downloader-nav .downloader-nav-content > li .content-right li:not(.downloader-nav .downloader-nav-content > li .content-right li:first-child):hover:nth-child(3) a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjkwOSAyLjQwNmEuNjUyLjY1MiAwIDAxLjAwNS4wODJ2LjEwOGEuNzIyLjcyMiAwIDAxLS42MTguNzE1TDYuNDIgNC41OThhLjcyMi43MjIgMCAwMC0uNjE4LjcxNXYuMDI3YS41ODIuNTgyIDAgMDAuNjQ4LjU3OWwxMC4xMDQtMS4xNGEuNzIyLjcyMiAwIDAxLjgwMy43MTd2MTEuMDE1YS43MjIuNzIyIDAgMDEtLjY0LjcxOGwtNS44Ni42Ni00Ljg5My41NTNhMS40NDQgMS40NDQgMCAwMS0xLjYwNy0xLjQzNVY0LjQ5NGMwLS43MjcuNTQxLTEuMzQxIDEuMjYzLTEuNDMzbDkuNTY1LTEuMjE0YS42NDYuNjQ2IDAgMDEuNzIzLjU2ek05Ljc3NSA4LjQ4M2EuNzIyLjcyMiAwIDAwLS43MjIuNzIydjQuMTc3YS43MjIuNzIyIDAgMDAxLjA4MS42MjdsMy42MTMtMi4wNzJhLjcyMi43MjIgMCAwMC4wMDQtMS4yNUwxMC4xNCA4LjU4YS43MjIuNzIyIDAgMDAtLjM2NC0uMDk4eiIgZmlsbD0iIzFDOERGQyIvPjwvc3ZnPg==);
}
.downloader-nav .downloader-nav-content > li .content-right li:not(.downloader-nav .downloader-nav-content > li .content-right li:first-child):hover:nth-child(4) a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuMzI0IDcuNzE0VjIuNDI2QS40MjYuNDI2IDAgMDE3Ljc1IDJoNS4xNDhhLjQyNi40MjYgMCAwMS40MjYuNDI2djUuMjg4aDIuOTM0YS40MjYuNDI2IDAgMDEuMjk0LjczNmwtNS45MzUgNS42NWEuNDI2LjQyNiAwIDAxLS41ODkgMEw0LjA5NSA4LjQ1YS40MjYuNDI2IDAgMDEuMjk1LS43MzZoMi45MzR6bTkuNTc0IDEwLjQ3N0gzLjc1MWEuNDI1LjQyNSAwIDAxLS40MjctLjQyN3YtMS4wNTJhLjQyNi40MjYgMCAwMS40MjctLjQyNmgxMy4xNDdhLjQyNi40MjYgMCAwMS40MjYuNDI2djEuMDUyYzAgLjIzNS0uMTkuNDI3LS40MjYuNDI3eiIgZmlsbD0iIzFDOERGQyIvPjwvc3ZnPg==);
}
.downloader-nav .downloader-nav-content > li .content-left2,
.downloader-nav .downloader-nav-content > li .content-right2 {
  font-size: 18px;
  margin: 0 144px;
}
.downloader-nav .downloader-nav-content > li .content-left2 li,
.downloader-nav .downloader-nav-content > li .content-right2 li {
  color: #1c8dfc;
}
.downloader-nav .downloader-nav-content > li .content-left2 li a,
.downloader-nav .downloader-nav-content > li .content-right2 li a {
  font-size: 16px;
  color: #5c5c5c;
  margin-top: 16px;
  width: fit-content;
  display: block;
}
.downloader-nav .downloader-nav-content > li .content-left2 li a:hover,
.downloader-nav .downloader-nav-content > li .content-right2 li a:hover {
  text-decoration: underline;
}
.downloader-nav .downloader-nav-content > li .content-left2 li:first-child,
.downloader-nav .downloader-nav-content > li .content-right2 li:first-child {
  margin-bottom: 24px;
}
.downloader-nav .downloader-nav-content > li .content-right2 li {
  color: #39c146;
}
.downloader-nav .downloader-nav-content > li:nth-child(2) .content-left {
  background-image: url(/asset/common/header/css/images/navImg2-fba1f344.png);
}
.downloader-nav .downloader-nav-content > li:nth-child(2) .content-left a:not(.downloadDtn):hover {
  color: #39c146;
}
.downloader-nav .downloader-nav-content > li:nth-child(2) .content-left .downloadDtn {
  background: linear-gradient(180deg, #57e365 0%, #39c146 100%);
  box-shadow: 0px 2px 10px rgba(57, 193, 70, 0.5);
}
.downloader-nav .downloader-nav-content > li:nth-child(2) .content-left .downloadDtn:hover {
  background: #39c146;
}
.downloader-nav .downloader-nav-content > li:nth-child(2) .content-right li:not(.downloader-nav .downloader-nav-content > li:nth-child(2) .content-right li:first-child):hover a {
  background-color: rgba(57, 193, 70, 0.15);
  color: #39c146;
}
.downloader-nav .downloader-nav-content > li:nth-child(2) .content-right li:not(.downloader-nav .downloader-nav-content > li:nth-child(2) .content-right li:first-child):hover:nth-child(2) a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjQ5MiAxNi4xNzFhMSAxIDAgMDEtMS42MjUuNzhsLTMuMjQyLTIuNmExIDEgMCAwMC0xLjI1MSAwbC0zLjI0MSAyLjZhMSAxIDAgMDEtMS42MjYtLjc4VjQuNDAxYTEgMSAwIDAxMS0xaDguOTg2YTEgMSAwIDAxMSAxdjExLjc3eiIgZmlsbD0iIzM5QzE0NiIvPjwvc3ZnPg==);
}
.downloader-nav .downloader-nav-content > li:nth-child(2) .content-right li:not(.downloader-nav .downloader-nav-content > li:nth-child(2) .content-right li:first-child):hover:nth-child(3) a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjkwOSAyLjQwNmEuNjUyLjY1MiAwIDAxLjAwNS4wODJ2LjEwOGEuNzIyLjcyMiAwIDAxLS42MTguNzE1TDYuNDIgNC41OThhLjcyMi43MjIgMCAwMC0uNjE4LjcxNXYuMDI3YS41ODIuNTgyIDAgMDAuNjQ4LjU3OWwxMC4xMDQtMS4xNGEuNzIyLjcyMiAwIDAxLjgwMy43MTd2MTEuMDE1YS43MjIuNzIyIDAgMDEtLjY0LjcxOGwtNS44Ni42Ni00Ljg5My41NTNhMS40NDQgMS40NDQgMCAwMS0xLjYwNy0xLjQzNVY0LjQ5NGMwLS43MjcuNTQxLTEuMzQxIDEuMjYzLTEuNDMzbDkuNTY1LTEuMjE0YS42NDYuNjQ2IDAgMDEuNzIzLjU2ek05Ljc3NSA4LjQ4M2EuNzIyLjcyMiAwIDAwLS43MjIuNzIydjQuMTc3YS43MjIuNzIyIDAgMDAxLjA4MS42MjdsMy42MTMtMi4wNzJhLjcyMi43MjIgMCAwMC4wMDQtMS4yNUwxMC4xNCA4LjU4YS43MjIuNzIyIDAgMDAtLjM2NC0uMDk4eiIgZmlsbD0iIzM5QzE0NiIvPjwvc3ZnPg==);
}
.downloader-nav .downloader-nav-content > li:nth-child(2) .content-right li:not(.downloader-nav .downloader-nav-content > li:nth-child(2) .content-right li:first-child):hover:nth-child(4) a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuMzI0IDcuNzE0VjIuNDI2QS40MjYuNDI2IDAgMDE3Ljc1IDJoNS4xNDhhLjQyNi40MjYgMCAwMS40MjYuNDI2djUuMjg4aDIuOTM0YS40MjYuNDI2IDAgMDEuMjk0LjczNmwtNS45MzUgNS42NWEuNDI2LjQyNiAwIDAxLS41ODkgMEw0LjA5NSA4LjQ1YS40MjYuNDI2IDAgMDEuMjk1LS43MzZoMi45MzR6bTkuNTc0IDEwLjQ3N0gzLjc1MWEuNDI1LjQyNSAwIDAxLS40MjctLjQyN3YtMS4wNTJhLjQyNi40MjYgMCAwMS40MjctLjQyNmgxMy4xNDdhLjQyNi40MjYgMCAwMS40MjYuNDI2djEuMDUyYzAgLjIzNS0uMTkuNDI3LS40MjYuNDI3eiIgZmlsbD0iIzM5QzE0NiIvPjwvc3ZnPg==);
}
.downloader-nav .downloader-nav-content > li.item4 {
  position: relative;
}
.downloader-nav .downloader-nav-content > li.item4 .content {
  left: auto;
  width: max-content;
  align-items: normal;
  min-height: auto;
  padding-bottom: 40px;
}
.downloader-nav .downloader-nav-content > li.item4 .content-left2 {
  margin: 0 24px;
  padding-top: 24px;
}
.downloader-nav .downloader-nav-content > li.item4 a:hover,
.downloader-nav .downloader-nav-content > li.item5 a:hover {
  color: #2f74ff;
}
.downloader-nav .downloader-nav-content > li.item5 {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  body[data-tag="clearBoxShadow"] .header-box {
    position: static;
  }
  .downloader-nav {
    height: 44px;
  }
  .downloader-nav .wrapper {
    position: absolute;
    top: 44px;
  }
  .downloader-nav .wrapper-fixed {
    position: fixed;
    top: 0;
  }
  .downloader-nav .mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    padding: 0 16px;
  }
  .downloader-nav .mobile .title {
    font-weight: 600;
    font-size: 18px;
    color: #5c5c5c;
  }
  .downloader-nav .mobile .btn-arrow {
    width: 20px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAWBAMAAABAoMODAAAAHlBMVEVHcExcXFxcXFxaWlpcXFxaWlpcXFxYWFhcXFxcXFwpVj5BAAAACXRSTlMAgH8wb2C/IK8Dro19AAAAbUlEQVQY023KsRGAIBAF0cWxAFMyU0uwA0ObsCA1cH63BohwBxvuPOg1Hv5sO6tm+wbdrLrsXPQQZOkgTRAtXXSCowk6mqClGRqaYU0LrGiBhdbwpzXM1MKPWpiohxB1eQhBaiBENRBCB0Is8AUxTTBfzhxFMQAAAABJRU5ErkJggg==) no-repeat center / contain;
  }
  .downloader-nav .mobile .btn-arrow.active {
    transform: rotate(180deg);
  }
  .downloader-nav .downloader-nav-content {
    display: none;
    position: fixed;
    top: auto;
    left: 0;
    z-index: 100;
    width: 100%;
    height: calc(100% - 44px);
    padding: 0 0 56px;
    box-sizing: border-box;
    border-top: 1px solid #f7f7f7;
    background: #fff;
    overflow-y: auto;
  }
  .downloader-nav .downloader-nav-content > li {
    width: 100%;
    border-left: none;
    padding: 0 20px 0 16px;
    margin: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #f7f7f7;
  }
  .downloader-nav .downloader-nav-content > li > .title {
    font-weight: 600;
  }
  .downloader-nav .downloader-nav-content > li > a {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    margin: 0;
  }
  .downloader-nav .downloader-nav-content > li .content {
    position: static;
    min-height: auto;
    box-shadow: none;
    border-top: 1px solid #f7f7f7;
    padding: 16px 0;
  }
  .downloader-nav .downloader-nav-content > li .content[data-tag="nav-item4"] {
    width: 100%;
    padding: 16px 0;
  }
  .downloader-nav .downloader-nav-content > li .content[data-tag="nav-item4"] .content-left2 {
    margin: 0;
    border: 0;
  }
  .downloader-nav .downloader-nav-content > li .content-left {
    padding-left: 0;
    background: none;
    display: block;
    height: auto;
  }
  .downloader-nav .downloader-nav-content > li .content-left-top {
    padding-left: 55px;
    background: url(/asset/common/header/css/images/anymusic-m-6fb71f9e.svg) no-repeat left center / 44px;
    min-height: 44px;
  }
  .downloader-nav .downloader-nav-content > li .content-left .title {
    font-weight: 600;
    font-size: 14px;
  }
  .downloader-nav .downloader-nav-content > li .content-left .desc {
    font-size: 12px;
    margin-top: 6px;
  }
  .downloader-nav .downloader-nav-content > li .content-left .desc span {
    display: none;
  }
  .downloader-nav .downloader-nav-content > li .content-left .downloadDtn {
    background: #ffffff;
    border: 1px solid #1c8dfc;
    padding-left: 55px;
    padding-right: 21px;
    line-height: 44px;
    color: #1c8dfc;
    font-size: 14px;
    box-shadow: none;
    margin-top: 19px;
  }
  .downloader-nav .downloader-nav-content > li .content-left .downloadDtn::before {
    width: 25px;
    height: 25px;
    left: 21px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTYiIGhlaWdodD0iNTYiPjxkZWZzPjxzdHlsZT5AZm9udC1mYWNle2ZvbnQtZmFtaWx5OmZlZWRiYWNrLWljb25mb250O3NyYzp1cmwoLy9hdC5hbGljZG4uY29tL3QvZm9udF8xMDMxMTU4X3U2OXc4eWh4ZHUud29mZjI/dD0xNjMwMDMzNzU5OTQ0KSBmb3JtYXQoJnF1b3Q7d29mZjImcXVvdDspLHVybCgvL2F0LmFsaWNkbi5jb20vdC9mb250XzEwMzExNThfdTY5dzh5aHhkdS53b2ZmP3Q9MTYzMDAzMzc1OTk0NCkgZm9ybWF0KCZxdW90O3dvZmYmcXVvdDspLHVybCgvL2F0LmFsaWNkbi5jb20vdC9mb250XzEwMzExNThfdTY5dzh5aHhkdS50dGY/dD0xNjMwMDMzNzU5OTQ0KSBmb3JtYXQoJnF1b3Q7dHJ1ZXR5cGUmcXVvdDspfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik00NjguODEgODIuMDZ2NDE2LjQ2OWg1NTIuNDE0VjB6TTIuNzc3IDUwMy4yNkg0MzQuMjZWODUuOTY2TDIuNzc2IDE0OS43MjN6bTQ2Ni4wMzUgNDM4LjY4bDU1Mi40MTMgODIuMDZWNTM3LjgxSDQ2OC44MXpNMi43NzYgODc0LjI3N2w0MzEuNDgzIDYzLjc1NlY1MzcuODFIMi43NzZ6IiBmaWxsPSIjMUM4REZDIi8+PC9zdmc+);
  }
  .downloader-nav .downloader-nav-content > li .content-left .downloadDtn[data-device="mac"]::before {
    background-image: url(/asset/common/header/css/images/nav-mac-m-m-2bddbad2.svg);
  }
  .downloader-nav .downloader-nav-content > li .content-left .downloadDtn[data-device="android"]::before {
    background-image: url(/asset/common/header/css/images/nav-android-m-m-c119397e.svg);
  }
  .downloader-nav .downloader-nav-content > li .content-left .downloadDtn:hover {
    color: #fff;
  }
  .downloader-nav .downloader-nav-content > li .content-left .downloadDtn:hover::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTYiIGhlaWdodD0iNTYiPjxkZWZzPjxzdHlsZT5AZm9udC1mYWNle2ZvbnQtZmFtaWx5OmZlZWRiYWNrLWljb25mb250O3NyYzp1cmwoLy9hdC5hbGljZG4uY29tL3QvZm9udF8xMDMxMTU4X3U2OXc4eWh4ZHUud29mZjI/dD0xNjMwMDMzNzU5OTQ0KSBmb3JtYXQoJnF1b3Q7d29mZjImcXVvdDspLHVybCgvL2F0LmFsaWNkbi5jb20vdC9mb250XzEwMzExNThfdTY5dzh5aHhkdS53b2ZmP3Q9MTYzMDAzMzc1OTk0NCkgZm9ybWF0KCZxdW90O3dvZmYmcXVvdDspLHVybCgvL2F0LmFsaWNkbi5jb20vdC9mb250XzEwMzExNThfdTY5dzh5aHhkdS50dGY/dD0xNjMwMDMzNzU5OTQ0KSBmb3JtYXQoJnF1b3Q7dHJ1ZXR5cGUmcXVvdDspfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik00NjguODEgODIuMDZ2NDE2LjQ2OWg1NTIuNDE0VjB6TTIuNzc3IDUwMy4yNkg0MzQuMjZWODUuOTY2TDIuNzc2IDE0OS43MjN6bTQ2Ni4wMzUgNDM4LjY4bDU1Mi40MTMgODIuMDZWNTM3LjgxSDQ2OC44MXpNMi43NzYgODc0LjI3N2w0MzEuNDgzIDYzLjc1NlY1MzcuODFIMi43NzZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
  }
  .downloader-nav .downloader-nav-content > li .content-left .downloadDtn:hover[data-device="mac"]::before {
    background-image: url(/asset/common/header/css/images/nav-mac-ef9e8465.svg);
  }
  .downloader-nav .downloader-nav-content > li .content-left .downloadDtn:hover[data-device="android"]::before {
    background-image: url(/asset/common/header/css/images/nav-android-08254023.svg);
  }
  .downloader-nav .downloader-nav-content > li .content-left .more {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    margin-left: 16px;
    text-decoration: none;
  }
  .downloader-nav .downloader-nav-content > li .content-right {
    margin: 16px 0 0 0;
  }
  .downloader-nav .downloader-nav-content > li .content-right li:first-child {
    padding: 0;
    font-size: 16px;
    margin-bottom: 12px;
  }
  .downloader-nav .downloader-nav-content > li .content-right li:not(.downloader-nav .downloader-nav-content > li .content-right li:first-child) a {
    margin: 10px 0 0 0;
    font-size: 14px;
  }
  .downloader-nav .downloader-nav-content > li .content-left2,
  .downloader-nav .downloader-nav-content > li .content-right2 {
    margin: 0;
  }
  .downloader-nav .downloader-nav-content > li .content-left2 li:first-child,
  .downloader-nav .downloader-nav-content > li .content-right2 li:first-child {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 600;
  }
  .downloader-nav .downloader-nav-content > li .content-left2 li:not(.downloader-nav .downloader-nav-content > li .content-left2 li:first-child) a,
  .downloader-nav .downloader-nav-content > li .content-right2 li:not(.downloader-nav .downloader-nav-content > li .content-left2 li:first-child) a,
  .downloader-nav .downloader-nav-content > li .content-left2 li:not(.downloader-nav .downloader-nav-content > li .content-right2 li:first-child) a,
  .downloader-nav .downloader-nav-content > li .content-right2 li:not(.downloader-nav .downloader-nav-content > li .content-right2 li:first-child) a {
    font-size: 14px;
    margin-top: 12px;
  }
  .downloader-nav .downloader-nav-content > li .content-left2 {
    border-bottom: 1px solid #f7f7f7;
    padding: 0 16px 16px 0;
  }
  .downloader-nav .downloader-nav-content > li .content-right2 {
    padding: 16px 16px 0 0;
  }
  .downloader-nav .downloader-nav-content > li:nth-child(2) .content-left {
    background: none;
  }
  .downloader-nav .downloader-nav-content > li:nth-child(2) .content-left-top {
    background-image: url(/asset/common/header/css/images/anyvid-m-6566a277.svg);
  }
  .downloader-nav .downloader-nav-content > li:nth-child(2) .content-left .downloadDtn {
    background: #fff;
    color: #39c146;
    border: 1px solid #39c146;
    box-shadow: none;
  }
  .downloader-nav .downloader-nav-content > li:nth-child(2) .content-left .downloadDtn::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTYiIGhlaWdodD0iNTYiPjxkZWZzPjxzdHlsZT5AZm9udC1mYWNle2ZvbnQtZmFtaWx5OmZlZWRiYWNrLWljb25mb250O3NyYzp1cmwoLy9hdC5hbGljZG4uY29tL3QvZm9udF8xMDMxMTU4X3U2OXc4eWh4ZHUud29mZjI/dD0xNjMwMDMzNzU5OTQ0KSBmb3JtYXQoJnF1b3Q7d29mZjImcXVvdDspLHVybCgvL2F0LmFsaWNkbi5jb20vdC9mb250XzEwMzExNThfdTY5dzh5aHhkdS53b2ZmP3Q9MTYzMDAzMzc1OTk0NCkgZm9ybWF0KCZxdW90O3dvZmYmcXVvdDspLHVybCgvL2F0LmFsaWNkbi5jb20vdC9mb250XzEwMzExNThfdTY5dzh5aHhkdS50dGY/dD0xNjMwMDMzNzU5OTQ0KSBmb3JtYXQoJnF1b3Q7dHJ1ZXR5cGUmcXVvdDspfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik00NjguODEgODIuMDZ2NDE2LjQ2OWg1NTIuNDE0VjB6TTIuNzc3IDUwMy4yNkg0MzQuMjZWODUuOTY2TDIuNzc2IDE0OS43MjN6bTQ2Ni4wMzUgNDM4LjY4bDU1Mi40MTMgODIuMDZWNTM3LjgxSDQ2OC44MXpNMi43NzYgODc0LjI3N2w0MzEuNDgzIDYzLjc1NlY1MzcuODFIMi43NzZ6IiBmaWxsPSIjMzlDMTQ2Ii8+PC9zdmc+);
  }
  .downloader-nav .downloader-nav-content > li:nth-child(2) .content-left .downloadDtn[data-device="mac"]::before {
    background-image: url(/asset/common/header/css/images/nav-mac-m-v-11d70072.svg);
  }
  .downloader-nav .downloader-nav-content > li:nth-child(2) .content-left .downloadDtn[data-device="android"]::before {
    background-image: url(/asset/common/header/css/images/nav-android-m-v-6a96b614.svg);
  }
  .downloader-nav .downloader-nav-content > li:nth-child(2) .content-left .downloadDtn:hover {
    color: #fff;
  }
  .downloader-nav .downloader-nav-content > li:nth-child(2) .content-left .downloadDtn:hover::before {
    background-image: url(/asset/common/header/css/images/nav-mac-ef9e8465.svg);
  }
  .downloader-nav .downloader-nav-content > li:nth-child(2) .content-left .downloadDtn:hover[data-device="mac"]::before {
    background-image: url(/asset/common/header/css/images/nav-mac-ef9e8465.svg);
  }
  .downloader-nav .downloader-nav-content > li:nth-child(2) .content-left .downloadDtn:hover[data-device="android"]::before {
    background-image: url(/asset/common/header/css/images/nav-android-08254023.svg);
  }
  .downloader-nav .downloader-nav-content .content {
    position: static;
    border-top: none;
    box-shadow: none;
    padding: 0;
  }
  .downloader-nav .downloader-nav-content .content .cell {
    margin: 16px 0 24px;
    padding: 0 16px;
    max-width: 100%;
    flex-direction: column;
  }
  .downloader-nav .downloader-nav-content .content .cell .title .product-name {
    padding: 0;
    font-size: 14px;
    line-height: 26px;
    position: relative;
  }
  .downloader-nav .downloader-nav-content .content .cell .title .product-name::after {
    content: "";
    width: 12px;
    height: 6px;
    position: absolute;
    top: 10px;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAMAAABP7o1HAAAAdVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB2/7JwAAAAJ3RSTlMAf0wBPkI0gHsFKTBXHXdjUH4UCWxxDQMPB2l5X1RzFyQCa1wbGmHNc0LRAAAAeElEQVQYGW3BBQ6DQAAEwEX3Dnd3+/8TaRtCkM5gmVa8rNOCjWLAwyC4Qc4MbdzYIWcJjAGp40IngxFfBqlqOGgqaeBgKnQkfqRDxcTJEvRjfMQ+hYUL12NSAEVCz8VNlLLr+45phIesYl2zyvBSNmRT4o+8bXOcdv0sBoeSmZ0VAAAAAElFTkSuQmCC) no-repeat center / contain;
  }
  .downloader-nav .downloader-nav-content .content .cell .title .product-name::before {
    display: none;
  }
  .downloader-nav .downloader-nav-content .content .cell a {
    padding: 0;
  }
  .downloader-nav .downloader-nav-content .content .cell a dl {
    display: inline-block;
  }
  .downloader-nav .downloader-nav-content .content .cell[data-cur="true"] {
    background: none;
  }
  .downloader-nav .downloader-nav-content .content .cell[data-cur="true"] .title .product-name {
    color: #2f74ff;
  }
  .downloader-nav .downloader-nav-content .content .cell[data-cur="true"] .title .product-name::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAMAAABP7o1HAAAAdVBMVEVHcEwvdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP926nf5AAAAJ3RSTlMAfwEpNEw+gHsFV0IdY3cUCTBscQ0PaXMXVAMHX3lQfgIkXGsaYRt/YOw4AAAAeElEQVQYGW3BBRLCMAAEwKteUnd3+/8TC0wHKuzipyrLCn/UDdnUeEgyti2zBDd+zLwocsY+LhyPUQqkET0HJ5qgG+AlcCk0fOkKLYkPaVHRcbBJQ8VBNUgbb0NHmjgxyW4A5MQ+xEXYc5JYKUbcjIIrtnnBwzJvO4PiBodXACe1AAAAAElFTkSuQmCC);
  }
  .downloader-nav .downloader-nav-content .content .download-center {
    margin-top: 28px;
    padding: 0;
    text-align: center;
  }
  .downloader-nav .downloader-nav-content .content .download-center a {
    display: inline-block;
    font-size: 14px;
    padding: 0 64px;
  }
  .downloader-nav .downloader-nav-content .item1 .content .cell:nth-child(3) a {
    width: fit-content;
  }
  .downloader-nav .downloader-nav-content .item1 .content .cell:nth-child(3)::after {
    width: 12px;
    height: 6px;
    top: 16px;
    right: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAMAAABP7o1HAAAAdVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB2/7JwAAAAJ3RSTlMAf0wBPkI0gHsFKTBXHXdjUH4UCWxxDQMPB2l5X1RzFyQCa1wbGmHNc0LRAAAAeElEQVQYGW3BBQ6DQAAEwEX3Dnd3+/8TaRtCkM5gmVa8rNOCjWLAwyC4Qc4MbdzYIWcJjAGp40IngxFfBqlqOGgqaeBgKnQkfqRDxcTJEvRjfMQ+hYUL12NSAEVCz8VNlLLr+45phIesYl2zyvBSNmRT4o+8bXOcdv0sBoeSmZ0VAAAAAElFTkSuQmCC) no-repeat center / contain;
  }
  .downloader-nav .downloader-nav-content .item1 .content .cell:nth-child(3)[data-cur="true"]::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAMAAABP7o1HAAAAdVBMVEVHcEwvdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP8vdP926nf5AAAAJ3RSTlMAfwEpNEw+gHsFV0IdY3cUCTBscQ0PaXMXVAMHX3lQfgIkXGsaYRt/YOw4AAAAeElEQVQYGW3BBRLCMAAEwKteUnd3+/8TC0wHKuzipyrLCn/UDdnUeEgyti2zBDd+zLwocsY+LhyPUQqkET0HJ5qgG+AlcCk0fOkKLYkPaVHRcbBJQ8VBNUgbb0NHmjgxyW4A5MQ+xEXYc5JYKUbcjIIrtnnBwzJvO4PiBodXACe1AAAAAElFTkSuQmCC);
  }
  .downloader-nav .downloader-nav-content .item1 .content .cell:nth-child(3) .side-box a {
    font-weight: 600;
  }
  .downloader-nav .downloader-nav-content .item2 .content {
    position: static;
  }
  .downloader-nav .downloader-nav-content .item2 .content .cell {
    margin: 16px 16px 28px;
    padding: 0;
  }
  .downloader-nav .downloader-nav-content .item2 .content .cell dl dt {
    line-height: 24px;
    font-size: 16px;
  }
  .downloader-nav .downloader-nav-content .item2 .content .cell dl .icon {
    margin-top: 8px;
  }
  .downloader-nav .downloader-nav-content .item2 .content .cell dl .desc {
    margin-top: 6px;
    font-size: 12px;
  }
  .downloader-nav .downloader-nav-content .item2 .content .cell .link-2 {
    margin-top: 10px;
  }
  .downloader-nav .downloader-nav-content .item2 .content .cell .link-2 a {
    font-size: 14px;
    background-size: 16px;
    height: 36px;
    line-height: 20px;
    box-sizing: border-box;
  }
}
.section-1 .btn-wrapper .btn-download[data-platform="macOS"] span {
  background-image: url(/asset/common/header/css/images/mac-blue-a492dd7e.svg);
}
.section-2 .btn-wrapper .btn-download[data-platform="macOS"] span {
  background-image: url(/asset/common/header/css/images/mac-white-ef9e8465.svg);
}
.main .product-nav .wrapper .button a[data-element="btnDownload"][data-platform="macOS"] {
  background-image: url(/asset/common/header/css/images/mac-white-ef9e8465.svg);
}

.link-link {
  margin-top: 88px;
  padding: 0 64px;
  color: #000;
}
.link-link .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 16px 52px;
  border-radius: 16px;
  background: #f5f4ff;
}
.link-link .container .content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.link-link .container .content .list {
  width: 760px;
  margin-top: 24px;
}
.link-link .container .content .list .title {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.link-link .container .content .list ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
}
.link-link .container .content .list ul li {
  width: calc(20% - 16px);
  margin-left: 16px;
  margin-top: 24px;
}
.link-link .container .content .list ul li[data-type="hide"] {
  display: none;
}
.link-link .container .content .list ul li[data-type="show"] {
  display: block;
}
.link-link .container .content .list ul li a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.link-link .container .content .list ul li a:hover {
  color: #7419e3;
}
.link-link .container .content .list .btn-more {
  display: none;
  justify-content: center;
  align-items: center;
  margin-top: 48px;
  cursor: pointer;
}
.link-link .container .content .list .btn-more::after {
  content: "";
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjUxMiA1LjA0N2EuNjEuNjEgMCAwMC0uODQ4IDBMNy4wMDIgOS41OSAyLjMzNiA1LjA0N2EuNjEuNjEgMCAwMC0uOTc4LjE4OC41NzMuNTczIDAgMDAuMTMuNjM4bDUuMDg4IDQuOTU1YS42MTEuNjExIDAgMDAuODQ4IDBsNS4wODgtNC45NTVhLjU3My41NzMgMCAwMDAtLjgyNnoiIGZpbGw9IiM1QzVDNUMiLz48L3N2Zz4=) no-repeat center / 14px;
  margin-left: 8px;
}
.link-link .container .content .list .btn-more.selfShow {
  display: flex;
}
.link-link .container .content .list .btn-more.show::after {
  transform: rotate(180deg);
}
.link-link .container .content .list-1 ul li {
  width: calc(25% - 16px);
}
.link-link .container .content .list-4,
.link-link .container .content .list-8,
.link-link .container .content .list-9 {
  width: 440px;
  margin-top: 48px;
}
.link-link .container .content .list-4:nth-child(2),
.link-link .container .content .list-8:nth-child(2),
.link-link .container .content .list-9:nth-child(2) {
  padding-left: 40px;
  border-left: 1px solid #d9d9d9;
}
.link-link .container .content .list-4 ul li,
.link-link .container .content .list-8 ul li,
.link-link .container .content .list-9 ul li {
  width: calc(33% - 16px);
}
.link-link .container .content .list-6 ul li {
  width: calc(33% - 16px);
}
@media screen and (max-width: 768px) {
  .link-link {
    margin-top: 44px;
    padding: 0 16px;
  }
  .link-link .container {
    padding: 24px 16px;
  }
  .link-link .container .content .list {
    margin-top: 28px;
  }
  .link-link .container .content .list .title {
    font-size: 16px;
  }
  .link-link .container .content .list ul li {
    margin-top: 16px;
    width: calc(33% - 16px);
  }
  .link-link .container .content .list ul li a {
    font-size: 14px;
  }
  .link-link .container .content .list-1 ul li {
    width: calc(50% - 16px);
  }
  .link-link .container .content .list-4:nth-child(2),
  .link-link .container .content .list-8:nth-child(2),
  .link-link .container .content .list-9:nth-child(2) {
    padding-left: 0px;
    border-left: none;
  }
  .link-link .container .content .list-6 ul li {
    width: calc(50% - 16px);
  }
  .link-link .container .content .list .btn-more {
    margin-top: 24px;
  }
}
.img-link {
  margin-top: 88px;
  text-align: center;
}
.img-link .container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 80px;
  box-sizing: border-box;
}
.img-link ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 905px;
  margin: 40px auto 0;
  border-left: 1px solid #ddd;
}
.img-link ul li {
  flex: auto;
  width: 180px;
  padding: 16px 0 2px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
}
.img-link ul li a {
  display: block;
}
.img-link ul li .title {
  padding: 0 8px;
  font-size: 20px;
  font-weight: 600;
  color: #1d1749;
}
.img-link ul img {
  margin-top: 16px;
  width: 83px;
  height: 95px;
}
.img-link .more {
  font-size: 14px;
}
.img-link-1 ul li {
  width: 25%;
}
.img-link-2 ul li {
  width: 25%;
  flex: none;
}
.img-link-2 ul img {
  width: auto;
}
@media screen and (max-width: 768px) {
  .img-link {
    margin-top: 44px;
  }
  .img-link .container {
    padding: 0 16px;
  }
  .img-link ul {
    justify-content: left;
    margin: 24px auto 0;
  }
  .img-link ul li {
    flex: 0 0 auto;
    width: calc(33.33% - 1px);
    padding: 12px 0 2px;
  }
  .img-link ul li a {
    display: block;
  }
  .img-link ul li .title {
    padding: 0 4px;
    font-size: 12px;
  }
  .img-link ul img {
    margin-top: 8px;
    width: 60px;
    height: auto;
  }
  .img-link .more {
    font-size: 14px;
  }
}
.section-solutions {
  max-width: 936px;
  margin: 80px auto 0;
  padding: 0 16px;
}
.section-solutions ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.section-solutions ul li {
  display: flex;
  max-width: 420px;
  margin-top: 32px;
}
.section-solutions ul li .pic {
  width: 168px;
  overflow: hidden;
}
.section-solutions ul li .pic img {
  width: 100%;
  transition: all 0.4s;
  cursor: pointer;
  vertical-align: middle;
}
.section-solutions ul li .pic img:hover {
  transform: scale(1.1);
  filter: brightness(80%);
}
.section-solutions ul li .content {
  flex: 1;
  padding-left: 12px;
}
.section-solutions ul li .content .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
}
.section-solutions ul li .content .title a:hover {
  opacity: 0.8;
}
.section-solutions ul li .content .info {
  margin-top: 4px;
  font-size: 12px;
  color: #9b9b9b;
}
.section-solutions .more {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
  color: #9b9b9b;
}
.section-solutions .more:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .section-solutions {
    margin-top: 60px;
  }
  .section-solutions ul li {
    margin-top: 16px;
  }
  .section-solutions ul li:nth-of-type(4),
  .section-solutions ul li:nth-of-type(5),
  .section-solutions ul li:nth-of-type(6) {
    display: none;
  }
  .section-solutions .more {
    font-size: 14px;
  }
}