a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font-weight: 400;
   vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
   display: block
}

body {
   line-height: 1
}

blockquote,
q {
   quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
   content: none
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

a {
   color: #7e8c8d;
   -webkit-backface-visibility: hidden;
   text-decoration: none
}

li {
   list-style: none
}

body {
   -webkit-text-size-adjust: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

mark {
   background: transparent
}

button {
   border: 0;
   background-color: transparent;
   outline: none
}

body,
html {
   line-height: 1;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;
   width: 100%;
   font-family: "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   font-weight: 400
}

a:focus,
div:focus,
input:focus,
p:focus {
   outline: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.font-title {
   font-weight: 700
}

.font-desc {
   font-family: "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   font-weight: 400
}

.container {
   width: 88%;
   max-width: 1200px;
   margin: 0 auto
}

input {
   background: none;
   border: none;
   outline: none;
   padding: 0
}

textarea {
   resize: none;
   outline: none
}

.btn,
button {
   font-family: "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif
}

.btn {
   background-color: rgba(0, 0, 0, .8);
   cursor: pointer;
   text-align: center;
   color: #fff;
   border-radius: 6px;
   font-weight: 600;
   transition: transform .3s ease-in-out
}

.btn:hover {
   box-shadow: inset 0 0 8px 29px rgba(0, 0, 0, .05) !important;
   transform: translate3d(0, -5px, 0);
   z-index: 200
}

.btn:active {
   box-shadow: inset 0 0 8px 29px rgba(0, 0, 0, .1) !important;
   transform: translateY(0)
}

.btn.small:hover {
   transform: translateY(-2px)
}

.btn.small:active {
   transform: translateY(0)
}

.index-title {
   font-size: 48px;
   font-weight: 700;
   line-height: 56px
}

.index-subtitle,
.index-title {
   color: #000;
   font-family: "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif
}

.index-subtitle {
   font-size: 24px;
   font-weight: 500;
   line-height: 32px
}

.no-scrollbar {
   -ms-overflow-style: none;
   scrollbar-width: none
}

.no-scrollbar::-webkit-scrollbar {
   display: none
}

@media screen and (max-width:1366px) {
   .index-title {
      font-size: 36px;
      line-height: 42px
   }

   .index-subtitle {
      font-size: 20px;
      line-height: 28px
   }
}

@media screen and (max-width:992px) {
   .index-title {
      font-size: 28px;
      line-height: 36px
   }

   .index-subtitle {
      font-size: 16px;
      line-height: 24px
   }
}

@media screen and (max-width:600px) {
   .wpsovs-weblogin-popup {
      width: 100% !important;
      height: 100% !important;
      border: none !important
   }
}

.gradient-text {
   background: linear-gradient(109.67deg, #ff5959 1.35%, #9069ff 50.27%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   color: transparent
}

.gradient-title {
   text-align: center;
   font-family: "Poppins";
   font-weight: 500;
   line-height: 120%;
   background: linear-gradient(102.61deg, #ff5959 5.51%, #9069ff 86.56%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent
}

.btn-move {
   transition: transform .3s ease-in-out
}

.btn-move:hover {
   transform: translate3d(0, -5px, 0)
}

.btn-move:active {
   transform: translateZ(0)
}

.btn-move-s {
   transition: transform .3s ease-in-out
}

.btn-move-s:hover {
   transform: translate3d(0, -5px, 0)
}

.btn-move-s:active {
   transform: translateZ(0)
}

.btn-move-s:hover {
   transform: translate3d(0, -2px, 0)
}

.btn-gray {
   padding: 10px 28px;
   font-size: 14px;
   line-height: 21px;
   font-weight: 700;
   background: hsla(0, 0%, 100%, .8);
   color: #333;
   cursor: pointer;
   border: none;
   border-radius: 4px;
   box-shadow: 0 1px 3px 0 rgba(0, 79, 201, .1)
}

.btn-gray:hover {
   background: #fff
}

.btn-dropdown {
   padding: 9px 12px;
   height: 54px;
   min-width: 262px;
   font-size: 18px;
   line-height: 36px;
   font-weight: 700;
   border-radius: 6px;
   background: linear-gradient(88deg, #d85f94, #916aff);
   color: #fff;
   border: none;
   position: relative
}

.btn-dropdown .btn-dropdown-menu {
   width: 100%;
   position: absolute;
   top: 54px;
   left: 0;
   display: none;
   padding-top: 12px
}

.btn-dropdown .btn-dropdown-menu .btn-dropdown-menu-list {
   border-radius: 6px;
   border: 1px solid rgba(0, 0, 0, .15);
   background: #fff
}

.btn-dropdown .btn-dropdown-menu .btn-dropdown-menu-item {
   width: 100%;
   height: 48px;
   line-height: 48px;
   text-align: center;
   color: rgba(0, 0, 0, .7);
   font-size: 14px
}

.btn-dropdown .btn-dropdown-menu .btn-dropdown-menu-item .btn-dropdown-menu-item-link {
   color: rgba(0, 0, 0, .7)
}

.btn-dropdown .btn-dropdown-menu .btn-dropdown-menu-item .btn-dropdown-menu-item-link:hover,
.btn-dropdown .btn-dropdown-menu .btn-dropdown-menu-item:hover {
   background: rgba(51, 51, 51, .1)
}

.btn-dropdown:hover .btn-dropdown-menu {
   display: block
}

.btn-outline {
   display: inline-block;
   height: 54px;
   line-height: 50px;
   box-sizing: border-box;
   min-width: 262px;
   text-align: center;
   font-size: 18px;
   font-weight: 700;
   cursor: pointer;
   border-radius: 6px;
   border: 2px solid transparent;
   background-clip: padding-box, border-box;
   background-origin: padding-box, border-box;
   background-image: linear-gradient(80.31deg, #1a0534 3.26%, #240c43 104.17%), linear-gradient(90deg, #ff5959, #9069ff)
}

.main-container {
   width: 88%;
   max-width: 1080px;
   margin: 0 auto
}

.main-title {
   display: inline-block;
   font-family: Poppins;
   font-size: 36px;
   font-weight: 600;
   line-height: 54px;
   text-align: center;
   background: linear-gradient(109.67deg, #ff5959 1.35%, #9069ff 50.27%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   color: transparent
}

.gradient-box-border {
   background-image: linear-gradient(0deg, #210d3b, #210d3b), linear-gradient(167.15deg, #dd5e8d 1.02%, rgba(144, 105, 255, .2) 86%)
}

.gradient-box-border,
.gradient-btn-border {
   border: 1px solid transparent;
   background-clip: padding-box, border-box;
   background-origin: padding-box, border-box
}

.gradient-btn-border {
   background-image: linear-gradient(80.31deg, #1a0534 3.26%, #240c43 104.17%), linear-gradient(90deg, #ff5959, #9069ff)
}

.achievement-img {
   width: 48px;
   height: 48px;
}

@media screen and (min-width:992px) {
   .hidden-lg {
      display: none !important
   }
}

@media screen and (max-width:992px) {
   .main-container {
      width: 100%
   }

   .main-title {
      font-size: 18px;
      line-height: 27px
   }

   .hidden-md {
      display: none !important
   }

   button.btn-dropdown,
   button.btn-gray,
   button.btn-outline {
      cursor: default
   }
}

@font-face {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format("woff2");
   unicode-range: u+0900-097f, u+1cd0-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8ff
}

@font-face {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format("woff2");
   unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format("woff2");
   unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format("woff2");
   unicode-range: u+0900-097f, u+1cd0-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8ff
}

@font-face {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format("woff2");
   unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format("woff2");
   unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0IIpQlx3QUlC5A4PNr6DRASf6M7VBj.woff2) format("woff2");
   unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0IIpQlx3QUlC5A4PNr4TRASf6M7VBj.woff2) format("woff2");
   unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0IIpQlx3QUlC5A4PNr5DRASf6M7VBj.woff2) format("woff2");
   unicode-range: u+0900-097f, u+1cd0-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8ff
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0IIpQlx3QUlC5A4PNr6TRASf6M7VBj.woff2) format("woff2");
   unicode-range: u+1f??
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0IIpQlx3QUlC5A4PNr5jRASf6M7VBj.woff2) format("woff2");
   unicode-range: u+0370-03ff
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0IIpQlx3QUlC5A4PNr6jRASf6M7VBj.woff2) format("woff2");
   unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0IIpQlx3QUlC5A4PNr6zRASf6M7VBj.woff2) format("woff2");
   unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0IIpQlx3QUlC5A4PNr5TRASf6M7Q.woff2) format("woff2");
   unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0NIpQlx3QUlC5A4PNjXhFVadyBx2pqPIif.woff2) format("woff2");
   unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0NIpQlx3QUlC5A4PNjXhFVYNyBx2pqPIif.woff2) format("woff2");
   unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0NIpQlx3QUlC5A4PNjXhFVZdyBx2pqPIif.woff2) format("woff2");
   unicode-range: u+0900-097f, u+1cd0-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8ff
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0NIpQlx3QUlC5A4PNjXhFVaNyBx2pqPIif.woff2) format("woff2");
   unicode-range: u+1f??
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0NIpQlx3QUlC5A4PNjXhFVZ9yBx2pqPIif.woff2) format("woff2");
   unicode-range: u+0370-03ff
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0NIpQlx3QUlC5A4PNjXhFVa9yBx2pqPIif.woff2) format("woff2");
   unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0NIpQlx3QUlC5A4PNjXhFVatyBx2pqPIif.woff2) format("woff2");
   unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
   font-family: "Noto Sans";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/notosans/v30/o-0NIpQlx3QUlC5A4PNjXhFVZNyBx2pqPA.woff2) format("woff2");
   unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
   font-family: "Covered By Your Grace";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/coveredbyyourgrace/v15/QGYwz-AZahWOJJI9kykWW9mD6opopoqXSOSEEQgsiaXVIw.woff2) format("woff2");
   unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
   font-family: "Bebas Neue";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format("woff2");
   unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
   font-family: "Bebas Neue";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format("woff2");
   unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
   font-family: "Inter";
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format("woff2");
   unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
   font-family: "Inter";
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format("woff2");
   unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
   font-family: "Inter";
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format("woff2");
   unicode-range: u+1f??
}

@font-face {
   font-family: "Inter";
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format("woff2");
   unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
   font-family: "Inter";
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format("woff2");
   unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
   font-family: "Inter";
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format("woff2");
   unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
   font-family: "Inter";
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwQT9g.woff2) format("woff2");
   unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
   font-family: "Inter";
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvvYwYL8g.woff2) format("woff2");
   unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
   font-family: "Inter";
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvmYwYL8g.woff2) format("woff2");
   unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
   font-family: "Inter";
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvuYwYL8g.woff2) format("woff2");
   unicode-range: u+1f??
}

@font-face {
   font-family: "Inter";
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvhYwYL8g.woff2) format("woff2");
   unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
   font-family: "Inter";
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvtYwYL8g.woff2) format("woff2");
   unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
   font-family: "Inter";
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvsYwYL8g.woff2) format("woff2");
   unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
   font-family: "Inter";
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcviYwY.woff2) format("woff2");
   unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}


.nuxt-progress {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   height: 2px;
   width: 0;
   opacity: 1;
   transition: width .1s, opacity .4s;
   background-color: #000;
   z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
   transition: none
}

.nuxt-progress-failed {
   background-color: red
}

.header {
   position: fixed;
   height: 62px;
   line-height: auto;
   top: 0;
   left: 0;
   right: 0;
   z-index: 999;
   font-size: 14px;
   transition: background-color .2s ease-in-out;
   background: #fff;
   box-shadow: 0 12px 64px 0 rgba(154, 171, 233, .16)
}

.header.white .pc .left .logo {
   background-image: url(../images/logo_white.3b1b606.svg)
}

.header.white .pc .left .logo.is-sem-page {
   background-image: url(../images/logo_ad.d3495c7.svg)
}

.header.white .pc .left .logo.is-affiliate-pdf-page {
   height: 32px;
   width: 130px;
   background-image: url(../images/logo_affiliate_pdf.15c16b0.svg)
}

.header.white .pc .right .lang {
   background-image: url(../images/language_white.1a742c0.svg)
}

.header.white .pc .right .lang:after {
   background-image: url(../images/arrow_white.ea2a9d1.svg)
}

.header.white .pc .right .sign-in {
   color: #fff
}

.header.dark .pc .left .logo {
   background-image: url(../images/logo_dark.1b9b0bc.svg)
}

.header.dark .pc .left .logo.is-sem-page {
   background-image: url(../images/logo_ad.d3495c7.svg)
}

.header.dark .pc .left .logo.is-affiliate-pdf-page {
   height: 32px;
   width: 130px;
   background-image: url(../images/logo_affiliate_pdf.15c16b0.svg)
}

.header.dark .pc .right .lang {
   background-image: url(../images/language.83888f1.svg)
}

.header.dark .pc .right .lang:after {
   background-image: url(../images/arrow.1537d3e.svg)
}

.header.dark .pc .right .sign-in {
   color: #000
}

.header .pc {
   display: flex;
   width: 100%;
   height: 62px;
   align-items: center;
   justify-content: space-between;
}

.header .pc .left {
   flex: 0 0 224px;
   padding-right: 43px;
   display: flex;
   align-items: center;
   justify-content: flex-end
}

.header .pc .left .logo-wrapper {
   display: flex;
   flex-direction: row;
   justify-content: right;
   align-items: center
}

.header .pc .left .logo {
   width: 96px;
   height: 24px;
   cursor: pointer;
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: contain;
   font-size: 0;
}

.header .pc .left .logo.is-sem-page {
   width: 170px;
   height: 32px
}

.header .pc .left.is-sem-page {
   flex: 0 0 298px
}

.header .pc .left.is-affiliate-pdf-page {
   flex: 0 0 268px
}

.header .pc .center {
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.header .pc .center .nav {
   display: flex;
   align-items: center;
   justify-content: center
}

.header .pc .center .nav ul {
   display: flex;
   align-items: center;
   justify-content: center
}

.header .pc .center .nav ul li {
   margin: 0 16px
}

.header .pc .center .nav ul li a {
   font-size: 18px;
   font-weight: 600;
   color: #555;
   text-decoration: none
}

.header .pc .center .nav ul li a:hover {
   color: #3265F3
}

.header .pc .center .nav ul li a.active {
   color: #3265F3
}

.header .pc .right {
   flex: 0 0 224px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: flex-start
}

.header .pc .right.no-download {
   flex: 0 0 243px
}

.header .pc .right.is-sem-page .download-btn-wrapper {
   margin-left: 95px
}

.header .pc .right .lang {
   position: relative;
   width: 24px;
   height: 24px;
   cursor: pointer;
   background-image: url(../images/language.83888f1.svg);
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: contain;
   margin-right: 36px
}

.header .pc .right .lang:active,
.header .pc .right .lang:hover {
   background-image: url(../images/language_hover.8a78980.svg)
}

.header .pc .right .lang .lang-switch-wrapper {
   position: absolute;
   top: 36px;
   left: 13px;
   background: #fff;
   border-radius: 9px;
   border: 1px solid rgba(0, 0, 0, .15);
   transform: translateX(-50%)
}

.header .pc .right .sign-in {
   display: inline-block;
   box-sizing: border-box
}

.header .pc .right .sign-in .text {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   font-weight: 500;
   padding: 0 16px;
   max-width: 142px;
   min-width: 48px;
   height: 36px;
   border-radius: 8px;
   border: 1px solid #333;
   cursor: pointer;
   margin-left: 16px
}

.header .pc .right .sign-in .text:hover {
   background: rgba(13, 13, 13, .06)
}

.header .pc .right .sign-in .text:active {
   background: rgba(13, 13, 13, .1)
}

.header .pc .right .sign-in .user-img {
   margin-left: 24px;
   width: 38px;
   height: 38px;
   border-radius: 50%;
   vertical-align: middle;
   cursor: pointer
}

@media screen and (min-width:992px)and (max-width:1366px) {
   .header {
      line-height: auto
   }

   .header .pc .left {
      margin-left: 120px;
      flex: 0 0 110px;
      padding-right: 18px;
      height: 62px
   }

   .header .pc .right {
      flex: 0 0 282px;
      height: 62px
   }

   .header .pc .right.no-download {
      flex: 0 0 142px
   }

   .header .pc .right.is-sem-page .download-btn-wrapper {
      margin-left: 20px
   }

}

@media screen and (max-width:992px) {
   .header {
      line-height: 56px;
      height: 56px;
   }

   .header .pc {
      display: block;
      line-height: 56px !important;
      height: 56px !important;
   }

   .header .pc .left {
      display: flex;
      align-items: center;
      float: left;
      padding-right: 0;
   }

   .header .pc .right {
      display: none;
   }
}

.menu-contianer {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center
}

.menu-contianer.pd-r {
   padding-right: 100px
}

.menu-contianer.dark .menu-list .menu {
   color: #000
}

.menu-contianer.dark .menu-list .menu .arrow {
   background-image: url(../images/arrow.1537d3e.svg)
}

.menu-contianer .menu-list {
   position: relative
}

.menu-contianer .menu-list .menu {
   margin: 0 16px;
   padding: 8px;
   text-align: center;
   color: #fff;
   font-size: 14px;
   box-sizing: border-box;
   height: 38px;
   line-height: 38px;
   position: relative
}

.menu-contianer .menu-list .menu:after {
   content: "";
   position: absolute;
   top: -12px;
   bottom: -12px;
   right: -8px;
   left: -8px
}

.menu-contianer .menu-list .menu .isGradientRed {
   background-image: -webkit-linear-gradient(180deg, #956aff, #ff2b37);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent
}

.menu-contianer .menu-list .menu .top-icon {
   width: 8.5px;
   height: 8px;
   position: relative;
   top: -7px
}

.menu-contianer .menu-list .menu:hover {
   transition: color .3s ease-in-out;
   border-radius: 8px;
   background: rgba(13, 13, 13, .06)
}

.menu-contianer .menu-list .menu:active {
   transition: color .3s ease-in-out;
   border-radius: 8px;
   background: rgba(13, 13, 13, .1)
}

.menu-contianer .menu-list .menu .arrow {
   display: inline-block;
   transform: rotateX(0deg);
   width: 16px;
   height: 10px;
   margin-left: 2px;
   background-image: url(../images/arrow_white.ea2a9d1.svg);
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: cover;
   transition: transform .3s ease-in-out
}

.menu-contianer .menu-list .menu .arrow.rotate {
   transform: rotateX(-180deg)
}

.menu-contianer .menu-list .menu .menu-name {
   cursor: pointer;
   display: inline-block;
   height: 100%;
   font-size: 14px;
   color: #000;
   font-weight: 500
}

.menu-contianer .menu-list .menu-act-wrapper {
   position: absolute;
   right: -98px;
   top: -12px;
   width: 100px;
   height: 62px
}

.menu-contianer .menu-list .menu-act-wrapper .img {
   width: 100%
}

.menu-contianer .menu-list .animate-scale {
   -webkit-animation: animate-scale-21add6e7 2s ease-in-out infinite;
   animation: animate-scale-21add6e7 2s ease-in-out infinite;
   transition: all .2s
}

.menu-contianer .dropdown-container-fullscreen {
   position: fixed;
   width: 100%;
   height: 100%;
   background: rgba(232, 232, 237, .1);
   -webkit-backdrop-filter: blur(16px);
   backdrop-filter: blur(16px);
   top: 62px;
   left: 0
}

.menu-contianer .dropdown-container-fullscreen.fade-enter-active,
.menu-contianer .dropdown-container-fullscreen.fade-leave-active {
   opacity: 1;
   transition: opacity .3s cubic-bezier(.4, 0, .6, 1) 80ms
}

.menu-contianer .dropdown-container-fullscreen.fade-enter,
.menu-contianer .dropdown-container-fullscreen.fade-leave-to {
   opacity: 0
}

.menu-contianer .dropdown-container-wrapper {
   background: #fff;
   position: absolute;
   left: 0;
   right: 0;
   box-shadow: 0 24px 48px 0 rgba(0, 0, 0, .05);
   border-bottom-right-radius: 9px;
   border-bottom-left-radius: 9px
}

.menu-contianer .dropdown-container {
   background: #fff;
   display: flex
}

.menu-contianer .dropdown-container .dropdown-item {
   padding: 30px 12px 42px
}

.menu-contianer .dropdown-container .dropdown-item.single {
   padding: 18px 24px 0 18px
}

.menu-contianer .dropdown-container .dropdown-item:last-child .row-menu {
   border-right: 1px solid transparent
}

.menu-contianer .dropdown-container .dropdown-item .row-menu {
   border-right: 1px solid #f4f4f8;
   height: 100%
}

.menu-contianer .dropdown-container .dropdown-item .row-menu .menu-item {
   margin-bottom: 26px
}

.menu-contianer .dropdown-container .dropdown-item .row-menu .menu-item.single {
   margin-bottom: 18px
}

.menu-contianer .dropdown-container-single {
   position: absolute;
   top: 54px;
   box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .05);
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: 6px;
   background: #fff;
   transform: translate3d(-14%, 0, 0)
}

.menu-contianer .dropdown-container-single:after {
   position: absolute;
   top: -6px;
   left: 50%;
   display: table;
   content: "";
   width: 12px;
   height: 6px;
   transform: translate3d(-50%, 0, 0);
   background-image: url(../images/hover_arrow.a61a354.svg);
   background-repeat: no-repeat
}

@media screen and (min-width:1200px)and (max-width:1440px) {
   .menu-contianer .menu-list .menu {
      margin: 0 8px
   }
}

@media screen and (min-width:992px)and (max-width:1200px) {
   .menu-contianer .menu-list .menu {
      margin: 0 5px;
      padding: 8px 4px
   }
}

@-webkit-keyframes animate-scale-21add6e7 {
   0% {
      transform: scale(.76)
   }

   30% {
      transform: scale(.92)
   }

   to {
      transform: scale(.76)
   }
}

@keyframes animate-scale-21add6e7 {
   0% {
      transform: scale(.76)
   }

   30% {
      transform: scale(.92)
   }

   to {
      transform: scale(.76)
   }
}

.new-mark {
   font-size: 10px;
   background-color: #8350f2;
   color: #fff;
   padding: 2px 4px;
   border-radius: 3px;
   display: inline-block;
   height: 14px;
   line-height: 14px;
   margin-left: 5px
}

.submenu-content {
   display: flex;
   flex-direction: column;
   padding: 0 23px 0 0
}

.submenu-title {
   display: flex;
   align-items: center;
   margin: 0 0 12px
}

.submenu-title.single {
   margin: 0 0 4px 12px
}

.submenu-title .icon {
   width: 28px;
   height: 28px;
   margin-right: 12px
}

.submenu-title .sub-icon {
   width: 22px;
   height: 11px;
   position: relative;
   left: 4px
}

.submenu-title .title-text {
   font-size: 14px;
   font-weight: 700;
   color: rgba(0, 0, 0, .6);
   line-height: 21px;
   padding: 7px 0 9px
}

.submenu-box {
   display: flex
}

.submenu.single {
   padding: 12px
}

.submenu .submenu-item {
   margin-left: 28px;
   display: flex;
   align-items: center;
   cursor: pointer
}

.submenu .submenu-item.single {
   margin-left: 0
}

.submenu .submenu-item .submenu-text {
   display: flex;
   align-items: center;
   font-size: 14px;
   color: rgba(0, 0, 0, .7);
   line-height: 19px;
   vertical-align: middle;
   padding: 11px 12px 12px
}

.submenu .submenu-item .submenu-text:active,
.submenu .submenu-item .submenu-text:hover {
   color: rgba(0, 0, 0, .4)
}

.submenu .submenu-item .submenu-text .nav-title {
   display: flex;
   align-items: center
}

.submenu .submenu-item .submenu-text .nav-title .icon-arrow {
   display: inherit;
   opacity: 0;
   margin-bottom: 2px
}

.submenu .submenu-item .submenu-text .nav-title .new-mark {
   font-size: 10px;
   background-color: #8350f2;
   color: #fff;
   padding: 2px 4px;
   border-radius: 3px;
   display: inline-block;
   height: 14px;
   line-height: 14px;
   margin-left: 5px
}

.submenu .submenu-item .submenu-text img {
   margin-left: 6px;
   vertical-align: middle
}

.submenu .submenu-item .submenu-text .isUnderline {
   text-decoration: underline
}

.submenu .submenu-item .submenu-des {
   font-size: 12px;
   color: rgba(0, 0, 0, .4);
   line-height: 18px;
   max-width: 240px
}

.submenu .submenu-item:hover {
   background: rgba(64, 72, 115, .05);
   border-radius: 6px
}

.submenu .submenu-item:hover .submenu-text .nav-title {
   text-shadow: 0 0 1px #959595, 0 0 .4px #a1a1a1;
   color: rgba(0, 0, 0, .7)
}

.submenu .submenu-item:hover .submenu-text .nav-title .icon-arrow {
   display: block;
   opacity: 1
}

@media screen and (max-width:992px) {
   .submenu-box {
      display: block
   }

   .submenu-title {
      margin: 12px 0 0
   }

   .submenu-title .icon {
      display: none
   }

   .submenu-title .title-text {
      padding: 8px 8px 8px 12px;
      color: #000
   }

   .submenu .submenu-item {
      margin-left: 0
   }

   .submenu .submenu-item .submenu-text {
      flex: 1;
      padding: 10px 12px;
      color: rgba(0, 0, 0, .7)
   }

   .submenu .submenu-item:hover {
      background-color: #f5f6f8
   }

   .submenu .submenu-item:hover .submenu-text .nav-title {
      font-weight: 400
   }

   .submenu .submenu-item .nav-title {
      flex: 1
   }

   .submenu .submenu-item .nav-title.arrow {
      display: none
   }

   .submenu .submenu-item .nav-title .icon-arrow {
      display: block
   }

   .submenu .submenu-item .nav-title .mobile-icon-arrow {
      margin-left: auto !important
   }
}

.download-btn-wrapper {
   display: inline-block
}

.download-btn-wrapper .download-btn {
   position: relative;
   background-color: rgba(0, 0, 0, .8);
   cursor: pointer;
   text-align: center;
   color: #fff;
   border-radius: 6px;
   font-weight: 700;
   box-shadow: 0 1px 3px 0 rgba(0, 79, 201, .1);
   height: 54px;
   line-height: 54px;
   /* padding: 0 30px; */
   font-size: 0
}

.download-btn-wrapper .download-btn.small {
   padding: 0 20px;
   max-width: 149px;
   height: 42px;
   line-height: 42px
}

.download-btn-wrapper .download-btn.small:hover {
   transform: translateY(-2px)
}

.download-btn-wrapper .download-btn.small:active {
   transform: translateY(0)
}

.download-btn-wrapper .download-btn.small .text {
   font-size: 14px
}

.download-btn-wrapper .download-btn.small .btn-font-title {
   font-family: "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   font-weight: 600
}

.download-btn-wrapper .download-btn.small .arrow {
   top: 19px;
   right: 9px
}

.download-btn-wrapper .download-btn.header-small {
   border-radius: 8px;
   padding: 0 16px;
   min-width: 101px;
   max-width: 101px;
   height: 38px;
   line-height: 38px;
   background-color: #333;
}

.download-btn-wrapper .download-btn.header-small:active,
.download-btn-wrapper .download-btn.header-small:hover {
   transform: none;
   background-color: #0d0d0d
}

.download-btn-wrapper .download-btn.header-small .text {
   font-size: 14px;
   font-weight: 500;
   color: #fff;
}

.download-btn-wrapper .download-btn.header-small .arrow {
   position: absolute;
   top: 14px;
   right: 14px
}

.download-btn-wrapper .download-btn.header-small-mobile {
   border-radius: 8px;
   padding: 0 16px;
   min-width: 78px;
   height: 38px;
   line-height: 38px;
   background-color: #333
}

.download-btn-wrapper .download-btn.header-small-mobile:active,
.download-btn-wrapper .download-btn.header-small-mobile:hover {
   transform: none;
   background-color: #0d0d0d
}

.download-btn-wrapper .download-btn.header-small-mobile .text {
   font-size: 16px;
   font-weight: 500
}

.download-btn-wrapper .download-btn.header-small-mobile .arrow {
   position: absolute;
   top: 14px;
   right: 14px
}

.download-btn-wrapper .download-btn.large {
   height: 64px;
   line-height: 60px;
   position: relative
}

.download-btn-wrapper .download-btn.large .text {
   font-size: 24px;
   font-weight: 700;
   color: #fff;
}

.download-btn-wrapper .download-btn.large .arrow {
   margin-left: 5px;
   vertical-align: middle;
   position: absolute;
   top: 25px;
   right: 14px;
   width: 18px
}

.download-btn-wrapper .download-btn.us_page:hover {
   background-color: #1345b9 !important;
   transform: translateZ(0);
   z-index: 200
}

.download-btn-wrapper .download-btn.us_page:active {
   background-color: #1345b9 !important;
   transform: translateY(0)
}

.download-btn-wrapper .download-btn.ad_white:hover {
   background-color: #eee !important;
   transform: translateZ(0);
   z-index: 200
}

.download-btn-wrapper .download-btn.ad_white:active {
   background-color: #eee !important;
   transform: translateY(0)
}

.download-btn-wrapper .download-btn.ad_white.text {
   color: red
}

.download-btn-wrapper .download-btn.blue {
   font-size: 24px;
   font-weight: 700;
   border-radius: 8px;
   background: #3265f3;
   box-shadow: 0 24px 24px 0 rgba(50, 101, 243, .16), 0 20px 8px -12px rgba(50, 101, 243, .12) !important
}

.download-btn-wrapper .download-btn.blue:hover {
   transform: translateY(0);
   background: rgba(50, 101, 243, .8)
}

.download-btn-wrapper .download-btn.blue:active {
   transform: translateY(0);
   background: #0059e8
}

.download-btn-wrapper .download-btn.ai-blue {
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 160px;
   padding: 0 5px;
   background: linear-gradient(90deg, #45c5ff, #2567ff 59.17%, #894ef8 115.22%), linear-gradient(90deg, #32acf3 -.3%, #3265f3), linear-gradient(107deg, #ff5959 -19.77%, #9069ff 78.71%), rgba(246, 44, 81, .8)
}

.download-btn-wrapper .download-btn.ai-blue .btn-font-title {
   min-width: 0;
   flex-shrink: 1;
   word-wrap: break-word;
   font-size: 18px;
   font-weight: 700;
   line-height: 20px;
   white-space: normal;
   text-align: center;
   font-family: Inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif
}

.download-btn-wrapper .download-btn.ai-blue:hover {
   background: linear-gradient(90deg, #73d3ff, #3e78ff 59.17%, #9861ff 115.22%), linear-gradient(90deg, #45c5ff, #2567ff 59.17%, #894ef8 115.22%), linear-gradient(90deg, #32acf3 -.3%, #3265f3), linear-gradient(107deg, #ff5959 -19.77%, #9069ff 78.71%)
}

.download-btn-wrapper .download-btn.why-wps {
   width: 345px;
   height: 56px;
   justify-content: center;
   align-items: center;
   border-radius: 8px;
   background: #3265f3
}

.download-btn-wrapper .download-btn.why-wps .text {
   font-size: 24px;
   font-weight: 700;
   line-height: 32px;
   color: #fff
}

.download-btn-wrapper .download-btn.ad_whywps .text {
   font-size: 1.3vw
}

.download-btn-wrapper .download-btn.windows:hover {
   background-color: #2f7ff0 !important
}

.download-btn-wrapper .download-btn.only_translate:hover {
   background: #fff !important
}

.download-btn-wrapper .download-btn.only_translate:active {
   transform: translateY(0)
}

.download-btn-wrapper .download-btn.tab_white,
.download-btn-wrapper .download-btn.tab_white_mobile {
   font-size: 14px;
   line-height: 22px;
   font-weight: 600;
   color: rgba(13, 13, 13, .9);
   border: 2px solid rgba(13, 13, 13, .9);
   background-color: #fff;
   border-radius: 8px;
   height: 36px;
   width: 168px;
   padding: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: background-color .3s ease, color .3s ease
}

.download-btn-wrapper .download-btn.tab_white .linux-download-container,
.download-btn-wrapper .download-btn.tab_white_mobile .linux-download-container {
   padding: 0
}

.download-btn-wrapper .download-btn.tab_white:active,
.download-btn-wrapper .download-btn.tab_white:focus,
.download-btn-wrapper .download-btn.tab_white:hover,
.download-btn-wrapper .download-btn.tab_white_mobile:active,
.download-btn-wrapper .download-btn.tab_white_mobile:focus,
.download-btn-wrapper .download-btn.tab_white_mobile:hover {
   background-color: rgba(13, 13, 13, .9);
   color: #fff;
   transform: translateY(0)
}

.download-btn-wrapper .download-btn.tab_white_mobile {
   width: calc(100% - 4px);
   border-radius: 6px
}

.download-btn-wrapper .download-btn.free-card {
   height: 54px;
   line-height: 54px;
   padding: 0 20px;
   font-size: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #0d0d0d;
   background: #fff;
   border: 2px solid #0d0d0d;
   border-radius: 8px;
   width: 100%;
   cursor: pointer;
   box-sizing: border-box;
   transition: all .3s ease
}

.download-btn-wrapper .download-btn.free-card .text {
   font-size: 20px;
   font-weight: 700;
   color: #0d0d0d
}

.download-btn-wrapper .download-btn.free-card:hover {
   background-color: #0d0d0d;
   color: #fff;
   transform: translateY(0)
}

.download-btn-wrapper .download-btn.free-card:hover .text {
   color: #fff
}

.download-btn-wrapper .download-btn.free-card:active {
   background-color: #0d0d0d;
   transform: translateY(0)
}

.download-btn-wrapper .download-btn.word,
.download-btn-wrapper .download-btn.word-banner,
.download-btn-wrapper .download-btn.word-bottom {
   border-radius: 12px;
   background: #1f69e0;
   box-shadow: none;
   padding: 24px 36px;
   height: auto;
   line-height: normal;
   z-index: 1
}

.download-btn-wrapper .download-btn.word-banner .linux-download-container,
.download-btn-wrapper .download-btn.word-bottom .linux-download-container,
.download-btn-wrapper .download-btn.word .linux-download-container {
   padding: 0
}

.download-btn-wrapper .download-btn.word-banner .btn-font-title,
.download-btn-wrapper .download-btn.word-bottom .btn-font-title,
.download-btn-wrapper .download-btn.word .btn-font-title {
   font-size: 20px;
   font-weight: 700;
   line-height: 1.2
}

.download-btn-wrapper .download-btn.word-banner:hover,
.download-btn-wrapper .download-btn.word-bottom:hover,
.download-btn-wrapper .download-btn.word:hover {
   transform: translateY(0);
   background: rgba(31, 105, 224, .8)
}

.download-btn-wrapper .download-btn.word-banner:active,
.download-btn-wrapper .download-btn.word-banner:focus,
.download-btn-wrapper .download-btn.word-bottom:active,
.download-btn-wrapper .download-btn.word-bottom:focus,
.download-btn-wrapper .download-btn.word:active,
.download-btn-wrapper .download-btn.word:focus {
   transform: translateY(0);
   background: #0254d8
}

.download-btn-wrapper .download-btn.ppt,
.download-btn-wrapper .download-btn.ppt-banner,
.download-btn-wrapper .download-btn.ppt-bottom {
   border-radius: 12px;
   background: #e1691c;
   box-shadow: none;
   padding: 24px 36px;
   height: auto;
   line-height: normal;
   z-index: 1
}

.download-btn-wrapper .download-btn.ppt-banner .linux-download-container,
.download-btn-wrapper .download-btn.ppt-bottom .linux-download-container,
.download-btn-wrapper .download-btn.ppt .linux-download-container {
   padding: 0
}

.download-btn-wrapper .download-btn.ppt-banner .btn-font-title,
.download-btn-wrapper .download-btn.ppt-bottom .btn-font-title,
.download-btn-wrapper .download-btn.ppt .btn-font-title {
   font-size: 20px;
   font-weight: 700;
   line-height: 1.2
}

.download-btn-wrapper .download-btn.ppt-banner:hover,
.download-btn-wrapper .download-btn.ppt-bottom:hover,
.download-btn-wrapper .download-btn.ppt:hover {
   transform: translateY(0);
   background: rgba(225, 105, 28, .8)
}

.download-btn-wrapper .download-btn.ppt-banner:active,
.download-btn-wrapper .download-btn.ppt-banner:focus,
.download-btn-wrapper .download-btn.ppt-bottom:active,
.download-btn-wrapper .download-btn.ppt-bottom:focus,
.download-btn-wrapper .download-btn.ppt:active,
.download-btn-wrapper .download-btn.ppt:focus {
   transform: translateY(0);
   background: #e26619
}

.download-btn-wrapper .download-btn.excel,
.download-btn-wrapper .download-btn.excel-banner,
.download-btn-wrapper .download-btn.excel-bottom {
   border-radius: 12px;
   background: #109968;
   box-shadow: none;
   padding: 24px 36px;
   height: auto;
   line-height: normal;
   z-index: 1
}

.download-btn-wrapper .download-btn.excel-banner .linux-download-container,
.download-btn-wrapper .download-btn.excel-bottom .linux-download-container,
.download-btn-wrapper .download-btn.excel .linux-download-container {
   padding: 0
}

.download-btn-wrapper .download-btn.excel-banner .btn-font-title,
.download-btn-wrapper .download-btn.excel-bottom .btn-font-title,
.download-btn-wrapper .download-btn.excel .btn-font-title {
   font-size: 20px;
   font-weight: 700;
   line-height: 1.2
}

.download-btn-wrapper .download-btn.excel-banner:hover,
.download-btn-wrapper .download-btn.excel-bottom:hover,
.download-btn-wrapper .download-btn.excel:hover {
   transform: translateY(0);
   background: rgba(16, 153, 104, .8)
}

.download-btn-wrapper .download-btn.excel-banner:active,
.download-btn-wrapper .download-btn.excel-banner:focus,
.download-btn-wrapper .download-btn.excel-bottom:active,
.download-btn-wrapper .download-btn.excel-bottom:focus,
.download-btn-wrapper .download-btn.excel:active,
.download-btn-wrapper .download-btn.excel:focus {
   transform: translateY(0);
   background: #0e9b69
}

.download-btn-wrapper .download-btn.excel-banner .right-icon,
.download-btn-wrapper .download-btn.excel-bottom .right-icon,
.download-btn-wrapper .download-btn.excel .right-icon {
   filter: brightness(0) invert(1)
}

.download-btn-wrapper .download-btn.excel-banner,
.download-btn-wrapper .download-btn.ppt-banner,
.download-btn-wrapper .download-btn.word-banner {
   padding: 19px 30px;
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)
}

.download-btn-wrapper .download-btn.excel-banner .btn-font-title,
.download-btn-wrapper .download-btn.ppt-banner .btn-font-title,
.download-btn-wrapper .download-btn.word-banner .btn-font-title {
   font-size: 18px;
   line-height: 28px;
   font-weight: 500
}

.download-btn-wrapper .download-btn.excel-bottom,
.download-btn-wrapper .download-btn.ppt-bottom,
.download-btn-wrapper .download-btn.word-bottom {
   padding: 16px 100px
}

.download-btn-wrapper .download-btn.excel-bottom .btn-font-title,
.download-btn-wrapper .download-btn.ppt-bottom .btn-font-title,
.download-btn-wrapper .download-btn.word-bottom .btn-font-title {
   font-size: 24px;
   line-height: 32px;
   font-weight: 700
}

.download-btn-wrapper .download-btn.excel-bottom .right-icon,
.download-btn-wrapper .download-btn.ppt-bottom .right-icon,
.download-btn-wrapper .download-btn.word-bottom .right-icon {
   filter: brightness(0) invert(1)
}

.download-btn-wrapper .download-btn .icon {
   display: inline-block;
   width: 36px;
   height: 36px;
   vertical-align: middle;
   margin-left: 6px
}

.download-btn-wrapper .download-btn .left-icon {
   display: inline-block;
   width: 17px;
   height: 18px;
   vertical-align: middle;
   margin-right: 8px
}

.download-btn-wrapper .download-btn .right-icon {
   display: inline-block;
   width: 24px;
   height: 24px;
   vertical-align: middle;
   margin-left: 6px
}

.download-btn-wrapper .download-btn .platform-icon {
   width: 30px;
   height: 30px;
   margin-right: 2px;
   vertical-align: middle
}

.download-btn-wrapper .download-btn .text {
   vertical-align: middle;
   font-size: 18px
}

.download-btn-wrapper .download-btn .arrow {
   margin-left: 5px;
   vertical-align: middle;
   position: absolute;
   top: 25px;
   right: 14px
}

.download-btn-wrapper .download-btn .linux-download-container {
   position: absolute;
   top: 0;
   padding-top: 63px;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   min-width: 100%;
   z-index: 20
}

.download-btn-wrapper .download-btn .linux-download-container.small {
   padding-top: 50px
}

.download-btn-wrapper .download-btn .linux-download-container.header-small {
   padding-top: 42px
}

.download-btn-wrapper .download-btn .linux-download-container.large {
   padding-top: 74px
}

.download-btn-wrapper .download-btn .linux-download-container.large .download-wrapper .package {
   font-size: 16px
}

.download-btn-wrapper .download-btn .linux-download-container.left {
   left: 0
}

.download-btn-wrapper .download-btn .linux-download-container.center {
   left: 50%;
   transform: translate3d(-50%, 0, 0);
}

.download-btn-wrapper .download-btn .linux-download-container.right {
   right: 0
}

.download-btn-wrapper .download-btn .linux-download-container .download-wrapper {
   border-radius: 6px;
   box-shadow: 0 24px 48px 0 rgba(0, 0, 0, .05);
   background: #fff
}

.download-btn-wrapper .download-btn .linux-download-container .download-wrapper .package {
   padding: 0 20px;
   height: 48px;
   line-height: 48px;
   font-size: 14px;
   color: rgba(0, 0, 0, .7);
   text-align: center
}

.download-btn-wrapper .download-btn .linux-download-container .download-wrapper .package:active,
.download-btn-wrapper .download-btn .linux-download-container .download-wrapper .package:hover {
   color: rgba(0, 0, 0, .4)
}

.download-btn-wrapper .download-btn .linux-download-container .download-wrapper .package:active:before,
.download-btn-wrapper .download-btn .linux-download-container .download-wrapper .package:hover:before {
   opacity: .4
}

.download-btn-wrapper .download-btn .linux-download-container .download-wrapper .package .content {
   display: inline-block;
   text-align: left;
   min-width: 130px
}

.download-btn-wrapper .download-btn .linux-download-container .download-wrapper .package .content:before {
   content: "";
   display: inline-block;
   vertical-align: middle;
   margin-right: 4px;
   width: 24px;
   height: 24px;
   background: url(../images/icon_download.fc0c33c.svg) 50% no-repeat;
   background-size: contain;
   position: relative;
   top: -1px
}

.download-btn-wrapper .googleplay {
   background-image: url(../images/android_white.5d53cee.svg)
}

.download-btn-wrapper .appstore,
.download-btn-wrapper .googleplay {
   position: relative;
   box-sizing: border-box;
   background-size: 86%;
   background-position: 50%;
   background-repeat: no-repeat
}

.download-btn-wrapper .appstore {
   background-image: url(../images/ios_white.ffb23a6.svg)
}

@media screen and (min-width:2560px) {
   .download-btn-wrapper .download-btn.ad_whywps {
      width: 390px !important;
      height: 90px !important;
      line-height: 90px !important
   }

   .download-btn-wrapper .download-btn.ad_whywps .text {
      font-size: 30px
   }
}

@media screen and (max-width:1600px) {
   .download-btn-wrapper .download-btn.large {
      height: 54px;
      line-height: 48px;
      position: relative
   }

   .download-btn-wrapper .download-btn.large .text {
      font-size: 20px;
      font-weight: 700
   }

   .download-btn-wrapper .download-btn.large .arrow {
      top: 20px;
      right: 14px;
      width: 16px
   }
}

@media screen and (max-width:992px) {
   .download-btn-wrapper .download-btn {
      height: 52px;
      line-height: 48px
   }

   .download-btn-wrapper .download-btn .icon {
      width: 24px;
      height: 24px
   }

   .download-btn-wrapper .download-btn .text {
      font-size: 14px
   }

   .download-btn-wrapper .download-btn.free-card {
      height: 54px;
      line-height: 54px
   }

   .download-btn-wrapper .download-btn.free-card .text {
      font-size: 18px;
      font-weight: 600
   }

   .download-btn-wrapper .download-btn.large {
      height: 48px;
      line-height: 40px;
      padding: 0
   }

   .download-btn-wrapper .download-btn.large .text {
      font-size: 16px
   }

   .download-btn-wrapper .download-btn.large .arrow {
      top: 18px;
      width: 12px
   }

   .download-btn-wrapper .download-btn.large-no-bold {
      height: 48px;
      line-height: 40px;
      padding: 0
   }

   .download-btn-wrapper .download-btn.large-no-bold .text {
      font-size: 16px;
      font-weight: 500
   }

   .download-btn-wrapper .download-btn.large-no-bold .arrow {
      top: 18px;
      width: 12px
   }

   .download-btn-wrapper .download-btn.why-wps {
      padding: 0;
      width: 100%;
      height: 48px;
      border-radius: 8px;
      background: #3265f3
   }

   .download-btn-wrapper .download-btn.why-wps .text {
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      color: #fff
   }
}

@media screen and (max-width:768px) {

   .download-btn-wrapper .download-btn.excel-bottom,
   .download-btn-wrapper .download-btn.ppt-bottom,
   .download-btn-wrapper .download-btn.word-bottom {
      padding: 12px 75px
   }

   .download-btn-wrapper .download-btn.excel-bottom .btn-font-title,
   .download-btn-wrapper .download-btn.ppt-bottom .btn-font-title,
   .download-btn-wrapper .download-btn.word-bottom .btn-font-title {
      font-size: 16px;
      line-height: 24px
   }

   .download-btn-wrapper .download-btn.excel-bottom .right-icon,
   .download-btn-wrapper .download-btn.ppt-bottom .right-icon,
   .download-btn-wrapper .download-btn.word-bottom .right-icon {
      filter: brightness(0) invert(1)
   }
}

@media screen and (max-width:920px) {
   .download-btn-wrapper .download-btn.ad_whywps .text {
      font-size: 8px
   }
}

.mobile-menu-container.shadow {
   background: rgba(0, 0, 0, .7)
}

.mobile-menu-container.white .mobile-header .left .menu-icon {
   background-image: url(../images/header_l_nav.a3da0c9.svg)
}

.mobile-menu-container.white .mobile-header .center .m-logo {
   background-image: url(../images/logo_dark.1b9b0bc.svg)
}

.mobile-menu-container.white .mobile-header .center.is-sem-page .m-logo {
   background-image: url(../images/logo_ad_m.417f4ca.svg)
}

.mobile-menu-container.white .mobile-header .center.is-affiliate-pdf .m-logo {
   background-image: url(../images/logo_affiliate_pdf.15c16b0.svg)
}

.mobile-menu-container.white .mobile-header .right .right-icon {
   background-image: url(../images/header_m_profile_white.c89bb4e.svg)
}

.mobile-menu-container.dark .mobile-header .left .menu-icon {
   background-image: url(../images/header_l_nav.a3da0c9.svg)
}

.mobile-menu-container.dark .mobile-header .center .m-logo {
   background-image: url(../images/logo_dark.1b9b0bc.svg)
}

.mobile-menu-container.dark .mobile-header .center.is-sem-page .m-logo {
   background-image: url(../images/logo_ad_m.417f4ca.svg)
}

.mobile-menu-container.dark .mobile-header .center.is-affiliate-pdf .m-logo {
   background-image: url(../images/logo_affiliate_pdf.15c16b0.svg)
}

.mobile-menu-container.dark .mobile-header .right .right-icon {
   background-image: url(../images/header_m_profile.320fb9d.svg)
}

.mobile-menu-container.has-bg .mobile-header .center .m-logo {
   background-image: url(../images/logo_normal.4e969ab.svg)
}

.mobile-menu-container .mobile-header {
   width: 100vw;
   display: flex;
   box-sizing: border-box;
   align-items: center;
   background: #fff
}

.mobile-menu-container .mobile-header.has-bg {
   background: #fff
}

.mobile-menu-container .mobile-header .left {
   flex: 0 0 24px;
   padding-right: 16px
}

.mobile-menu-container .mobile-header .left .menu-icon {
   display: inline-block;
   width: 24px;
   height: 24px;
   vertical-align: middle;
   background-image: url(../images/header_m_nav.3fb56b8.svg);
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: contain;
   cursor: pointer
}

.mobile-menu-container .mobile-header .center {
   flex: 1;
   padding-left: 16px;
   text-align: left
}

.mobile-menu-container .mobile-header .center .m-logo {
   display: inline-block;
   width: 96px;
   height: 24px;
   font-size: 0;
   vertical-align: middle;
   background-image: url(../images/logo_normal.4e969ab.svg);
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: contain
}

.mobile-menu-container .mobile-header .center.is-sem-page .m-logo {
   width: 127px;
   height: 24px
}

.mobile-menu-container .mobile-header .right {
   display: flex;
   justify-content: center;
   flex: 0 0 42px;
   padding-right: 16px;
   text-align: right;
   position: relative
}

.mobile-menu-container .mobile-header .right .right-icon {
   display: inline-block;
   width: 28px;
   height: 28px;
   vertical-align: middle;
   border-radius: 50%;
   background-image: url(../images/header_m_profile.320fb9d.svg);
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: cover
}

.mobile-menu-container .mobile-header .fade-enter-active,
.mobile-menu-container .mobile-header .fade-leave-active {
   transition: opacity .2s ease
}

.mobile-menu-container .mobile-header .fade-enter,
.mobile-menu-container .mobile-header .fade-leave-to {
   opacity: 0
}

.mobile-menu-container .main-menu {
   background: #fff;
   padding-bottom: 140px;
   z-index: 10;
   overflow: scroll;
   height: 100vh;
   width: 100vw;
   font-family: "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif
}

.mobile-menu-container .main-menu .close-wrapper img {
   vertical-align: middle
}

.mobile-menu-container .main-menu .side-bar-header {
   display: flex;
   justify-content: space-between;
   padding: 0 16px
}

.mobile-menu-container .main-menu .side-bar-header .m-logo {
   display: inline-block;
   width: 96px;
   height: 24px;
   font-size: 0;
   vertical-align: middle;
   background-repeat: no-repeat;
   background-size: contain;
   background-image: url(../images/logo_dark.1b9b0bc.svg)
}

.mobile-menu-container .main-menu .side-bar-header.is-sem-page .m-logo {
   width: 127px;
   height: 24px;
   background-image: url(../images/logo_ad_m.417f4ca.svg)
}

.mobile-menu-container .main-menu .btn-wrapper {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 0 16px 28px;
   background: #fff;
   z-index: 10;
   width: auto
}

.mobile-menu-container .main-menu .try-btn {
   height: 44px;
   line-height: 44px;
   border-radius: 8px;
   font-size: 16px;
   width: 100%
}

.mobile-menu-container .main-menu .menu-list {
   background: #fff
}

.mobile-menu-container .main-menu .menu-list::-webkit-scrollbar {
   display: none
}

.mobile-menu-container .main-menu .menu-list::-moz-scrollbar {
   display: none
}

.mobile-menu-container .main-menu .menu-list::-ms-scrollbar {
   display: none
}

.mobile-menu-container .main-menu .menu-list::-o-scrollbar {
   display: none
}

.mobile-menu-container .main-menu .menu-list .menu {
   font-size: 16px;
   font-weight: 700;
   color: #000;
   line-height: 22px;
   padding-left: 16px;
   padding-right: 24px
}

.mobile-menu-container .main-menu .menu-list .menu .isGradientRed {
   background: linear-gradient(180deg, #956aff, #ff2b37);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent
}

.mobile-menu-container .main-menu .menu-list .menu .top-icon {
   width: 8.5px;
   height: 8px;
   position: relative;
   top: -7px
}

.mobile-menu-container .main-menu .menu-list .menu .menu-name {
   position: relative;
   height: 54px;
   line-height: 54px;
   display: block;
   color: #000;
   font-weight: 700;
   border-bottom: 1px solid #ebecee;
   padding: 0 8px;
   box-sizing: border-box
}

.mobile-menu-container .main-menu .menu-list .menu .menu-name .arrow {
   width: 16px;
   height: 16px;
   position: absolute;
   top: 19px;
   right: 0;
   transition: transform .2s ease-in-out
}

.mobile-menu-container .main-menu .menu-list .menu .menu-name .arrow.show {
   transform: rotate(90deg)
}

.mobile-menu-container .main-menu .menu-list .menu .menu-name .right-icon {
   width: 24px;
   height: 24px;
   position: absolute;
   top: 15px;
   right: 0;
   border-radius: 50%;
   background-image: url(../images/header_m_profile.320fb9d.svg);
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: cover
}

.mobile-menu-container .main-menu .menu-list .menu .dropdown-container .dropdown-item .row-menu .menu-item {
   margin-bottom: 50px
}

.mobile-menu-container .main-menu .menu-list .mlist {
   background-color: #fff
}

.mobile-menu-container .main-menu .lang-switch-trigger {
   margin-bottom: 200px;
   padding: 16px 0 16px 20px;
   width: calc(100vw - 85px);
   background: #fff
}

.mobile-menu-container .main-menu .language-btn {
   display: flex;
   align-items: center;
   font-size: 14px;
   font-weight: 500;
   color: rgba(0, 0, 0, .6);
   line-height: 22px;
   box-sizing: border-box;
   position: relative
}

.mobile-menu-container .main-menu .language-btn:active .arrow,
.mobile-menu-container .main-menu .language-btn:active .current-language,
.mobile-menu-container .main-menu .language-btn:active .earth-img,
.mobile-menu-container .main-menu .language-btn:hover .arrow,
.mobile-menu-container .main-menu .language-btn:hover .current-language,
.mobile-menu-container .main-menu .language-btn:hover .earth-img {
   opacity: .6
}

.mobile-menu-container .main-menu .language-btn .earth-img {
   width: 16px;
   height: 16px;
   margin-right: 8px;
   vertical-align: middle
}

.mobile-menu-container .main-menu .language-btn .arrow {
   width: 10px;
   height: 10px;
   vertical-align: middle;
   margin-left: 6px
}

.mobile-menu-container .main-menu .language-btn .lang-switch-wrapper {
   position: absolute;
   bottom: 49px;
   left: 0;
   background: #fff;
   border-radius: 9px;
   border: 1px solid rgba(0, 0, 0, .15)
}

@media screen and (min-width:992px) {
   .mobile-menu-container {
      display: none
   }
}

.ai-page[data-v-1fd509a2] {
   font-family: Inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   min-width: 400px
}

@media screen and (max-width:992px) {
   .ai-page[data-v-1fd509a2] {
      min-width: 360px
   }
}

.top-banner {
   padding-top: 62px;
   margin-bottom: -62px;
   position: relative;
   z-index: 1;
   text-align: center
}

.top-banner .top-banner-content {
   position: relative;
   color: #fff;
   display: flex;
   justify-content: center;
   height: 48px;
   line-height: 48px;
   font-size: 14px;
   padding: 0 20px;
   cursor: pointer
}

.top-banner .alert-link {
   color: #fff;
   cursor: pointer
}

.top-banner .close-icon {
   width: 13px;
   height: 13px;
   position: absolute;
   right: 18px;
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer
}

.top-banner .mobile-txt {
   display: none
}

@media screen and (max-width:992px) {
   .top-banner .top-banner-content {
      white-space: nowrap;
      overflow: hidden
   }

   .top-banner .top-banner-content-txt {
      display: inline-block;
      transition: all .2s ease-in-out;
      transform: translateX(50%);
      -webkit-animation: scroll-392db683 8s linear 2.5s infinite;
      animation: scroll-392db683 8s linear 2.5s infinite
   }

   .top-banner .close-icon {
      display: none
   }

   .top-banner .mobile-txt {
      display: inline-block
   }
}

@-webkit-keyframes scroll-392db683 {
   0% {
      transform: translateX(50%)
   }

   to {
      transform: translateX(-50%)
   }
}

@keyframes scroll-392db683 {
   0% {
      transform: translateX(50%)
   }

   to {
      transform: translateX(-50%)
   }
}

.ai-slogan-container {
   font-family: Inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   margin: 0 auto;
   background: #9b9b9d;
   background: url(../images/background-ai.a75bdbe.png) no-repeat;
   background-size: 100%;
   background-position: top 62px center;
   padding-top: 126px
}

.ai-slogan-container .wps-logo {
   width: 6rem;
   height: 6rem;
   margin: 0 auto
}

.ai-slogan-container .wps-logo img {
   width: 100%
}

.ai-slogan-container .slogan-wrapper {
   width: 100%;
   text-align: center
}

.ai-slogan-container .slogan-wrapper .slogan-title {
   margin-top: .56rem;
   color: #000;
   font-size: 3.75rem;
   font-weight: 700;
   line-height: 4.25rem;
   text-align: center
}

.ai-slogan-container .slogan-wrapper .slogan-desc {
   margin-top: 16px;
   margin-bottom: 64px;
   background: linear-gradient(89.92deg, #000 50.34%, #4831da 80.07%, #0036aa 99.89%);
   -webkit-background-clip: text;
   color: transparent;
   font-size: 28px;
   font-weight: 500;
   line-height: 36px;
   text-align: center
}

.ai-slogan-container .download-btn-box {
   text-align: center;
   max-height: 64px
}

.ai-slogan-container .download-btn-box .download-btn {
   min-width: 370px;
   max-width: 370px;
   padding: 0 0;
}

.ai-slogan-container .install-desc {
   color: rgba(0, 0, 0, .7);
   font-size: 18px;
   font-weight: 500;
   line-height: 26px;
   text-align: center;
   margin: 16px auto 0;
   min-width: 200px
}

.ai-slogan-container .install-desc .text {
   color: rgba(0, 0, 0, .7);
   cursor: pointer
}

.ai-slogan-container .install-desc .text:hover {
   color: rgba(0, 0, 0, .4)
}

.ai-slogan-container .more-option-tip {
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none
}

.ai-slogan-container .more-option-tip .tip-text {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   font-size: 12px;
   font-weight: 400;
   line-height: 26px;
   text-align: left;
   margin: 2px auto 0;
   color: rgba(0, 0, 0, .3);
   cursor: default
}

.ai-slogan-container .more-option-tip .tip-text:hover {
   color: rgba(0, 0, 0, .4)
}

.ai-slogan-container .more-option-tip .pdf-plugin-popup {
   position: absolute;
   max-width: 50%;
   left: 50%;
   transform: translateX(-50%);
   border: 1px solid rgba(13, 13, 13, .1215686275);
   border-radius: 8px;
   background-color: #fff;
   padding: 16px 20px;
   margin-top: 10px;
   z-index: 9999;
   cursor: auto;
   font-size: 12px;
   font-weight: 400;
   line-height: 24px;
   text-align: center;
   color: rgba(0, 0, 0, .6);
   word-break: break-word
}

.ai-slogan-container .honor-box {
   text-align: center;
   margin: 0 auto
}

.ai-slogan-container .honor {
   margin: 20px auto;
   display: inline-flex;
   text-align: center
}

.ai-slogan-container .honor .honor-content {
   display: flex
}

.ai-slogan-container .honor .honor-content .honor-text-box {
   padding: 0 16px;
   margin: 0 20px;
   position: relative
}

.ai-slogan-container .honor .honor-content .honor-text-box:before {
   left: -20px
}

.ai-slogan-container .honor .honor-content .honor-text-box:after,
.ai-slogan-container .honor .honor-content .honor-text-box:before {
   content: "";
   background-image: url(../images/wheat.882a5d6.svg);
   width: 20px;
   height: 50px;
   position: absolute;
   background-size: 100%;
   background-repeat: no-repeat
}

.ai-slogan-container .honor .honor-content .honor-text-box:after {
   top: 0;
   right: -20px;
   transform: rotateY(180deg)
}

.ai-slogan-container .honor .honor-content .honor-title {
   color: rgba(0, 0, 0, .8);
   font-size: 18px;
   font-weight: 700;
   line-height: 26px;
   margin-bottom: 2px
}

.ai-slogan-container .honor .honor-content .honor-desc {
   color: rgba(0, 0, 0, .7);
   font-size: 12px;
   font-weight: 700;
   line-height: 20px
}

.ai-slogan-container .honor .honor-content+.honor-content {
   margin-left: 32px
}

@media screen and (max-width:1366px) {
   .ai-slogan-container {
      background-size: auto
   }

   .ai-slogan-container .slogan-wrapper .slogan-title {
      font-size: 48px;
      line-height: 56px
   }

   .ai-slogan-container .slogan-wrapper .slogan-desc {
      font-size: 24px;
      line-height: 32px
   }
}

@media screen and (max-width:780px) {
   .ai-slogan-container {
      background-position: top 60px center
   }

   .ai-slogan-container .wps-logo {
      width: 5rem;
      height: 5rem
   }

   .ai-slogan-container .container {
      padding: 0 24px
   }

   .ai-slogan-container .container .slogan-wrapper {
      width: 100%
   }

   .ai-slogan-container .container .slogan-wrapper .slogan-title {
      font-size: 26px;
      line-height: 34px
   }

   .ai-slogan-container .container .slogan-wrapper .slogan-desc {
      margin-top: 8px;
      margin-bottom: 32px;
      background: linear-gradient(89.92deg, #000 50.34%, #4831da 80.07%, #0036aa 99.89%);
      -webkit-background-clip: text;
      font-size: 16px;
      line-height: 24px
   }

   .ai-slogan-container .container .download-btn-box {
      max-height: 52px
   }

   .ai-slogan-container .container .download-btn-box .download-btn {
      min-width: 312px
   }

   .ai-slogan-container .container .install-desc {
      font-size: 14px;
      line-height: 22px
   }

   .ai-slogan-container .container .honor-box {
      width: 100%
   }

   .ai-slogan-container .container .honor-box .honor-content .honor-text-box {
      padding: 0;
      margin: 0 20px;
      position: relative
   }

   .ai-slogan-container .container .honor-box .honor-content .honor-title {
      font-size: 12px;
      line-height: 22px
   }

   .ai-slogan-container .container .honor-box .honor-content .honor-desc {
      font-weight: 500
   }

   .ai-slogan-container .container .honor-box .honor-content+.honor-content {
      margin-left: 2px
   }

   .ai-slogan-container .container .honor {
      margin: 32px 0 8px
   }
}

.ai-module {
   font-family: Inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   display: flex;
   min-height: 688px;
   max-width: 1286px;
   margin: 48px auto;
   justify-content: space-between
}

.ai-module .ai-card-content {
   margin-top: 24px
}

.ai-module .ai-card-content .doc-desc {
   width: 100%;
   height: 230px;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 18px;
   font-family: "Noto Serif", Inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: 32px;
   background: linear-gradient(180deg, hsla(0, 0%, 100%, .4) .93%, #fff 26.38%, #fff 35.58%, hsla(0, 0%, 100%, .1) 81.12%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   position: relative
}

.ai-module .ai-card-content .doc-desc .diminishing {
   position: relative;
   -webkit-text-fill-color: #ff4f78;
   text-decoration: line-through;
   text-decoration-thickness: 2px;
   font-weight: 700
}

.ai-module .ai-card-content .doc-desc .diminishing .doc-desc-card {
   position: absolute;
   bottom: -4.2rem;
   left: 0;
   width: 14.31306rem;
   height: 3.375rem;
   background: #fff;
   border-radius: 3rem;
   box-shadow: 0 4.8px 17.69px 0 rgba(142, 93, 255, .3);
   border: 1.6px solid #9069ff;
   display: flex;
   align-items: center;
   -webkit-text-fill-color: #0055dc;
   font-family: Inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 700;
   line-height: 1.5rem
}

.ai-module .ai-card-content .doc-desc .diminishing .doc-desc-card .icon-pointer {
   width: 1.5rem;
   height: 1.5rem;
   margin-right: .62rem;
   margin-left: 1.06rem
}

.ai-module .ai-card-content .doc-desc .diminishing .doc-desc-card .pointer {
   margin: 0 .1rem;
   -webkit-text-fill-color: rgba(101, 136, 192, .46)
}

.ai-module .ai-card-content .doc-desc .minimizing {
   -webkit-text-fill-color: #0059e8;
   font-weight: 700
}

.ai-module .ai-card-content .doc-card-bg {
   margin: auto;
   width: 21.75rem;
   height: 22.25rem
}

.ai-module .ai-doc-module {
   padding: 32px;
   flex: .3;
   border-radius: 24px;
   border-radius: var(--icon-width-s, 24px);
   border: 2px solid hsla(0, 0%, 100%, .2);
   box-shadow: 0 4px 24px 0 rgba(71, 81, 135, .1);
   background: linear-gradient(180deg, rgba(46, 117, 255, .5), rgba(104, 155, 255, .5));
   -webkit-backdrop-filter: blur(50px);
   backdrop-filter: blur(50px)
}

.ai-module .ai-doc-module .title-left {
   color: #0059e8 !important;
   font-weight: 600
}

.ai-module .ai-doc-module .title-mind {
   color: rgba(0, 89, 232, .4);
   font-weight: 600
}

.ai-module .ai-doc-module .title-right {
   font-size: 20px;
   color: rgba(0, 89, 232, .8);
   font-weight: 600
}

.ai-module .ai-card-title {
   display: flex;
   font-size: 1.5rem;
   font-style: normal;
   font-weight: 600;
   line-height: 40px
}

.ai-module .ai-card-title .ai-card-icon {
   margin-right: 16px
}

.ai-module .ai-card-title .title-right {
   font-size: 1.25rem
}

.ai-module .ai-card-title .ai-card-icon {
   width: 2.5rem;
   width: var(--min-width, 2.5rem);
   height: 2.5rem;
   height: var(--min-width, 2.5rem);
   flex-shrink: 0
}

.ai-module .ai-slogan-module {
   flex: .7;
   margin-left: 24px
}

.ai-module .ai-slogan-module .ai-card-title {
   margin-left: 2rem
}

.ai-module .ai-slogan-module .ai-slogan-header {
   height: calc(60% - 24px);
   width: 100%;
   display: flex
}

.ai-module .ai-slogan-module .ai-slogan-header .ai-pdf-module {
   padding-top: 32px;
   flex: .56;
   border-radius: 24px;
   border-radius: var(--icon-width-s, 24px);
   border: 2px solid hsla(0, 0%, 100%, .2);
   background: #ffdfda;
   box-shadow: 0 4px 24px 0 rgba(95, 95, 95, .1);
   -webkit-backdrop-filter: blur(50px);
   backdrop-filter: blur(50px)
}

.ai-module .ai-slogan-module .ai-slogan-header .ai-pdf-module .title-left {
   color: #ce1e29;
   font-weight: 600
}

.ai-module .ai-slogan-module .ai-slogan-header .ai-pdf-module .title-mind {
   color: rgba(206, 30, 41, .4);
   font-weight: 600
}

.ai-module .ai-slogan-module .ai-slogan-header .ai-pdf-module .title-right {
   color: rgba(206, 30, 41, .6);
   font-weight: 600
}

.ai-module .ai-slogan-module .ai-slogan-header .ai-ppt-module {
   padding-top: 32px;
   flex: .44;
   margin-left: 24px;
   border-radius: 24px;
   border-radius: var(--icon-width-s, 24px);
   border: 2px solid hsla(0, 0%, 100%, .2);
   background: #ffd2b2;
   box-shadow: 0 4px 24px 0 rgba(95, 95, 95, .1);
   -webkit-backdrop-filter: blur(50px);
   backdrop-filter: blur(50px)
}

.ai-module .ai-slogan-module .ai-slogan-header .ai-ppt-module .title-left {
   color: #c82912;
   font-weight: 600
}

.ai-module .ai-slogan-module .ai-slogan-header .ai-ppt-module .title-mind {
   color: rgba(200, 41, 18, .4);
   font-weight: 600
}

.ai-module .ai-slogan-module .ai-slogan-header .ai-ppt-module .title-right {
   color: rgba(200, 41, 18, .6);
   font-weight: 600
}

.ai-module .ai-slogan-module .ai-slogan-footer {
   height: 40%;
   width: 100%;
   display: flex;
   margin-top: 24px
}

.ai-module .ai-slogan-module .ai-slogan-footer .ai-xls-module {
   padding-top: 32px;
   flex: .44;
   border-radius: 24px;
   border-radius: var(--icon-width-s, 24px);
   border: 2px solid hsla(0, 0%, 100%, .2);
   background: #ceecdf;
   box-shadow: 0 4px 24px 0 rgba(71, 81, 135, .1);
   -webkit-backdrop-filter: blur(50px);
   backdrop-filter: blur(50px)
}

.ai-module .ai-slogan-module .ai-slogan-footer .ai-xls-module .title-left {
   color: #007d53;
   font-weight: 600
}

.ai-module .ai-slogan-module .ai-slogan-footer .ai-img-module {
   padding-top: 32px;
   flex: .56;
   margin-left: 24px;
   border-radius: 24px;
   border-radius: var(--icon-width-s, 24px);
   border: 2px solid hsla(0, 0%, 100%, .2);
   background: #dbdbff;
   box-shadow: 0 4px 24px 0 rgba(71, 81, 135, .1);
   -webkit-backdrop-filter: blur(50px);
   backdrop-filter: blur(50px)
}

.ai-module .ai-slogan-module .ai-slogan-footer .ai-img-module .title-left {
   color: #6552e2;
   font-weight: 600
}

.ai-module .ai-slogan-module .ai-slogan-footer .ai-img-module .title-mind {
   color: rgba(101, 82, 226, .4);
   font-weight: 600
}

.ai-module .ai-slogan-module .ai-slogan-footer .ai-img-module .title-right {
   color: rgba(101, 82, 226, .8);
   font-weight: 600
}

.carousel-indicator {
   display: none
}

@media screen and (max-width:1366px) {
   .ai-module {
      padding: 0 40px
   }
}

@media screen and (max-width:1024px) {
   .ai-module {
      padding: 0 24px;
      flex-direction: column;
      margin: 0 24px
   }

   .ai-module .ai-doc-module {
      margin: 24px 0
   }

   .ai-module .ai-doc-module .ai-card-content {
      display: flex
   }

   .ai-module .ai-doc-module .ai-card-content .doc-desc {
      width: 460px;
      height: 0%
   }

   .ai-module .ai-doc-module .ai-card-content img {
      height: 100%
   }

   .ai-module .ai-slogan-module {
      margin-left: 0
   }

   .ai-module .ai-slogan-module .ai-img-module,
   .ai-module .ai-slogan-module .ai-pdf-module,
   .ai-module .ai-slogan-module .ai-ppt-module,
   .ai-module .ai-slogan-module .ai-xls-module {
      flex: .5 !important
   }
}

@media screen and (max-width:780px) {
   .ai-module-container {
      display: flex;
      flex-direction: column;
      height: 100%
   }

   .ai-module-container .ai-module {
      padding: 0 24px;
      display: flex;
      flex-direction: row;
      overflow: hidden;
      margin: 0;
      min-height: 22rem
   }

   .ai-module-container .ai-module .ai-doc-module {
      margin: 1.5rem 1.5rem 0 0;
      padding: 1.5rem;
      width: 21.5625rem;
      height: 16rem
   }

   .ai-module-container .ai-module .ai-doc-module .ai-card-content {
      flex-direction: column
   }

   .ai-module-container .ai-module .ai-doc-module .ai-card-content .doc-desc {
      width: 18.5625rem;
      height: 12.875rem;
      font-size: .875rem;
      line-height: 22px
   }

   .ai-module-container .ai-module .ai-doc-module .ai-card-content .doc-desc .diminishing .doc-desc-card {
      width: 11.21209rem;
      height: 2.7rem;
      bottom: -3.2rem;
      border-radius: 1.8rem;
      font-size: .875rem;
      line-height: 1.125rem
   }

   .ai-module-container .ai-module .ai-doc-module .ai-card-content .doc-desc .diminishing .doc-desc-card .icon-pointer {
      width: 1.2rem;
      height: 1.2rem;
      margin-right: .5rem;
      margin-left: .85rem
   }

   .ai-module-container .ai-module .ai-doc-module .ai-card-content .doc-desc .diminishing .doc-desc-card .pointer {
      margin: 0 .15rem
   }

   .ai-module-container .ai-module .ai-doc-module .ai-card-content .doc-card-bg {
      width: 0;
      height: 0
   }

   .ai-module-container .ai-module .ai-doc-module .ai-card-content img {
      margin-left: 0
   }

   .ai-module-container .ai-module .ai-slogan-module {
      margin-left: 0;
      display: flex;
      flex-direction: row
   }

   .ai-module-container .ai-module .ai-slogan-module .ai-slogan-footer,
   .ai-module-container .ai-module .ai-slogan-module .ai-slogan-header {
      display: flex;
      flex-direction: row
   }

   .ai-module-container .ai-module .ai-slogan-module .ai-slogan-footer {
      margin-top: 0
   }

   .ai-module-container .ai-module .ai-slogan-module .ai-img-module,
   .ai-module-container .ai-module .ai-slogan-module .ai-pdf-module,
   .ai-module-container .ai-module .ai-slogan-module .ai-ppt-module,
   .ai-module-container .ai-module .ai-slogan-module .ai-xls-module {
      margin: 1.5rem 1.5rem 0 0;
      width: 21.5625rem;
      height: 17rem
   }

   .ai-module-container .ai-module .ai-card-title {
      font-size: 1.125rem;
      line-height: 1.625rem
   }

   .ai-module-container .ai-module .ai-card-title .title-right {
      font-size: .875rem
   }

   .ai-module-container .ai-module .ai-card-title .ai-card-icon {
      width: 1.5rem;
      height: 1.5rem;
      flex-shrink: 0;
      margin-right: 8px
   }

   .ai-module-container .ai-swiper-slide {
      flex-shrink: 0;
      transition: transform .5s ease-in-out
   }

   .ai-module-container .carousel-indicator {
      display: block;
      list-style-type: none;
      padding: 0;
      text-align: center;
      width: 100%;
      margin-top: 1.5rem
   }

   .ai-module-container .carousel-btn {
      width: 8px;
      height: 8px;
      margin: 4px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, .1);
      display: inline-block;
      cursor: pointer
   }

   .ai-module-container .carousel-btn.active {
      background-color: rgba(0, 0, 0, .2)
   }
}

.organization-container {
   width: 100%;
   background: #f2f3f7
}

.organization-container .org-wrapper .main {
   text-align: center
}

.main {
   margin: 96px auto 48px
}

.main .org-logo-container {
   display: flex;
   justify-content: center;
   flex-wrap: wrap
}

.main .org-logo-container .org-item img {
   max-width: 158px
}

.main .org-logo-container .org-item+.org-item {
   margin-left: 32px
}

@media screen and (max-width:1024px) {
   .main {
      margin: 48px auto
   }

   .main .org-logo-container {
      padding: 24px;
      grid-gap: 32px;
      gap: 32px
   }

   .main .org-logo-container .org-item .org-item img {
      width: 140px;
      height: 90px
   }

   .main .org-logo-container .org-item .org-item+.org-item {
      margin-left: 32px
   }
}

@media screen and (max-width:992px) {
   .main {
      margin: 1.5rem 0
   }

   .main .org-logo-container {
      padding: 1.5rem;
      grid-gap: 8px 16px;
      gap: 8px 16px
   }

   .main .org-logo-container .org-item {
      margin-left: 0 !important
   }

   .main .org-logo-container .org-item img {
      width: 5.3325rem;
      height: 3.375rem
   }
}

.module-container {
   background: linear-gradient(180deg, #f8faff .14%, #fff 99.88%)
}

.module-container .module-wrapper {
   padding: 0px 0 48px;
   color: #000;
   overflow: hidden
}

.module-container .module-wrapper .main .module-title {
   width: 70%;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.title-left {
   display: block !important;
}

.module-container .module-wrapper .main .module-title .title {
   margin-right: 18px;
   font-family: inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   display: flex;
}

.module-container .module-wrapper .main .module-title .controls {
   display: flex
}

.module-container .module-wrapper .main .module-title .controls .control-left,
.module-container .module-wrapper .main .module-title .controls .control-right {
   width: 32px;
   height: 32px;
   cursor: pointer
}

.module-container .module-wrapper .main .module-title .controls .control-left:first-child,
.module-container .module-wrapper .main .module-title .controls .control-right:first-child {
   margin-right: 32px
}

.module-container .module-wrapper .main .module-content-wrapper {
   width: 70%;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   margin: 0 auto;
}

.module-container .module-wrapper .main .module-content-wrapper:hover .carousel-arrow .arrow-btn {
   opacity: 1;
   transition-duration: .5s;
   transform: scale(1);
   transition: transform .5s ease-in, opacity .7s cubic-bezier(.15, 0, .2, 1) .1s
}

.module-container .module-wrapper .main .module-content {
   overflow-x: hidden;
   width: 100%;
   scrollbar-width: none
}

.module-container .module-wrapper .main .module-content::-webkit-scrollbar {
   display: none
}

.module-container .module-wrapper .main .module-content .module-list {
   display: flex;
   width: 100%;
   padding: 60px 0 20px 0;
   justify-content: space-around;
   margin-top: -30px;
}

.module-container .module-wrapper .main .module-content .module-list .module-item {
   text-align: left;
   width: 424.5px;
   transition: all .3s ease;
   border-radius: 24px;
   box-shadow: 0 4px 10px 0 hsla(0, 0%, 69%, .25);
   margin: 0 10px;
}

.module-container .module-wrapper .main .module-content .module-list .module-item .info {
   width: 100%
}

.module-container .module-wrapper .main .module-content .module-list .module-item .info:last-child {
   /* padding-right: 128px */
}

.module-container .module-wrapper .main .module-content .module-list .module-item img {
   width: 100%;
   border-radius: 16px 16px 0 0
}

.module-container .module-wrapper .main .module-content .module-list .module-item .item-content {
   padding: 0 48px;
   min-height: 190px;
   margin-top: 20px;
}

.module-container .module-wrapper .main .module-content .module-list .module-item .item-content .item-title {
   font-size: 28px;
   font-weight: 700;
   line-height: 36px;
   margin-bottom: 16px
}

.module-container .module-wrapper .main .module-content .module-list .module-item .item-content .item-desc {
   color: rgba(0, 0, 0, .7);
   font-size: 18px;
   font-weight: 500;
   line-height: 26px
}

.module-container .module-wrapper .main .carousel-arrow .left {
   left: 128px;
   transform: rotateX(180deg)
}

.module-container .module-wrapper .main .carousel-arrow .right {
   right: 128px
}

.module-container .module-wrapper .main .carousel-arrow .left.disabled,
.module-container .module-wrapper .main .carousel-arrow .right.disabled {
   display: none;
   pointer-events: none
}

.module-container .module-wrapper .main .carousel-arrow .arrow-btn {
   position: absolute;
   top: 45%;
   width: 64px;
   height: 64px;
   cursor: pointer;
   opacity: 0;
   transform: scale(.8);
   transition: transform .5s ease-in, opacity .7s cubic-bezier(.15, 0, .2, 1) .1s
}

.module-container .module-wrapper .main .carousel-arrow .arrow-btn .arrow-left,
.module-container .module-wrapper .main .carousel-arrow .arrow-btn .arrow-right {
   opacity: .8
}

.module-container .module-wrapper .main .carousel-arrow .arrow-btn .arrow-left :active,
.module-container .module-wrapper .main .carousel-arrow .arrow-btn .arrow-left:hover,
.module-container .module-wrapper .main .carousel-arrow .arrow-btn .arrow-right :active,
.module-container .module-wrapper .main .carousel-arrow .arrow-btn .arrow-right:hover {
   opacity: 1
}

.module-container .module-wrapper .main .carousel-indicator {
   display: none
}

@media screen and (max-width:1600px) {
   .module-container .module-wrapper .main .module-title .title {
      font-size: 40px;
      line-height: 48px
   }

   .module-container .module-wrapper .main .module-content .module-list {
      padding: 40px 0 48px
   }

   .module-container .module-wrapper .main .module-title {
      width: 90%;
   }

   .module-container .module-wrapper .main .module-content-wrapper {
      width: 90%;
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item .item-content {
      min-height: auto;
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item {
      width: 30%;
      box-shadow: 0 4px 48px 0 hsla(0, 0%, 69%, .25)
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item img {
      width: 100%
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item .item-content {
      padding: 32px
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item .item-content .item-title {
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 8px
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item .item-content .item-desc {
      font-size: 16px;
      line-height: 24px
   }
}

@media screen and (max-width:1366px) {
   .module-container .module-wrapper .main .module-title .title {
      font-size: 40px;
      line-height: 48px
   }

   .module-container .module-wrapper .main .module-content .module-list {
      padding: 40px 0 48px
   }

   .module-container .module-wrapper .main .module-title {
      width: 90%;
   }

   .module-container .module-wrapper .main .module-content-wrapper {
      width: 90%;
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item .item-content {
      min-height: auto;
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item {
      width: 30%;
      box-shadow: 0 4px 48px 0 hsla(0, 0%, 69%, .25)
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item img {
      width: 100%
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item .item-content {
      padding: 24px
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item .item-content .item-title {
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 8px
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item .item-content .item-desc {
      font-size: 16px;
      line-height: 24px
   }
}

@media screen and (max-width:992px) {
   .module-container .module-wrapper {
      display: none;
      padding: 117px 0
   }

   .module-container .module-wrapper .main .module-title {
      margin: 0 24px
   }

   .module-container .module-wrapper .main .module-title .title {
      font-size: 28px;
      line-height: 36px
   }

   .module-container .module-wrapper .main .module-title .controls {
      display: none
   }

   .module-container .module-wrapper .main .module-content .module-list {
      transform: translateX(24px);
      padding: 48px 0
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item {
      width: 30%;
      margin-right: 24px;
      border-radius: 16px;
      box-shadow: 0 4px 48px 0 hsla(0, 0%, 69%, .25)
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item .info:last-child {
      padding-right: 24px
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item img {
      width: 100%
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item .item-content {
      padding: 24px
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item .item-content .item-title {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 8px
   }

   .module-container .module-wrapper .main .module-content .module-list .module-item .item-content .item-desc {
      font-size: 14px;
      line-height: 22px
   }

   .module-container .module-wrapper .main .carousel-arrow {
      display: none
   }

   .module-container .module-wrapper .main .carousel-indicator {
      display: block;
      list-style-type: none;
      padding: 0;
      text-align: center
   }

   .module-container .module-wrapper .main .carousel-indicator .carousel-btn {
      width: 8px;
      height: 8px;
      margin: 4px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, .1);
      display: inline-block;
      cursor: pointer
   }

   .module-container .module-wrapper .main .carousel-indicator .carousel-btn.active {
      background-color: rgba(0, 0, 0, .2)
   }
}

.features-container {
   background: #f2f3f7
}

.features-container .features-wrapper {
   padding: 128px 0 44px;
   color: #000;
   overflow: hidden
}

.features-container .features-wrapper .main {
   position: relative
}

.features-container .features-wrapper .main .top-container {
   display: flex;
   justify-content: space-between;
   margin: 0 128px
}

.features-container .features-wrapper .main .features-title {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   text-align: left;
   justify-content: space-between
}

.features-container .features-wrapper .main .features-title .index-title {
   display: block;
   margin-bottom: 24px;
   font-size: 48px;
   font-family: inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   line-height: inherit
}

.features-container .features-wrapper .main .features-title .index-desc {
   color: #000;
   font-size: 24px
}

.features-container .features-wrapper .main .feature-content-wrapper {
   width: 100%;
   display: flex;
   position: relative
}

.features-container .features-wrapper .main .feature-content-wrapper:hover .carousel-arrow .arrow-btn {
   opacity: 1;
   transition-duration: .5s;
   transform: scale(1);
   transition: transform .5s ease-in, opacity .7s cubic-bezier(.15, 0, .2, 1) .1s
}

.features-container .features-wrapper .main .feature-content {
   overflow-x: scroll;
   width: 100%;
   scrollbar-width: none
}

.features-container .features-wrapper .main .feature-content::-webkit-scrollbar {
   display: none
}

.features-container .features-wrapper .main .feature-content .feature-list {
   display: flex;
   transform: translateX(128px);
   padding: 84px 0
}

.features-container .features-wrapper .main .feature-content .feature-list .feature-item {
   width: 480px;
   margin-right: 32px;
   transition: all .3s ease;
   border-radius: 24px;
   box-shadow: 0 4px 95px 0 hsla(0, 0%, 69%, .25);
   background-color: #fff
}

.features-container .features-wrapper .main .feature-content .feature-list .feature-item .info {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between
}

.features-container .features-wrapper .main .feature-content .feature-list .feature-item .info:last-child {
   padding-right: 128px
}

.features-container .features-wrapper .main .feature-content .feature-list .feature-item img {
   border-radius: 0 0 24px 24px;
   vertical-align: bottom
}

.features-container .features-wrapper .main .feature-content .feature-list .feature-item .item-content {
   padding: 48px 48px 26px;
   border-radius: 24px 24px 0 0
}

.features-container .features-wrapper .main .feature-content .feature-list .feature-item .item-content .item-title {
   font-size: 28px;
   font-weight: 700;
   line-height: 36px;
   margin-bottom: 16px
}

.features-container .features-wrapper .main .feature-content .feature-list .feature-item .item-content .item-desc {
   font-size: 18px;
   font-weight: 500;
   line-height: 26px;
   color: rgba(0, 0, 0, .7)
}

.features-container .features-wrapper .main .feature-content .feature-list .feature-item.white {
   background: linear-gradient(180deg, #000, #160e08)
}

.features-container .features-wrapper .main .feature-content .feature-list .feature-item.white .item-title {
   color: #fff
}

.features-container .features-wrapper .main .feature-content .feature-list .feature-item.white .item-desc {
   color: hsla(0, 0%, 100%, .7)
}

.features-container .features-wrapper .main .carousel-arrow .left {
   left: 128px;
   transform: rotateX(180deg)
}

.features-container .features-wrapper .main .carousel-arrow .right {
   right: 128px
}

.features-container .features-wrapper .main .carousel-arrow .left.disabled,
.features-container .features-wrapper .main .carousel-arrow .right.disabled {
   display: none;
   pointer-events: none
}

.features-container .features-wrapper .main .carousel-arrow .arrow-btn {
   position: absolute;
   top: 45%;
   width: 64px;
   height: 64px;
   cursor: pointer;
   opacity: 0;
   transform: scale(.8);
   transition: transform .5s ease-in, opacity .7s cubic-bezier(.15, 0, .2, 1) .1s
}

.features-container .features-wrapper .main .carousel-arrow .arrow-btn .arrow-left,
.features-container .features-wrapper .main .carousel-arrow .arrow-btn .arrow-right {
   opacity: .8
}

.features-container .features-wrapper .main .carousel-arrow .arrow-btn .arrow-left :active,
.features-container .features-wrapper .main .carousel-arrow .arrow-btn .arrow-left:hover,
.features-container .features-wrapper .main .carousel-arrow .arrow-btn .arrow-right :active,
.features-container .features-wrapper .main .carousel-arrow .arrow-btn .arrow-right:hover {
   opacity: 1
}

.features-container .features-wrapper .main .controls {
   display: flex;
   margin-top: 5px
}

.features-container .features-wrapper .main .controls .control-left,
.features-container .features-wrapper .main .controls .control-right {
   width: 32px;
   height: 32px;
   cursor: pointer
}

.features-container .features-wrapper .main .controls .control-left {
   margin-right: 32px
}

@media screen and (max-width:1366px) {
   .features-container .features-wrapper .main .features-title .index-title {
      font-size: 40px;
      line-height: 48px;
      margin-bottom: 16px
   }

   .features-container .features-wrapper .main .features-title .index-desc {
      font-size: 24px;
      line-height: 32px
   }

   .features-container .features-wrapper .main .feature-content .feature-list {
      padding: 40px 0 48px
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item {
      width: 388px;
      box-shadow: 0 4px 48px 0 hsla(0, 0%, 69%, .25)
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item .item-content {
      padding: 32px 32px 20px
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item .item-content .item-title {
      font-size: 24px;
      line-height: 32px
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item .item-content .item-desc {
      font-size: 16px;
      line-height: 24px
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item .img-box {
      width: 388px
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item .img-box img {
      width: 100%
   }
}

@media screen and (max-width:1024px) {
   .features-container .features-wrapper .main .controls {
      right: 78px
   }
}

@media screen and (max-width:992px) {
   .features-container .features-wrapper {
      padding: 80px 0 152px
   }

   .features-container .features-wrapper .main .top-container {
      margin: 0
   }

   .features-container .features-wrapper .main .top-container .controls {
      display: none
   }

   .features-container .features-wrapper .main .features-title {
      margin: 0 24px
   }

   .features-container .features-wrapper .main .features-title .index-title {
      font-size: 28px;
      line-height: 36px;
      margin-bottom: 16px
   }

   .features-container .features-wrapper .main .features-title .index-desc {
      font-size: 16px;
      line-height: 24px;
      font-weight: 500
   }

   .features-container .features-wrapper .main .desc {
      margin: 10px auto 20px;
      font-size: 12px;
      line-height: 15px
   }

   .features-container .features-wrapper .main .feature-content .feature-list {
      transform: translateX(24px);
      padding: 48px 0
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item {
      width: 290px;
      margin-right: 24px;
      box-shadow: 0 4px 48px 0 hsla(0, 0%, 69%, .25);
      border-radius: 16px
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item .info:last-child {
      padding-right: 24px
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item .item-content {
      padding: 24px
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item .item-content .item-title {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 8px
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item .item-content .item-desc {
      font-size: 14px;
      line-height: 22px
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item .img-box {
      width: 290px
   }

   .features-container .features-wrapper .main .feature-content .feature-list .feature-item .img-box img {
      width: 100%
   }

   .features-container .features-wrapper .main .carousel-arrow {
      display: none
   }

   .features-container .features-wrapper .main .controls {
      left: 50%;
      top: auto;
      transform: translateX(-24px)
   }

   .features-container .features-wrapper .main .controls .control-left,
   .features-container .features-wrapper .main .controls .control-right,
   .features-container .features-wrapper .main .controls img {
      width: 24px;
      height: 24px
   }

   .features-container .features-wrapper .main .controls .control-left {
      margin-right: 24px
   }
}

.privacy-info-container {
   background: linear-gradient(180deg, #f1f2f6 .14%, #fff 99.88%), #f2f3f7
}

.privacy-info-container .privacy-wrapper {
   padding: 128px 0
}

.privacy-info-container .privacy-wrapper .main {
   text-align: center;
   color: #000
}

.privacy-info-container .privacy-wrapper .main .privacy-title .index-subtitle,
.privacy-info-container .privacy-wrapper .main .privacy-title .index-title {
   font-family: inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif
}

.privacy-info-container .privacy-wrapper .main .privacy-title .subtitle {
   margin-top: 24px;
   padding: 0 10%
}

.privacy-info-container .privacy-wrapper .main .content {
   display: flex;
   justify-content: center;
   margin-top: 4rem
}

.privacy-info-container .privacy-wrapper .main .content .item {
   flex: 1;
   max-width: 348px;
   padding: 40px 32px;
   border-radius: 24px;
   border: 1px solid rgba(13, 13, 13, .12);
   text-align: left;
   box-sizing: border-box
}

.privacy-info-container .privacy-wrapper .main .content .item img {
   width: 32px;
   height: 32px
}

.privacy-info-container .privacy-wrapper .main .content .item .item-title {
   font-size: 28px;
   font-weight: 700;
   line-height: 36px;
   margin: 32px 0 16px
}

.privacy-info-container .privacy-wrapper .main .content .item .item-desc {
   font-size: 18px;
   font-weight: 500;
   line-height: 26px;
   color: rgba(0, 0, 0, .7)
}

.privacy-info-container .privacy-wrapper .main .content .item:not(:last-child) {
   margin-right: 32px
}

@media screen and (max-width:1366px) {
   .subtitle {
      display: none
   }

   .content .item .item-title {
      font-size: 22px;
      line-height: 28px;
      margin: 22px 0 16px
   }

   .content .item .item-desc {
      font-size: 16px;
      line-height: 22px
   }
}

@media screen and (max-width:992px) {
   .privacy-info-container .privacy-wrapper {
      padding: 64px 24px
   }

   .privacy-info-container .privacy-wrapper .main .privacy-title .subtitle {
      margin-bottom: 48px;
      padding: 0
   }

   .privacy-info-container .privacy-wrapper .main .content .item {
      padding: 32px 24px;
      border-radius: 16px
   }

   .privacy-info-container .privacy-wrapper .main .content .item img {
      width: 24px;
      height: 24px
   }

   .privacy-info-container .privacy-wrapper .main .content .item .item-title {
      font-size: 18px;
      line-height: 24px;
      margin: 20px 0 8px
   }

   .privacy-info-container .privacy-wrapper .main .content .item .item-desc {
      font-size: 14px;
      line-height: 22px
   }
}

@media screen and (max-width:768px) {
   .privacy-title {
      text-align: left
   }

   .privacy-title .subtitle {
      display: block
   }

   .content {
      flex-direction: column;
      align-items: center;
      margin-top: 3rem
   }

   .content .item {
      margin-right: 0 !important
   }

   .content .item:not(:last-child) {
      margin-bottom: 24px !important
   }
}

.achievement-container {
   background: linear-gradient(180deg, #f8e3d0, transparent 42%), linear-gradient(0deg, #fff, transparent 45%), linear-gradient(82deg, #c2c6f8 38%, #f6c5c0 62%)
}

.achievement-container .achievement-wrapper {
   padding: 128px 0 102px;
   color: #000;
   text-align: center
}

.achievement-container .title {
   margin-bottom: 24px
}

.achievement-container .index-title {
   font-family: inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif
}

.achievement-container .index-subtitle {
   font-family: Inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   font-size: 24px;
   font-weight: 500;
   line-height: 32px;
   text-align: center
}

.achievement-container .show-box {
   height: 438px;
   display: flex;
   justify-content: center;
   margin: 64px auto
}

.achievement-container .show-box .banner-box {
   width: 728px;
   margin-right: 32px;
   position: relative;
   text-align: left
}

.achievement-container .show-box .banner-box .banner-item {
   display: flex;
   height: 100%;
   flex-direction: column;
   justify-content: flex-end;
   box-sizing: border-box;
   background-size: 100%;
   background-repeat: no-repeat;
   border-radius: 24px
}

.achievement-container .show-box .banner-box .banner-title {
   color: #fff;
   font-size: 24px;
   font-weight: 700;
   line-height: 32px;
   position: absolute;
   bottom: 66px;
   padding: 0 32px
}

.achievement-container .show-box .banner-box .banner-link {
   color: #1e5fc7;
   font-size: 18px;
   font-weight: 500;
   line-height: 26px;
   position: absolute;
   bottom: 32px;
   left: 32px
}

.achievement-container .show-box .banner-box .banner-link:after {
   content: "";
   background: url(../images/arrow-blue.10b328d.svg) no-repeat;
   width: 16px;
   height: 16px;
   position: absolute;
   margin-top: 6px;
   margin-left: 4px
}

.achievement-container .show-box .honor-box {
   flex: 1;
   max-width: 350px;
   border-radius: 24px;
   border: 1px solid #fff;
   background: hsla(0, 0%, 100%, .4);
   display: flex;
   flex-wrap: wrap;
   padding: 26px 21px;
   box-sizing: border-box;
   cursor: default
}

.achievement-container .show-box .honor-box .achievement-item {
   text-align: center;
   flex-basis: 50%
}

.achievement-container .show-box .honor-box .achievement-item .achievement-title {
   margin-top: 16px;
   font-size: 16px;
   font-weight: 700;
   line-height: 24px
}

.achievement-container .show-box .honor-box .achievement-item .achievement-desc {
   font-size: 14px;
   font-weight: 500;
   line-height: 22px;
   color: rgba(0, 0, 0, .7)
}

.achievement-container .quote {
   text-align: center;
   font-size: 28px;
   font-weight: 700;
   line-height: 36px;
   padding: 0 6%
}

.achievement-container .user-box {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 24px;
   text-align: center;
   height: 58px
}

.achievement-container .user-box img {
   margin-right: 16px;
   width: 48px;
   height: 48px
}

.achievement-container .user-box .user-name {
   font-size: 24px;
   font-weight: 700;
   line-height: 26px
}

.achievement-container .user-box .user-desc {
   font-size: 18px;
   font-weight: 500;
   line-height: 32px
}

.swipe-controls .arrow {
   width: 32px;
   height: 32px;
   position: absolute;
   cursor: pointer;
   bottom: 50%
}

.swipe-controls .arrow img {
   fill: hsla(0, 0%, 100%, .4)
}

.swipe-controls .arrow.left {
   left: 32px
}

.swipe-controls .arrow.right {
   right: 32px
}

@media screen and (max-width:1366px) {
   .achievement-container .achievement-wrapper {
      padding: 84px 0 88px
   }

   .achievement-container .show-box {
      margin: 40px auto
   }

   .achievement-container .show-box .banner-box .banner-link,
   .achievement-container .show-box .banner-box .banner-title {
      font-size: 20px;
      line-height: 28px
   }

   .achievement-container .quote {
      font-size: 24px;
      line-height: 28px;
      font-weight: 600
   }
}

@media screen and (max-width:1190px) {
   .achievement-container .show-box {
      flex-direction: column;
      align-items: center;
      height: 100%;
      margin: 48px auto 24px
   }

   .achievement-container .show-box .banner-box {
      margin-right: 0
   }

   .achievement-container .show-box .honor-box {
      max-width: 728px;
      margin: 48px 0;
      padding: 26px 130px
   }

   .achievement-container .show-box .honor-box .achievement-item {
      flex-basis: 33.33%;
      margin: 16px auto
   }
}

@media screen and (max-width:780px) {
   .achievement-container .index-subtitle {
      font-family: Inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      text-align: left
   }

   .achievement-container .achievement-wrapper {
      padding: 64px 0 32px
   }

   .achievement-container .show-box {
      margin: 24px auto
   }

   .achievement-container .show-box .banner-box {
      width: 100%;
      min-width: 345px;
      margin-right: 0;
      margin-bottom: 24px
   }

   .achievement-container .show-box .banner-box .banner-item {
      padding: 0;
      border-radius: 16px
   }

   .achievement-container .show-box .banner-box .banner-link,
   .achievement-container .show-box .banner-box .banner-title {
      font-size: 13px;
      line-height: 22px
   }

   .achievement-container .show-box .banner-box .banner-title {
      bottom: 40px;
      padding: 0 24px
   }

   .achievement-container .show-box .banner-box .banner-link {
      bottom: 12px;
      left: 24px
   }

   .achievement-container .show-box .banner-box .banner-link:after {
      margin-top: 3px;
      margin-left: 0
   }

   .achievement-container .show-box .banner-box .swipe-controls .arrow {
      width: 24px;
      height: 24px
   }

   .achievement-container .show-box .banner-box .swipe-controls .arrow img {
      fill: hsla(0, 0%, 100%, .4)
   }

   .achievement-container .show-box .banner-box .swipe-controls .arrow.left {
      left: 24px
   }

   .achievement-container .show-box .banner-box .swipe-controls .arrow.right {
      right: 24px
   }

   .achievement-container .show-box .honor-box {
      margin: 0;
      border-radius: 16px;
      padding: 24px 16px;
      grid-gap: 16px 8px;
      gap: 16px 8px
   }

   .achievement-container .show-box .honor-box .achievement-item .achievement-title {
      font-size: 14px;
      line-height: 22px
   }

   .achievement-container .show-box .honor-box .achievement-item .achievement-desc {
      font-size: 12px;
      line-height: 20px
   }

   .achievement-container .container {
      padding: 0 6%;
      text-align: left;
      box-sizing: border-box;
      width: 100%
   }

   .achievement-container .quote {
      font-size: 16px;
      line-height: 24px
   }

   .achievement-container .user-box {
      margin-top: 16px
   }

   .achievement-container .user-box .user-desc,
   .achievement-container .user-box .user-name {
      font-size: 14px;
      line-height: 22px
   }

   .achievement-container .user-box img {
      width: 32px;
      height: 32px
   }

   .achievement-container .avatar {
      margin-right: 18px
   }
}

.user-evaluation-wrapper {
   background-color: #fff;
   text-align: center;
   padding: 128px 0
}

.index-title {
   font-family: inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif
}

.evaluation-title {
   padding: 0 128px
}

.evaluation-title .index-subtitle-evaluation {
   font-family: inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   font-size: 24px;
   font-weight: 500;
   line-height: 32px;
   text-align: center
}

.evaluation-desc {
   margin: 1rem auto 0
}

.evaluation-main {
   width: 100%;
   display: flex;
   position: relative
}

.evaluation-main:hover .carousel-arrow .arrow-btn {
   opacity: 1;
   transition-duration: .5s;
   transform: scale(1);
   transition: transform .5s ease-in, opacity .7s cubic-bezier(.15, 0, .2, 1) .1s
}

.carousel-arrow .left {
   left: 128px;
   transform: rotateX(180deg)
}

.carousel-arrow .right {
   right: 128px
}

.carousel-arrow .left.disabled,
.carousel-arrow .right.disabled {
   display: none;
   pointer-events: none
}

.carousel-arrow .arrow-btn {
   position: absolute;
   top: 45%;
   width: 64px;
   height: 64px;
   cursor: pointer;
   opacity: 0;
   transform: scale(.8);
   transition: transform .5s ease-in, opacity .7s cubic-bezier(.15, 0, .2, 1) .1s
}

.carousel-arrow .arrow-btn .arrow-left,
.carousel-arrow .arrow-btn .arrow-right {
   opacity: .8
}

.carousel-arrow .arrow-btn .arrow-left :active,
.carousel-arrow .arrow-btn .arrow-left:hover,
.carousel-arrow .arrow-btn .arrow-right :active,
.carousel-arrow .arrow-btn .arrow-right:hover {
   opacity: 1
}

.evaluation-content-wrapper {
   width: 100%;
   overflow-x: scroll;
   scrollbar-width: none
}

.evaluation-content-wrapper::-webkit-scrollbar {
   display: none
}

.evaluation-list {
   display: flex;
   transform: translateX(128px);
   padding: 48px 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none
}

.evaluation-list .evaluation-item {
   width: 352px;
   border-radius: 24px;
   box-shadow: 0 4px 48px 0 hsla(0, 0%, 69%, .25)
}

.evaluation-list .evaluation-item:not(:last-child) {
   margin-right: 32px
}

.evaluation-list .evaluation-item .info {
   width: 352px;
   height: 100%
}

.evaluation-list .evaluation-item .info:last-child {
   padding-right: 128px
}

.evaluation-list .evaluation-item .evaluation-content {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   text-align: left;
   padding: 32px;
   box-sizing: border-box
}

.evaluation-list .evaluation-item .evaluation-name {
   font-size: 18px;
   font-weight: 500;
   line-height: 26px;
   margin-bottom: 7px
}

.evaluation-list .evaluation-item .user-role {
   font-size: 20px;
   font-weight: 700;
   line-height: 32px
}

.evaluation-list .evaluation-item .user-img {
   display: block;
   width: 48px;
   height: 48px;
   margin-bottom: 32px
}

.evaluation-list .evaluation-item .user-story {
   font-size: 18px;
   font-weight: 500;
   line-height: 26px;
   margin-bottom: 16px
}

.evaluation-controls {
   display: flex;
   justify-content: center
}

.evaluation-controls .control-left,
.evaluation-controls .control-right {
   width: 32px;
   height: 32px;
   cursor: pointer
}

.evaluation-controls .control-left {
   margin-right: 32px
}

@media screen and (max-width:1366px) {
   .user-evaluation-wrapper {
      padding: 84px 0
   }

   .evaluation-list {
      padding: 40px 0;
      transform: translateX(24px)
   }

   .evaluation-list .evaluation-item {
      box-shadow: 0 4px 36px 0 hsla(0, 0%, 69%, .25)
   }

   .evaluation-list .evaluation-item .user-story {
      font-size: 18px;
      line-height: 26px
   }

   .evaluation-list .evaluation-item .user-img {
      margin-bottom: 24px
   }

   .evaluation-list .evaluation-item .evaluation-name {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 0
   }

   .evaluation-list .evaluation-item .user-role {
      font-size: 20px
   }
}

@media screen and (max-width:1024px) {
   .evaluation-title {
      padding: 0 24px
   }

   .user-evaluation-wrapper {
      padding: 85px 0 41px
   }

   .carousel-arrow {
      display: none
   }

   .evaluation-list {
      transform: translateX(24px);
      padding: 48px 0
   }

   .evaluation-list .evaluation-item {
      border-radius: 16px;
      box-shadow: 0 4px 48px 0 hsla(0, 0%, 69%, .25)
   }

   .evaluation-list .evaluation-item .info {
      width: 352px
   }

   .evaluation-list .evaluation-item .info:last-child {
      padding-right: 24px
   }

   .evaluation-list .evaluation-item .evaluation-content {
      width: 352px;
      padding: 44px 32px 20px
   }

   .evaluation-list .evaluation-item .user-img {
      width: 48px;
      height: 48px;
      margin-bottom: 24px
   }

   .evaluation-list .evaluation-item .evaluation-name,
   .evaluation-list .evaluation-item .user-role {
      font-size: 14px;
      line-height: 22px
   }

   .evaluation-list .evaluation-item .evaluation-name {
      margin-bottom: 4px
   }

   .evaluation-list .evaluation-item .user-story {
      font-size: 18px;
      font-weight: 500;
      line-height: 26px;
      text-align: left
   }

   .evaluation-container {
      text-align: center;
      box-sizing: border-box;
      width: 100%
   }

   .evaluation-controls .control-left,
   .evaluation-controls .control-right,
   .evaluation-controls img {
      width: 24px;
      height: 24px
   }

   .evaluation-controls .control-left {
      margin-right: 24px
   }
}

@media screen and (max-width:780px) {
   .evaluation-container .evaluation-title {
      text-align: left
   }

   .evaluation-container .evaluation-title p {
      color: #000;
      color: var(--Text-text-black, #000);
      font-family: Inter;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px
   }

   .evaluation-container .evaluation-title .index-subtitle-evaluation {
      text-align: left
   }
}

.community-wrapper {
   padding: 128px 0;
   text-align: center
}

.community-wrapper .index-title {
   font-family: inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif
}

.community-wrapper .main {
   display: flex;
   justify-content: center;
   margin-top: 64px;
   width: 100%
}

.community-wrapper .main .not-first-community-item {
   display: flex
}

.community-wrapper .main .community-item {
   overflow: auto;
   cursor: default
}

.community-wrapper .main .community-item:not(:last-child) {
   margin-right: 32px
}

.community-wrapper .main .community-item .left-item-box {
   display: flex
}

.community-wrapper .main .community-item .more-icon {
   margin-left: auto
}

.community-wrapper .main .community-item .img-theme,
.community-wrapper .main .community-item .link-theme {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   border-radius: 24px;
   text-align: left;
   box-sizing: border-box
}

.community-wrapper .main .community-item .img-theme .image-theme-title,
.community-wrapper .main .community-item .link-theme .image-theme-title {
   display: flex;
   line-height: 36px
}

.community-wrapper .main .community-item .img-theme .image-theme-title .ai-icon,
.community-wrapper .main .community-item .link-theme .image-theme-title .ai-icon {
   margin-right: 8px
}

.community-wrapper .main .community-item .img-theme {
   padding: 32px 32px 18px
}

.community-wrapper .main .community-item .item-name {
   font-size: 28px;
   font-weight: 700;
   line-height: 36px
}

.community-wrapper .main .community-item .item-desc {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   margin-top: 1rem;
   color: rgba(0, 0, 0, .7)
}

.community-wrapper .main .community-item .img-theme {
   color: #fff;
   background-size: cover;
   background-position: 50%;
   background-repeat: no-repeat
}

.community-wrapper .main .community-item .img-theme .learn-more {
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 16px;
   line-height: 24px;
   padding: 18px;
   cursor: pointer;
   color: #fff
}

.community-wrapper .main .community-item .img-theme .learn-more .more-icon {
   width: 16px;
   height: 16px
}

.community-wrapper .main .community-item .whatsnew {
   width: 528px;
   background-image: url(../images/ai-what-is-new-in-wps-office.aba634a.png)
}

.community-wrapper .main .community-item .whatsnew .bottom-items:not(:last-child) {
   border-bottom: 1px solid hsla(0, 0%, 100%, .12)
}

.community-wrapper .main .community-item .whatsnew .bottom-items .left-item-box p {
   color: #fff
}

.community-wrapper .main .community-item .academy {
   width: 260px;
   background-image: url(../images/wps-academy.0bad756.png)
}

.community-wrapper .main .community-item .link-theme {
   width: 260px;
   padding: 32px 32px 18px;
   border: 1px solid rgba(13, 13, 13, .12);
   background: hsla(0, 0%, 100%, .2)
}

.community-wrapper .main .community-item .bottom-items {
   display: flex;
   position: relative;
   padding: 18px 0;
   cursor: pointer
}

.community-wrapper .main .community-item .bottom-items .item-tips {
   display: flex
}

.community-wrapper .main .community-item .bottom-items p {
   color: #000;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px
}

.community-wrapper .main .community-item .bottom-items img {
   margin-right: 12px
}

.community-wrapper .main .community-item .bottom-items:not(:last-child) {
   border-bottom: 1px solid rgba(13, 13, 13, .12)
}

@media screen and (max-width:1366px) {
   .community-wrapper {
      padding: 84px 0
   }

   .community-wrapper .main .community-item .item-name {
      font-size: 24px;
      line-height: 32px
   }

   .community-wrapper .main .community-item .item-desc {
      line-height: 24px
   }

   .community-wrapper .main .community-item .bottom-items {
      padding: 18px 0
   }

   .community-wrapper .main .community-item .bottom-items p {
      font-size: 16px;
      line-height: 22px
   }

   .community-wrapper .main .community-item .bottom-items:after {
      top: 20px
   }
}

@media screen and (max-width:1260px) {
   .community-wrapper {
      padding: 64px 24px 40px;
      text-align: left
   }

   .community-wrapper .main {
      flex-direction: column;
      margin-top: 64px
   }

   .community-wrapper .main .community-item {
      width: 100%;
      margin-right: 0;
      margin-bottom: 24px;
      height: 432px
   }

   .community-wrapper .main .community-item .img-theme,
   .community-wrapper .main .community-item .link-theme {
      width: 100%;
      border-radius: 16px;
      padding: 24px
   }

   .community-wrapper .main .community-item .item-name {
      font-size: 18px;
      line-height: 26px
   }

   .community-wrapper .main .community-item .item-desc {
      line-height: 22px
   }

   .community-wrapper .main .community-item .img-theme .learn-more {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
      line-height: 24px;
      padding-bottom: 24px;
      cursor: pointer
   }

   .community-wrapper .main .community-item .img-theme .learn-more img {
      width: 24px;
      height: 24px
   }

   .community-wrapper .main .community-item .whatsnew {
      background-image: url(../images/ai-what-is-new-in-wps-office-m.81ac730.png)
   }

   .community-wrapper .main .community-item .academy {
      background-image: url(../images/wps-academy-m.e91ea52.png)
   }

   .community-wrapper .main .community-item .img-theme,
   .community-wrapper .main .community-item .link-theme {
      padding-bottom: 0
   }

   .community-wrapper .main .community-item .bottom-items {
      padding: 16px 0
   }

   .community-wrapper .main .community-item .bottom-items p {
      font-size: 14px;
      line-height: 22px
   }

   .community-wrapper .main .community-item .bottom-items:after {
      top: 20px
   }

   .container {
      text-align: center;
      box-sizing: border-box;
      width: 100%
   }
}

@media screen and (max-width:780px) {
   .community-wrapper .main {
      margin-top: 48px
   }

   .community-wrapper .main .community-item {
      height: 372px
   }

   .community-wrapper .main .community-item .item-desc {
      font-size: 14px;
      margin-top: .25rem
   }

   .community-wrapper .main .not-first-community-item {
      flex-direction: column
   }

   .community-wrapper .main .not-first-community-item .community-item {
      height: 226px
   }

   .community-wrapper .main .not-first-community-item .community-item:last-of-type {
      height: auto;
      overflow: hidden
   }

   .index-title {
      text-align: left
   }
}

.footer_download-wrapper {
   padding: 64px 0 96px;
   text-align: center;
   background: url(../images/footer_download_bg.ff3ac1a.png) no-repeat;
   background-size: cover;
   background-position: 50%
}

.index-title {
   font-family: inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif
}

.img-box .logo {
   width: 64px;
   height: 64px
}

.title {
   margin: 32px auto;
   line-height: 60px;
   background: linear-gradient(90deg, #000, #3661d8);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent
}

.download-btn {
   width: 360px
}

@media screen and (max-width:992px) {
   .footer_download-wrapper {
      padding: 72px 0 64px
   }

   .img-box .logo {
      width: 48px;
      height: 48px
   }

   .title {
      width: 90%;
      font-size: 20px;
      line-height: 36px;
      margin: 10px auto
   }

   .download-btn {
      width: 253px;
      margin: 10px auto;
   }
}

.side-menu-wrapper {
   position: fixed;
   z-index: 190;
   right: 30px
}

.side-menu-wrapper .munu-item {
   display: flex;
   align-items: center;
   cursor: pointer;
   margin: 13px 0;
   justify-content: flex-end;
   color: #fff
}

.side-menu-wrapper .munu-item:hover .desc {
   display: block
}

.side-menu-wrapper .munu-item .desc {
   display: none;
   height: 29px;
   padding: 0 11px;
   box-sizing: border-box;
   background: #333;
   position: relative;
   margin-right: 12px;
   border-radius: 3px;
   line-height: 29px;
   font-size: 12px
}

.side-menu-wrapper .munu-item .desc:hover {
   display: none
}

.side-menu-wrapper .munu-item .desc:after {
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border: 6px solid transparent;
   border-left-color: #333;
   top: 50%;
   right: -12px;
   transform: translateY(-50%)
}

.side-menu-wrapper .munu-item .package {
   position: absolute;
   height: 82px;
   right: 42px;
   top: -24px;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   padding: 0 11px;
   box-sizing: border-box;
   background: #333;
   margin-right: 12px;
   border-radius: 3px;
   line-height: 29px;
   font-size: 12px
}

.side-menu-wrapper .munu-item .package:after {
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border: 6px solid transparent;
   border-left-color: #333;
   top: 50%;
   right: -12px;
   transform: translateY(-50%)
}

.side-menu-wrapper .munu-item .package .package-item {
   display: flex;
   height: 42px;
   align-items: center;
   border-bottom: 1px solid hsla(0, 0%, 100%, .15)
}

.side-menu-wrapper .munu-item .package .package-item:active,
.side-menu-wrapper .munu-item .package .package-item:last-child {
   border-bottom: none
}

.side-menu-wrapper .icon-box {
   width: 42px;
   height: 42px;
   background: #fff;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
   position: relative;
   border-radius: 50%
}

.side-menu-wrapper .icon-box .icon {
   width: 25px;
   height: 25px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%)
}

.side-menu-wrapper .icon-box .package {
   position: absolute;
   height: 82px;
   right: 42px;
   top: -24px;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content
}

.side-menu-wrapper .icon-box .package .package-item {
   display: flex;
   height: 42px;
   align-items: center;
   border-bottom: 1px solid hsla(0, 0%, 100%, .15)
}

.side-menu-wrapper .icon-box .package .package-item:active,
.side-menu-wrapper .icon-box .package .package-item:last-child {
   border-bottom: none
}

@media screen and (max-width:992px) {
   .side-menu-wrapper {
      visibility: hidden
   }
}

.float-download-a {
   position: fixed;
   bottom: 0;
   left: 50%;
   z-index: 8;
   transform: scale(0) translateX(-50%);
   transform-origin: left bottom;
   transition: all .4s linear
}

.float-download-a .download-container {
   position: relative;
   width: 620px;
   height: 72px;
   padding: 12px 32px 0
}

.float-download-a .download-container .bg-layer {
   position: absolute;
   width: 64px;
   height: 64px;
   top: 0;
   left: 50%;
   transform-style: preserve-3d;
   transform: translateX(-50%)
}

.float-download-a .download-container .bg-layer:after {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 16px;
   background: linear-gradient(136deg, rgba(230, 232, 255, .8) 15.59%, rgba(195, 219, 255, .4) 89.56%);
   box-shadow: inset 0 0 6px 0 hsla(0, 0%, 100%, .1019607843);
   z-index: 1;
   -webkit-backdrop-filter: blur(7.5px);
   backdrop-filter: blur(7.5px)
}

.float-download-a .download-container .download-content {
   position: relative;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: space-between
}

.float-download-a .download-container .download-content .content-logo {
   opacity: 0;
   transition: all .4s linear .7s
}

.float-download-a .download-container .download-content .change-item {
   display: flex;
   align-items: center
}

.float-download-a .download-container .download-content .content-text {
   opacity: 0;
   width: 0;
   overflow: hidden;
   color: #000;
   font-size: 19px;
   line-height: 24px;
   font-weight: 500;
   font-family: Inter, "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   margin-left: 20px;
   transition: all .4s linear .7s
}

.float-download-a .download-container .download-content .content-button {
   margin-left: 20px;
   opacity: 0;
   transition: all .4s linear .7s
}

.float-download-a .download-container .download-content .content-button a {
   width: 160px;
   height: 48px;
   background-size: 100% 96px;
   transition: all .15s linear;
   background: rgba(246, 44, 81, .8) linear-gradient(90deg, #45c5ff, #2567ff 59.17%, #894ef8 115.22%) linear-gradient(90deg, #32acf3 -.3%, #3265f3) linear-gradient(107deg, #ff5959 -19.77%, #9069ff 78.71%) no-repeat 0 -48px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   line-height: 1;
   font-weight: 700;
   color: #fff;
   border-radius: 8px;
   text-decoration: none;
   border: none
}

.float-download-a .download-container .download-content .content-button a:hover {
   background: linear-gradient(90deg, #73d3ff, #3e78ff 59.17%, #9861ff 115.22%) linear-gradient(90deg, #45c5ff, #2567ff 59.17%, #894ef8 115.22%) linear-gradient(90deg, #32acf3 -.3%, #3265f3) linear-gradient(107deg, #ff5959 -19.77%, #9069ff 78.71%) 0 48px
}

.float-download-a .download-container .download-content .close-download {
   opacity: 0;
   width: 12px;
   height: 12px;
   background-image: url(../images/icon_close.d593af5.svg);
   background-size: 100% auto;
   background-repeat: no-repeat;
   background-position: 50%;
   position: absolute;
   top: -5px;
   right: -18px;
   transform: translateX(100%);
   cursor: pointer;
   transition: all .3s linear .7s
}

.float-download-a.show {
   bottom: 0;
   transform: scale(1) translateX(-50%);
   transition: all .4s linear
}

.float-download-a.show .download-container .bg-layer {
   width: 700px;
   height: 72px;
   transition: all .4s linear .3s
}

.float-download-a.show .download-container .content-logo {
   opacity: 1
}

.float-download-a.show .download-container .content-text {
   opacity: 1;
   width: 361px
}

.float-download-a.show .download-container .close-download,
.float-download-a.show .download-container .content-button {
   opacity: 1
}

.float-download-a.leave {
   transform: scale(0) translateX(-50%);
   transition: transform .4s linear .7s
}

.float-download-a.leave .download-container .close-download,
.float-download-a.leave .download-container .content-button,
.float-download-a.leave .download-container .content-logo,
.float-download-a.leave .download-container .content-text {
   opacity: 0;
   transition: opacity .3s linear
}

.float-download-a.leave .download-container .bg-layer {
   width: 64px;
   height: 64px;
   transition: all .4s linear .3s
}

@media(max-width:768px) {
   .float-download-a {
      display: none
   }
}

.activity-container {
   position: fixed;
   right: 30px;
   bottom: 104px;
   z-index: 200;
   cursor: pointer
}

.activity-container .activity {
   display: inline-block;
   width: 360px;
   height: 180px;
   border-radius: 6px;
   overflow: hidden
}

.activity-container .activity .img {
   width: 100%;
   height: auto;
   vertical-align: bottom
}

.activity-container .activity .img.img-pc {
   display: inline-block
}

.activity-container .activity .img.img-mobile {
   display: none
}

.activity-container .activity .close {
   position: absolute;
   right: 16px;
   top: 16px;
   width: 24px;
   height: 24px;
   background: rgba(0, 0, 0, .3);
   border-radius: 3px;
   text-align: center;
   line-height: 24px;
   cursor: pointer
}

.activity-container .activity .close:hover {
   background: rgba(0, 0, 0, .5)
}

.activity-container .activity .close:active {
   background: rgba(0, 0, 0, .7)
}

.activity-container .icon-wrapper {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 42px;
   height: 42px;
   line-height: 42px;
   background: #fff;
   text-align: center;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
   border-radius: 50%;
   z-index: -1
}

.activity-container .icon-wrapper:hover .hover-text {
   display: block
}

.activity-container .icon-wrapper .icon {
   width: 25px;
   height: 25px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%)
}

.activity-container .icon-wrapper .hover-text {
   display: none;
   position: absolute;
   top: 50%;
   right: 52px;
   transform: translate3d(0, -50%, 0);
   color: #fff;
   white-space: nowrap;
   height: 29px;
   padding: 0 11px;
   box-sizing: border-box;
   background: #333;
   border-radius: 3px;
   line-height: 29px;
   font-size: 12px
}

.activity-container .icon-wrapper .hover-text:after {
   position: absolute;
   top: 50%;
   right: -8px;
   display: table;
   content: "";
   width: 0;
   height: 0;
   border: 4px solid transparent;
   border-left-color: #333;
   transform: translate3d(0, -50%, 0)
}

@media screen and (min-width:540px)and (max-width:992px) {
   .activity-container .icon-wrapper {
      display: none
   }
}

@media screen and (max-width:540px) {
   .activity-container {
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 100
   }

   .activity-container .activity {
      width: 100%;
      height: auto;
      border-radius: 0;
      position: absolute;
      bottom: 0
   }

   .activity-container .activity .img.img-pc {
      display: none
   }

   .activity-container .activity .img.img-mobile {
      display: inline-block
   }

   .activity-container .activity .close {
      right: 6px;
      top: 6px
   }

   .activity-container .icon-wrapper {
      display: none
   }
}

.move-enter-active,
.move-leave-active {
   transition: all .3s
}

.move-enter,
.move-leave-to {
   opacity: 0;
   transform: scale(0);
   transform-origin: bottom right
}

.footer-wrapper {
   min-width: 300px;
   padding: 54px 0 70px
}

.footer-wrapper.gdprShow {
   padding-bottom: 172px
}

.footer-nav-row {
   display: flex;
   justify-content: space-between;
   position: relative;
   width: 1200px;
   margin: 0 auto
}

.logo-wrapper {
   box-sizing: border-box;
   flex: 0 0 332px
}

.footer-nav-group {
   flex: 1
}

.text {
   font-size: 13px;
   color: rgba(0, 0, 0, .8);
   margin-bottom: 12px
}

.logo-info {
   font-size: 12px;
   color: rgba(0, 0, 0, .6);
   line-height: 18px
}

.address {
   margin-bottom: 10px
}

.footer-heading-4 {
   padding-left: 12px;
   font-size: 14px;
   color: rgba(0, 0, 0, .7);
   margin-bottom: 12px
}

.footer-heading-4 h4 {
   font-weight: 700
}

.footer-link-box {
   padding: 12px;
   border-radius: 3px;
   cursor: pointer;
   border-bottom: 1px solid transparent
}

.footer-link-box:active,
.footer-link-box:hover {
   background: rgba(64, 72, 115, .05)
}

.footer-link-box:active .footer-link,
.footer-link-box:hover .footer-link {
   color: rgba(0, 0, 0, .8)
}

.footer-link-box .footer-link {
   font-size: 13px;
   font-weight: 500;
   color: rgba(0, 0, 0, .6)
}

.footer-link-box .mobile-icon-arrow {
   display: none
}

.logo-img {
   width: 91px;
   height: 24px;
   margin-bottom: 16px
}

.footer-media {
   padding-left: 12px;
   margin-top: 22px
}

.footer-media .media-img {
   width: 36px;
   height: 36px;
   cursor: pointer
}

.footer-media .media-img:active,
.footer-media .media-img:hover {
   opacity: .8
}

.footer-media .media-img:nth-child(2) {
   margin: 0 20px
}

.language-box {
   width: 1200px;
   margin: 0 auto;
   padding: 0
}

.language-btn {
   display: inline-block;
   background: rgba(0, 0, 0, .1);
   border-radius: 8px;
   font-size: 14px;
   color: rgba(0, 0, 0, .6);
   line-height: 19px;
   padding: 9px 12px;
   box-sizing: border-box;
   position: relative;
   cursor: pointer
}

.language-btn:active .arrow,
.language-btn:active .current-language,
.language-btn:active .earth-img,
.language-btn:hover .arrow,
.language-btn:hover .current-language,
.language-btn:hover .earth-img {
   opacity: .6
}

.language-btn .earth-img {
   width: 16px;
   height: 16px;
   margin-right: 8px;
   vertical-align: middle
}

.language-btn .arrow {
   width: 8px;
   height: 5px;
   vertical-align: middle
}

.language-btn .arrow.rotate {
   transform: rotateX(-180deg);
   transition: transform .3s ease-in-out
}

.language-btn .lang-switch-wrapper {
   position: absolute;
   bottom: 49px;
   left: 0;
   background: #fff;
   border-radius: 9px;
   border: 1px solid rgba(0, 0, 0, .15)
}

.desc {
   font-size: 18px;
   color: rgba(0, 0, 0, .3);
   line-height: 17px;
   margin-top: 21px;
   text-align: center;
}

.font-text {
   font-family: "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif;
   font-weight: 600
}

@media screen and (min-width:992px)and (max-width:1200px) {
   .footer-nav-row {
      width: 992px
   }

   .language-box {
      box-sizing: border-box;
      width: 992px;
      padding: 37px 20px 0
   }
}

@media screen and (max-width:992px) {
   .logo-wrapper {
      width: 100%;
      padding: 16px 20px
   }

   .footer-link-wrapper {
      padding-left: 18px;
      background: #fff
   }

   .footer-link-wrapper.hideList {
      display: none
   }

   .footer-wrapper.gdprShow {
      padding-bottom: 302px
   }

   .footer-nav-row {
      width: 100%;
      display: block;
      position: relative
   }

   .logo-info {
      font-size: 13px;
      line-height: 18px
   }

   .footer-heading-4 {
      padding-left: 0;
      height: 54px;
      line-height: 54px;
      margin-bottom: 0;
      border-bottom: 1px solid rgba(0, 0, 0, .1)
   }

   .footer-heading-4.follow-us {
      border-bottom: 1px solid transparent
   }

   .footer-media {
      padding-left: 0;
      margin-top: 0
   }

   .footer-media .media-img:nth-child(2) {
      margin: 0 20px
   }

   .footer-link-box {
      padding: 14px 0;
      border-bottom: 1px solid rgba(0, 0, 0, .1)
   }

   .footer-link-box:last-child {
      border-bottom: 1px solid transparent
   }

   .footer-link-box .footer-link {
      font-size: 14px;
      color: rgba(0, 0, 0, .8)
   }

   .footer-link-box .mobile-icon-arrow {
      display: inline-block;
      float: right;
      position: relative;
      top: 2px
   }

   .logo-img {
      margin-bottom: 23px
   }

   .language-box {
      padding: 0px 20px 0
   }

   .footer-nav-group,
   .language-box {
      box-sizing: border-box;
      width: 100%
   }

   .footer-nav-group {
      padding: 0 20px;
      position: relative
   }

   .menu-box {
      display: flex;
      justify-content: space-between;
      align-items: center
   }

   .menu-box .arrow {
      width: 14px;
      height: 14px;
      background-image: url(../images/arrow-new.f166786.svg);
      background-size: 100%;
      background-repeat: no-repeat;
      transform: rotate(180deg)
   }

   .menu-box .arrow.active {
      transform: none
   }
}

.gdpr-wrapper {
   width: 100%;
   padding: 16px 0;
   box-sizing: border-box;
   position: fixed;
   left: 0;
   bottom: 0;
   z-index: 202;
   display: flex;
   justify-content: center;
   background: hsla(0, 0%, 100%, .8);
   box-shadow: 0 -12px 64px 0 rgba(154, 171, 233, .16);
   -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px)
}

.gdpr-wrapper .content-wrapper {
   position: relative;
   width: 90%;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   align-items: center
}

.gdpr-wrapper .content-wrapper .info {
   flex: 1;
   font-size: 14px;
   color: #000;
   line-height: 21px;
   margin-right: 30px;
   font-weight: 400
}

.gdpr-wrapper .content-wrapper .info .underline {
   font-weight: 600;
   cursor: pointer;
   text-decoration: underline
}

.gdpr-wrapper .content-wrapper .btn-bottom {
   flex: 0 0 150px;
   padding: 0 16px;
   height: 38px;
   line-height: 38px;
   box-sizing: border-box;
   font-size: 14px;
   color: #fff;
   background: #333;
   border-radius: 8px;
   cursor: pointer;
   margin-right: 12px;
   font-family: "Noto Sans", "Segoe UI", Avenir, Helvetica, Arial, sans-serif
}

.gdpr-wrapper .content-wrapper .refuse {
   display: flex;
   flex: 0 0 240px;
   align-items: center;
   justify-content: center;
   height: 38px;
   box-sizing: border-box;
   font-size: 14px;
   font-weight: 500;
   color: #000;
   cursor: pointer;
   margin-top: 0;
   text-align: center;
   border-radius: 8px;
   border: 1px solid #333
}

.gdpr-wrapper .modal-title {
   height: 60px;
   line-height: 60px;
   font-size: 18px;
   color: rgba(0, 0, 0, .8);
   border-bottom: 1px solid rgba(0, 0, 0, .05);
   padding-left: 28px
}

.gdpr-wrapper .content {
   width: 560px;
   box-sizing: border-box;
   padding: 0 28px 10px
}

.gdpr-wrapper .content .item {
   border-bottom: 1px solid rgba(0, 0, 0, .05);
   padding: 16px 0 22px
}

.gdpr-wrapper .content .item:last-child {
   border-bottom: none
}

.gdpr-wrapper .content .item .item-title {
   margin-bottom: 10px
}

.gdpr-wrapper .content .item .item-title .cookie-item {
   font-size: 14px;
   color: rgba(0, 0, 0, .8)
}

.gdpr-wrapper .content .item .item-title .right-text {
   font-size: 12px;
   color: rgba(0, 0, 0, .8);
   float: right
}

.gdpr-wrapper .content .item .item-title .right-icon {
   float: right;
   width: 32px;
   height: 16px;
   border-radius: 100px;
   cursor: pointer
}

.gdpr-wrapper .content .item .item-title .right-icon.on {
   background: #333231;
   text-align: right
}

.gdpr-wrapper .content .item .item-title .right-icon.off {
   background: rgba(0, 0, 0, .15);
   text-align: left
}

.gdpr-wrapper .content .item .item-title .right-icon .dot {
   display: inline-block;
   width: 12px;
   height: 12px;
   background: #fff;
   border-radius: 50%
}

.gdpr-wrapper .content .item .item-desc {
   font-size: 12px;
   font-weight: 400;
   color: rgba(0, 0, 0, .6);
   line-height: 17px
}

.gdpr-wrapper .button-group {
   text-align: right;
   border-top: 1px solid rgba(0, 0, 0, .05);
   padding: 18px 0
}

.gdpr-wrapper .button-group .button {
   height: 42px;
   line-height: 42px;
   border-radius: 6px;
   margin-left: 16px;
   padding: 0 24px;
   cursor: pointer
}

.gdpr-wrapper .button-group .button.black {
   background: #333231;
   color: #fff
}

.gdpr-wrapper .button-group .button.white {
   color: #333231;
   background: #fff;
   border: 1px solid rgba(0, 0, 0, .1);
   margin-right: 42px
}

@media screen and (max-width:992px) {
   .gdpr-wrapper {
      padding: 16px;
      flex-direction: column;
      border-radius: 16px 16px 0 0;
      text-align: left
   }

   .gdpr-wrapper .content-wrapper {
      width: 90%;
      display: block
   }

   .gdpr-wrapper .content-wrapper .info {
      flex: none;
      font-size: 12px;
      line-height: 22px;
      width: 100%;
      margin: 0 auto;
      font-weight: 500;
      max-width: 992px
   }

   .gdpr-wrapper .content-wrapper .btn-bottom {
      flex: none;
      width: 100%;
      text-align: center;
      display: inline-block;
      margin-top: 16px;
      height: 44px;
      line-height: 44px;
      font-weight: 700
   }

   .gdpr-wrapper .content-wrapper .refuse {
      display: inline-block;
      flex: none;
      width: 100%;
      margin-left: 0;
      margin-top: 16px;
      height: 22px;
      line-height: 22px;
      border: 0
   }

   .gdpr-wrapper .cookie-content-wrapper {
      width: 98vw;
      height: 80vh
   }

   .gdpr-wrapper .cookie-content-wrapper .content {
      width: 100vw;
      height: calc(100vh - 380px);
      overflow: scroll
   }

   .gdpr-wrapper .cookie-content-wrapper .button-group {
      padding: 0 28px;
      box-sizing: border-box
   }

   .gdpr-wrapper .cookie-content-wrapper .button-group .button {
      width: 100%;
      margin-left: 0;
      margin-right: 0
   }

   .gdpr-wrapper .cookie-content-wrapper .button-group .button.black {
      margin-bottom: 12px;
      margin-top: 24px
   }
}

.mbx-nav {
   width: 60%;
   margin: 80px auto 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.mbx-nav ul {
   display: flex;
   align-items: center;
}

.mbx-nav ul em {
   font-size: 12px;
   color: #555;
}

.mbx-nav ul li {
   padding: 3px 5px;
}

.mbx-nav ul li a {
   font-size: 14px;
   color: #555;
}

@media screen and (max-width:768px) {
   .mbx-nav ul li a {
      font-size: 12px;
   }
}

.module-lists {
   width: 60%;
   margin: 40px auto;
}

.module-contents {
   width: 100%;
}

.module-contents-box {
   width: 100%;
   margin-top: 50px;
}

.module-contents-box p {
   font-size: 16px;
   color: #666;
   line-height: 28px;
   margin: 10px 0;
}

.module-contents p img {
   max-width: 96%;
   height: auto;
   min-width: auto;
   margin: 0 auto;
   display: block;
}

.module-contents ul {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
   /* 允许换行（核心） */
   gap: 20px;
   /* 子元素之间的间距（可选，也可用 margin 实现） */
}

.module-contents ul li {
   flex: 0 0 calc(24% - 20px);
   /* 固定尺寸，不伸缩 */
   max-width: calc(24% - 20px);
   padding: 0.5%;
   box-shadow: 0 0 0 1px #f0f0f0;
   margin-bottom: 20px;
}

.module-contents ul li a {
   display: block;
}

.module-contents ul li a:hover .titles {
   color: #FF1C1E;
}

.module-contents ul li a .pic {
   width: 100%;
   height: 160px;
   background-size: cover;
   background-position: center;
}

.module-contents ul li a .titles {
   width: 100%;
   height: 40px;
   line-height: 40px;
   font-size: 17px;
   color: #333;
   font-weight: 600;
   text-align: left;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.module-contents ul li a .descs {
   width: 100%;
   line-height: 30px;
   font-size: 14px;
   color: #555;
   font-weight: 500;
   text-align: left;
   /* 控制显示的行数 */
   -webkit-line-clamp: 3;
   /* 设置弹性盒模型 */
   display: -webkit-box;
   /* 垂直排列子元素 */
   -webkit-box-orient: vertical;
   /* 溢出内容隐藏 */
   overflow: hidden;
   /* 文本超出容器时显示省略号 */
   text-overflow: ellipsis;
   /* 可选：防止内容被换行截断（视情况添加） */
   word-break: break-all;

}

.page-numbers {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: .5rem;
   margin: 2rem 0;
}

@media screen and (min-width:992px)and (max-width:1366px) {
   .mbx-nav {
      width: 80%;
      margin: 80px auto 0;
   }

   .module-lists {
      width: 80%
   }

   .module-contents ul {
      gap: 10px;
      /* 子元素之间的间距（可选，也可用 margin 实现） */
   }

   .module-contents ul li {
      flex: 0 0 calc(24% - 10px);
      /* 固定尺寸，不伸缩 */
   }

   .module-contents ul li a .pic {
      height: 110px
   }

   .module-contents ul li a .descs {
      line-height: 22px;
      font-size: 14px;
   }

   .module-contents ul li a .titles {
      height: 30px;
      line-height: 30px;
      font-size: 15px;
   }

   .title {
      font-size: 30px;
      margin: 10px 0;
   }

   .download-btn {
      width: 300px;
   }

   .footer-wrapper {
      padding: 0 0 50px;
   }
}

@media screen and (max-width:992px) {
   .mbx-nav {
      width: 90%;
      margin: 80px auto 0;
   }

   .module-lists {
      width: 90%
   }

   .module-contents ul {
      gap: 10px;
      /* 子元素之间的间距（可选，也可用 margin 实现） */
   }

   .module-contents ul li {
      flex: 0 0 calc(31% - 10px);
      /* 固定尺寸，不伸缩 */
      padding: 1%;
   }

   .module-contents ul li a .pic {
      height: 110px
   }

   .module-contents ul li a .descs {
      line-height: 22px;
      font-size: 14px;
   }

   .module-contents ul li a .titles {
      height: 30px;
      line-height: 30px;
      font-size: 15px;
   }
}

@media screen and (max-width:768px) {
   .header .pc .center .nav ul li a {
      font-size: 16px;
   }

   .mbx-nav {
      width: 90%;
      margin: 70px auto 0;
   }

   .module-lists {
      width: 90%;
      margin-top: 20px;
   }

   .module-contents ul {
      gap: 10px;
      /* 子元素之间的间距（可选，也可用 margin 实现） */
   }

   .module-contents ul li {
      flex: 0 0 calc(47% - 10px);
      /* 固定尺寸，不伸缩 */
      padding: 1.5%;
      max-width: calc(47% - 10px);
   }

   .module-contents ul li a .pic {
      height: 110px
   }

   .module-contents ul li a .descs {
      line-height: 22px;
      font-size: 14px;
   }

   .module-contents ul li a .titles {
      height: 30px;
      line-height: 30px;
      font-size: 15px;
   }

   .footer-wrapper {
      min-width: 300px;
      padding: 0px 0 30px
   }

   .footer-wrapper.gdprShow {
      padding-bottom: 90px
   }

   .desc {
      font-size: 14px;
   }
}

.module-listss {
   width: 60%;
   margin: 40px auto;
}

.module-contents h1 {
   font-size: 30px;
   font-weight: 600;
   color: #000;
}

.module-contents span {
   display: block;
   margin-top: 20px;
   font-size: 15px;
   color: #888;
   margin-bottom: 40px;
}

.module-contents .module-contents-p {
   margin: 20px auto;
   font-size: 16px;
   line-height: 26px;
   color: #333;
}

.module-qt {
   width: 100%;
   margin: 40px auto;
}

.module-qt h2 {
   font-size: 26px;
   font-weight: 600;
   color: #000;
   margin-bottom: 20px;
   margin-top: 40px;
}

.module-qt ul {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
   /* 允许换行（核心） */
   gap: 20px;
   /* 子元素之间的间距（可选，也可用 margin 实现） */
}

.module-qt ul li {
   flex: 0 0 calc(24% - 20px);
   /* 固定尺寸，不伸缩 */
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0.5%;
   box-shadow: 0 0 0 1px #f0f0f0;
   margin-bottom: 20px;
}

.module-qt ul li a {
   display: block;
}

.module-qt ul li a:hover .titles {
   color: #FF1C1E;
}

.module-qt ul li a .pic {
   width: 100%;
   height: 160px;
   background-size: cover;
   background-position: center;
}

.module-qt ul li a .titles {
   width: 100%;
   height: 40px;
   line-height: 40px;
   font-size: 17px;
   color: #333;
   font-weight: 600;
   text-align: left;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.module-qt ul li a .descs {
   width: 100%;
   line-height: 30px;
   font-size: 14px;
   color: #555;
   font-weight: 500;
   text-align: left;
   /* 控制显示的行数 */
   -webkit-line-clamp: 3;
   /* 设置弹性盒模型 */
   display: -webkit-box;
   /* 垂直排列子元素 */
   -webkit-box-orient: vertical;
   /* 溢出内容隐藏 */
   overflow: hidden;
   /* 文本超出容器时显示省略号 */
   text-overflow: ellipsis;
   /* 可选：防止内容被换行截断（视情况添加） */
   word-break: break-all;

}

@media screen and (min-width:992px)and (max-width:1366px) {
   .module-listss {
      width: 80%;
      margin: 40px auto;
   }
}

@media screen and (max-width:992px) {
   .module-listss {
      width: 80%;
      margin: 40px auto;
   }

   .module-qt ul {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      /* 允许换行（核心） */
      gap: 10px;
      /* 子元素之间的间距（可选，也可用 margin 实现） */
   }

   .module-qt ul li {
      flex: 0 0 calc(22% - 10px);
      /* 固定尺寸，不伸缩 */
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.5%;
      box-shadow: 0 0 0 1px #f0f0f0;
      margin-bottom: 20px;
   }
}

@media screen and (max-width:768px) {
   .module-listss {
      width: 90%;
      margin: 30px auto;
   }

   .module-qt {
      width: 100%;
      margin: 30px auto;
   }

   .module-qt ul {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      /* 允许换行（核心） */
      gap: 10px;
      padding-left: 0;
      /* 子元素之间的间距（可选，也可用 margin 实现） */
   }

   .module-qt ul li {
      flex: 0 0 calc(49% - 5px);
      width: calc(49% - 5px);
      /* 固定尺寸，不伸缩 */
      margin-bottom: 10px;
      display: block;
   }

   .module-qt ul li a .descs {
      width: 94%;
      margin: 0 auto 5px;
      line-height: 20px;
      font-size: 13px;
   }

   .module-qt ul li a .pic {
      width: 100%;
      height: 120px;
      background-size: cover;
      background-position: center;
   }

   .module-qt ul li a .titles {
      width: 94%;
      margin: 10px auto 0;
      height: 24px;
      line-height: 24px;
      font-size: 14px;
      color: #333;
      font-weight: 600;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }

   .module-contents h1 {
      font-size: 20px;
      font-weight: 600;
      color: #000;
   }

   .module-qt h2 {
      font-size: 16px;
      font-weight: 600;
      color: #0088cc;
      margin-bottom: 20px;
      margin-top: 40px;
   }

   .module-contents-box {
      margin-top: 20px;
   }
}

.wps-article-download-smbanner {
   margin: 48px auto;
   background-color: #f1f7ff;
   border-radius: 8px;
   padding: 42px 32px !important;
   position: relative;
   height: auto;
   overflow: hidden;
   width: 100%;
   box-sizing: border-box;
}

.wps-article-download-s-layout {
   display: flex;
   justify-content: space-around;
   align-items: center;
   gap: 16px;
}

.wps-article-download-s-layout-left {
   min-width: 170px;
   display: flex;
   justify-content: space-around;
   align-items: center;
}

.wps-article-download-s-layout-left-img {
   display: flex;
   justify-content: space-around;
   align-items: center;
}

.wps-article-download-s-layout figure {
   text-align: center;
   margin: 0px;
   display: inline-block;
}

.wps-article-download-s-title {
   font-weight: 700;
   font-size: 18px;
   color: #1E5FC7;
   margin: 15px 0;
   margin-left: 30px;
}

@media screen and (max-width:768px) {
   .wps-article-download-s-layout {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
   }

   .wps-article-download-s-layout-left {
      min-width: 100%;
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-wrap: wrap;
   }

   .wps-article-download-s-layout-left-img {
      width: 100%;
   }
}



.wps-article-download-smbtn {
   min-width: 147px;
   border: none;
   color: white;
   font-weight: 700;
   background: #0a6cff;
   border-radius: 5px;
   cursor: pointer;
   z-index: 1;
   flex-shrink: 0;
}

.wps-article-download-smbtn:hover {
   opacity: 0.8;
}

.wps-article-download-smbtn a {
   font-size: 14px !important;
   line-height: 40px !important;
   color: inherit;
   pointer-events: none;
   text-decoration: none;
   white-space: nowrap;
   padding: 0 10px;
}

.wps-article-download-smbanner-img {
   content: '';
   position: absolute;
   background-image: url(https://res-academy.cache.wpscdn.com/images/df4eda45c21716b22ea016ac92416ab8.svg);
   background-repeat: no-repeat;
   background-size: auto;
   width: 305px;
   height: 210px;
   right: -90px;
   bottom: -64px;
}

.post-nav {
   width: 100%;
   display: flex;
   justify-content: space-between;
   margin: 50px 0;
   border-top: 1px solid #f0f0f0;
   padding-top: 20px;
}

.post-nav .prev-post a {
   font-size: 14px;
   color: #666;
}

.post-nav .next-post a {
   font-size: 14px;
   color: #666;
}

.module-contents-box h2 {
   font-size: 24px;
   font-weight: 600;
   color: #000;
   margin-bottom: 20px;
   margin-top: 20px;
}

@media screen and (max-width:768px) {
   .module-contents-box h2 {
      font-size: 17px;
   }
}

.module-contents-box h3 {
   font-size: 20px;
   font-weight: 600;
   color: #000;
   margin-bottom: 20px;
   margin-top: 20px;
}

@media screen and (max-width:768px) {
   .module-contents-box h3 {
      font-size: 16px;
   }
}

.module-contents-box h4 {
   font-size: 18px;
   font-weight: 600;
   color: #000;
   margin-bottom: 20px;
   margin-top: 20px;
}

@media screen and (max-width:768px) {
   .module-contents-box h4 {
      font-size: 16px;
   }
}

blockquote {
   width: calc(100% - 40px);
   margin: 20px 0;
   background-color: #f0f0f0;
   padding: 20px;
   border-radius: 10px;
   border: 1px solid #e5e5e5;
}

.alignnone {
   width: 100% !important;
   height: auto;
   margin: 0 auto;
   display: block;
}

.alignnone img {
   display: block;
   max-width: 90% !important;
   height: auto !important;
   margin: 0 auto !important;
}

.wp-caption-text {
   font-size: 14px !important;
   color: #999 !important;
   text-align: center !important;
}

.module-contents-box p a {
   color: #0a6cff;
}

iframe {
   width: 90%;
   height: 550px;
   margin: 0 auto;
   display: block;
}

@media screen and (max-width:768px) {
   iframe {
      width: 100%;
      height: 260px;
   }
}

.module-contents-box strong {
   font-weight: 600 !important;
   color: #000 !important;
}