.banner-text-1{font-size:14px;line-height:1.7}
.h1-title{font-size:55px;line-height:1}
.h2-title{font-size:38px;line-height:1}
.h3-title{font-size:24px;line-height:1}
.h4-title{font-size:16px;line-height:1}
.btn-banner{font-size:14px;line-height:1;border-radius:40px;border:none;margin:0;font-weight:500;width:152px;height:44px;display:inline-flex;justify-content:center;align-items:center;transition:.3s}
.btn-banner:hover{text-decoration:none;transform:perspective(1px) scale(1.05,1.05);transition:all .2s ease-in;position:relative;z-index:1;color:inherit}
main .btn:hover{color:inherit!important}
.bottom-section-title{font-size:30px;line-height:1.33}
@media (min-width:768px){
  .banner-text-1{font-size:18px;line-height:1.45}
  .h1-title{font-size:65px}
  .h2-title{font-size:55px}
  .h3-title{font-size:32px;line-height:1.1}
  .h4-title{font-size:20px;line-height:1}
  .btn-banner{font-size:16px;border-radius:50px;width:185px;height:54px}
  .bottom-section-title{font-size:45px}
}
@media (min-width:1280px){
  .banner-text-1{font-size:24px;line-height:1}
  .h1-title{font-size:76px}
  .h2-title{font-size:76px}
  .h3-title{font-size:42px;line-height:1.1}
  .h4-title{font-size:24px;line-height:1}
  .btn-banner{font-size:20px;border-radius:60px;width:220px;height:64px}
  .bottom-section-title{font-size:60px}
}
.aside_list{line-height:250%;padding-left:15px;margin-bottom:0}
.aside_list .aside_item{position:relative;list-style:none}
.aside_list .aside_item::before{content:'';width:7px;height:7px;background:linear-gradient(265.5deg,#32e2e2 1.04%,#0c99ff 21.36%,#007bff 69.11%,#916ddc 87.91%,#ff867b 98.58%);border-radius:50%;position:absolute;right:calc(100% + .5rem);top:50%;transform:translateY(-50%)}
@media (min-width:768px){
  .aside_list .aside_item::before{width:11px;height:11px}
}
@media (min-width:1280px){
  .aside_list{padding-left:28px}
  .aside_list .aside_item::before{width:14px;height:14px;right:calc(100% + .75rem)}
}
body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: 'Outfit', 'HarmonyOS Sans', "Noto Sans JP", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
*[data-dev="auto"] .dev-ipad,*[data-dev="mobile"] .dev-ipad,*[data-dev="desktop"] .dev-ipad,*[data-dev="ipad"] .dev-desktop,*[data-dev="ipad"] .dev-mobile {display: none !important;margin: 0 !important;}
.text-family{
  font-family: 'HarmonyOS Sans' !important;
}
.color1{
  color: #6B707B;
}
.wsc-main{overflow: hidden;}
.btn.btn-secondary{
  line-height: 1.28;
  border-radius: 6px;
  text-transform: initial;
  color: #fff;
  border: none;
  padding: 1rem 4.5rem;
  background: linear-gradient(270deg, #FF8C19 0%, #FF3333 45.67%, #FF2776 98.5%);
}
.btn.btn-secondary:hover{color: #d9d9d9 !important;}
.btn.btn-type2{
  padding: .75rem 3rem;
}

.banner{
  position: relative;
}
.banner::before{
  content: '';
  width: 893px;
  height: 993px;
  background: url('../images/deco-banner-1.png') no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  top: -3rem;
  pointer-events: none;
}
.banner::after{
  content: '';
  width: 993px;
  height: 1898px;
  background: url('../images/deco-banner-2.png') no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  bottom: -100%;
  pointer-events: none;
}

.usefree{
  display: inline-block;
  background: #ffffff;
  padding: 8px;
  box-shadow: 0px 22px 34px 0px rgba(32, 57, 147, .1);
  border-radius: 10px;
}
.usefree-input{
  display: inline-block;
  vertical-align: middle;
  border: 0;
  outline: none;
  height: 100%;
  padding-left: 1rem;
  font-size: 16px;
  min-width: 378px;
}
.usefree-input::placeholder{
  color: rgba(107,112,123, .4);
}

.use-now-btn {
  display: none;
}

.platlogin:hover{
  text-decoration: none;
}
.intro-item{line-height: 1.22;}
.intro-item::marker{
  color: #0a0000;
  font-size: 20px;
}


.feature{
  position: relative;
  margin-bottom: 30px;
}
.feature::before{
  content: '';
  width: 1214px;
  height: 1810px;
  background: url('../images/deco-source-1.png') no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  top: -72%;
  pointer-events: none;
}
.feature-content{
  border-radius: 2rem;
  background: rgba(255, 255, 255, .5);
  position: relative;
  z-index: 2;
}
.feature2::before{
  content: '';
  width: 100%;
  height: auto;
  background: url('../images/deco-real.png') no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: -270%;
  pointer-events: none;
}
.feature3::before{
  content: '';
  width: 1404px;
  height: 2214px;
  background: url('../images/deco-online.png') no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  top: -108%;
  pointer-events: none;
}
.feature4{
  background: none;
}

.multi{
  background: linear-gradient(262.22deg, #C0E4FF -2.17%, #D3DFFF 107.73%),
  linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
}
.multi-item{}

.template-nav-item{display: flex;align-items: center;justify-content: center;border-radius: 16px;height: 64px;line-height: 64px;background: url('../images/bg-template-nav.png') no-repeat;background-size: 100% 100%;cursor: pointer;}
.template-nav-item.active{background: #CFE6FF;color: #111614;}
.template-nav-item .mr-1 .img-fluid:first-child{display: none;}
.template-nav-item .mr-1 .img-fluid:last-child{display: block;}
.template-nav-item.active .mr-1 .img-fluid:first-child{display: block;}
.template-nav-item.active .mr-1 .img-fluid:last-child{display: none;}
.template-content-box{border-radius: 18px;background: #EEF6FF;padding: 12px 12px 18px;transition: all .3s;display: block;text-decoration: none;}
.template-content-box:hover{box-shadow: 0px 14px 34px 0px #D5E2F2;text-decoration: none;}
.template-content-box .mb-3 .img-fluid{border-radius: 12px;}
.template-content-box h3.font-weight-medium.font-size-small {padding-right: 6px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.template-content-item{display: none;}
.template-content-item.active{display: block;animation: fadeIn .8s;}
@keyframes fadeIn {0% { opacity: 0; transform: translateY(20px); }100% { opacity: 1; transform: translateY(0); }}

@media (min-width: 1699px){
  .bottompart-content{
    width: 1680px;
    margin: 0 auto;
  }
}
@media (max-width: 1299px){
  .usefree{
    display: flex;
    width: 80%;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
  }
  .usefree-input{
    min-width: calc(100% - 224px);
  }
  .bottompart-content{
    padding: 0 15px;
  }
}
@media (max-width: 767px){
  .h1{font-size: 22px;}
  .display-3{font-size: 28px;}
  .usefree .btn.btn-secondary{
    padding: 8px 20px 6px;
  }
  .usefree{
    width: 100%;
  }
  .usefree-input{
    width: 106px;
    min-width: calc(100% - 158px);
  }
  .template-nav {margin-right: -8px;margin-left: -8px;}
  .template-nav .col-4{padding-left: 8px;padding-right: 8px;}
  .template-nav-item{height: 40px;line-height: 40px;border-radius: 8px;font-size: 12px;margin-bottom: 8px;}
  .template-nav-item .mr-1 .img-fluid{width: 24px;}
}
@media (max-width: 576px){
  
}
header.wsc-header2020 > .header-banner {display: none!important;}
body > main {margin-top: 60px !important;}
@media(min-width: 1280px) {body > main {margin-top: 60px !important;}}
.wsc-header2020 {
    font-family: "Noto Sans SC", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    transition: all .2s ease-in-out;
  }

  .wsc-header2020 .wsc-header2020-navbar-collapse {
    background-color: #FFFFFF;
    overflow: inherit;
    display: none;
  }

  .wsc-header2020 .wsc-header2020-navbar-collapse-toggle[aria-expanded="true"]+.wsc-header2020-navbar-collapse {
    display: block;
  }

  .wsc-header2020 .wsc-header2020-navbar-master {
    color: #666666;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
  }

  .wsc-header2020 .wsc-header202004-navbar-wondershare .wsc-header2020-navbar-link,
  .wsc-header2020 .wsc-header2020-navbarDropdown-toggle {
    font-size: 14px;
  }

  .wsc-header2020 .wsc-header202004-navbar-wondershare .wsc-header2020-navbar-link:hover {
    color: #FC3F55;
  }
  .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-brand.brand-modao a {
    width: auto;
    display: flex;
    align-items: center;text-decoration: none;
  }

  .wsc-header2020 .btn {
    border-radius: 40px;
    line-height: 1;
    font-weight: normal;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }

  .wsc-header2020 .bg-linear-gradient-1 {
    background: linear-gradient(230.47deg, #FFBF1C -0.87%, #FF3A3A 25.89%, #FF123D 77.87%, #FF27C3 97.94%), #E73828;
  }

  .wsc-header2020 .btn-outline-gray {
    color: #666666;
    border: 1px solid #D2D2D2;
  }

  .wsc-header2020 .btn-outline-gray:hover {
    border: 1px solid #FC3F55;
    color: #FC3F55;
    background-color: #FFFFFF;
  }

  .wsc-header2020 .wsc-header202004-navbar-wondershare .wsc-header2020-navbar-brand {
    height: 60px;
  }

  .wsc-header2020 .wsc-header202004-navbar-wondershare .wsc-header2020-navbar-collapse {
    top: 56px;
  }
  .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-brand.brand-modao img {
    height: 42px;    margin-right: 12px;
  }
  @media (min-width:1280px) {
    .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-brand.brand-modao img {
        height: 42px;
    }
.wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-brand.brand-modao h1{
  font-size: 22px;font-weight: 700;margin-bottom: 0!important;margin-top: 0!important;
}
    .wsc-header2020 .wsc-header202004-navbar-wondershare .wsc-header2020-navbar-item {
      padding: 0;
    }

    .wsc-header2020 .wsc-header202004-navbar-wondershare .wsc-header2020-navbar-brand {
      height: 60px;
      padding: 2px 0;
    }

    .wsc-header2020 .wsc-header202004-navbar-wondershare .wsc-header2020-navbar-link {
      height: 60px;
      line-height: 60px;
      padding: 0 24px !important;
    }

    .wsc-header2020 .wsc-header2020-navbar-link,
    .wsc-header2020 .wsc-header2020-navbarDropdown-toggle {
      height: 60px;
      line-height: 60px;
      padding: 0 24px;
    }

    .wsc-header2020 .wsc-header2020-navbarDropdown-toggle::before {
      background-color: transparent;
    }

    .wsc-header2020 .wsc-header2020-navbar-master .wsc-header2020-navbar-nav:first-child {
      display: flex;
    }
  }

  .wsc-header2020-navbar-popover-container:hover>.wsc-header2020-navbar-popover-content {
    display: block;
  }

  /*.wsc-header2020-navbar-popover-container:hover>.wsc-header2020-navbar-popover-nav::after {*/
  /*  position: absolute;*/
  /*  bottom: -2px;*/
  /*  left: 50%;*/
  /*  display: inline-block;*/
  /*  content: '';*/
  /*  z-index: 10;*/
  /*  width: 14px;*/
  /*  height: 14px;*/
  /*  background-color: #FFFFFF;*/
  /*  border-top: 1px solid #CCCCCC;*/
  /*  border-right: 1px solid #CCCCCC;*/
  /*  transform: rotate(-45deg) translateX(-50%);*/
  /*}*/

  .wsc-header2020-navbar-popover-nav {
    color: #FC3F55;
    position: relative;
  }

  .wsc-header2020-navbar-popover-content {
    display: none;
    background: #FFFFFF;
    margin-top: 1px;
    position: absolute;
  }

  .wsc-header2020-navbar-popover-content-feature,
  .wsc-header2020-navbar-popover-content-solution {
    left: 0;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1)
  }

  .wsc-header2020-navbar-popover-content-material,
  .wsc-header2020-navbar-popover-content-download,
  .wsc-header2020-navbar-popover-content-support,
  .wsc-header2020-navbar-popover-content-account {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
    transform: translateX(-25%);
  }

  .wsc-header2020-navbar-popover-entry-card {
    background: #F9F9F9;
    mix-blend-mode: normal;
    opacity: 0.9;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid #F9F9F9;
  }

  .wsc-header2020-navbar-popover-entry-card-mobile {
    background: #FFFFFF;
    mix-blend-mode: normal;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid #FFFFFF;
    margin: 7px;
  }

  .wsc-header2020-navbar-popover-entry-card:hover,
  .wsc-header2020-navbar-popover-entry-card:focus {
    text-decoration: none;
  }

  .wsc-header2020-navbar-popover-entry-card-mobile:hover,
  .wsc-header2020-navbar-popover-entry-card-mobile:focus {
    text-decoration: none;
  }

  .wsc-header2020-navbar-popover-entry-card-1,
  .wsc-header2020-navbar-popover-entry-card-2,
  .wsc-header2020-navbar-popover-entry-card-3,
  .wsc-header2020-navbar-popover-entry-card-4,
  .wsc-header2020-navbar-popover-entry-card-5 {
    width: 90vw;
    margin: 7px;
  }

  @media(min-width: 768px) {

    .wsc-header2020-navbar-popover-entry-card-1,
    .wsc-header2020-navbar-popover-entry-card-2,
    .wsc-header2020-navbar-popover-entry-card-3,
    .wsc-header2020-navbar-popover-entry-card-4,
    .wsc-header2020-navbar-popover-entry-card-5 {
      width: 280px;
      margin: 7px;
    }
  }

  .wsc-header2020-navbar-popover-entry-card-1:hover,
  .wsc-header2020-navbar-popover-entry-card-1:focus {
    background: #F1F8FF;
    border: 1px solid #1584FC;
  }

  .wsc-header2020-navbar-popover-entry-card-2:hover,
  .wsc-header2020-navbar-popover-entry-card-2:focus {
    background: #FEF9FF;
    border: 1px solid #7635FF;
  }

  .wsc-header2020-navbar-popover-entry-card-3:hover,
  .wsc-header2020-navbar-popover-entry-card-3:focus {
    background: #FFF7F7;
    border: 1px solid #FF1D47;
  }

  .wsc-header2020-navbar-popover-entry-card-4:hover,
  .wsc-header2020-navbar-popover-entry-card-4:focus {
    background: #F1FFFA;
    border: 1px solid #13CFBB;
  }

  .wsc-header2020-navbar-popover-entry-card-5:hover,
  .wsc-header2020-navbar-popover-entry-card-5:focus {
    background: #FFF8F6;
    border: 1px solid #E73828
  }

  .wsc-header2020-navbar-popover-entry-card-6,
  .wsc-header2020-navbar-popover-entry-card-7,
  .wsc-header2020-navbar-popover-entry-card-8,
  .wsc-header2020-navbar-popover-entry-card-9 {
    width: 200px;
    margin: 16px 10px;
    padding: 24px 0px 16px 0px;
  }

  .wsc-header2020-navbar-popover-entry-card-6:hover,
  .wsc-header2020-navbar-popover-entry-card-6:focus {
    background: #FEF9FF;
    border: 1px solid #7635FF;
  }

  .wsc-header2020-navbar-popover-entry-card-7:hover,
  .wsc-header2020-navbar-popover-entry-card-7:focus {
    background: #F1FFFA;
    border: 1px solid #13CFBB;
  }

  .wsc-header2020-navbar-popover-entry-card-8:hover,
  .wsc-header2020-navbar-popover-entry-card-8:focus {
    background: #FFF7F7;
    border: 1px solid #FF1D47;
  }

  .wsc-header2020-navbar-popover-entry-card-9:hover,
  .wsc-header2020-navbar-popover-entry-card-9:focus {
    background: #F1F8FF;
    border: 1px solid #1584FC
  }


  .wsc-header2020-navbar-title-text-1 {
    margin-bottom: 10px;
    line-height: 1;
  }

  .wsc-header2020-navbar-title-text-2 {
    mix-blend-mode: normal;
    opacity: 0.85;
    line-height: 1;
    display: block;
    text-decoration: none;
    color: #000000;
    font-size: 0.875rem;
    padding: 1rem;
    margin-bottom: 0;
  }

  .wsc-header2020-navbar-title-text-2:hover {
    text-decoration: none;
    opacity: 1;
    background: #F8F8F8
  }

  .wsc-header2020-navbar-desc-text {
    color: #666666;
    line-height: 1;
    opacity: 0.85;
  }

  .wsc-header2020-navbar-speciality-text {
    color: #666666;
    line-height: 2;
    opacity: 0.85;
    text-decoration: none;
  }

  .wsc-header2020-navbar-speciality-text:hover {
    text-decoration: none;
    opacity: 1;
  }

  .wsc-header2020-navbar-popover-content-account .account-container {
    position: relative;
    z-index: 3;
  }

  /*.wsc-header2020-navbar-popover-content-account .account-container::after {*/
  /*  content: '';*/
  /*  width: 6px;*/
  /*  height: 11px;*/
  /*  background-image: url('../images/arrow-right-1.svg');*/
  /*  background-size: 100% 100%;*/
  /*  position: absolute;*/
  /*  right: 20px;*/
  /*  top: 50%;*/
  /*  transform: translateY(-50%);*/
  /*}*/

  .wsc-header2020-navbar-popover-content-account .account:hover {
    text-decoration: none;
  }

  .wsc-header2020-navbar-popover-content-account {
    top: 98%;
    right: 0%;
    transform: translateX(0);
  }

  .wsc-header2020-navbar-popover-content-account::before {
    position: absolute;
    bottom: calc(100% - 1px);
    right: 10%;
    display: inline-block;
    content: '';
    z-index: 1;
    width: 14px;
    height: 10px;
    background-image: url('../images/logged-img-2.png');
    background-size: 100% 100%;
  }

  .wsc-header2020 .design-title,
  .wsc-header2020 .flowchart-title,
  .wsc-header2020 .mind-map-title {
    position: relative;
    display: inline-block;
  }

  .wsc-header2020 .design-title::after,
  .wsc-header2020 .flowchart-title::after,
  .wsc-header2020 .mind-map-title::after {
    color: white;
    font-size: 12px;
    line-height: 1;
    padding: 2px 4px;
    font-weight: normal;
    position: absolute;
    left: calc(100% + 4px);
    top: 50%;
    transform: translateY(-50%);
    border-radius: 6px;
    border-bottom-left-radius: 0;
  }

  .wsc-header2020 .design-title::after {
    content: 'Beta';
    background: linear-gradient(22.15deg, #FFEA2E -11.6%, #B02FFF 44.11%, #6C4BD5 97.17%, #5B33FD 142.3%, #1254FF 163.76%), linear-gradient(9.62deg, #FFB800 -6.92%, #F1462E 46.27%, #F3133C 189.46%), #E73828;
    ;
  }

  .wsc-header2020 .flowchart-title::after {
    content: 'Beta';
    background: linear-gradient(9.62deg, #FFB800 -6.92%, #F1462E 46.27%, #F3133C 189.46%), #E73828;
  }

  .wsc-header2020 .mind-map-title::after {
    content: 'Beta';
    background: linear-gradient(25.49deg, #CAFF5A -7.34%, #2DDDC8 18.3%, #23C5B1 49.56%, #00A5C9 96.38%);
    ;
  }
  .float-free-use-btn {position: fixed; bottom: 0; left: 50%;z-index: 20;transform: scale(0) translateX(-50%);transform-origin: left bottom;}
        .float-free-use-btn .download-container {position: relative;width: 64px;height: 64px;}
        .float-free-use-btn .download-container::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%; background-image: linear-gradient(92.5deg, #1F61FF 6.44%, #A728FF 55.47%, #FF4EE4 98.36%);;z-index: -1;background-color: #0061FF;;background-size: 100% 128px;background-position: 0 0;border:none;background-repeat: no-repeat;border:2px solid #fff;}
        .float-free-use-btn .download-container::after {content: '';width: 44px;height: 44px;position: absolute;top: 10px;left: 10px;background-repeat: no-repeat;background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E %3Cpath d='M10.6892 21.6056C12.4372 23.3822 12.6395 25.2919 10.702 27.261C9.50157 28.4802 7.55806 29.2128 4.88346 29.5264C4.74507 29.543 4.60517 29.5422 4.46603 29.5257C3.52586 29.4114 2.83916 28.5757 2.88429 27.6213L2.89406 27.4964L2.93242 27.1805C3.26035 24.6307 3.97037 22.7639 5.12339 21.5921C7.06089 19.6237 8.94048 19.8298 10.6892 21.6056ZM26.7029 2.94271L27.0053 3.03522L27.3009 3.13375C27.6647 3.26132 27.9947 3.47004 28.2659 3.7441C28.5371 4.01815 28.7423 4.35035 28.8661 4.71551C30.0446 8.15881 29.6701 11.6473 27.7702 15.1056C26.9872 16.5302 25.9854 17.8788 24.7662 19.1506L24.4285 19.4959L24.1088 19.8087L24.0998 19.9058C23.8779 21.9772 22.3067 24.7165 19.4117 28.2583L19.1605 28.5644L18.6979 29.1173C18.1744 29.7385 17.1997 29.5655 16.8943 28.8314L16.8582 28.7329L15.2396 23.5672L15.0929 23.4657C14.1835 22.8177 13.3172 22.1112 12.4996 21.3506L12.0972 20.967L11.7031 20.5759C10.539 19.3913 9.49119 18.0977 8.57419 16.7129L8.48469 16.5738L3.21372 14.8694C2.47212 14.6287 2.23294 13.7119 2.70377 13.1357L2.7662 13.065L2.83389 13.0019C7.1692 9.21407 10.368 7.33597 12.659 7.49242L12.8065 7.5052L12.8922 7.51573L13.0855 7.32018C14.125 6.28673 15.2133 5.40748 16.3513 4.68467L16.7319 4.44925L17.0816 4.24467C20.2571 2.44404 23.4808 2.00102 26.7029 2.94346V2.94271ZM16.9861 10.2167C15.6676 11.5359 15.6721 13.6788 16.9966 15.0033C18.3211 16.3278 20.4639 16.3323 21.7832 15.0138C23.1017 13.6946 23.0972 11.5517 21.7727 10.2272C20.4482 8.90268 18.3053 8.89817 16.9861 10.2167Z' fill='white'/%3E %3C/svg%3E");border-radius: 50rem;}
        .float-free-use-btn .download-container .download-content {width: 100%;height: 100%;}
        .float-free-use-btn .download-container a {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #000;text-decoration: none;}
        .float-free-use-btn .download-container a span {font-size: 22px;font-weight: 700;text-wrap: nowrap;white-space: nowrap; line-height: 1.44; width: 0;opacity: 0;}
        .float-free-use-btn .download-container a svg {width: 0;opacity: 0;}
        .float-free-use-btn .download-container a [data-icon="brand-windows"]::before, .float-free-use-btn .download-container a [data-icon="brand-macos"]::before,.float-free-use-btn .download-container a [data-icon="brand-windows"]::after, .float-free-use-btn .download-container a [data-icon="brand-macos"]::after {content: '';width: 100%;height: 100%;background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16.6426V20.0711H20V16.6426' stroke='white' stroke-width='2.28571'/%3E%3Cpath d='M12.0004 2.92773V14.3563M12.0004 14.3563L17.7147 9.7979M12.0004 14.3563L6.28613 9.7979' stroke='white' stroke-width='2.28571'/%3E%3C/svg%3E%0A");background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;position: absolute;top:0;left: 0;z-index: 1;pointer-events: none;opacity: 1;}
        .float-free-use-btn .download-container a [data-icon="brand-windows"]::after, .float-free-use-btn .download-container a [data-icon="brand-macos"]::after {background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16.6426V20.0711H20V16.6426' stroke='white' stroke-width='2.28571'/%3E%3Cpath d='M12.0004 2.92773V14.3563M12.0004 14.3563L17.7147 9.7979M12.0004 14.3563L6.28613 9.7979' stroke='white' stroke-width='2.28571'/%3E%3C/svg%3E%0A");opacity: 0;}
        .float-free-use-btn .download-container [data-icon="brand-windows"] svg, .float-free-use-btn .download-container [data-icon="brand-macos"] svg {opacity: 0;}
      
        .float-free-use-btn.show {bottom: 30px;transform: scale(1) translateX(-50%);transform-origin: left bottom;transition: all .3s linear;}
        .float-free-use-btn.show .download-container::before {animation: animateDownload1 .3s .3s linear forwards;border-radius: 44px;transition: border-radius .3s 1s linear,background-position .15s linear;}
        .float-free-use-btn.show .download-container::after {transform: scale(0); transition: transform .2s .5s linear;}
        .float-free-use-btn.show .download-container{width: 225px;transition: all .8s 1s cubic-bezier(0.05, 0.61, 0.41, 0.95);}
        .float-free-use-btn.show .download-container a span {width: 89px;opacity: 1;margin-left: 0px;transition: width .4s 1.2s linear,margin-left .2s 1.2s linear,opacity .3s 1.4s linear;} 
        .float-free-use-btn.show .download-container a svg {width: 27px;opacity: 1;margin-left: 8px;transition: width .4s 1.2s linear,margin-left .2s 1.2s linear,opacity .3s 1.4s linear;}
        .float-free-use-btn.show .download-container a [data-icon="brand-windows"]::before, .float-free-use-btn.show .download-container a [data-icon="brand-macos"]::before{opacity: 0;transition: opacity .1s 1.1s linear;}
        .float-free-use-btn.show .download-container [data-icon="brand-windows"] svg, .float-free-use-btn.show .download-container [data-icon="brand-macos"] svg {opacity: 1;transition: opacity .1s 1.1s linear;}
      
        .float-free-use-btn.show .download-container:hover::before {background-position: 0 -128px;}
        .float-free-use-btn.show .download-container:hover a {color: #fff !important;}
        .float-free-use-btn.show .download-container:hover a [data-icon="brand-windows"]::after, .float-free-use-btn.show .download-container:hover a [data-icon="brand-macos"]::after{opacity: 1;animation: btnIconMove 1.5s linear infinite;}
        .float-free-use-btn.show .download-container:hover [data-icon="brand-windows"] svg, .float-free-use-btn.show .download-container:hover [data-icon="brand-macos"] svg {visibility: hidden;}
      
        .float-free-use-btn.leave .download-container a i {transform: scale(0);transition: transform .2s linear;}
        .float-free-use-btn.leave .download-container a span, .float-free-use-btn.leave .download-container a svg {opacity: 0;transition: opacity .2s linear;}
        .float-free-use-btn.leave .download-container::before {border-radius: 50%;transition: border-radius .3s .2s linear;}
        .float-free-use-btn.leave .download-container {width: 64px;transition: all .6s .2s cubic-bezier(0.05, 0.61, 0.41, 0.95);}
        .float-free-use-btn.leave {bottom: 0;transform: scale(0) translateX(-50%);transform-origin: left bottom; transition: all .3s 1s linear;}

        /* 默认隐藏第二个 SVG */
       .btn-aside svg:nth-of-type(2) {
            display: none;
        }

        /* 悬停时隐藏第一个 SVG，显示第二个 SVG */
       .btn-aside:hover svg:nth-of-type(1) {
            display: none;
        }

       .btn-aside:hover svg:nth-of-type(2) {
            display: inline-block;
            animation: animateSvg .25s linear 2;
        }
      
        @keyframes animateDownload1 {
          0% {transform: scale(1);}
          60% {transform: scale(1.8);}
          100% {transform: scale(1);}
        }
        @keyframes btnIconMove {
          0% {transform: translateY(0);}
          50% {transform: translateY(4px);}
          100% {transform: translateY(0);}
        }
        @keyframes animateSvg {
          0% {transform: rotate(0deg);}
          33% {transform: rotate(-15deg);}
          66% {transform: rotate(15deg);}
          100% {transform: rotate(0deg);}
        }
        .wsc-footer2020 {
    font-family: "Noto Sans SC", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    display:block!important;
    
  }

  .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown {
    margin: 0 8px;
  }

  .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav {
    padding: 48px 0;
  }

  .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav .wsc-footer2020-nav-logo {
    width: 155px;
  }
  .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) {
    width: auto;
    display: block;
    padding: 0 0;
  }

  .wsc-footer2020-archival-info {
    margin: 24px 0;
    color: #A8A8A8;
    font-size: 12px;
    line-height: 1;
    width: 100%;
    text-align: center;
  }

  .wsc-footer2020-social .wsc-footer2020-social-media-container {
    display: flex;
    align-items: center;
    padding: 8px 0;
  }

  .wsc-footer2020-social .wsc-footer2020-social-media {
    display: flex;
    width: 46px;
    height: 46px;
    border: 0.675px solid #8b8b8b;
    box-sizing: border-box;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 3.5px;
  }

  .wsc-footer2020-social .wsc-footer2020-social-contact {
    color: #ffffff;
    margin-bottom: 32px;
    font-size: 20px;
    line-height: 1;
  }

  .wsc-footer2020-social .wsc-footer2020-social-contact-method {
    color: #A8A8A8;
    display: flex;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0;
  }

  .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-iconlink {
    padding: 0 !important;
  }

  .wsc-footer2020-social .wsc-footer2020-social-contact-method .online-service {
    color: #A8A8A8;
  }

  .wsc-footer2020-social .wsc-footer2020-social-contact-method .online-service:hover {
    color: #fff;
    text-decoration: none;
  }

  .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-top-content {
    flex-direction: column;
  }

  .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:last-of-type .wsc-footer2020-dropdown-menu {
    text-align: center;
  }

  @media (min-width: 1280px) {
    .wsc-footer2020 .wsc-footer2020-container {
      max-width: 1410px;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-top-content {
      flex-direction: row;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-container {
      max-width: 1410px;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav {
      text-align: left;
      align-items: flex-start;
      padding: 64px 0;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-toggle .wsc-footer2020-dropdown-title {
      font-size: 16px;
      line-height: 28px;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-link {
      font-size: 14px;
      line-height: 22px;
      display: inline-block;
      color: #A8A8A8;
      opacity: 1;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav {
      padding: 64px 0 64px 64px;
    }

    .wsc-footer2020 .wsc-footer2020-subnav-item {
      padding: 8px 0;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-toggle {
      margin-bottom: 16px;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-subnav-item {
      padding: 8px 0;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) ul {
      display: block;
    }

    .wsc-footer2020-social .wsc-footer2020-social-media-container {
      display: flex;
      align-items: center;
      padding: 8px 0;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown {
      padding: 0 0;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-toggle {
      padding: 0 0;
      margin-bottom: 16px;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(5) {
      position: relative;
      top: auto;
      right: auto;
    }

    .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(5) .wsc-footer2020-dropdown-toggle {
      margin-bottom: 16px;
    }
  }
.nav-pills{float:left;font-size:14px;margin-bottom: 0;}
.nav-pills li{width:auto;position:relative;list-style:none;display:block;float:left;margin-right:30px}
.nav-pills li a{line-height:40px;display:block;color:#000;font-size:15px}
.nav-pills li a.current{color: #0188fb}
.nav-pills li:before{width:0;height:2px;position:absolute;bottom:-1px;left:50%;background-color:#0188fb;content:'';transition:all .6s;z-index:-1}
.nav-pills>li.active:before,.nav-pills>li:hover:before{width:100%;left:0}
.nav-pills li.active>a,.nav-pills li:hover>a{color:#0188fb}
.menu-item-has-children>a:after{content:".";display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;position:relative;left:5px;overflow:hidden}
.nav-pills li>ul{float:left;opacity:0;visibility:hidden;position:absolute;top:40px;left:-20px;padding:8px 10px;border-radius:4px;z-index:100;color:#448ef6}
.nav-pills li:hover>ul{opacity:1;visibility:visible;color:#448ef6;background:#fff;box-shadow:0 0 20px -5px rgba(158,158,158,.22);-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out}
.nav-pills li>ul>li{color:#448ef6;position:relative;display:block;float:left;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);margin-right:0;padding:0 15px}
.nav-pills li:hover ul li{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.nav-pills li>ul>li>a{padding:0;line-height:inherit;color:#000;display:block;padding:4px 0 4px 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;font-size:16px;line-height:35px;white-space:nowrap}
.nav-pills li a:hover{text-decoration:none}
.nav {
    display: none;
    margin-right: 107px;
    margin-left: 200px;
}
@media screen and (max-width: 540px) {
    .menu {
        display: none;
    }
    .nav {
        margin: 0;
        position: fixed;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 8;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        opacity: 0;
        transition: all .4s;
    }
	.nav.open {
        opacity: 1;
        left: 0;
        display: block;
        margin-top: 60px;
        z-index: 9999;
    }
    .nav ul {float:none; border-top:1px solid #eee;}
	.nav li {float:none; padding:0; border-bottom:1px solid #eee; line-height:45px; position:relative;}
	.nav li a {padding:0 80px 0 3.125%; color:#333; display:block;}
	.nav li a:hover, .nav li.on > a, .nav li.cur > a {background-color:transparent;}
	.nav li.cur > a {color:#0188fb}
	.nav li ul {position:static; left:auto; top:auto; width:auto; margin-top:0; padding:0; display:none; background-color: transparent; border:none;}
	.nav li li {border-bottom:none; border-top:1px solid #e6e6e6; text-align:left;}
	.nav li li a {text-indent:2em;}
	.nav li em {display:block; position:absolute; top:0; right:0; padding-right:3.125%; height:45px; width:45px;}
	.nav li em:after {content:''; display:block; width:9px; height:9px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; position:absolute; left:50%; top:50%; transform:rotate(-45deg); margin:-5px 0 0 -6.5px; transition:all .3s;}
	.nav li em.open:after {transform:rotate(45deg); margin:-6px 0 0 -6px;}
}
  .icon-weixin {
    line-height: 1;
    position: relative;
  }

  .icon-weixin .icon-weixin-box {
    display: none;
    position: absolute;
    bottom: 200%;
    left: 70%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background-color: #fff;
    width: 200%;
    min-width: 13rem;
    z-index: 1;
  }

  .icon-weixin .icon-weixin-box:after {
    display: block;
    content: "";
    position: absolute
  }

  .icon-weixin .icon-weixin-box[position-absolute=right] {
    left: auto;
    right: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0)
  }

  .icon-weixin .icon-weixin-box[position-absolute=left] {
    left: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0)
  }

  @media (max-width:991.99px) {
    .icon-weixin .icon-weixin-box[position-absolute=mobile-left] {
      left: 0;
      right: auto;
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0)
    }

    .icon-weixin .icon-weixin-box[position-absolute=mobile-right] {
      left: auto;
      right: 0;
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0)
    }
  }

  .icon-weixin:hover .icon-weixin-box {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }

  @media (max-width:1280px) {
    #user-group-img {
      display: none !important;
    }
  }
  .close:hover svg path {
        fill: rgba(0, 0, 0, 0.9);
      }
      .close:active svg path {
        fill: rgba(0, 0, 0, 0.9);
      }

      #ws_login_modal {
        transition: none;
      }

      #ws_login_modal iframe{
        border: 1px solid rgba(6, 8, 10, 0.56);
      }

      #ws_login_modal .login-dialog {
        height: 100%;
        margin: 0;
        max-width: none;
        transition: none;
      }

      #ws_login_modal .login-dialog .login-content {
        height: 100%;
        background: transparent;
      }
      
      body.modal-open {
        padding-right: 0 !important;
      }
      .invite_login_modal {
        top: -8%;
        font-size: 13px;
        line-height: 13px;
        font-weight: 500;
        margin: 30px !important;
      }

      .invite_login_modal .invite_login_modal_content {
        padding: 30px 20px 36px !important;
        background: #ffffff;
        box-shadow: 0px 4px 133px 2px rgba(59, 67, 143, 0.1);
        border-radius: 5px !important;
      }

      .invite_login_modal .invite_login_modal_content .invite_choose_login_way {
        margin-bottom: 8px;
      }

      .invite_login_modal .invite_login_modal_content .invite_weChat_login {
        padding: 1px 0;
        background: #00c250;
        color: #fff;
        margin-bottom: 16px;
        border-radius: 34px;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .invite_login_modal .invite_login_modal_content .invite_weChat_login .weChat-icon {
        height: 32px;
        width: 32px;
        margin-right: 6px;
      }

      .invite_login_modal .invite_login_modal_content .invite_common_login {
        background: linear-gradient(269.17deg,
            rgba(172, 169, 247, 0.6) -13.97%,
            rgba(230, 173, 239, 0.6) 103.02%);
        border: 1px solid #efeafe;
        color: #5b4bd2;
        padding: 10px;
        border-radius: 34px;
      }

      .shake-animation {
        animation: shake 0.5s;
      }

      @keyframes shake {

        0%,
        100% {
          transform: translateX(0);
        }

        25%,
        75% {
          transform: translateX(-5px);
        }

        50% {
          transform: translateX(5px);
        }
      }

      .invite_comon_agree {
        margin-top: 20px;
        color: #000;
        display: flex;
        align-items: center;
      }

      .invite_comon_agree p {
        margin: 0;
        font-size: 13px;
        line-height: 18px;
      }

      .agree {
        margin-right: 4px;
      }

      .agree>a {
        color: #1684FC;
        text-decoration: none;
      }