.header-wrapper.header-wrapper.header-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.footer {
  border-top: 1px solid #dad8e4;
}
.attract-dup-dialog {
  display: none;
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}
.web-home {
  padding-top: 100px;
  background: #f3f0fe;
}
.web-home .link {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.web-home .link a {
  margin: 0 24px;
  text-decoration: underline;
  color: #4c4c4c;
  line-height: 30px;
}
.web-home .g-icon {
  position: relative;
  text-align: center;
  font-size: 32px;
  padding-top: 26px;
}
.web-home .g-icon::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -24px;
  width: 48px;
  height: 4px;
  background: #5f44de;
}
.web-home .header-top {
  max-width: 1238px;
  margin: 0 auto;
  padding: 20px 20px 0;
  display: flex;
  justify-content: space-between;
}
.web-home .header-top .logo {
  width: 180px;
  height: 50px;
  background: url(/asset/web/audio-converter/css/images/logo-ff28e47b.png) no-repeat;
  background-size: contain;
}
.web-home .header-top .logo a {
  display: block;
  height: 100%;
}
.web-home .header-top .links {
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
}
.web-home .header-top .links a {
  margin-left: 40px;
}
.web-home .about-okmusi {
  height: 350px;
  text-align: center;
}
.web-home .about-okmusi h3 {
  font-size: 20px;
  font-weight: 600;
}
.web-home .about-okmusi p {
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 24px;
}
.web-home .top-title {
  margin-top: 7px;
  font-weight: 600;
  font-size: 48px;
  line-height: 64px;
  text-align: center;
}
.web-home .top-title .title2 {
  font-size: 18px;
  margin-top: 0.5rem;
}
.web-home .desc {
  margin-top: 10px;
  font-size: 16px;
  line-height: 21px;
  color: #333333;
  text-align: center;
}
.web-home .upload-box-wrapper {
  margin: 40px 0 64px;
  padding: 0 64px;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: center;
}
.web-home .upload-box {
  padding: 0 24px;
  max-width: 900px;
  box-sizing: border-box;
  width: 100%;
  height: 240px;
  border-radius: 16px;
  border: 1px dashed #5F44DE;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.web-home .upload-box:hover {
  background: #EAE4FF;
}
.web-home .upload-btn {
  margin-top: 72px;
  max-width: 220px;
  width: 100%;
  height: 56px;
  background: #5F44DE;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: #ffffff;
}
.web-home .upload-btn::before {
  margin-right: 12px;
  content: '';
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDBjNi42MjcgMCAxMiA1LjM3MyAxMiAxMnMtNS4zNzMgMTItMTIgMTJTMCAxOC42MjcgMCAxMiA1LjM3MyAwIDEyIDB6bS0uNzM0IDYuNTA5djQuMzU1aC00LjM1djEuODY2aDQuMzV2NC4zNTZsMS44NjctLjAwMVYxMi43M2g0LjM2di0xLjg2NmgtNC4zNlY2LjUxaC0xLjg2N3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
}
.web-home .upload-desc {
  margin-top: 25px;
  font-size: 16px;
  line-height: 21px;
  color: #333333;
  text-align: center;
}
.web-home .section-guide {
  max-width: 780px;
  margin: 0 auto 64px;
  padding: 36px 60px 40px;
  color: #5f44de;
  text-align: center;
  border-radius: 16px;
  box-shadow: 0px 40px 40px 0px rgba(121, 99, 224, 0.1);
  background: rgba(253, 252, 255, 0.5);
}
.web-home .section-guide h2 {
  font-size: 24px;
  font-weight: 600;
}
.web-home .section-guide h2 br {
  display: none;
}
.web-home .section-guide hr {
  max-width: 450px;
  margin: 12px auto 0;
  height: 1px;
  border: none;
  background-color: #d2cbf6;
}
.web-home .section-guide .product-info {
  position: relative;
  display: inline-block;
  padding-left: 84px;
  margin-top: 24px;
  min-height: 60px;
  font-size: 18px;
  text-align: left;
  color: #333333;
}
.web-home .section-guide .product-info:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 60px;
  margin: auto 0;
  background: url(/asset/web/audio-converter/css/images/tuneber-logo-e10844cc.png) no-repeat center / contain;
}
.web-home .section-guide .product-info .title {
  margin-top: 2px;
  font-weight: 600;
}
.web-home .section-guide .product-info .desc {
  margin-top: 6px;
  display: flex;
  align-items: center;
}
.web-home .section-guide .product-info .desc > span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjgyMyA3LjY0MmMtMS4xMjUgMS4zMDItMy4xMzggMy40MzMtMy4xMzggMy40MzNzLjMyNiAyLjMzOS41MDMgMy45MzdjLjA5LjgyOS0uNTYyIDEuMTg0LTEuMjQzLjg1OS0xLjM2Mi0uNjIyLTMuNDA0LTEuNjI4LTMuODc4LTEuODM2YTI0Ny40NSAyNDcuNDUgMCAwMC0zLjkwNyAxLjgzNmMtLjcxLjMyNS0xLjM2Mi0uMDMtMS4yNzMtLjg1OS4xNzgtMS41OTguNTAzLTMuOTM3LjUwMy0zLjkzN1MxLjM0OCA4Ljk0NS4xOTQgNy42NDJjLS40MTUtLjQ3NC0uMTQ4LTEuMTU1LjY1LTEuMjQ0IDEuNjI5LS4yOTYgNC4xNzUtLjc0IDQuMTc1LS43NHMxLjM5LTIuMzk3IDIuMjUtMy44NDhjLjQ3My0uODg4LjgyOC0uNzk5Ljg1OC0uNzcuMTQ4LjAzLjM4NC4yMzcuNjguNzcuODU5IDEuNDUgMi4yMiAzLjg0OCAyLjIyIDMuODQ4czIuNDg3LjQ3NCA0LjExNS43NGMuOC4xMTkgMS4wNjYuOC42OCAxLjI0NHoiIGZpbGw9IiNGRkNDMjMiLz48L3N2Zz4=) no-repeat center / contain;
}
.web-home .section-guide .product-info .desc > span:last-child {
  margin-right: 16px;
}
.web-home .section-guide .section-desc img {
  max-width: 620px;
  width: 100%;
  margin-top: 34px;
}
.web-home .section-guide .product-download {
  margin-top: 24px;
  text-align: left;
}
.web-home .section-guide .product-download-wrap {
  background: #7963e0;
}
.web-home .section-guide .product-download .download {
  padding: 8px 18px 8px 62px;
}
.web-home .section-guide .product-download .download:before {
  left: 22px;
}
.web-home .section-guide .product-download .download .text1 {
  font-size: 18px;
  font-weight: 600;
}
.web-home .section-guide .product-download .download .text2 {
  font-size: 14px;
  font-weight: 600;
}
.web-home .section-guide .double-btn {
  margin-top: 32px;
  text-align: center;
}
.web-home .section-guide .double-btn a {
  margin-right: 10px;
}
.web-home .section-guide .double-btn a:last-child {
  margin-right: 0;
}
.web-home .section-guide .double-btn a:hover {
  opacity: 0.8;
}
.web-home .section-guide .double-btn img {
  width: 154px;
}
.web-home .bg-white {
  background: #fff;
}
.web-home .block-a {
  position: absolute;
  max-width: 900px;
  left: 50%;
  margin: -188px 0 0 -450px;
  padding: 40px 45.5px;
  border-radius: 16px;
  box-shadow: 0px 40px 40px 0px rgba(121, 99, 224, 0.1);
  background: #fdfcff;
}
.web-home .block-a .g-pic {
  max-width: 809px;
  margin: 40px auto 0;
}
.web-home .block-b {
  margin-top: 72px;
  padding-bottom: 48px;
}
.web-home .block-b .container ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 972px;
  margin: 0 auto;
}
.web-home .block-b .container ul li {
  width: 50%;
  margin-top: 38px;
  padding: 0 38px;
  box-sizing: border-box;
  text-align: center;
}
.web-home .block-b .container ul li .icon {
  height: 72px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}
.web-home .block-b .container ul li .icon-1 {
  background-image: url(/asset/web/audio-converter/css/images/block-c-1-1e44bcfb.png);
}
.web-home .block-b .container ul li .icon-2 {
  background-image: url(/asset/web/audio-converter/css/images/block-c-2-5b7616c7.png);
}
.web-home .block-b .container ul li .icon-3 {
  background-image: url(/asset/web/audio-converter/css/images/block-c-3-431151a6.png);
}
.web-home .block-b .container ul li .icon-4 {
  background-image: url(/asset/web/audio-converter/css/images/block-c-4-693647f9.png);
}
.web-home .block-b .container ul li h3 {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 600;
}
.web-home .block-b .container ul li p {
  margin-top: 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}
.web-home .block-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 972px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 70px;
}
.web-home .block-c .item {
  width: 50%;
  padding: 0 38px;
  margin-top: 60px;
  box-sizing: border-box;
}
.web-home .block-c .item-4 {
  margin-top: 12px;
}
.web-home .block-c .item-6 {
  margin-top: -104px;
}
.web-home .block-c .item h3 {
  position: relative;
  font-size: 32px;
  padding-top: 26px;
  line-height: 44px;
}
.web-home .block-c .item h3::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 48px;
  height: 4px;
  background: #5f44de;
}
.web-home .block-c .item p {
  margin-top: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.web-home .block-d {
  max-width: 972px;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 70px;
}
.web-home .block-d .item {
  padding: 0 38px;
  margin-top: 60px;
  box-sizing: border-box;
}
.web-home .block-d .item:nth-of-type(1) ol {
  padding-left: 18px;
  list-style: decimal;
}
.web-home .block-d .item .ml {
  margin-left: 35px;
}
.web-home .block-d .item h2 {
  position: relative;
  font-size: 32px;
  padding-top: 26px;
  padding-bottom: 20px;
  line-height: 44px;
}
.web-home .block-d .item h2::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 48px;
  height: 4px;
  background: #5f44de;
}
.web-home .block-d .item p,
.web-home .block-d .item ol {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}
.web-home .block-d .item p span,
.web-home .block-d .item ol span {
  color: #5f44de;
}
.web-home .block-d .item h3 {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 30px;
}
.web-home .block-d .item h3:nth-of-type(1) {
  margin-top: 0;
}
.web-home .block-d .item .p-mt {
  margin-top: 10px;
}
.web-home .block-d .faq .list {
  padding-left: 35px;
}
.web-home .block-d .faq .list .f-ul {
  border-bottom: 1px solid rgba(189, 189, 189, 0.5);
}
.web-home .block-d .faq .list .f-li {
  padding: 0 24px;
  border-top: 1px solid rgba(189, 189, 189, 0.5);
  border-left: 1px solid rgba(189, 189, 189, 0.5);
  border-right: 1px solid rgba(189, 189, 189, 0.5);
  font-size: 16px;
}
.web-home .block-d .faq .list .f-li.active h3::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAUCAYAAACeXl35AAABO0lEQVRIS73VyUoDQRAA0Bd3EUUUQfDqxYsH9/XvFSEqHvwBD4IICoIo4k5BJoxtlumJWJeQJt2P6q6qNPxzNGp6o3irs7cOuIB1nOEuF80F57CDYXygmYvmgLPYxUgpq2y0KjjTwsY6XGEWWgWcwh4merxXZbQfGMgBJhPsHvPJWiW0FziOfUSG5bjCJZaxkot2A+Ot4hqnkwOvcVFay0Y7gdHUUfpRleW4wTm+kvUsNAWjv7Y7vM9tq9E/uxROZbQMDmELMUnKEdMkGjyKoldUQgswPjewmJz4gBO8VxxhfdECXMNScugjjmsM6Z5ogDFFDhFXWsQTjvBaMbP0Z53QqINmkWG822ZrKD+3MnupiRXbymi7DspFE/8EqzhFZPgXEWgk0y66tC3ie9png8I/zuw3SwfFfu3/BmsDTBV9G88OAAAAAElFTkSuQmCC) no-repeat right center / 14px;
}
.web-home .block-d .faq .list .f-li.active h3:hover::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAUCAMAAACpgK3LAAAAhFBMVEVHcEyAVdR2ZOR4Y+CAZuZ5Y+B3Zt15ZOB4ZOB5ZN93YuF5ZOB4Y+N5Y+B4YuFVVf8AAP95Y+F5Y+CAgP95Y+B5Y+B4ZN+AgP95XuR5Y+B5Y+F5YuF5Y+B5Y+B6Y+B4ZeJ6Zd93YON5Y+B5Y+B5Y+B5Y+B2Yth5Y+B5YuB0aNx5Ydt5Y+At9VZZAAAAK3RSTlMABhy0Cr4P9kJ4PMAk00QDAcnfBPqvoQIT8OK41aXrNTAt3Nnx5g2WqxYVKgGXDQAAAJRJREFUKM+N0scSwjAMRVGlEOP00Hvo7f7//7FgQjCxAe88RzOWnizy94m+WD7vOy1WKJfWR3DpbgMuTU/gUn8BkFj1tge4iLboLAOYlGLRqAK4FiJdDROAwHveTPWWAL2wqX3XYgxQndtXWi3XAJkR+Uu3I+BwNyfTAIGI5IqB/5mJbpqIV2k3Td00OLXtYfjrYzwAmcsURq5n+3UAAAAASUVORK5CYII=) no-repeat right center / 14px;
}
.web-home .block-d .faq .list .f-li h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
  line-height: 24px;
  padding: 10px 0;
  cursor: pointer;
  font-size: 16px;
}
.web-home .block-d .faq .list .f-li h3::after {
  flex: 0 0 14px;
  display: block;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAUCAMAAACpgK3LAAAAb1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG8BLSAAAAJXRSTlMABTlAJAEDTUoUEgg9DjYCOgsGQhVDNURJOEtFRxAtBDJINAcxxNsA2QAAAJdJREFUKM+N0dcSgjAQheENCH9Cb/aC7f2f0YugAgF075JvJnOyR+THBAuXobdyrfQja+BovEY3IpKBo1UNHFIRox1VPsBVZELbBGBjI4009AD2eXccaJ4BFOHnoZ4Gd4BE9SJ89QngV4Pwb70A1I/Rt60WANvYWZhV4FhOrLrTUzrZjtHA7jzTndHoaLZZc2sWelfy97wAAQsG1D9hB0YAAAAASUVORK5CYII=) no-repeat right center / 14px;
  width: 14px;
  height: 10px;
  padding-left: 10px;
}
.web-home .block-d .faq .list .f-li h3:hover::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAUCAMAAACpgK3LAAAAhFBMVEVHcEyAVdR2ZOR4Y+CAZuZ5Y+B3Zt15ZOB4ZOB5ZN93YuF5ZOB4Y+N5Y+B4YuFVVf8AAP95Y+F5Y+CAgP95Y+B5Y+B4ZN+AgP95XuR5Y+B5Y+F5YuF5Y+B5Y+B6Y+B4ZeJ6Zd93YON5Y+B5Y+B5Y+B5Y+B2Yth5Y+B5YuB0aNx5Ydt5Y+At9VZZAAAAK3RSTlMABhy0Cr4P9kJ4PMAk00QDAcnfBPqvoQIT8OK41aXrNTAt3Nnx5g2WqxYVKgGXDQAAAJtJREFUKM+N0dcOgzAMhWEzk7Lp3nv/7/9+vQhF0EBb30TJJ0W2j8iPGnU9zszhBwPbknVkDCx1h6hMRDyw9HkCxnsRrSwNU4BNIR16LQEmuYitfgCwcqprSx0PIPbrjxqa3wHKsNFCrcUUIJ23mn/rDeD4+BjbaAywdK2FGQUuSceqK90eOtPRCjjverLTChX1JqsX2ZfcQ/m7Xlm0FEb0eQ21AAAAAElFTkSuQmCC) no-repeat right center / 14px;
}
.web-home .block-d .faq .list .f-li p {
  display: none;
  padding-left: 16px;
  padding-bottom: 20px;
  line-height: 24px;
  color: #000;
  font-size: 14px;
}
.web-home .block-e {
  max-width: 972px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 70px;
}
.web-home .block-e .item {
  padding: 0 38px;
  margin-top: 60px;
  box-sizing: border-box;
}
.web-home .g-title {
  position: relative;
  font-size: 32px;
  padding-top: 26px;
  padding-bottom: 20px;
  line-height: 44px;
}
.web-home .g-title::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 48px;
  height: 4px;
  background: #5f44de;
}
.web-home .footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  border-top: 1px solid #dad8e4;
}
.web-home .footer .copyright {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.web-home .online-page {
  padding: 0 20px 64px;
}
@media only screen and (max-width: 972px) {
  .web-home .block-c .item {
    width: 100%;
    padding: 0 0.8rem;
  }
  .web-home .block-c .item-4 {
    margin-top: 60px;
  }
  .web-home .block-c .item-6 {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .web-home .block-d .faq .list {
    padding-left: 0;
  }
  .web-home .block-d .faq .list .f-li h3 {
    font-size: 14px;
  }
  .web-home .block-c .item h3 {
    line-height: 32px;
  }
  .web-home .block-c .item p {
    margin-top: 10px;
  }
  .web-home .about-okmusi h3 {
    font-size: 16px;
  }
  .web-home .g-icon {
    font-size: 24px;
    padding-top: 20px;
  }
  .web-home .block-c .item h3 {
    font-size: 24px;
    padding-top: 20px;
  }
  .web-home .top-title {
    margin-top: 0;
    font-size: 1.3rem;
    line-height: 32px;
  }
  .web-home .top-title span {
    display: none;
  }
  .web-home .desc {
    font-size: 14px;
  }
  .web-home .upload-box-wrapper {
    margin: 28px 0 28px;
    padding: 0 16px;
  }
  .web-home .upload-box {
    padding: 0 16px;
  }
  .web-home .upload-desc {
    font-size: 14px;
  }
  .web-home .header-top .logo {
    width: 90px;
    height: 25px;
  }
  .web-home .header-top .links {
    font-size: 14px;
    line-height: 25px;
  }
  .web-home .header-top .links a {
    margin-left: 0.5rem;
  }
  .web-home .block-a {
    left: 0;
    right: 0;
    margin: -200px 16px 0;
    padding: 40px 15.5px;
    border-radius: 8px;
  }
  .web-home .block-a .g-pic {
    max-width: 313px;
    margin: 16px auto 0;
  }
  .web-home .block-a .g-pic img {
    width: 100%;
    height: auto;
  }
  .web-home .block-b .container ul li {
    width: 100%;
    padding: 0 0.8rem;
  }
  .web-home h1.title {
    font-size: 24px;
  }
  .web-home h1.title br {
    display: none;
  }
  .web-home .block-d {
    padding-top: 10px;
    padding-bottom: 40px;
  }
  .web-home .block-d .item {
    margin-top: 40px;
    padding: 0 0.8rem;
  }
  .web-home .block-d .item h2 {
    padding-top: 20px;
    padding-bottom: 15px;
    line-height: 26px;
    font-size: 16px;
  }
  .web-home .block-d .item p,
  .web-home .block-d .item ol {
    font-size: 14px;
  }
  .web-home .block-d .item h3 {
    font-size: 14px;
    margin-top: 14px;
  }
  .web-home .block-d .item .p-mt {
    margin-top: 14px;
  }
  .web-home .section-guide {
    margin: 0 16px 64px;
    padding: 16px 8px 18px;
    border-radius: 4px;
  }
  .web-home .section-guide-content1 {
    padding: 0 8px;
  }
  .web-home .section-guide h2 {
    font-size: 18px;
    line-height: 28px;
  }
  .web-home .section-guide h2 br {
    display: block;
  }
  .web-home .section-guide hr {
    margin: 6px auto 0;
  }
  .web-home .section-guide .product-download {
    margin-top: 12px;
  }
  .web-home .section-guide .product-download .download {
    padding: 4px 12px 4px 48px;
  }
  .web-home .section-guide .product-download .download:before {
    top: 10px;
    left: 16px;
    width: 20px;
    height: 20px;
  }
  .web-home .section-guide .product-download .download:after {
    top: 9px;
    height: 24px;
  }
  .web-home .section-guide .product-download .download .text1 {
    font-size: 14px;
  }
  .web-home .section-guide .product-download .download .text2 {
    font-size: 12px;
  }
  .web-home .section-guide .double-btn {
    margin-top: 12px;
  }
  .web-home .section-guide .double-btn img {
    width: 134px;
  }
  .web-home .section-guide .double-btn a {
    margin-right: 0;
  }
  .web-home .section-guide .double-btn a:not(:last-child) {
    display: none;
  }
  .web-home .section-guide .product-info {
    padding-left: 52px;
    margin-top: 12px;
    min-height: 40px;
    font-size: 14px;
  }
  .web-home .section-guide .product-info:before {
    width: 40px;
    height: 40px;
  }
  .web-home .section-guide .product-info .title {
    margin-top: 1px;
  }
  .web-home .section-guide .product-info .desc {
    margin-top: 2px;
  }
  .web-home .section-guide .product-info .desc > span {
    width: 10px;
    height: 10px;
  }
  .web-home .section-guide .product-info .desc > span:last-child {
    margin-right: 8px;
  }
  .web-home .section-guide .section-desc img {
    max-width: 323px;
    margin-top: 12px;
    height: auto;
  }
}
.ad #ad {
  display: block;
  margin: 0 auto;
  width: 784px;
  height: 168px;
  background: url(/asset/web/audio-converter/css/images/1120X240-13f76607.jpg) no-repeat 50% / cover;
  background-size: 784px 168px;
}
.block-d .product-download,
.block-b .product-download,
.section-guide .product-download {
  position: relative;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 auto;
  margin-top: 30px;
}
.block-d .product-download-wrap,
.block-b .product-download-wrap,
.section-guide .product-download-wrap {
  display: flex;
  border-radius: 32px;
  background: #5f44de;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
.block-d .product-download .download,
.block-b .product-download .download,
.section-guide .product-download .download {
  display: inline-block;
  position: relative;
  padding: 8px 24px 8px 48px;
  line-height: 16px;
}
.block-d .product-download .download:before,
.block-b .product-download .download:before,
.section-guide .product-download .download:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 16px;
  width: 24px;
  height: 24px;
  background: no-repeat center;
  background-size: contain;
}
.block-d .product-download .download:hover,
.block-b .product-download .download:hover,
.section-guide .product-download .download:hover {
  opacity: 0.8;
  text-decoration: none;
}
.block-d .product-download .download[data-type="0"]:before,
.block-b .product-download .download[data-type="0"]:before,
.section-guide .product-download .download[data-type="0"]:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxkZWZzPjxzdHlsZS8+PC9kZWZzPjxwYXRoIGQ9Ik00NjguODEgODIuMDZ2NDE2LjQ2OWg1NTIuNDE0VjB6TTIuNzc3IDUwMy4yNkg0MzQuMjZWODUuOTY2TDIuNzc2IDE0OS43MjN6bTQ2Ni4wMzUgNDM4LjY4bDU1Mi40MTMgODIuMDZWNTM3LjgxSDQ2OC44MXpNMi43NzYgODc0LjI3N2w0MzEuNDgzIDYzLjc1NlY1MzcuODFIMi43NzZ6IiBmaWxsPSIjRkZGIi8+PC9zdmc+);
}
.block-d .product-download .download[data-type="1"]:before,
.block-b .product-download .download[data-type="1"]:before,
.section-guide .product-download .download[data-type="1"]:before {
  background-image: url(/asset/web/audio-converter/css/images/mac-os-1068ed11.svg);
}
.block-d .product-download .download[data-type="2"]:before,
.block-b .product-download .download[data-type="2"]:before,
.section-guide .product-download .download[data-type="2"]:before {
  background-image: url(/asset/web/audio-converter/css/images/android-c1bad273.svg);
}
.block-d .product-download .download .text1,
.block-b .product-download .download .text1,
.section-guide .product-download .download .text1 {
  color: #fff;
  font-size: 14px;
}
.block-d .product-download .download .text2,
.block-b .product-download .download .text2,
.section-guide .product-download .download .text2 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
.block-b .product-download {
  margin-top: 50px;
}
.section-ten {
  max-width: 1200px;
  padding-top: 88px;
  padding-bottom: 72px;
  text-align: center;
}
.section-ten h2 {
  font-size: 32px;
}
.section-ten .star {
  position: relative;
  min-height: 38px;
  margin-top: 20px;
  text-align: center;
}
.section-ten .star .worst,
.section-ten .star .best {
  display: none;
}
.section-ten .star-btn {
  display: inline-block;
  position: absolute;
  left: -168px;
  right: 0;
  width: 106px;
  margin: 0 auto;
  padding: 8px 20px;
  box-sizing: border-box;
  z-index: 1;
  border-radius: 24px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  text-align: left;
  background-color: #ffa500;
  line-height: 34px;
}
.section-ten .star-btn:hover {
  background-color: #ffb733;
  cursor: pointer;
}
.section-ten .star-btn > span {
  position: relative;
}
.section-ten .star-btn > span:after {
  content: "";
  position: absolute;
  right: -30px;
  top: 6px;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMALOzKoAv89IJNOSHXwaeYeVQY5+C4q11EMgXwsXERaRPi16MAAAD7SURBVDjLjdRtl0MwEIbhSSJEULRU9W3n///Ktao72gyT+/N1DnOOBzBVFUSVI+ZR0CCaGHfBqUsErP5gJTuPc16E/Qv2khtxaRTg+Q3P+07hf2oXJgSTPVekBNNiAz394EpcVbrBP9fCqrZJjEY2bZKmVXZidYcRdTWcMKoTKB3jtAKSgiMpOJKCe0nJkZQcScmRFBzJG+duCoIOHDywc2YyDMw4mIWuQLYigDkP8wA2PHwIR+9MrESMOvtK+7ursaezN5dv/PzvM1tnt8tEW1gaOv5sNy/o57p6mYfGqSb8OWXOwkfWZeHZ97Q+QtCxTr8/Czszhr6f8gv6YFiSr5wrQQAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
}
.section-ten .star-desc {
  width: 200px;
  padding-left: 170px;
  text-align: left;
  margin: 0 auto;
  font-size: 18px;
}
.section-ten .star-list {
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  width: 120px;
  margin: 0 auto;
  padding: 10px 16px 10px 40px;
  border: 1px solid #ffa500;
  border-radius: 24px;
  background-color: #fff;
  opacity: 0;
}
.section-ten .star-list #star-list {
  width: 120px !important;
  padding-top: 3px;
}
.section-ten .star-list #star-list img {
  width: 20px;
  vertical-align: baseline;
}
.section-ten > ul {
  display: flex;
  margin-top: 44px;
  text-align: center;
}
.section-ten > ul > li {
  flex: 1;
  padding: 20px 24px 24px;
  border-radius: 10px;
  border: 1px solid #bebebe;
  background: #ffffff;
}
.section-ten > ul > li:not(:last-child) {
  margin-right: 24px;
}
.section-ten > ul > li .title {
  font-size: 22px;
  font-weight: 600;
}
.section-ten > ul > li .desc {
  margin-top: 6px;
  font-size: 14px;
  line-height: 22px;
  color: #4f4f4f;
}
@media only screen and (max-width: 768px) {
  .web-home {
    padding-top: 84px;
  }
  .web-home .online-page {
    padding: 0 0 24px;
  }
  .web-home .online-page .product-download {
    margin-top: 16px;
  }
  .web-home .online-page .search-input {
    margin: 16px 16px 12px;
  }
  .web-home .online-page .search-fixed-container .search-input {
    margin: 8px 0;
  }
  .web-home .block-d .item .ml {
    margin-left: 0;
  }
  .web-home h1.title {
    padding-top: 250px;
  }
  .web-home .block-b .container ul li .icon {
    height: 52px;
  }
  .web-home .block-a .container .sites ul {
    justify-content: center;
  }
  .ad #ad {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100px;
    background: url(/asset/web/audio-converter/css/images/1536X200-191d96be.jpg) no-repeat 50% / cover;
    background-size: 768px 100px;
  }
  .section-ten {
    padding-top: 32px;
    padding-bottom: 40px;
  }
  .section-ten h2 {
    font-size: 24px;
  }
  .section-ten .star {
    margin-top: 24px;
  }
  .section-ten .star-btn {
    left: -110px;
    width: 64px;
    padding: 8px 16px 8px 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    box-sizing: content-box;
    line-height: 25px;
  }
  .section-ten .star-btn > span:after {
    right: -28px;
    top: 1px;
  }
  .section-ten .star-desc {
    width: 130px;
    padding-left: 130px;
    padding-top: 4px;
    font-size: 12px;
  }
  .section-ten .star-list {
    padding: 6px 16px 6px 48px;
  }
  .section-ten .star-list #star-list {
    padding-top: 2px;
  }
  .section-ten > ul {
    flex-wrap: wrap;
    margin-top: 0;
  }
  .section-ten > ul > li {
    flex: auto;
    width: 46%;
    margin-top: 24px;
    padding: 16px 8px 24px;
    border-radius: 5px;
    box-sizing: border-box;
  }
  .section-ten > ul > li:not(:last-child) {
    margin-right: 0;
  }
  .section-ten > ul > li:nth-child(2n-1) {
    margin-right: 4%;
  }
  .section-ten > ul > li:nth-child(2n) {
    margin-left: 4%;
  }
  .section-ten > ul > li .title {
    font-size: 16px;
  }
  .section-ten > ul > li .desc {
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px;
  }
}
.published {
  margin-top: 32px;
  text-align: center;
  font-size: 14px;
}
.channel-link.channel-link {
  font-family: 'Segoe UI', sans-serif;
  position: fixed;
  top: 88px;
  right: 24px;
  padding: 6px 48px 6px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 8px 0px #00000026;
  background: #FFFFFF;
  border-radius: 8px;
  max-width: 324px;
  box-sizing: border-box;
  line-height: 21px;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  text-decoration: none;
  z-index: 999;
}
.channel-link.channel-link:hover {
  color: #333333;
}
.channel-link.channel-link::before {
  flex-shrink: 0;
  margin-right: 12px;
  display: block;
  content: '';
  width: 32px;
  height: 32px;
  background: url(/asset/web/audio-converter/css/images/channel-link-icon-7564c882.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.channel-link.channel-link .channel-link-close {
  margin-left: 24px;
  position: absolute;
  right: 8px;
  flex-shrink: 0;
  display: block;
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNjY3IDIuNjY3bDEwLjY2NiAxMC42NjZtLTEwLjY2NiAwTDEzLjMzMyAyLjY2NyIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .channel-link.channel-link {
    display: none;
  }
}
.product-box {
  position: relative;
  width: 100%;
  max-width: 500px;
  border-radius: 20px;
  box-shadow: 0px 4px 10px 0px #00000026;
  background: #FFFFFF;
}
.product-box-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 64px;
  background: #000000aa;
  z-index: 9999;
  display: none;
  justify-content: center;
  align-items: center;
}
.product-box-top {
  padding: 36px 20px;
  background: #EAE4FF;
  border-radius: 20px 20px 0 0;
}
.product-box-top .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
.product-box-top .desc {
  margin-top: 12px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #5C5C5C;
}
.product-box-content {
  padding: 28px 16px 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-box-content .product-info {
  padding-left: 76px;
  background-image: url(/asset/web/audio-converter/css/images/tuneber-logo-e10844cc.png);
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: 0 center;
}
.product-box-content .product-info .name {
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  color: #5F44DE;
}
.product-box-content .product-info .star {
  margin-top: 7px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  color: #5C5C5C;
}
.product-box-content .product-info .star span {
  margin-right: 12px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjgyMyA3LjY0MmMtMS4xMjUgMS4zMDItMy4xMzggMy40MzMtMy4xMzggMy40MzNzLjMyNiAyLjMzOS41MDMgMy45MzdjLjA5LjgyOS0uNTYyIDEuMTg0LTEuMjQzLjg1OS0xLjM2Mi0uNjIyLTMuNDA0LTEuNjI4LTMuODc4LTEuODM2YTI0Ny40NSAyNDcuNDUgMCAwMC0zLjkwNyAxLjgzNmMtLjcxLjMyNS0xLjM2Mi0uMDMtMS4yNzMtLjg1OS4xNzgtMS41OTguNTAzLTMuOTM3LjUwMy0zLjkzN1MxLjM0OCA4Ljk0NS4xOTQgNy42NDJjLS40MTUtLjQ3NC0uMTQ4LTEuMTU1LjY1LTEuMjQ0IDEuNjI5LS4yOTYgNC4xNzUtLjc0IDQuMTc1LS43NHMxLjM5LTIuMzk3IDIuMjUtMy44NDhjLjQ3My0uODg4LjgyOC0uNzk5Ljg1OC0uNzcuMTQ4LjAzLjM4NC4yMzcuNjguNzcuODU5IDEuNDUgMi4yMiAzLjg0OCAyLjIyIDMuODQ4czIuNDg3LjQ3NCA0LjExNS43NGMuOC4xMTkgMS4wNjYuOC42OCAxLjI0NHoiIGZpbGw9IiNGRkNDMjMiLz48L3N2Zz4=);
}
.product-box-content .product-info .star span:last-child {
  margin-right: 16px;
}
.product-box-content ul {
  margin-top: 24px;
  margin-bottom: 8px;
}
.product-box-content ul li {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 21px;
}
.product-box-content ul li::before {
  margin-right: 16px;
  content: '';
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDIwLjVjLTUuNTIyIDAtMTAtNC40NzctMTAtMTBDMCA0Ljk3OCA0LjQ3OC41IDEwIC41YzUuNTIzIDAgMTAgNC40NzggMTAgMTAgMCA1LjUyMy00LjQ3NyAxMC0xMCAxMHptLTIuMjMtNi4wNzNhMS4wNDEgMS4wNDEgMCAwMDEuNDczIDBsNi4zMTUtNi4zMTVhMS4wNDIgMS4wNDIgMCAxMC0xLjQ3My0xLjQ3NGwtNS42MjMgNS41MzQtMi41MTctMi41MTdhMS4wNDIgMS4wNDIgMCAwMC0xLjQ3MyAxLjQ3M2wzLjI5OCAzLjI5OXoiIGZpbGw9IiM1RjQ0REUiLz48L3N2Zz4=);
}
.product-box-btns {
  display: flex;
  align-items: center;
}
.product-box-btns .btn {
  margin-right: 24px;
  width: 204px;
  height: 48px;
  border-radius: 8px;
  background: #5F44DE;
  font-weight: 600;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  box-shadow: 4px 4px 10px 0px #5F44DE80;
}
.product-box-btns .btn:hover {
  opacity: 0.8;
}
.product-box-btns .btn::before {
  margin-right: 16px;
  content: '';
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxkZWZzPjxzdHlsZS8+PC9kZWZzPjxwYXRoIGQ9Ik00NjguODEgODIuMDZ2NDE2LjQ2OWg1NTIuNDE0VjB6TTIuNzc3IDUwMy4yNkg0MzQuMjZWODUuOTY2TDIuNzc2IDE0OS43MjN6bTQ2Ni4wMzUgNDM4LjY4bDU1Mi40MTMgODIuMDZWNTM3LjgxSDQ2OC44MXpNMi43NzYgODc0LjI3N2w0MzEuNDgzIDYzLjc1NlY1MzcuODFIMi43NzZ6IiBmaWxsPSIjRkZGIi8+PC9zdmc+);
}
.product-box-btns .btn[data-type="1"]::before {
  background-image: url(/asset/web/audio-converter/css/images/mac-os-1068ed11.svg);
}
.product-box-btns .more {
  font-size: 16px;
  text-decoration: underline;
  color: #9C9C9C;
}
.product-box-btns .more:hover {
  text-decoration: none;
}
.product-box .close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4Ljc5NCAxNy4yMDNMMTMuNTkgMTJsNS4yMDQtNS4yMDNhMS4xMjQgMS4xMjQgMCAxMC0xLjU5LTEuNTkzTDEyIDEwLjQwNyA2Ljc5NSA1LjIwNGExLjEyNSAxLjEyNSAwIDEwLTEuNTg5IDEuNTk0TDEwLjQwOCAxMmwtNS4yMDMgNS4yMDJhMS4xMjYgMS4xMjYgMCAxMDEuNTkgMS41OTVMMTIgMTMuNTkzbDUuMjA1IDUuMjA0YTEuMTI2IDEuMTI2IDAgMDAxLjU4OS0xLjU5NHoiIGZpbGw9IiM5QzlDOUMiLz48L3N2Zz4=) no-repeat center / contain;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .product-box-wrapper {
    padding: 16px;
  }
  .product-box-top {
    padding: 20px;
  }
  .product-box-top .title {
    font-size: 18px;
    line-height: 22px;
  }
  .product-box-top .desc {
    font-size: 14px;
    line-height: 18px;
  }
  .product-box-content {
    padding: 22px 16px 36px;
  }
  .product-box-content .product-info {
    padding-left: 64px;
    background-size: 48px 48px;
  }
  .product-box-content .product-info .name {
    font-size: 18px;
    line-height: 24px;
  }
  .product-box-content .product-info .star {
    margin-top: 2px;
    font-size: 14px;
  }
  .product-box-content .product-info .star span {
    margin-right: 8px;
    width: 16px;
    height: 16px;
  }
  .product-box-content .product-info .star span:last-child {
    margin-right: 12px;
  }
  .product-box-content ul {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .product-box-content ul li {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 21px;
  }
  .product-box-content ul li::before {
    margin-right: 8px;
    content: '';
    width: 16px;
    height: 16px;
  }
  .product-box-btns {
    flex-direction: column;
  }
  .product-box-btns .btn {
    margin-right: 0;
    margin-bottom: 8px;
  }
  .product-box-btns .more {
    font-size: 16px;
    text-decoration: underline;
    color: #9C9C9C;
  }
  .product-box .close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4Ljc5NCAxNy4yMDNMMTMuNTkgMTJsNS4yMDQtNS4yMDNhMS4xMjQgMS4xMjQgMCAxMC0xLjU5LTEuNTkzTDEyIDEwLjQwNyA2Ljc5NSA1LjIwNGExLjEyNSAxLjEyNSAwIDEwLTEuNTg5IDEuNTk0TDEwLjQwOCAxMmwtNS4yMDMgNS4yMDJhMS4xMjYgMS4xMjYgMCAxMDEuNTkgMS41OTVMMTIgMTMuNTkzbDUuMjA1IDUuMjA0YTEuMTI2IDEuMTI2IDAgMDAxLjU4OS0xLjU5NHoiIGZpbGw9IiM5QzlDOUMiLz48L3N2Zz4=) no-repeat center / contain;
    cursor: pointer;
  }
}


/*# sourceMappingURL=index.css.map*/