.file-dropzone {
  background: rgba(11, 25, 37, 0.7);
  bottom: 0;
  color: #fff;
  left: 0;
  padding-top: 45vh;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 6000;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: #17242e;
}
h1 {
  margin: 0 auto;
  font-size: 44px;
  line-height: 64px;
  font-weight: 700;
  margin-bottom: 48px;
  text-align: center;
}
.h1-desc {
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  color: #304556;
  margin-bottom: 26px;
}
h2 {
  font-size: 28px;
  line-height: 37px;
  margin-bottom: 24px;
  text-align: center;
}
.g-a,
h2 {
  font-weight: 600;
}
.g-a {
  text-decoration: underline;
}
.g-a:hover {
  color: #128cf1;
}
.main .section-1,
.main .section-2,
.main .section-3,
.main .section-4,
.main .section-5,
.main .section-7 {
  padding: 0 64px;
}
.main .section-1 {
  padding-top: 0;
}
.main .section-1 .container .content .upload-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 800px;
  margin: 0 auto;
  padding-top: 35px;
  padding-bottom: 35px;
  border-radius: 8px;
  border: 2px dashed #a8d4ff;
  background: #fff;
  box-sizing: border-box;
}
.main .section-1 .container .content .upload-box .btn-upload {
  display: flex;
  justify-content: center;
  min-width: 208px;
  padding: 12px 20px;
  box-sizing: border-box;
  border-radius: 8px;
  background: linear-gradient(135deg, #344483, #F6182A);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  white-space: normal;
  cursor: pointer;
}
.main .section-1 .container .content .upload-box .btn-upload:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ4MzBfMzc3MykiPjxwYXRoIGQ9Ik0yMS4xNTkgMi44MDVIMTAuODQxYS44LjggMCAwMS0uNTY2LS4yMzlMNy45MjEuMjRBLjgwNy44MDcgMCAwMDcuMzU1IDBIMi44NDFDMS4yNzEgMCAwIDEuMzQ2IDAgMy4wMDZ2MTcuOTg4QzAgMjIuNjU0IDEuMjcyIDI0IDIuODQxIDI0aDE4LjMxOEMyMi43MjkgMjQgMjQgMjIuNjU0IDI0IDIwLjk5NFY1LjgxYzAtMS42Ni0xLjI3Mi0zLjAwNi0yLjg0MS0zLjAwNnptLTQuNjUgMTEuMjQ0YTEuNDg1IDEuNDg1IDAgMDEtMi4xODUuMDQybC0uNzA2LS43MnY0LjU3MWMwIC45MDItLjY5MiAxLjYzOC0xLjU0OCAxLjYzOC0uODUzIDAtMS41NDgtLjczMi0xLjU0OC0xLjYzOFYxMy4yOGwtLjY4OC42ODdhMS40OSAxLjQ5IDAgMDEtMi4xODUtLjA2OWMtLjU4NC0uNjYtLjU1NS0xLjY5NC4wNjQtMi4zMTJsMy4yNzktMy4yNjhhMS40ODcgMS40ODcgMCAwMTIuMTM1LjAxNWwzLjMzOSAzLjQwOGMuNjIuNjIyLjYzNCAxLjY1Ny4wNDMgMi4zMDl6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE2LjUxIDE0LjA1YTEuNDg0IDEuNDg0IDAgMDEtMi4xODUuMDQybC0uNzA3LS43MjF2NC41NzJjMCAuOTAyLS42OTEgMS42MzctMS41NDggMS42MzctLjg1MiAwLTEuNTQ3LS43MzEtMS41NDctMS42MzdWMTMuMjhsLS42ODguNjg2YTEuNDkgMS40OSAwIDAxLTIuMTg2LS4wNjhjLS41ODQtLjY2LS41NTUtMS42OTUuMDY1LTIuMzEzbDMuMjc4LTMuMjY3YTEuNDg3IDEuNDg3IDAgMDEyLjEzNS4wMTVsMy4zNCAzLjQwOGMuNjE5LjYyMS42MzMgMS42NTYuMDQyIDIuMzA4eiIgZmlsbD0iIzNEOUZGRCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzQ4MzBfMzc3MyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyNHYyNEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==)
    no-repeat 50%/24px;
  margin-right: 8px;
}
.main .section-1 .container .content .upload-box .btn-upload:hover {
  opacity: 0.8;
}
.main .section-1 .container .content .upload-box .upload-image-new {
  display: none;
}
.main .section-1 .container .content .upload-box .desc {
  margin-top: 12px;
  font-size: 14px;
  color: #5c5c5c;
}
.main .section-1 .container .content .upload-box .agree {
  margin-top: 60px;
  font-size: 12px;
  color: #5c5c5c;
}
.main .section-1 .container .content .upload-box .agree a {
  text-decoration: underline;
}
.main .section-1 .container .content .upload-box .agree a:hover {
  color: #3d9ffd;
}
.main .section-1 .container .content .pics {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.main .section-1 .container .content .pics .title {
  color: #5c5c5c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.main .section-1 .container .content .pics ul {
  display: flex;
  padding-left: 12px;
}
.main .section-1 .container .content .pics ul li {
  width: 64px;
  height: 64px;
  margin-left: 20px;
  background: no-repeat 50%/64px;
  cursor: pointer;
}
.main .section-1 .container .content .pics ul li:hover {
  opacity: 0.8;
}
.main .section-1 .container .content .pics ul li:first-of-type {
  background-image: url(../images/pic-1-4ae0c6de.png);
}
.main .section-1 .container .content .pics ul li:nth-of-type(2) {
  background-image: url(../images/pic-2-ccff0b50.png);
}
.main .section-1 .container .content .pics ul li:nth-of-type(3) {
  background-image: url(../images/pic-3-a9b4c2fa.png);
}
.main .section-1 .container .content .pics ul li:nth-of-type(4) {
  background-image: url(../images/pic-4-dbbd4ada.png);
}
.main .section-2 {
  margin-top: 120px;
}
.main .section-2 ul {
  display: flex;
  justify-content: center;
  margin-top: 56px;
}
.main .section-2 ul li {
  max-width: 480px;
  padding: 24px 20px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}
.main .section-2 ul li:nth-of-type(2) {
  margin-left: 88px;
}
.main .section-2 ul li:nth-of-type(2) h3 {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUyLjk4MyAyMi41MjhMMjIuNTI4IDUyLjk4M2gtMi43ODJhOC43NjcgOC43NjcgMCAwMS00LjgyOC0xLjQ1MmwzNi42MTMtMzYuNjEzYTguNzY3IDguNzY3IDAgMDExLjQ1MiA0LjgyOHYyLjc4MnpNMTEgMzYuNTIyTDM2LjUyMiAxMWgtOS4wNDRMMTEgMjcuNDZ2OS4wNjN6bTQxLjk4My05LjA0NEwyNy40NiA1M2g5LjA0M2wxNi40NjEtMTYuNDZ2LTkuMDQ0bC4wMTctLjAxOHpNNDQuMjM2IDExaC0yLjc4MUwxMSA0MS40NTV2Mi43ODFjMCAxLjc4NC41NDIgMy40NDYgMS40NTIgNC44MjhsMzYuNjEyLTM2LjYxMkE4Ljc2NyA4Ljc2NyAwIDAwNDQuMjM2IDExem0tMjEuNzA4IDBoLTIuNzgyQTguNzQ5IDguNzQ5IDAgMDAxMSAxOS43NDZ2Mi43ODJMMjIuNTI4IDExem0xOC45NDQgNDEuOTgzaDIuNzgyYzQuODI4IDAgOC43NDYtMy45MTkgOC43NDYtOC43NDd2LTIuNzgxTDQxLjQ3MiA1Mi45ODN6IiBmaWxsPSIjM0Q5RkZEIi8+PC9zdmc+)
    no-repeat top/64px;
}
.main .section-2 ul h3 {
  padding-top: 76px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2Ljg3IDI0LjEyYzIuMTYyLTYuMjc3IDguMTE3LTEwLjc4NyAxNS4xMy0xMC43ODdzMTIuOTY4IDQuNTEgMTUuMTMgMTAuNzg3YzYuNTE1Ljg3OCAxMS41MzcgNi40NTkgMTEuNTM3IDEzLjIxMyAwIDcuMzY0LTUuOTcgMTMuMzM0LTEzLjMzNCAxMy4zMzRIMzQuNjY4di0xMi4yM2wzLjQ0OCAzLjQ0OWEyLjY2NyAyLjY2NyAwIDEwMy43Ny0zLjc3MmwtOC04YTIuNjY3IDIuNjY3IDAgMDAtMy43NyAwbC04IDhhMi42NjcgMi42NjcgMCAxMDMuNzcgMy43NzJsMy40NDgtMy40NDh2MTIuMjI5SDE4LjY2OGMtNy4zNjQgMC0xMy4zMzQtNS45Ny0xMy4zMzQtMTMuMzM0IDAtNi43NTQgNS4wMjMtMTIuMzM1IDExLjUzNi0xMy4yMTN6IiBmaWxsPSIjM0Q5RkZEIi8+PC9zdmc+)
    no-repeat top/64px;
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 600;
}
.main .section-2 ul h3,
.main .section-2 ul p {
  font-style: normal;
  line-height: 36px;
  text-align: center;
}
.main .section-2 ul p {
  margin-top: 12px;
  color: #5c5c5c;
  font-size: 16px;
  font-weight: 400;
}
.main .questions {
  margin: 0 auto;
  padding: 120px 64px 0;
  box-sizing: border-box;
  color: #1d1749;
}
.main .questions h2 {
  line-height: 36px;
}
.main .questions .questions-list {
  margin: 24px auto 0;
  padding: 0 64px;
  max-width: 728px;
}
.main .questions .questions-list li {
  border-bottom: 1px solid #e1e1e1;
  padding: 20px 0;
  margin: 0 auto;
  max-width: 960px;
}
.main .questions .questions-list li h3 {
  font-size: 20px;
  line-height: 28px;
  padding-left: 28px;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.main .questions .questions-list li h3:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 6px;
  left: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAHlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABaVcReAAAACXRSTlMAQKU/+LoiEXCI2GU9AAAAXUlEQVQoz2NgAAN2FacCBmTAOnNmAIpA5syZ01AELGfOnIwiIDlz5sQBFkgWBILOmTNngGgzBobSmSggnEETVWASgyeqwBRMAQwtGIZiWDtowgN7RGFEJUZkI5IDAEmEaMvW+5+mAAAAAElFTkSuQmCC);
  background-size: 16px;
}
.main .questions .questions-list li .question-desc {
  display: none;
  line-height: 36px;
  font-size: 16px;
}
.main .questions .questions-list li .question-desc > a {
  text-decoration: underline;
  font-weight: 700;
}
.main .questions .questions-list li .question-desc > a:hover {
  color: #128cf1;
}
.main .questions .questions-list li[data-active="true"] h3:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAFVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAADtBGx6AAAABnRSTlMA/VPpacn3DnLkAAAALUlEQVQoz2NgGEaAxSwNCSQ7MKiloYAkhjBUgVQGMVSBREwBDC0YhmJYO4wAAC/mMDdV4Cf8AAAAAElFTkSuQmCC);
  background-size: 16px;
}
.main .questions .questions-list li[data-active="true"] .question-desc {
  display: block;
}
.main .update-time {
  margin-top: 80px;
  font-size: 14px;
  line-height: normal;
}
.main .bottom-slogan,
.main .update-time {
  text-align: center;
  padding: 0 64px;
  color: #5c5c5c;
  font-style: normal;
  font-weight: 400;
}
.main .bottom-slogan {
  max-width: 540px;
  margin: 24px auto 40px;
  font-size: 12px;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .main h1 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 18px;
    text-align: center;
  }
  .main .h1-desc {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 24px;
    text-align: center;
  }
  .main h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
    text-align: center;
  }
  .main .pic {
    margin: 0 auto;
  }
  .main .section-1,
  .main .section-2,
  .main .section-3,
  .main .section-4,
  .main .section-5,
  .main .section-7 {
    padding: 0 16px;
  }
  .main .section-1 {
    padding-top: 28px;
  }
  .main .section-1 .container .content {
    width: 100%;
  }
  .main .section-1 .container .content .upload-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 800px;
    padding: 32px 16px 20px;
    border-radius: 8px;
    border: 2px dashed #a8d4ff;
    background: #ecf6ff;
    box-sizing: border-box;
  }
  .main .section-1 .container .content .upload-box .upload {
    width: 100%;
  }
  .main .section-1 .container .content .upload-box .btn-upload {
    min-width: auto;
    padding: 18px 20px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #3d9ffd;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    white-space: normal;
    cursor: pointer;
  }
  .main .section-1 .container .content .upload-box .btn-upload:hover {
    opacity: 0.8;
  }
  .main .section-1 .container .content .upload-box .upload-image {
    display: none;
  }
  .main .section-1 .container .content .upload-box .desc {
    margin-top: 12px;
    font-size: 14px;
    color: #5c5c5c;
  }
  .main .section-1 .container .content .upload-box .agree {
    margin-top: 30px;
    font-size: 12px;
    color: #5c5c5c;
  }
  .main .section-1 .container .content .pics {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }
  .main .section-1 .container .content .pics .title {
    color: #5c5c5c;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  .main .section-1 .container .content .pics ul {
    display: flex;
    padding-left: 0;
  }
  .main .section-1 .container .content .pics ul li {
    width: 48px;
    height: 48px;
    margin-left: 12px;
    background: no-repeat 50%/48px;
    cursor: pointer;
  }
  .main .section-1 .container .content .pics ul li:first-of-type {
    background-image: url(../images/pic-1-4ae0c6de.png);
  }
  .main .section-1 .container .content .pics ul li:nth-of-type(2) {
    background-image: url(../images/pic-2-ccff0b50.png);
  }
  .main .section-1 .container .content .pics ul li:nth-of-type(3) {
    background-image: url(../images/pic-3-a9b4c2fa.png);
  }
  .main .section-1 .container .content .pics ul li:nth-of-type(4) {
    background-image: url(../images/pic-4-dbbd4ada.png);
  }
  .main .section-2 {
    margin-top: 52px;
  }
  .main .section-2 h2 {
    margin-bottom: 0;
  }
  .main .section-2 ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 0;
  }
  .main .section-2 ul li {
    max-width: 480px;
    margin-top: 24px;
    padding: 24px 20px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  }
  .main .section-2 ul li:nth-of-type(2) {
    margin-left: 0;
  }
  .main .section-2 ul li:nth-of-type(2) h3 {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUyLjk4MyAyMi41MjhMMjIuNTI4IDUyLjk4M2gtMi43ODJhOC43NjcgOC43NjcgMCAwMS00LjgyOC0xLjQ1MmwzNi42MTMtMzYuNjEzYTguNzY3IDguNzY3IDAgMDExLjQ1MiA0LjgyOHYyLjc4MnpNMTEgMzYuNTIyTDM2LjUyMiAxMWgtOS4wNDRMMTEgMjcuNDZ2OS4wNjN6bTQxLjk4My05LjA0NEwyNy40NiA1M2g5LjA0M2wxNi40NjEtMTYuNDZ2LTkuMDQ0bC4wMTctLjAxOHpNNDQuMjM2IDExaC0yLjc4MUwxMSA0MS40NTV2Mi43ODFjMCAxLjc4NC41NDIgMy40NDYgMS40NTIgNC44MjhsMzYuNjEyLTM2LjYxMkE4Ljc2NyA4Ljc2NyAwIDAwNDQuMjM2IDExem0tMjEuNzA4IDBoLTIuNzgyQTguNzQ5IDguNzQ5IDAgMDAxMSAxOS43NDZ2Mi43ODJMMjIuNTI4IDExem0xOC45NDQgNDEuOTgzaDIuNzgyYzQuODI4IDAgOC43NDYtMy45MTkgOC43NDYtOC43NDd2LTIuNzgxTDQxLjQ3MiA1Mi45ODN6IiBmaWxsPSIjM0Q5RkZEIi8+PC9zdmc+)
      no-repeat top/64px;
  }
  .main .section-2 ul h3 {
    padding-top: 76px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2Ljg3IDI0LjEyYzIuMTYyLTYuMjc3IDguMTE3LTEwLjc4NyAxNS4xMy0xMC43ODdzMTIuOTY4IDQuNTEgMTUuMTMgMTAuNzg3YzYuNTE1Ljg3OCAxMS41MzcgNi40NTkgMTEuNTM3IDEzLjIxMyAwIDcuMzY0LTUuOTcgMTMuMzM0LTEzLjMzNCAxMy4zMzRIMzQuNjY4di0xMi4yM2wzLjQ0OCAzLjQ0OWEyLjY2NyAyLjY2NyAwIDEwMy43Ny0zLjc3MmwtOC04YTIuNjY3IDIuNjY3IDAgMDAtMy43NyAwbC04IDhhMi42NjcgMi42NjcgMCAxMDMuNzcgMy43NzJsMy40NDgtMy40NDh2MTIuMjI5SDE4LjY2OGMtNy4zNjQgMC0xMy4zMzQtNS45Ny0xMy4zMzQtMTMuMzM0IDAtNi43NTQgNS4wMjMtMTIuMzM1IDExLjUzNi0xMy4yMTN6IiBmaWxsPSIjM0Q5RkZEIi8+PC9zdmc+)
      no-repeat top/64px;
    color: #2a2a2a;
    font-size: 18px;
    font-weight: 600;
  }
  .main .section-2 ul h3,
  .main .section-2 ul p {
    font-style: normal;
    line-height: 32px;
    text-align: center;
  }
  .main .section-2 ul p {
    margin-top: 12px;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 400;
  }
  .main .questions {
    padding: 52px 16px 0;
  }
  .main .questions .questions-list {
    margin: 0;
    padding: 0 16px;
  }
  .main .questions .questions-list > li {
    padding: 16px 0;
  }
  .main .questions .questions-list > li h3 {
    font-size: 16px;
    line-height: 24px;
    padding-left: 26px;
  }
  .main .questions .questions-list > li h3:before {
    top: 4px;
  }
  .main .questions .questions-list > li .question-desc {
    font-size: 14px;
    line-height: 22px;
    padding-top: 5px;
    padding-right: 0;
  }
  .main .update-time {
    margin-top: 40px;
    padding: 0 16px;
  }
  .main .bottom-slogan {
    padding: 0 16px;
  }
}
@media screen and (max-width: 360px) {
  .main .section-1 .container .content .pics .title {
    margin-bottom: 12px;
  }
  .main .section-1 .container .content .pics .title br {
    display: none;
  }
}
.recorderextension {
  position: fixed;
  bottom: 100px;
  right: 24px;
  z-index: 100;
  display:none;
}
.recorderextension .button1 {
  position: fixed;
  bottom: 100px;
  right: 24px;
  padding: 34px 24px 32px;
  width: 360px;
  box-sizing: border-box;
  filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.15));
  background: #fff;
  border-radius: 16px;
  text-align: center;
}
.recorderextension .button1 .close {
  position: absolute;
  top: 6px;
  right: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgMTAuNWgxOHYzSDN2LTN6IiBmaWxsPSIjOUM5QzlDIi8+PC9zdmc+)
    no-repeat 50% / cover;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.recorderextension .button1 .close:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0iI0YxRjFGMSIvPjxwYXRoIGQ9Ik0zIDEwLjVoMTh2M0gzdi0zeiIgZmlsbD0iIzlDOUM5QyIvPjwvc3ZnPg==);
}
.recorderextension .button1 .title {
  position: relative;
  display: inline-block;
  color: #2a2a2a;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.recorderextension .button1 .title .t1 {
  position: relative;
  padding-left: 40px;
  margin-right: 6px;
}
.recorderextension .button1 .title .t1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/convert-7f5ff456.svg) no-repeat 50% / cover;
  width: 28px;
  height: 28px;
}
.recorderextension .button1 .title .t2 {
  position: relative;
}
.recorderextension .button1 .title .t2:before {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 10px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgNmMxLjg4Ny0uMTM2IDMuNzctLjQ1NiA1LjY1LS42NyAxMC45MTYtMS4yNDMgMjEuODcxLTIuMDgyIDMyLjgzNC0yLjU3NCAxNi4xMDctLjcyNCAzMi40NjMtMS40NiA0OC41MTYuNTE5TTI5IDljMTguNzE5LjAwNyAzNy40NzctLjM2IDU2LjE0OCAxLjA0OCIgc3Ryb2tlPSIjRkY3RDM4IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)
    no-repeat 50% / cover;
  width: 87px;
  height: 15px;
}
.recorderextension .button1 .text {
  color: #5c5c5c;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  padding-top: 16px;
  padding-bottom: 28px;
}
.recorderextension .button1 > a {
  padding: 8px 18px 8px 63px;
  display: inline-block;
  border-radius: 51px;
  border: 1px solid #1c8dfc;
  background: #1c8dfc;
  position: relative;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}
.recorderextension .button1 > a:hover {
  filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.2));
}
.recorderextension .button1 > a:before {
  content: "";
  position: absolute;
  left: 19px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/chrome-015f88ca.png) no-repeat 50% / cover;
  width: 32px;
  height: 32px;
}
.recorderextension .button2 {
  display: none;
  padding: 9px 27px 9px 71px;
  position: relative;
  border-radius: 51px;
  border: 1px solid #1c8dfc;
  background: #1c8dfc;
  cursor: pointer;
}
.recorderextension .button2:hover {
  filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.2));
}
.recorderextension .button2:hover .text1:before {
  display: block;
}
.recorderextension .button2:before {
  content: "";
  position: absolute;
  left: 27px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/chrome-015f88ca.png) no-repeat 50% / cover;
  width: 32px;
  height: 32px;
}
.recorderextension .button2 span {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}
.recorderextension .button2 .text1 {
  display: inline-block;
  position: relative;
}
.recorderextension .button2 .text1:before {
  display: none;
  content: "";
  position: absolute;
  right: -24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuMTg1IDguODE1YS42NjcuNjY3IDAgMDEwIC45NDNsLTMuNTc2IDMuNTc2aDIuMzlhLjY2Ni42NjYgMCAxMTAgMS4zMzNIMS45OGwtLjAzNy0uMDAzLS4wMi0uMDAyLS4wMjQtLjAwM2EuNzkuNzkgMCAwMS0uMDE2LS4wMDNsLS4wMTYtLjAwM2EuNjYyLjY2MiAwIDAxLS4zOTMtLjI0M2wuMDU1LjA2MmEuNjcyLjY3MiAwIDAxLS4xOTUtLjQ1OFYxMGEuNjY3LjY2NyAwIDExMS4zMzMgMHYyLjM5bDMuNTc2LTMuNTc1YS42NjcuNjY3IDAgMDEuOTQzIDB6TTE0IDEuMzM0aC4wMTNhLjQ2LjQ2IDAgMDEuMDQzLjAwMkwxNCAxLjMzM2MuMDM5IDAgLjA3OC4wMDQuMTE3LjAxMWwuMDE1LjAwM2MuMS4wMi4xOTUuMDYzLjI3Ni4xMjdoLjAwMmwuMDA2LjAwNmMuMDQuMDMyLjA3Ny4wNjkuMTA4LjEwOWwtLjA1My0uMDZjLjEyLjEyLjE4OS4yOC4xOTUuNDVWNmEuNjY3LjY2NyAwIDAxLTEuMzMzIDBWMy42MUw5Ljc1NyA3LjE4NmEuNjY3LjY2NyAwIDAxLS45NDMtLjk0M2wzLjU3NS0zLjU3NmgtMi4zOWEuNjY3LjY2NyAwIDAxMC0xLjMzM2g0eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)
    no-repeat 50% / cover;
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 768px) {
  .recorderextension {
    display: none;
  }
}