@import "https://fonts.loli.net/css?family=Noto+Sans+SC:400,500,700&subset=chinese-simplified";
html,body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  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" !important;
}
p { line-height: 1.75; }
.padding-control { padding: 0; }
.bg-gradient-creativity { background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(270deg, rgba(0, 255, 253, 0.15) 0%, rgba(236, 0, 255, 0.15) 51.26%, rgba(255, 103, 0, 0.15) 100%); }
.bg-gradient-productivity { background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, rgba(0, 109, 255, 0.15) 0%, rgba(255, 231, 130, 0.15) 100%); }
.bg-gradient-utility { background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, rgba(0, 224, 184, 0.15) 0%, rgba(18, 155, 255, 0.15) 100%); }
.bg-gradient-tools { background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, rgba(0, 174, 230, 0.2) 0%, rgba(164, 109, 254, 0.2) 100%); }

.bg-brand-gradient { background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(270deg, rgba(0, 255, 253, 0.4) 0%, rgba(236, 0, 255, 0.4) 51.26%, rgba(255, 103, 0, 0.4) 100%); }

.text-gradient-creativity {
  background-image: linear-gradient(270deg, rgba(0, 255, 253, 1) 0%, rgba(236, 0, 255, 1) 50%,rgba(255, 103, 0, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.text-gradient-utility {
  background-image: linear-gradient(90deg, rgba(0, 224, 184, 1) 0%,rgba(18, 155, 255, 1) 100%);
  background-clip: text;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.border-radius { border-radius: .625rem; }
.btn-radius { border-radius: 4px; }
.border-gray { border: 1px solid rgba(0,0,0,.2); }
.border-radius-video { display: inline-block; border-radius: .625rem; overflow: hidden;line-height: 0; }
.hover-up { transition: transform .3s; }
.hover-up:hover { transform: translateY(-10px); }
a:hover { text-decoration: none; }

.products-container a:hover {
  background-color: rgba(140, 51, 255, 0.1) !important;
  border-color: rgba(140, 51, 255, 0.1);
}
.social-nav a { position: relative; }
.social-nav a::after {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 2px solid #000000;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  opacity: 0;
}
.social-nav a.active, .social-nav a.active::after { opacity: 1; font-weight: bold; }
a.more::after{
  content: '';
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  width: 0.375rem;
  height: 0.625rem;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='12' viewBox='0 0 9 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 6L1 11' stroke='%23006DFF' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
a.more2::after{
  content: '';
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  width: 0.5rem;
  height: 0.625rem;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23006DFF' stroke-width='1.5'/%3E%3Cpath d='M1 6L5 10L9 6' stroke='%23006DFF' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.bg-video-container::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  left: 0;
  top: 0;
}
.bg-video {
  position: absolute;
  top: -200%;
  right: -200%;
  bottom: -200%;
  left: -200%;
  width: 100%;
  margin: auto;
}
.bottom-gradient, .bottom-gradient > div { 
  position: relative; 
  overflow: hidden; 
}
.bottom-gradient::before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(270deg, rgba(0, 255, 253, 0.15) 0%, rgba(236, 0, 255, 0.15) 51.26%, rgba(255, 103, 0, 0.15) 100%);
}
.sub-nav {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
  z-index: 9;
  font-size: 0.875rem;
}
.sub-nav .d-flex { text-align: center; }
@media (max-width: 991.98px) {
  .sub-nav .d-flex { display: block !important; }
}
.sub-nav a.active::after, .sub-nav .overflow-auto a:hover:after{
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 2px solid #000000;
  left: 0;
  bottom: 0;
}
.sub-nav a.active { font-weight: bold; }
.sub-nav a {
  color: inherit;
  display: inline-block;
  position: relative;
  padding: 0.25rem 0;
}

/*二维码按钮样式*/
a.qrcode {
  position: relative;
  color: #000;
  border-color: #000;
}
a.qrcode:hover .append-qrcode{
  opacity: 1;
  z-index: 1;
  transform: translate(-50%, 8px);
}
.append-qrcode {
  position: absolute;
  max-width: 100%;
  width: 100%;
  padding: 0.75rem;
  background-color: #ffffff;
  left: 50%;
  transform: translate(-50%, 0);
  top: 100%;
  opacity: 0;
  z-index: -1;
  transition: opacity .3s, transform .3s;
}
.append-qrcode.expand {
  max-width: 10.625rem;
  width: 10.625rem;
}
.append-qrcode::before{
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-width: 0 6px 8px;
  border-style: solid;
  border-color: transparent transparent white;
  position: absolute;
  top: -8px;
  left: calc(50% - 4px);
}

.swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 0 4px;
  background: #006DFF;
  opacity: .3;
}
.swiper-pagination .swiper-pagination-bullet-active { background: #006DFF;opacity: 1; }
.play-container { position: relative; }
.play-container::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 6rem;
  height: 6rem;
  background-image: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='48' fill='white'/%3E%3Cpath d='M60.016 44.1751C62.9605 45.875 62.9605 50.125 60.016 51.8249L38.625 64.1751C35.6806 65.875 32 63.7501 32 60.3501V35.6499C32 32.2499 35.6806 30.125 38.625 31.8249L60.016 44.1751Z' fill='%23006DFF'/%3E%3C/svg%3E%0A");
  background-size: cover;
  filter: drop-shadow(0px 12px 32px rgba(0, 0, 0, 0.48));
}

.pfah-form input, .pfah-form select, .pfah-form textarea, .pfah-form button { border-radius: 4px; }
.pfah-form input, .pfah-form select, .pfah-form textarea {  border: 1px solid rgba(0, 0, 0, 0.2); }
.pfah-form input:focus, .pfah-form select:focus, .pfah-form textarea:focus { outline: none; box-shadow: none; }
.pfah-form input, .pfah-form select { height: 40px; line-height: 1.2;padding-top: .5rem;padding-bottom: .5rem;}
.pfah-form select {
  background-image: url(https://allstatics.wondershare.cn/neveragain/2019/assets/icon/extra/chevron-down.svg);
  background-size: 10px 16px;
}
.pfah-done, .pfah-error{display: none;}
.pfah-result-done .pfah-done, .pfah-result-error .pfah-error{display: block;}
.pfah-form input::placeholder, .pfah-form textarea::placeholder, .pfah-form .placeholder { color: rgba(0, 0, 0, 0.5); }
.pfah-form .placeholder-container { position: relative; }
.pfah-form .placeholder-container select { color: transparent; }
.pfah-form .placeholder-container select option, .pfah-form .placeholder-container select.show { color: #000000; }
.pfah-form .placeholder { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); pointer-events: none;}
.pfah-form .placeholder::after { content: '*'; color: #ff2776; }

#fxioake .text-muted { display: none; }
#fxioake { padding: 0 !important; }

#fxioake input, #fxioake select, #fxioake textarea, #fxioake button { border-radius: 4px; }
#fxioake input, #fxioake select, #fxioake textarea {  border: 1px solid rgba(0, 0, 0, 0.2); }
#fxioake input:focus, #fxioake select:focus, #fxioake textarea:focus { outline: none; box-shadow: none; }
#fxioake input, #fxioake select { height: 40px; line-height: 1.2;padding-top: .5rem;padding-bottom: .5rem;}
#fxioake select {
 background-image: url(https://allstatics.wondershare.cn/neveragain/2019/assets/icon/extra/chevron-down.svg);
 background-size: 10px 16px;
}
.pfah-done, .pfah-error{display: none;}
.pfah-result-done .pfah-done, .pfah-result-error .pfah-error{display: block;}
#fxioake input::placeholder, #fxioake textarea::placeholder, #fxioake .placeholder { color: rgba(0, 0, 0, 0.5); }
#fxioake .placeholder-container { position: relative; }
#fxioake .placeholder-container select { color: transparent; }
#fxioake .placeholder-container select option, #fxioake .placeholder-container select.show { color: #000000; }
#fxioake .placeholder { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); pointer-events: none;}
#fxioake .placeholder::after { content: '*'; color: #ff2776; }

head.wsc-header2020 .wsc-header202004-navbar-wondershare .wsc-header2020-navbar-link,
head.wsc-header2020 .wsc-header2020-navbar-link, .wsc-header2020 .wsc-header2020-navbarDropdown-toggle {
  font-size: 14px !important;
}
@media (min-width: 992px) {
  .padding-control { padding: 0 64px; }
  [data-sub-page=新闻动态] { padding-top: 1rem; }
}

@media (min-width: 1280px) {
  .wsc-header2020 .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"]>span::before { bottom: -25px !important; }
  .wsc-header2020 .wsc-header202004-navbar-wondershare .wsc-header2020-navbar-nav:last-child .wsc-header2020-navbar-item:first-child .wsc-header2020-navbar-link { padding: 0 16px; }
}

@media (max-width: 991.98px) {
  img[height=64] { transform: scale(.8); }
  .py-4.py-sm-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }

  section:first-child h1 { zoom: .8; }
  section:first-child h2 { zoom: .75; }

  .wsc-header2020 .wsc-header2020-navbar-item a { display: block; }
  .wsc-header2020 .wsc-header2020-navbar-item { position: relative; }
  .wsc-header2020 .wsc-header2020-navbar-item::after {
    content: '';
    position: absolute;
    width: calc(100% - 24px);
    left: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    bottom: 0;
  }

  .wsc-header2020 .wsc-header2020-navbar-dropdown .wsc-header2020-dropdownMenuBody-content {
    display: flex;
    flex-wrap: wrap;
  }
  .wsc-header2020 .wsc-header2020-navbar-dropdown .wsc-header2020-dropdownMenuBody-content .wsc-header2020-dropdownMenuBody-item{ width: 33.33%; }
}

/*temp*/
.enterprise .col:nth-child(2){ display: none; }
[data-sub-page=新闻动态] { margin-top: 3rem; }
.wsc-header2020 .wsc-header202004-navbar-wondershare .wsc-header2020-navbar-nav:first-child .wsc-header2020-navbar-link::after {
  display: none;
}
/*temp*/