/* Page content styles: pricing (from home_core.css) + knowledgebase (from main1.css), excludes global navbar rules */

@media (min-width: 769px) {
  .page-section.section-hero {
    padding-top: 68px;
    padding-bottom: 75px;
  }
.page-section {
  padding-top: 48px;
  padding-bottom: 55px;
  border-bottom: 1px solid #edeff2;
}
}
@media (max-width: 768px) {
  .page-section {
    padding-top: 128px;
    padding-bottom: 35px;
  }
  .section-row {
    padding-bottom: 35px;
    margin-bottom: 30px;
  }
}

.page-section:last-child {
  border: none;
}

/* 3.4 Section: Packages */

.packages {
  padding: 32px 0 5px 0;
}
.package {
  position: relative;
  display: block;
  margin: 0 0 20px 0;
  border: 1px solid #e6e9eb;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  font-family: 'microsoft yahei';
}
.package:hover {
  border-color: #1e88e5;
}
.package:active {
  border-color: #1e88e5;
}
.package-single {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}
.package-highlighted {
  position: relative;
  display: block;
  margin: -16px 0 20px 0;
  border: 1px solid #e6e9eb;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
}
.package-highlighted:hover {
  border-color: #1e88e5;
}
.package-highlighted:active {
  border-color: #1e88e5;
}
@media (max-width: 379px) {
  .packages .col-xs-6 {
    width: 100%;
  }
}

/* 3.4.1 Packages: Switcher */

.packages-switcher {
  position: relative;
  height: 42px;
  max-width: 556px;
  margin: 25px auto 25px;
  border: 1px solid #e6e9eb;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.packages-switcher span {
  position: relative;
  z-index: 2;
  display: block;
  float: left;
  width: 25%;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all ease-in .15s .15s;
  transition: all ease-in .15s .15s;
}
@media (max-width: 768px) {
.packages-switcher{
  max-width: 278px;
  height: 84px;
  }
.packages-switcher span {
  width: 50%;
  }
}
.packages-switcher.monthly span:last-child,
.packages-switcher:not(.monthly) span:first-child {
  color: #fff;
}
.packages-switcher:after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  content: "";
  height: 34px;
  width: 135px;
  background-color: #1e88e5;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all ease-in .3s;
  transition: all ease-in .3s;
}
.packages-switcher.monthly:after {
  left: 138px;
}

/* 3.4.1 Packages: Header */

.package-header {
  padding: 21px 20px 25px ;
  border-bottom: 1px solid #e6e9eb;
  background-color: #1e88e5;
}
.package-header-highlighted {
  padding: 11px 10px 10px ;
  border-bottom: 1px solid #e6e9eb;
  background-color: #4cc3ff;
}
.package-title {
  margin: 0 0 10px 0;
  font-size: 15px;
  font-weight: bold;
}
.package-price-highlighted {
  display: block;
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
}
.package-price {
  display: block;
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 500;
  line-height: 20px;
}
.package-price .cycle {
  font-size: 20px;
  font-weight: 300;
}
.package-hourly {
  display: block;
  color: #8a9399;
  font-size: 16px;
  line-height: 15px;
}

/* 3.4.2 Packages: Body */

.package-body {
  padding: 24px;
}
.package-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.package-body ul > li {
  margin: 0 0 4px 0;
  color: #616366;
}
.package-body ul > li:last-child {
  margin: 0;
}
@media (max-width: 991px) {
  .package-body {
    padding: 24px 10px;
  }
}

/* 3.4.3 Packages: Slider */

.section-dark .package-slider-option {
  margin-top: 40px;
  background: #fff;
  border: none;
  -webkit-box-shadow: 0 5px 20px -5px rgba(11,27,38, 0.2);
  box-shadow: 0 5px 20px -5px rgba(11,27,38, 0.2);
}
.package-slider {
  position: relative;
  height: 34px;
  border: 1px solid #e6e9eb;
  background: #fff;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.package-slider {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -17px;
  margin: 0 24px;
}
.package-slider .slider {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
  height: 34px;
  margin: 0 58px 0 32px;
  cursor: pointer;
}

/*pricing*/
.btn-buy {
  color: #fff;
  background-color: #1e88e5;
  border-color: #1e88e5;
  height: 55px;
  width: 100%;
  padding: 15px 16px;
  border-radius: 3px;
  font-size: 22px;
  font-weight: 400;
}
.btn-buy:hover,
.btn-buy:focus,
.btn-buy.focus,
.btn-buy:active,
.btn-buy.active,
.open > .btn-buy{
  color: #fff;
  background-color: #3ba3ff;
  border-color: #3ba3ff;
}
.pricing-desion-div{
    line-height: 20px; 
}
.pricing-desion-check{
    color: #1e88e5;
    width: 1.5em;
    margin: 0 10px;
}
.pricing-desion-times{
    color: #FF3333;
    width: 1.5em;
    margin: 0 10px;
}

/*pricing-list*/

/*pricing-list*/

@media screen and (min-width: 768px){
.o-container-xl {
  max-width: 84.5rem
}
}


.o-container {
  max-width: 72.5rem
}
.o-container,.o-container-xl {
  margin: 0 auto;
  padding: 0 20px
}




.t-p-columns,.t-p-table,.t-p-table-categories {
  display: flex;
  flex-direction: row
}

.t-p-first {
  background: #fff;
  border-top: 10px solid #fff;
  top: 91px;
  z-index: 10
}

@media screen and (max-width:64rem) {
  .t-p-first {
    top: 60px
  }
}

.t-p-first>div:nth-child(4) {
}

.t-p-table-categories:nth-child(2n),.t-p-table:nth-child(2n) {
  background: #fbfbfb
}

.t-p-table__heading.v--highlighted {
  background-color: #ffd000
}

.t-p-table__heading.v--highlighted.v--active-plan,.t-p-table__heading.v--highlighted.v--lower-plan {
  background-color: transparent
}

.t-p-table__button.v--lower-plan {
  display: none
}

.t-p-table__button.c-btn {
  padding-left: 1rem;
  padding-right: 1rem
}

.t-p-table__button:before {
  content: attr(data-text)
}

.t-p-table__button.v--active-plan {
  opacity: .3;
  pointer-events: none
}

.t-p-table__button.v--active-plan.v--signup {
  background-color: #fff;
  border-color: #0f0f10;
  color: #0f0f10
}

.t-p-table__button.v--active-plan.v--signup:hover {
  background-color: #0f0f10;
  border-color: #0f0f10;
  color: #fff
}

.t-p-table__button.v--active-plan:before {
  content: attr(data-active-text)
}

.t-p-cell-xl {
  width: 36%
}

.t-p-cell-sm {
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 16%
}

.t-p-first .t-p-cell-sm,.t-p-first .t-p-cell-xl {
  max-height: none
}

.t-p-hint {
  margin-left: 8px;
  position: relative;
  top: .19rem
}

.t-p-hint svg path {
    fill: #1e88e5
}

.t-p-hint:hover svg path {
  fill: #3ba3ff
}

@media screen and (max-width:61.25rem) {
  .t-p-columns>div {
    width: 45%
  }

  .t-p-columns>div:nth-child(3),.t-p-columns>div:nth-child(4) {
    margin-top: 20px
  }

  .t-p-features {
    display: none
  }
}

@media screen and (max-width:1025px) {
  .t-p-table,.t-p-table-categories {
    border-left-width: 1px;
    flex-wrap: wrap
  }

  .t-p-table-categories:nth-child(2n),.t-p-table:nth-child(2n) {
    background: none
  }

  .t-p-cell-xl {
    background: #fbfbfb;
    border-bottom-width: 1px;
    font-weight: 500;
    width: 100%
  }

  .t-p-first .t-p-cell-xl {
    border: none
  }

  .t-p-cell-sm {
    width: 25%
  }

  .t-p-table-categories .t-p-cell-sm {
    font-size: 12px
  }
}

.u-border-b {
  border-bottom: 1px solid #d4d4d7;
}
.u-border-r {
  border-right: 1px solid #d4d4d7;
  }
.u-text-center {
    text-align: center
  }
.u-border-t {
  border-top: 1px solid #d4d4d7;
  }

.u-text-p6,.u-text-p6-bold {
  font-size: 1.125rem;
  font-weight: 400
}

.u-text-p6-bold {
  font-weight: 500
}
.u-pt-xs {
  padding-top: .5rem!important
}

@media screen and (max-width:31.1875rem) {
  .t-p-columns>div {
    margin: auto;
    width: 90%
  }

  .t-p-columns>div:nth-child(2) {
    margin-top: 20px
  }

  .t-p-pricing-plans {
    margin: 1rem auto;
    padding: 0;
    writing-mode: vertical-rl
  }
}

.u-hidden {
  display: none
}
@media (min-width:36rem) {

.sm\:u-block {
    display: block
  }
.sm\:u-pl-md,.sm\:u-px-md {
    padding-left: 1rem!important
  }
.sm\:u-px-xs {
    padding-right: .5rem!important
  }
.sm\:u-px-md {
    padding-right: 1rem!important
  }
.sm\:u-Pl-md,.sm\:u-Px-md {
    padding-left: 3rem!important
  }
.sm\:u-Px-md {
    padding-right: 3rem!important
  }
.sm\:u-border {
    border-style: solid;
    border-width: 1px
  }
.sm\:u-border-t {
    border-top-width: 1px
  }
.sm\:u-border-r {
    border-right-width: 1px
  }
.sm\:u-border-b {
    border-bottom-width: 1px
  }

 }

@media (min-width:48rem) {
.md\:u-pl-md,.md\:u-px-md {
    padding-left: 1rem!important
  }
.md\:u-px-md {
    padding-right: 1rem!important
  }
.md\:u-Pl-md,.md\:u-Px-md {
    padding-left: 3rem!important
  }
.md\:u-Px-md {
    padding-right: 3rem!important
  }
.md\:u-border {
    border-style: solid;
    border-width: 1px
  }
.md\:u-border-t {
    border-top-width: 1px
  }
.md\:u-Pl-xs {
  margin-left: 20px;
  }
.md\:u-border-r {
    border-right-width: 1px
  }
.md\:u-border-b {
    border-bottom-width: 1px
  }
 }


@media (min-width:64rem) {
.lg\:u-pl-md,.lg\:u-px-md {
    padding-left: 1rem!important
  }
.lg\:u-px-md {
    padding-right: 1rem!important
  }
.lg\:u-Pl-md,.lg\:u-Px-md {
    padding-left: 3rem!important
  }
.lg\:u-Px-md {
    padding-right: 3rem!important
  }
.lg\:u-pl-xs,.lg\:u-px-xs {
    padding-left: .5rem!important
  }
.lg\:u-px-xs {
    padding-right: .5rem!important
  }
.lg\:u-border {
    border-style: solid;
    border-width: 1px
  }
.lg\:u-border-t {
    border-top-width: 1px
  }
.lg\:u-border-r {
    border-right-width: 1px
  }
.lg\:u-border-b {
    border-bottom-width: 1px
  }
 }

@media (min-width:75rem) {
.xl\:u-pl-md,.xl\:u-px-md {
    padding-left: 1rem!important
  }
.xl\:u-px-md {
    padding-right: 1rem!important
  }

.xl\:u-pl-md,.xl\:u-px-md {
    padding-left: 1rem!important
  }

.xl\:u-px-md {
    padding-right: 1rem!important
  }
.xl\:u-border {
    border-style: solid;
    border-width: 1px
  }

  .xl\:u-border-t {
    border-top-width: 1px
  }

  .xl\:u-border-r {
    border-right-width: 1px
  }

  .xl\:u-border-b {
    border-bottom-width: 1px
  }
 }
.u-text-p6,.u-text-p6-bold {
  font-size: 1.125rem;
  font-weight: 400
}

.u-text-p6-bold {
  font-weight: 500
}

.t-tooltiptext-right,.t-tooltiptext-top {
  background: #1b1b20;
  border-radius: 5px;
  color: #fff;
  display: none;
  font-size: 12px;
  mix-blend-mode: normal;
  padding: 8px 16px;
  position: absolute;
  z-index: 1000
}

.t-tooltiptext-top {
  bottom: 110%;
  margin-left: 0;
  width: 210px
}

@media screen and (min-width: 769px){
.t-tooltiptext-right {
  left: calc(100% + 40px);
  right: auto;
  top: 50%;
  transform: translate(-20px,-50%);
  width: 250px
}
}
@media screen and (max-width: 768px){
.t-p-hint.t-tooltip:hover .t-tooltiptext-right,
.t-p-hint.t-tooltip:hover .t-tooltiptext-top {
  display: none !important;
}
.t-tooltiptext-right.tooltip-mobile-portal,
.t-tooltiptext-top.tooltip-mobile-portal {
  display: block !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  width: min(300px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  height: auto !important;
  max-height: 80vh !important;
  overflow-y: auto !important;
  text-align: center !important;
  z-index: 10001 !important;
  box-sizing: border-box !important;
  line-height: 1.5 !important;
}
.t-tooltiptext-right.tooltip-mobile-portal:after,
.t-tooltiptext-top.tooltip-mobile-portal:after {
  display: none !important;
}
.tooltip-mobile-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 10000;
}
body.tooltip-mobile-open {
  overflow: hidden;
}
}

.t-tooltiptext-right:after,.t-tooltiptext-top:after {
  border-color: #000 transparent transparent;
  border-width: 5px;
  content: " ";
  margin-left: -5px;
  position: absolute
}

.t-tooltiptext-top:after {
  border-color: #000 transparent transparent;
  left: 50%;
  top: 100%
}

.t-tooltiptext-right:after {
  border-color: transparent #000 transparent transparent;
  right: 100%;
  top: 40%
}

.t-tooltip:hover .t-tooltiptext-right,.t-tooltip:hover .t-tooltiptext-top {
  display: block;
  line-height: 20px;

}

@-webkit-keyframes fadein {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.t-tooltip:hover .t-tooltiptext-top,.t-tooltiptext-right {
  -webkit-animation: fadein .5s;
  animation: fadein .5s
}
.u-justify-center {
  justify-content: center
}

.u-w-auto {
  width: auto;
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.list-section{
    font-family: Colfax,colfax-web,Proxima Nova,Open Sans,Gill Sans MT,Gill Sans,Arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
}


@media screen and (min-width: 768px){
  .u-Py-2xs{
  padding-bottom: .25rem!important;
  padding-top: .25rem!important;
}
}


@media screen and (max-width: 768px){
  .u-Py-2xs{
  padding-bottom: 1rem!important;
  padding-top: 1rem!important;
  }
}

.iconsvg{
     width: 30px;
    height: 30px;
    margin-top: -5px;
    vertical-align: middle;
    overflow: hidden;
    fill: #ffffff;
  }
@media (min-width: 769px) {
.dropdowns{
  margin-top: 5px;
  float: left
  }
}
@media (max-width: 768px) {
.dropdowns{
  margin-top: 5px;
  }
}
.bannerbtn{
  width: 150px;
  margin-top: 5px;
  margin-left: 10px;
  float: left;
  }
.dropdowns2{
  margin-top: 0px;
  }
.slogan-desc2{
  max-width: 700px;
    margin: 10px auto;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    text-transform: none;}
.btbox{
    width: 320px;
    margin: 0 auto;
  }


.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.d-none{display:none!important}.shadow{box-shadow:0 .25rem 1rem rgba(161,172,184,.45)!important}

.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}
.justify-content-around{justify-content:space-around!important}
.justify-content-evenly{justify-content:space-evenly!important}
.btn-group,.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
  position: relative;
  flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
  z-index: 1
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
  margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.dropdown-toggle-split {
  padding-right: .9rem;
  padding-left: .9rem
}

.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after {
  margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
  padding-right: .515625rem;
  padding-left: .515625rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
  width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
  margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.btn-outline-primary {
  color: #4687ff;
  border-color: #4687ff;
  background: 0 0
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #3279ff;
  border-color: #3279ff;
  box-shadow: 0 .125rem .25rem 0 rgba(105,108,255,.4);
  transform: translateY(-1px)
}

.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus {
  color: #fff;
  background-color: #3279ff;
  border-color: #3279ff;
  box-shadow: none;
  transform: translateY(0)
}

.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active {
  color: #fff;
  background-color: #3279ff;
  border-color: #3279ff
}

.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus {
  box-shadow: none
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
  box-shadow: none
}

.btn-outline-primary .badge {
  background: #4687ff;
  border-color: #4687ff;
  color: #fff
}

.btn-outline-primary.active .badge,.btn-outline-primary:active .badge,.btn-outline-primary:focus:hover .badge,.btn-outline-primary:hover .badge,.show>.btn-outline-primary.dropdown-toggle .badge {
  background: #fff;
  border-color: #fff;
  color: #4687ff
}

/* --- Knowledgebase --- */
.c-section.c-p-y-tall.hero-eventblock {
  padding-bottom:5px
}
.com-hero-event {
  display:block;
  box-sizing:border-box;
  padding:10px 20px;
  margin-left:-1px;
  margin-right:-1px;
  height:134px;
  text-align:center;
  background-color:#fff;
  transition:box-shadow .3s linear
}
.com-hero-event-img {
  display:block;
  margin:0 auto;
  width:44px;
  height:44px
}
.com-hero-event-title {
  display:inline-block;
  vertical-align:middle;
  padding-bottom:2px;
  max-width:100%;
  margin-top:10px;
  font-size:18px;
  line-height:28px;
  font-weight:400;
  color:#333;
  border-bottom:1px solid #00a4ff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.com-hero-event-title em {
  color:#00a4ff;
  font-weight:500
}
.com-hero-event-title .tag {
  position:relative;
  top:-2px;
  display:inline-block;
  vertical-align:middle;
  box-sizing:border-box;
  margin-right:5px;
  padding:0 8px;
  height:20px;
  border-radius:2px;
  border:1px solid #FF7200;
  font-size:12px;
  line-height:18px;
  color:#FF7200
}
.com-hero-event-desc {
  margin-top:6px;
  font-size:12px;
  line-height:21px;
  color:#666;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.com-hero-event:hover {
  position:relative;
  z-index:2;
  box-shadow:0 0 6px rgba(207,216,221,.63),0 4px 6px rgba(207,216,221,.63)
}
.com-hero-events {
  display:table;
  table-layout:fixed;
  width:100%
}
.com-hero-events>.event-cell {
  position:relative;
  display:table-cell;
  vertical-align:top
}
.com-hero-events>.event-cell:first-child {
  padding-left:0
}
.com-hero-events>.event-cell:last-child {
  padding-right:0
}
.com-hero-events>.event-cell:before {
  content:'';
  position:absolute;
  left:0;
  top:50%;
  margin-top:-40px;
  width:1px;
  height:80px;
  background-color:#E1E3E9
}
.com-hero-events>.event-cell:first-child:before {
  display:none
}

.c-hero-bar {
  margin-top: 50px;
  background-image:url(../../includes/img/banner_pc.png)
}

@media screen and (min-width: 768px){
  .c-hero-bar .doc-page-bar {
    width:650px;
    max-width:650px;
  }
}


@media screen and (max-width: 768px){
  .c-hero-bar .doc-page-bar {
    width:350px;
    max-width:350px;
  }
}

.c-hero-bar .p-all-bar .c-search-input {
  height:45px;
  line-height:25px;
  font-size:16px;
  border:none;
  padding:10px 15px
}
.c-hero-bar .p-all-search-list {
  top:50px;
  background:#fff;
  -webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.08),0 4px 6px 0 rgba(0,0,0,.1);
  -moz-box-shadow:0 0 6px 0 rgba(0,0,0,.08),0 4px 6px 0 rgba(0,0,0,.1);
  box-shadow:0 0 6px 0 rgba(0,0,0,.08),0 4px 6px 0 rgba(0,0,0,.1);
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  font-size:14px;
  text-align:left
}


.p-all-search-list {
  overflow-x:hidden
}

.p-all-bar .p-all-search-list .p-all-search-none-about:hover {
  background-color:inherit;
  cursor:default
}
.c-hero-bar .p-all-bar .c-search-btn {
  height:45px;
  border:none
}
.c-hero-bar .c-search-tip {
  font-size:14px;
  padding:15px 0;
  text-align:left
}
.c-hero-bar .c-search-tip>span {
  color:#ccc
}
.c-hero-bar .c-search-tip>a {
  color:#fff
}
.c-hero-bar .c-search-tip>a:hover {
  color:#00a4ff
}
.c-hero-bar .c-search-tip>a+a {
  margin-left:10px
}
.c-hero-bar .search-result-title {
  font-size:12px;
  color:#999;
  line-height:14px;
  padding:0 5px
}
.c-hero-bar .doc-page-bar .p-all-search-item a {
  padding:10px 25px;
  line-height:1
}
.c-hero-bar .p-all-search-con {
  color:#333;
  font-size:14px;
  line-height:1
}
.c-hero-bar .p-all-search-item:hover .p-all-search-con {
  color:#00a4ff
}
.c-hero-bar .search-no-result {
  padding:10px 5px 50px;
  font-size:14px;
  line-height:1;
  color:#999
}
.c-hero-bar .p-all-search-item.actived {
  background-color:#f5f5f5
}
.c-hero-bar .p-all-bar .c-search-btn:after {
  background-image:url(../../includes/img/faq-202001081052.svg);
  background-position:98.44000000000001% 56.45%;
  background-size:500% 487.5%;
  background-repeat:no-repeat
}
.c-hero-bar .doc-page-bar .p-all-search-item:hover {
  background-color:#f5f5f5
}
.hide {
  display:none
}


.c-section.c-p-y-tall {
  padding:70px 0 80px
}
.c-section.c-p-y-short {
  padding:45px 0 50px
}
.c-section.bg-color {
  background:#f7f8fa
}
.c-section-inner {
  margin:0 auto;
  width:100%;
  max-width:1200px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  padding:0 10px
}
.c-section-hd {
  margin-bottom:55px
}
.c-section.c-p-y-short .c-section-hd {
  margin-bottom:35px
}
.c-section-tit {
  text-align:center;
  text-align:center;
  font-size:32px;
  color:#000;
  font-weight:400;
  line-height:46px
}
.c-section-des {
  text-align:center;
  text-align:center;
  font-size:16px;
  color:#666;
  margin:16px 0 0;
  line-height:28px
}
.c-section-des a {
  color:#00a4ff
}
.c-section-des a:hover {
  text-decoration:underline
}
.c-section-hd-align-left,.c-section-hd-align-left .c-section-des,.c-section-hd-align-left .c-section-tit {
  text-align:left
}

.c-hero-bar .mod-hero {
  background-color:#0c1328
}
.c-hero-bar .img-item {
  background-position:center;
  background-repeat:no-repeat;
  text-align:center
}
.c-hero-bar .img-item:after {
  content:'';
  display:inline-block;
  width:0;
  height:255px;
  vertical-align:middle;
  overflow:hidden
}
.c-hero-bar .hero-text {
  color:#fff;
  font-size:34px;
  vertical-align:middle;
  display:inline-block
}
.c-hero-bar .hero-text h1 {
  font-weight:400
}
.c-hero-bar .hero-text p {
  font-size:16px;
  margin-top:10px
}
.c-hero-bar {
  min-width:320px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  background-color:#61697c;
  -webkit-font-smoothing:antialiased
}
.c-hero-bar-inner {
  box-sizing:border-box;
  margin:0 auto;
  padding:0 10px;
  max-width:1200px;
  height:380px;
  color:#fff;
  line-height:1.5;
  font-size:0;
  text-align:center
}
.c-hero-bar-inner:before {
  content:'';
  display:inline-block;
  vertical-align:middle;
  width:0;
  height:100%
}
.c-hero-bar-ct {
  display:inline-block;
  vertical-align:middle;
  max-width:99%
}
.c-hero-bar-tit {
  margin-bottom:16px;
  color: #fff;
  font-size:40px;
  line-height:56px;
  font-weight:400
}
.c-hero-bar-desc {
  font-size:16px;
  line-height:28px
}

.c-search-input {
  padding-right:50px
}

.c-search-with-select .c-search-input {
  padding-right:150px
}

.c-search-input {
  display:block;
  height:50px;
  width:100%;
  padding:4px 140px 4px 20px;
  font-size:16px;
  line-height:40px;
  border:1px solid #c2c2c2;
  border-radius:0;
  -webkit-appearance:none
}
.c-search-input:focus {
  border-color:#00a4ff;
  outline:0;
  box-shadow:0 0 2px rgba(34,119,218,.3)
}
.c-search-btn {
  position:absolute;
  right:0;
  top:0;
  width:120px;
  height:50px;
  box-sizing:border-box;
  transition:background .2s ease;
  -webkit-transition:background .2s ease;
  background:#00a4ff;
  border:none;
  line-height:250px;
  overflow:hidden;
  outline:0
}
.c-search-btn:after {
  position:absolute;
  content:"";
  display:inline-block;
  background-image:url(../../includes/img/global-20209142343.svg);
  width:24px;
  height:24px;
  top:13px;
  left:50%;
  margin-left:-12px;
  background-position:31% 43.43%;
  background-size:1350% 1241.6666666666665%;
  background-repeat:no-repeat
}
.c-search-btn:hover {
  background:#0070cc
}
.c-search-dropdown {
  display:none;
  position:absolute;
  top:100%;
  right:0;
  z-index:300;
  box-sizing:border-box;
  width:100%;
  max-height:150px;
  border:1px solid #D1D2D3;
  overflow-y:scroll;
  background-color:#fff
}
.c-search-dropdown-visible {
  display:block
}
.c-search-dropdown-item {
  display:block;
  margin-bottom:1px;
  padding:0 20px;
  font-size:14px;
  text-align:left;
  line-height:30px;
  color:#333;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer
}
.c-search-dropdown-item-actived,.c-search-dropdown-item:hover {
  background:#f2f2f2
}
.p-all-bar .c-search-btn {
  position:relative;
  line-height:36px;
  border:1px solid #e5e5e5;
  border-left:none;
  height:36px;
  width:35px;
  vertical-align:middle;
  text-indent:-10000px;
  border-radius:0
}
.p-all-bar .c-search-btn:after {
  background-image:url(../../includes/img/global-20209142343.svg);
  width:16px;
  height:16px;
  top:50%;
  left:50%;
  margin:-8px 0 0 -8px;
  background-position:70.45% 93.26%;
  background-size:2025% 1862.5%;
  background-repeat:no-repeat
}
.p-all-bar .c-search-input:focus+.c-search-btn:after {
  background-image:url(../../includes/img/global-20209142343.svg);
  background-position:76.3% 93.26%;
  background-size:2025% 1862.5%;
  background-repeat:no-repeat
}
.p-all-bar .c-search-input:focus+.c-search-btn {
  border-color:#00a4ff
}
.p-all-bar .c-search-btn,.p-all-bar .c-search-btn:hover {
  background-color:#fff
}

.p-all-search-list {
  position:absolute;
  top:40px;
  left:0;
  border:1px solid #e5e5e5;
  width:calc(100% - 1px);
  max-height:380px;
  box-sizing:border-box;
  background-color:#fff;
  box-shadow:#eee 2px 2px 0;
  overflow:auto;
  z-index:1
}
.p-all-search-item {
  white-space:nowrap;
  box-sizing:border-box;
  cursor:pointer
}
.p-all-search-item>.p-all-search-item-inner {
  padding:10px
}
.p-all-search-item a {
  padding:10px;
  display:block
}
.p-all-search-item-inner {
  display:inline-block;
  vertical-align:middle
}
.p-all-search-tit {
  font-size:14px;
  color:#000;
  font-weight:400;
  margin-bottom:3px
}
.p-all-search-con {
  color:#666;
  font-size:12px;
  white-space:normal
}
.p-all-search-item.actived {
  background-color:#f7f8fa
}
.p-all-search-item.actived .p-all-search-tit {
  color:#00a4ff
}
.p-all-search-item.disabled:hover {
  background-color:#fff;
  cursor:default
}
.p-all-search-item.disabled:hover .p-all-search-tit {
  color:#000
}
.p-all-bar .c-search-input {
  line-height:1;
  border-color:#e5e5e5;
  border-right:0;
  box-shadow:none;
  display:inline-block;
  vertical-align:middle;
  width:calc(100% - 35px);
  font-size:14px;
  padding-right:20px;
  padding-left:10px
}
.p-all-bar .c-search-btn {
  line-height:35px;
  border:1px solid #e5e5e5;
  border-left:none;
  height:35px;
  width:35px;
  vertical-align:middle;
  text-indent:-10000px;
  border-radius:0
}


.p-all-bar .c-search-btn {
  position:relative;
  line-height:36px;
  border:1px solid #e5e5e5;
  border-left:none;
  height:36px;
  width:35px;
  vertical-align:middle;
  text-indent:-10000px;
  border-radius:0
}
.p-all-bar .c-search-btn:after {
  background-image:url(../../includes/img/global-20209142343.svg);
  width:16px;
  height:16px;
  top:50%;
  left:50%;
  margin:-8px 0 0 -8px;
  background-position:70.45% 93.26%;
  background-size:2025% 1862.5%;
  background-repeat:no-repeat
}
.p-all-bar .c-search-input:focus+.c-search-btn:after {
  background-image:url(../../includes/img/global-20209142343.svg);
  background-position:76.3% 93.26%;
  background-size:2025% 1862.5%;
  background-repeat:no-repeat
}
.p-all-bar .c-search-input:focus+.c-search-btn {
  border-color:#00a4ff
}
.p-all-bar .c-search-btn,.p-all-bar .c-search-btn:hover {
  background-color:#fff
}



.normal-faq-card {
  padding:40px 50px 40px 10px;
  border:1px solid #e5e5e5
}
.normal-card-list .c-media-horiz {
  padding:0 0 0 135px
}
.normal-faq-card .c-media-aline .c-media-img {
  top:0;
  left:0;
  display:block;
  width:112px
}
.normal-faq-card .ico32 {
  display:inline-block
}
.normal-faq-card .ico-view {
  display:inline-block;
  width:48px;
  height:48px
}
.normal-faq-card .c-media-horiz .c-media-body {
  display:block
}
.normal-faq-card .c-media-aline .c-media-heading {
  margin-left:0;
  text-align:center
}
.normal-faq-card .c-media-info {
  margin-top:0
}
.normal-faq-card .c-media-info>li {
  line-height:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.normal-faq-card .c-media-info>li:before {
  content:'';
  display:inline-block;
  width:4px;
  height:4px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  background-color:#999;
  vertical-align:4px;
  margin-right:6px
}
.normal-faq-card .c-media-info>li+li {
  margin-top:0px
}
.normal-faq-card .c-media-info>li>a {
  font-size:14px;
  color:#666
}
.normal-faq-card .c-media-info>li>a:hover {
  color:#00a4ff
}
.c-media {
  line-height:1.5;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background:#fff;
  padding:20px;
  display:block
}
.c-media-img {
  width:100%;
  text-align:center
}
.c-media-body {
  margin-top:20px
}
.c-media-heading {
  text-align:center;
  font-size:18px;
  color:#333;
  margin:0;
  padding:0;
  font-weight:400;
  line-height:1.5
}
.c-media-info {
  font-size:14px;
  color:#666;
  margin-top:10px;
  line-height:1.7;
  word-wrap:break-word
}
.c-media-link {
  color:#00a4ff;
  text-decoration:none;
  margin-right:10px
}
.c-media-link:hover {
  text-decoration:underline
}
.c-media-linkmore {
  color:#00a4ff;
  text-decoration:none;
  margin-right:10px;
  display:inline-block;
  margin-top:10px
}
.c-media-linkmore:hover {
  text-decoration:underline
}
.c-media-link-center {
  margin-top:10px;
  text-align:center
}
.c-media-link-center .c-media-linkmore {
  margin:0
}
.c-media-link-arrow {
  color:#00a4ff;
  text-decoration:none
}
.c-media-link-arrow:after {
  content:'';
  position:relative;
  top:-1px;
  display:inline-block;
  vertical-align:middle;
  margin-left:5px;
  width:5px;
  height:8px;
  background-image:url(../../includes/img/global-20209142343.svg);
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  background-position:99.69% 11.379999999999999%;
  background-size:6480% 3725%;
  background-repeat:no-repeat
}
.c-media-link-arrow:hover:after {
  -webkit-transform:translateX(3px);
  transform:translateX(3px)
}
.c-media-bg32 {
  height:32px
}
.c-media-bg48 {
  height:48px
}
.c-media-bg64 {
  height:64px
}
.c-media-bg144 {
  height:144px
}
.c-media-motion {
  cursor:pointer;
  -webkit-transition:box-shadow .2s linear;
  -webkit-transition:transform .2s linear;
  transition:box-shadow .2s linear;
  transition:transform .2s linear
}
.c-media-motion:hover {
  box-shadow:0 0 6px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1);
  -webkit-transform:translate3d(0,-3px,0);
  transform:translate3d(0,-3px,0)
}
.c-media-circle .c-media-img {
  border:1px solid #ddd;
  border-radius:50%;
  width:100px;
  height:100px;
  display:block;
  padding:18px;
  box-sizing:border-box;
  margin:0 auto
}
.c-media-bor {
  border:1px solid #e5e5e5
}
.c-media-horiz {
  position:relative;
  line-height:1.5;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background:#fff;
  padding:20px;
  display:block
}
.c-media-horiz:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.c-media-horiz .c-media-img {
  display:table-cell;
  vertical-align:top;
  width:inherit;
  padding:0 15px 0 0
}
.c-media-horiz .c-media-body {
  display:table-cell;
  vertical-align:top;
  margin-top:0
}
.c-media-horiz .c-media-heading {
  text-align:left
}
.c-media-watermark {
  overflow:hidden;
  position:relative
}
.c-media-watermark .c-media-body {
  margin-top:0
}
.c-media-watermark .c-media-img {
  padding:0;
  width:144px;
  height:144px;
  display:inline-block;
  position:absolute;
  bottom:-40px;
  right:-40px
}
.c-media-aline {
  position:relative
}
.c-media-aline .c-media-img {
  position:absolute;
  left:20px;
  top:20px
}
.c-media-aline .c-media-heading {
  margin-left:40px
}
.c-media-expand {
  padding:0
}
.c-media-expand .c-media-body {
  padding:0 20px 20px
}
.c-media-expand.c-media-horiz .c-media-body {
  padding:20px 20px 20px 0
}
.c-media-para {
  padding:25px 20px;
  border-bottom:#e5e5e5 1px solid
}
.c-media-para .c-media-head {
  position:relative
}
.c-media-para .c-media-para-tit {
  font-size:18px;
  font-weight:400;
  color:#333
}
.c-media-para .c-media-body {
  margin-top:15px
}
.c-media-para-tit-aside {
  position:absolute;
  right:0;
  top:5px;
  color:#999
}
.c-media-para-tit-aside span {
  margin-right:10px
}
.c-media-para-txt {
  max-width:670px;
  color:#666;
  transition:all .2s linear;
  max-height:100px;
  overflow:hidden
}
.c-media-para-txt.close {
  max-height:22px;
  overflow:hidden;
  transition:all .2s linear
}
.c-media-para-links {
  padding-top:15px
}
.c-media-para-links a {
  color:#999;
  display:inline-block;
  padding:0 15px;
  position:relative
}
.c-media-para-links a:hover {
  text-decoration:underline
}
.c-media-para-links a:after {
  content:'';
  position:absolute;
  width:1px;
  height:14px;
  background-color:#999;
  right:0;
  top:3px
}
.c-media-para-links a:first-child {
  padding-left:0
}
.c-media-para-links a:last-child:after {
  display:none
}
.c-align-left {
  text-align:left
}
.c-media-heading-weak {
  color:#999
}
.c-media-topicon-alignleft .c-media-img {
  text-align:left;
  margin-bottom:10px
}
.c-media-topicon-alignleft .c-media-img img {
  margin:0
}
.c-media-topicon-alignleft .c-media-heading {
  text-align:left
}
.c-media-topicon-alignleft [class*=' c-media-bg'],.c-media-topicon-alignleft [class^=c-media-bg] {
  background-position:left center
}
.c-grid-nocard-expand {
  margin-left:-30px;
  margin-right:-30px
}
.c-grid-nocard-expand .c-media {
  background:0 0
}
.c-media-shadow {
  border:none;
  box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.12);
  cursor:pointer;
  -webkit-transition:box-shadow .2s linear;
  -webkit-transition:transform .2s linear;
  transition:box-shadow .2s linear;
  transition:transform .2s linear
}
.c-media-shadow:hover {
  box-shadow:0 0 6px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1);
  -webkit-transform:translate3d(0,-3px,0);
  transform:translate3d(0,-3px,0)
}
.c-media-extra-infos {
  margin-bottom:-20px;
  border-top:1px solid #e5e5e5;
  font-size:0;
  height:54px;
  line-height:54px
}
.c-media-extra-info {
  display:inline-block;
  margin-left:20px;
  color:#666;
  font-size:14px
}
.c-media-extra-info:first-child {
  margin-left:0
}
.c-media-extra-info .icon {
  position:relative;
  top:-1px;
  display:inline-block;
  vertical-align:middle;
  margin-right:8px;
  width:16px;
  height:16px
}
.c-media-skin-scene {
  padding:30px
}
.c-media-skin-scene .c-media-body {
  box-sizing:border-box;
  margin-top:0;
  height:140px
}
.c-media-skin-scene:hover .c-media-heading {
  color:#00a4ff
}
.c-media-skin-scene .c-media-extra-infos {
  margin-bottom:-30px
}
.c-media-skin-lab {
  padding:30px
}
.c-media-skin-lab .c-media-body {
  height:118px
}
.c-media-skin-lab:hover .c-media-heading {
  color:#00a4ff
}
.c-media-skin-lab .c-media-info {
  -webkit-line-clamp:2;
  max-height:3em
}
.c-media-skin-lab .c-media-extra-infos {
  margin-bottom:-30px
}
.c-media-skin-resource {
  position:relative;
  padding:30px;
  height:143px;
  overflow:hidden
}
.c-media-skin-resource .c-media-body {
  margin-top:0
}
.c-media-skin-resource .c-media-heading {
  text-align:left
}
.c-media-skin-resource .c-media-info {
  margin-top:10px
}
.c-media-skin-resource:hover .c-media-heading {
  color:#00a4ff
}
.c-media-skin-resource.c-media-watermark .c-media-img {
  position:absolute;
  right:-28px;
  bottom:-26px;
  width:auto;
  filter:grayscale(100%)
}
.c-media-skin-resource.c-media-watermark:hover .c-media-img {
  filter:grayscale(0)
}
.c-media-skin-resource.c-media-watermark .c-media-img img {
  display:block
}
.c-media-skin-resource.c-media-watermark .c-media-body {
  position:relative;
  max-width:234px
}
.c-media-skin-resource.c-media-watermark .c-media-info {
  margin-top:0;
  margin-bottom:5px;
  color:#999;
  line-height:24px
}
.c-media-nomotion {
  cursor:default;
  transition:none;
  -webkit-transition:none
}
.c-media-nomotion:hover {
  box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.12);
  transition:none;
  -webkit-transition:none;
  transform:none;
  -webkit-transform:none
}

.c-grid {
  font-size:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
.c-grid [class*=c-g-] {
  display:inline-block;
  zoom:1;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-size:14px;
  padding-left:10px;
  padding-right:10px;
  vertical-align:top
}
.c-grid-expand {
  margin-right:-10px;
  margin-left:-10px
}
.c-grid-inner {
  font-size:0;
  padding:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin-right:-10px;
  margin-left:-10px
}
.c-grid-inner [class*=c-g-] {
  display:inline-block;
  zoom:1;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-size:14px;
  padding-left:10px;
  padding-right:10px;
  vertical-align:top
}
.c-g-1 {
  width:4.1667%
}
.c-g-2 {
  width:8.3333%
}
.c-g-3 {
  width:12.5%
}
.c-g-4 {
  width:16.6667%
}
.c-g-5 {
  width:20%
}
.c-g-6 {
  width:25%
}
.c-g-7 {
  width:29.1667%
}
.c-g-8 {
  width:33.3333%
}
.c-g-9 {
  width:37.5%
}
.c-g-10 {
  width:41.6667%
}
.c-g-11 {
  width:45.8333%
}
.c-g-12 {
  width:50%
}
.c-g-13 {
  width:54.1667%
}
.c-g-14 {
  width:58.3333%
}
.c-g-15 {
  width:62.5%
}
.c-g-16 {
  width:66.6667%
}
.c-g-17 {
  width:70.8333%
}
.c-g-18 {
  width:75%
}
.c-g-19 {
  width:79.1667%
}
.c-g-20 {
  width:83.3333%
}
.c-g-21 {
  width:87.5%
}
.c-g-22 {
  width:91.6667%
}
.c-g-23 {
  width:95.8333%
}
.c-g-24 {
  width:100%
}
.c-hidden {
  display:none !important
}
@media screen and (min-width: 768px){
  .c-list {
    width:33.3333%;
    float: left;
     padding: 10px 0 0;
  }
}
@media screen and (max-width: 768px){

  .doc-column-aside{
    width: 100%;
  }
}

@media screen and (max-width: 768px){
  .c-list {
     width:83.3333%;
     padding: 10px 0 0;
  }
  .J-docMediaPanel2{
    display: none;
  }
}
.c-p-y-tall.home-footer-mod {
  background-size:cover
}
.c-section.c-p-y-tall {
  padding:70px 0 80px
}
.c-section.c-p-y-short {
  padding:45px 0 50px
}
.c-section.bg-color {
  background:#f7f8fa
}
.c-section-inner {
  margin:0 auto;
  width:100%;
  max-width:1200px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  padding:0 10px
}
.c-section-hd {
  margin-bottom:55px
}
.c-section.c-p-y-short .c-section-hd {
  margin-bottom:35px
}
.c-section-tit {
  text-align:center;
  text-align:center;
  font-size:32px;
  color:#000;
  font-weight:400;
  line-height:46px
}
.c-section-des {
  text-align:center;
  text-align:center;
  font-size:16px;
  color:#666;
  margin:16px 0 0;
  line-height:28px
}
.c-section-des a {
  color:#00a4ff
}
.c-section-des a:hover {
  text-decoration:underline
}
.c-section-hd-align-left,.c-section-hd-align-left .c-section-des,.c-section-hd-align-left .c-section-tit {
  text-align:left
}





 
.truncate{
    display: inline-block
  }
.badge{
    display: inline-block
  }

.doc-media-panel {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px
}

.doc-media-panel+.doc-media-panel:after {
    content: "";
    position: absolute;
    left: 200px;
    right: 0;
    top: 0;
    height: 1px;
    background-color: #E5E5E5
}

.doc-media-panel-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 50px;
    box-sizing: border-box
}

.doc-media-panel-cell {
    display: table-cell;
    vertical-align: middle
}

.doc-media-panel-hd {
    padding-right: 62px;
    width: 200px;
    box-sizing: border-box
}

.doc-media-panel-hd-inner {
    position: relative;
    padding-left: 42px;
    min-height: 32px;
    box-sizing: border-box
}

.doc-media-panel-icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px
}

.doc-media-panel-icon img {
    display: block;
    width: 100%;
    height: 100%
}

.doc-media-panel-tit {
    padding: 5px 0;
    line-height: 22px;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    font-weight: 400
}

.doc-media-panel-main-inner {
    width: 100%;
    overflow: hidden
}

.doc-media-panel-list {
    width: 100%;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
    font-size: 0
}

.doc-media-panel-item {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    width: 20%;
    box-sizing: border-box
}

.doc-media-panel-item-link {
    line-height: 20px;
    font-size: 14px;
    color: #666;
    vertical-align: 1px
}

.doc-media-panel-item-link:hover {
    color: #00a4ff
}

.doc-media-panel-item-status {
    margin-left: 5px;
    font-size: 12px;
    color: #ed702e;
    vertical-align: 1px
}

.doc-media-panel-item:nth-child(5) {
    margin-right: 0
}

.doc-media-panel.vertical {
    padding: 20px;
    border: 1px solid #E5E5E5
}

.doc-media-panel.vertical+.doc-media-panel.vertical {
    margin-top: 30px
}

.doc-media-panel.vertical+.doc-media-panel.vertical:after {
    display: none
}

.doc-media-panel.vertical .doc-media-panel-list {
    margin-left: -5px;
    margin-right: -5px
}

.doc-media-panel.vertical .doc-media-panel-item {
    padding-left: 5px;
    padding-right: 5px
}

.doc-media-panel.vertical .doc-media-panel-hd {
    margin-bottom: 16px;
    padding: 0;
    width: auto
}

.doc-media-panel.vertical .doc-media-panel-hd-inner {
    padding-left: 26px;
    min-height: 24px
}

.doc-media-panel.vertical .doc-media-panel-icon {
    top: 3px;
    width: 16px;
    height: 16px
}

.doc-media-panel.vertical .doc-media-panel-tit {
    padding: 0;
    line-height: 22px;
    font-size: 16px;
    color: #000
}
.doc-column-layout {
    position: relative
}

.doc-column-ctn {
    position: relative;
    min-height: 500px;
    zoom:1}

.doc-column-ctn::after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}
@media screen and (max-width:768px) {    
  .doc-column-aside{
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    margin:0 auto;
  }
  .doc-column-aside-inner{
    margin:0 15px;
    padding:0 22px;
    height: 100%;
    overflow: hidden;
    border: 1px solid #E5E5E5;
  }
  .doc-column-aside-bd {
    height: 100%;
    box-sizing: border-box;
  }
}
@media screen and (min-width:769px) {    
  .doc-column-aside {
    position: relative;
    padding-right: 30px;
    width: 250px;
    float: left;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden
  }
.doc-column-aside-bd {
    margin-top: -97px;
    padding-top: 97px;
    height: 100%;
    box-sizing: border-box
  }
.doc-column-aside-inner {
    margin-right: -22px;
    padding-right: 22px;
    height: 100%;
    overflow: hidden
}
}
.doc-column-aside.fixed {
    position: fixed;
    top: 0;
    z-index: 9
}


.doc-column-aside-hd {
    position: relative;
    margin-bottom: 20px;
    z-index: 2
}

.doc-column-aside-tit {
    line-height: 22px;
    font-size: 16px;
    color: #000;
    font-weight: 400
}

.doc-column-aside .doc-aside-search {
    margin-top: 20px
}
.doc-column-aside-menu {
    margin-right: -22px;
    padding-right: 22px;
    max-height: 100%;
    box-sizing: border-box;
    overflow-y: auto
}

.doc-column-aside-menu::-webkit-scrollbar {
    width: 6px;
    height: 17px;
    background: 0 0;
    border-radius: 9px
}

.doc-column-aside-menu::-webkit-scrollbar-thumb {
    background: 0 0
}

.doc-column-aside-menu:hover::-webkit-scrollbar-thumb {
    background: #DDD;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.doc-column-aside-menu-item+.doc-column-aside-menu-item {
    margin-top: 10px
}

.doc-column-aside-menu-link {
    position: relative;
    display: block;
    padding-left: 12px;
    line-height: 24px;
    font-size: 14px;
    color: #333;
    box-sizing: border-box
}

.doc-column-aside-menu-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    width: 4px;
    height: 4px;
    background-color: #666;
    border-radius: 50%
}

.doc-column-aside-menu-item.actived .doc-column-aside-menu-link,.doc-column-aside-menu-link:hover {
    color: #00a4ff
}

.doc-column-aside-menu-item.actived .doc-column-aside-menu-link::before,.doc-column-aside-menu-link:hover::before {
    background-color: #00a4ff
}

.doc-column-main {
    float: right;
    width: calc(100% - 200px);
    box-sizing: border-box
}


.rno-document-content-product-mark {
  width: calc(100% - 125px);
  box-sizing: border-box
}

.rno-document-content-box {
  background-color: #fff
}

.rno-document-content-box-content {
  padding-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto;
  max-width: 1180px
}

.rno-document-content-box-side {
  background-color: #fff;
  width: 212px;
  display: inline-block;
  vertical-align: top
}

.rno-document-content-box-main {
  -ms-flex: 1;
  flex: 1;
  width: 1px
}

.rno-document-content-card {
  width: 100%;
  position: relative
}

.rno-document-content-mobile-all {
  font-size: 0;
  display: none
}

.rno-document-content-tab {
  margin-bottom: 12px
}

.rno-document-content-tab-tit {
  height: 46px;
  font-family: PingFangSC-Regular,sans-serif;
  font-size: 14px;
  color: #495770;
  letter-spacing: 0;
  text-align: center;
  padding: 12px 32px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 12px;
  background-image: linear-gradient(0deg,#fff,#f3f5f8);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
  box-sizing: border-box
}

.rno-document-content-tab-tit:first-child {
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;
  background: #f3f5f8;
  border: none
}

.rno-document-content-tab-link:hover {
  color: #0052d9
}

.rno-document-content-tab-link {
  color: #495770
}

.rno-document-content-tab-active {
  color: #0052d9
}

.rno-document-content-tab-list {
  display: none
}

.rno-document-content-tab-content {
  position: relative;
  height: auto;
  background: linear-gradient(180deg,#f3f5f8,#fff);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px #fff;
  border-radius: 4px;
  height: 100%
}

.rno-document-content-tab-content-link {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block
}

.rno-document-content-tab-content-box {
  position: relative;
  top: 0;
  padding: 24px;
  width: 100%;
  background: url(../css/images/bg_82b.jpeg) 100% 0 no-repeat;
  background-size: 340px auto
}

.rno-document-content-text {
  margin-top: 20px
}

@media screen and (min-width:769px) {
  .rno-document-content-box-main .rno-document-content-text:first-child {
    margin-top: 8px
  }
}

.rno-document-content-feedback {
  color: #666;
  line-height: 1.84;
  padding: 20px 150px;
  background-color: #f1f2f5;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  border-radius: 4px
}

.rno-document-content-result {
  color: #4c5b76;
  line-height: 1.84;
  padding: 25px 0;
  background-color: #f5f7fa;
  box-sizing: border-box;
  margin-top: 40px;
  font-size: 16px
}

.rno-document-content-result-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.rno-document-content-success {
  height: 26px;
  line-height: 26px;
  background-image: url(../css/images/btn-ok_154.svg);
  background-repeat: no-repeat;
  padding-left: 48px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased
}

.rno-document-content-success-m {
  display: none
}

.rno-document-search-relations {
  margin-bottom: 20px
}

.rno-document-search-relations .relations-list {
  display: -ms-flexbox;
  display: flex
}

.rno-document-search-relations .rno-document-content-card {
  -ms-flex: 1;
  flex: 1;
  width: 1px;
  margin-right: 20px;
  margin-bottom: 0
}

.rno-document-search-relations .rno-document-content-card:last-child {
  margin-right: 0
}

.rno-document-search-relations .rno-document-content-tab-content-box {
  padding-left: 16px;
  padding-right: 16px
}

@media screen and (max-width:768px) {
  .rno-document-content-result {
    position: relative;
    padding: 20px 16px;
    margin: 0 -16px -1px
  }

  .rno-document-content-success {
    padding-left: 0;
    padding-top: 40px;
    background-position: top;
    text-align: center;
    height: auto;
    line-height: 24px
  }
}

.rno-document-content-question {
  width: calc(100% - 312px);
  box-sizing: border-box;
  font-size: 16px;
  color: #4b5b76;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased
}

.rno-document-content-answer {
  padding-left: 20px;
  font-size: 0;
  display: -ms-flexbox;
  display: flex
}

.rno-document-content-answer-m {
  display: none
}

.rno-document-content-answer-btn {
  color: #0052d9;
  vertical-align: top;
  min-width: 126px;
  padding: 6px 12px;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5);
  box-sizing: border-box;
  margin-left: 20px;
  border: 1px solid transparent
}

.rno-document-content-answer-btn:hover {
  border-color: #2670e8;
  background-color: #ecf2fe;
  box-shadow: none;
  color: #0052d9;
  transition: all .3s ease-in-out
}

.rno-document-content-answer-smile {
  height: 26px;
  line-height: 28px;
  background-image: url(../css/images/btn-ok_154.svg)
}

.rno-document-content-answer-sad,.rno-document-content-answer-smile {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  background-size: cover
}

.rno-document-content-answer-sad {
  height: 28px;
  background-image: url(../css/images/btn-no_82a.svg)
}

.rno-document-content-answer-btn>span {
  display: inline-block;
  vertical-align: middle
}

.rno-document-content-answer-btn>i~span {
  margin-left: 12px
}

.rno-document-content-first-text {
  margin-top: 0
}

.rno-document-content-text em {
  color: #f64041
}

.rno-document-content-text-tit {
  font-weight: 500;
  font-size: 0;
  margin-bottom: 8px
}

.rno-document-content-text-tag {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px
}

.rno-document-content-text-tag img {
  display: block;
  width: 100%;
  height: 100%
}

.rno-document-content-text-tit-link {
  color: #333;
  font-size: 16px;
  line-height: 24px
}

.rno-document-content-text-tit-link:hover {
  color: #0052d9
}

.rno-document-content-text-desc {
  padding: 8px 20px;
  background: #f1f2f5
}

.rno-document-content-text-con,.rno-document-content-text-desc {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 22px;
}

.rno-document-content-text-con {
  letter-spacing: 0
}

.rno-document-content-text-source {
  font-size: 12px;
  color: #4b5b76;
  letter-spacing: 0;
  line-height: 20px
}

.rno-document-content-page-views {
  font-size: 14px;
  color: #333;
  margin-left: 30px
}

.rno-document-content-price {
  height: calc(100% - 43px);
  border-left: 1px solid #e5e5e5;
  font-size: 18px;
  color: #ff7200;
  line-height: 25px;
  margin-left: 20px;
  width: 105px;
  padding: 21px 0 21px 20px;
  text-align: left;
  box-sizing: border-box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all
}

.rno-document-content-price-mobile {
  font-size: 14px;
  color: #ff7200;
  line-height: 21px;
  margin: 0;
  display: none
}

.rno-document-content-more {
  background-color: rgba(241,242,245,.5);
  border-radius: 20px;
  font-family: PingFangSC-Regular,sans-serif;
  font-size: 14px;
  color: #0052d9;
  letter-spacing: 0;
  line-height: 24px;
  padding: 8px 58px;
  margin: 40px auto 0;
  width: 200px
}

.rno-document-more-loading {
  padding: 0
}

.rno-document-content-about {
  -ms-flex-flow: column;
  flex-flow: column;
  margin-bottom: 60px;
  margin-top: 40px
}

.rno-document-content-about,.rno-document-content-background {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.rno-document-content-background {
  width: 100%;
  -ms-flex-flow: row;
  flex-flow: row
}

.rno-document-content-about-item {
  width: 282px;
  height: 200px;
  background-image: linear-gradient(0deg,#fff,#f3f5f8);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
  border-radius: 8px;
  padding: 20px 28px;
  position: relative;
  overflow: hidden;
  background-image: url(../css/images/more-background_214.svg);
  background-repeat: no-repeat;
  background-position: 100% 10px
}

.rno-document-content-about-item:nth-child(2) {
  margin-right: 20px;
  margin-left: 20px
}

.rno-document-content-about-item img {
  position: absolute;
  bottom: -2px;
  right: 0
}

.rno-document-content-about-tit {
  font-family: PingFangSC-Regular,sans-serif;
  font-size: 16px;
  color: #000;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 12px
}

.rno-document-content-about-list {
  list-style: disc
}

.rno-document-content-about-list li {
  margin-bottom: 8px
}

.rno-document-content-about-list li:last-child {
  margin: 0
}

.rno-document-content-about-link {
  font-family: PingFangSC-Regular,sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  color: #495770
}

.rno-document-content-about-link:hover {
  color: #0052d9
}


@media screen and (max-width:1164px) and (min-width:769px) {
  .rno-document-top-search {
    padding: 32px 20px 0
  }

  .rno-document-content-box-content,.rno-document-search-up-pc .rno-document-top-search-content {
    width: 100%
  }

  .rno-document-search-up-pc .rno-document-search-input {
    width: calc(100% - 280px)
  }

  .rno-document-content-box-side {
    background-color: #fff;
    width: 252px;
    padding-left: 40px;
    box-sizing: border-box
  }

  .rno-document-content-box-main {
    box-sizing: border-box
  }
}

@media screen and (max-width:768px) {
  .rno-document-content-mobile-all {
    display: none;
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 0;
    font-family: PingFangSC-Regular,sans-serif;
    font-size: 14px;
    color: #0052d9;
    line-height: 22px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .rno-document-content-tab-mark {
    z-index: 990;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: rgba(0,0,0,.6)
  }

  .rno-document-content-tab-list {
    z-index: 999;
    width: 100%;
    background-color: #fff;
    padding-top: 10px;
    display: block;
    position: fixed;
    bottom: 0
  }

  .rno-document-content-tab-list ul {
    max-height: 371px;
    overflow-y: auto
  }

  .rno-document-content-feedback {
    padding: 20px 16px;
    margin: 0 -16px -1px;
    box-sizing: border-box;
    width: auto;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    position: relative
  }

  .rno-document-content-question {
    width: auto;
    margin-bottom: 12px
  }

  .rno-document-content-answer {
    padding-left: 0;
    padding-right: 0
  }

  .rno-document-content-box-content {
    display: block;
    padding: 0
  }

  .rno-document-content-box-side {
    padding-left: 16px;
    width: 100%
  }

  .rno-document-content-box-main {
    width: 100%;
    margin-left: 0;
    padding: 20px 16px
  }

  .rno-document-content-tab,.rno-document-content-tab-content {
    width: 100%
  }

  .rno-document-content-card {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center
  }

  .rno-document-search-relations .relations-list.is-multi .rno-document-content-tab-content {
    height: 100%
  }

  .rno-document-search-relations .relations-list.is-multi .rno-document-content-tab-content-box {
    background: none;
    min-height: 100px;
    height: 100%;
    padding-top: 30px
  }

  .rno-document-content-text {
    margin-top: 0;
    width: 100%;
    padding: 20px 16px;
    border-top: 1px solid #d6dbe3
  }

  .rno-document-content-text .rno-document-content-product {
    width: auto;
    margin: 0 -16px
  }

  .rno-document-content-text-tit {
    height: 24px;
    overflow: hidden
  }

  .rno-document-content-text-tit-link {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    color: #181818
  }

  .rno-document-content-text-con {
    line-height: 20px;
    margin: 8px 0 4px
  }

  .rno-document-content-text-con-link {
    color: #666
  }

  .rno-document-content-text-source {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
  }

  .rno-document-content-more {
    padding: 8px 58px;
    margin: 32px auto 20px;
    text-align: center
  }

  .rno-document-content-about {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    padding: 0 16px
  }

  .rno-document-content-background {
    margin-right: -10px;
    margin-left: -10px
  }

  .rno-document-content-about-item {
    width: calc(33.3% - 10.3px);
    height: 200px;
    margin-bottom: 24px;
    margin-right: 10px;
    margin-left: 10px;
    background-image: url(../css/images/more-background_214.svg);
    background-repeat: no-repeat;
    background-position: 100% 10px
  }

  .rno-document-content-about-tit {
    margin-bottom: 8px
  }

  .rno-document-content-about-list li {
    margin-bottom: 4px
  }

  .rno-document-content-about-list li:last-child {
    margin: 0
  }

  .rno-document-content-about-link {
    font-family: PingFangSC-Regular,sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    color: #495770
  } 
}

@media screen and (max-width:500px) {
  .rno-document-top-search {
    padding: 20px 16px
  }

  .rno-document-content-card {
    background-color: #f5f7fa
  }

  .rno-document-content-swiper {
    display: block;
    width: 100%;
    margin-bottom: 28px
  }

  .rno-document-content-swiper-list {
    margin: 0 auto;
    font-size: 0;
    text-align: center
  }

  .rno-document-content-swiper-item {
    display: inline-block;
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background-color: #fff;
    margin-right: 8px
  }

  .rno-document-content-swiper-active {
    background-color: #0053d9
  }

  .rno-document-tab-tit-img {
    width: 24px;
    height: 24px;
    position: relative;
    left: 0;
    margin-right: 12px;
    top: -2px
  }

  .rno-document-content-price {
    display: none
  }

  .rno-document-content-price-mobile {
    display: block
  }

  .rno-document-content-tab {
    margin-bottom: 0
  }

  .rno-document-content-tab-tit {
    display: none
  }

  .rno-document-content-tab-content-box {
    width: 100%;
    padding: 20px 16px;
    background: #f5f7fa;
    box-shadow: none;
    border-radius: 0
  }

  .rno-document-tab-card-tit .rno-document-text-truncate {
    font-size: 16px
  }

  .rno-document-search-relations .rno-document-content-card {
    margin-right: 12px
  }

  .rno-document-search-relations .rno-document-content-card:last-child {
    margin-right: 0
  }

  .rno-document-content-card.main .rno-document-content-tab-content-box {
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    padding: 20px 16px
  }

  .rno-document-content-card.main .rno-document-tab-card-tit .rno-document-text-truncate {
    color: #181818
  }

  .rno-document-content-card.main .rno-document-tab-card-tip {
    margin-top: 8px
  }

  .rno-document-content-card.main .rno-document-tab-card-hot {
    margin-top: 16px;
    margin-bottom: -8px
  }

  .rno-document-tab-card-tip p {
    margin-bottom: 16px
  }

  .rno-document-content-card.main .rno-document-text-truncate {
    padding-right: 0;
    color: #4c5b76
  }

  .rno-document-content-card.main .rno-document-card-hot-text {
    color: #0052d9
  }


  .rno-document-tab-card-btn {
    margin: 0 -10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .rno-document-tab-card-btn .rno-document-content-tab-content-link {
    display: none
  }

  .rno-document-content-box-content {
    padding-top: 0;
    width: 100%
  }

  .rno-document-content-product,.rno-document-content-product-mark {
    width: 100%
  }

  .rno-document-content-background {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 28px 0;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 8px
  }

  .rno-document-content-about-item {
    background-image: none;
    width: 100%;
    height: auto;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    position: relative;
    overflow: hidden
  }

  .rno-document-content-about-list li {
    width: calc(50% - 5px);
    margin-bottom: 4px;
    display: inline-block
  }

  .rno-document-content-about-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .rno-document-side-list {
    max-height: 34px;
    overflow-x: auto;
    white-space: nowrap;
    padding-right: 35px
  }

  .rno-document-content-box-side {
    position: relative;
    padding-top: 16px;
    height: 50px
  }

  .rno-document-side-list::-webkit-scrollbar {
    width: 8px;
    height: 0;
    background-color: #d8d8d8;
    border-radius: 4px
  }

  .rno-document-content-mobile,.rno-document-content-mobile-left {
    width: 32px;
    height: 100%;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    position: absolute;
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }

  .rno-document-content-mobile-btn,.rno-document-content-mobile-btn-left {
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border-left: 2px solid #999;
    border-bottom: 2px solid #999
  }

  .rno-document-content-mobile-left {
    left: 0;
    display: none
  }

  .rno-document-content-mobile-btn-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }

}

.rno-document-content-box-side-about {
  width: 240px;
  margin-left: 50px;
  padding-bottom: 34px;
  position: relative
}

.rno-document-content-box-side-about-dl {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6dbe3;
  position: relative;
  font-size: 0
}

.rno-document-content-box-side-about-dl dt {
  font-size: 16px;
  color: #181818;
  line-height: 24px;
  margin-bottom: 12px;
  font-weight: 500
}

.rno-document-content-box-side-about-dl dd {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px
}

.rno-document-content-box-side-about-dl dd:last-child {
  margin-bottom: 0
}

.rno-document-content-box-side-about-dl dd a {
  display: block;
  color: #4b5b76
}

.rno-document-content-box-side-about-dl dd a:hover {
  color: #0052d9
}

.rno-document-content-box-side-about-link .rno-document-content-box-side-about-dl {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0
}

.rno-document-content-top-tabs {
  margin-bottom: 12px;
  font-size: 0;
  max-width: 890px
}

.rno-document-content-top-tabs-inner {
  border-bottom: 1px solid #ddd
}

.rno-document-content-top-tabs-inner a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #4c5b76;
  line-height: 22px;
  position: relative;
  min-width: 128px;
  text-align: center;
  padding: 0 16px 14px;
  font-weight: 500
}

.rno-document-content-top-tabs-inner a.cur,.rno-document-content-top-tabs-inner a:hover {
  color: #0052d9
}

.rno-document-content-top-tabs-inner a.cur:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #0052d9
}

.rno-document-content-top-tabs-mobile {
  display: none
}

.rno-document-content-feedback.another .rno-document-content-question {
  width: calc(100% - 162px)
}

.rno-document-content-tab-content-classify-m-head {
  display: none
}

.rno-document-content-tab-content-classify {
  padding: 16px 78px;
  position: relative
}

.rno-document-content-tab-content-classify.show .rno-document-content-tab-content-classify-ul {
  max-height: inherit
}

.rno-document-content-tab-content-classify-title {
  position: absolute;
  left: 24px;
  top: 15px;
  color: #97a3b7;
  font-size: 14px;
  line-height: 22px
}

.rno-document-content-tab-content-classify-ul {
  font-size: 0;
  max-height: 36px;
  overflow: hidden;
  margin-top: -16px
}

.rno-document-content-tab-content-classify-ul li {
  display: inline-block;
  vertical-align: top;
  margin-top: 16px;
  margin-right: 24px
}

.rno-document-content-tab-content-classify-ul li a {
  display: block;
  color: #181818;
  font-size: 12px;
  line-height: 20px
}

.rno-document-content-tab-content-classify-ul li.cur a,.rno-document-content-tab-content-classify-ul li:hover a {
  color: #0052d9
}

.rno-document-content-tab-content-classify-btn {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 24px;
  height: 24px;
  font-size: 0;
  background-image: url(../css/images/rno-document-content-tab-content-classify-btn_556.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.rno-document-content-tab-content-classify-btn.cur,.rno-document-content-tab-content-classify.show .rno-document-content-tab-content-classify-btn {
  background-image: url(../css/images/rno-document-content-tab-content-classify-btn-cur_4b1.svg)
}

.rno-document-content-text-links {
  font-size: 0;
  margin-bottom: 4px
}

.rno-document-content-text-links a {
  font-size: 14px;
  color: #0052d9;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle
}

.rno-document-content-text-links i {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 12px;
  background-color: #0052d9;
  margin-left: 8px;
  margin-right: 8px
}

.rno-document-content-text-links .link-underline-group {
  margin-left: 20px
}

.rno-document-content-text-links .link-underline {
  font-size: 14px;
  line-height: 22px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #0052d9
}

.rno-document-content-text-links .link-underline+.link-underline {
  margin-left: 12px
}

@media screen and (max-width:768px) {
  .rno-document-content-feedback.another .rno-document-content-question {
    width: auto;
    text-align: center
  }

  .rno-document-top-box {
    height: auto
  }

  .rno-document-search-up-pc {
    box-shadow: none;
    background-color: #f1f2f5;
    position: relative
  }

  .rno-document-content-top-tabs {
    position: relative;
    padding-top: 16px;
    height: 50px;
    overflow: hidden;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 0;
    max-width: none
  }

  .rno-document-content-top-tabs~.rno-document-content-box-main {
    border-top: 1px solid #ddd
  }

  .rno-document-content-top-tabs-inner {
    overflow-x: auto;
    white-space: nowrap;
    padding-right: 35px;
    width: 100%;
    font-size: 0;
    position: relative;
    padding-bottom: 16px;
    border-bottom: none
  }

  .rno-document-content-top-tabs-inner a {
    display: inline-block;
    min-width: auto;
    padding: 0;
    margin-right: 45px
  }

  .rno-document-content-top-tabs-inner a.cur:before {
    display: none
  }

  .rno-document-content-box-side-about {
    box-sizing: border-box;
    width: auto;
    padding: 20px 16px;
    margin: 0;
    background: #f1f2f5
  }

  .rno-document-content-box-side-about-dl {
    margin-left: -10px;
    margin-right: -10px
  }

  .rno-document-content-box-side-about-dl dt {
    margin-left: 10px
  }

  .rno-document-content-box-side-about-dl dd {
    width: calc(50% - 30px);
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .rno-document-content-box-side-about-inner div:last-child .rno-document-content-box-side-about-dl {
    margin-bottom: 0
  }

  .mobile-ceiling {
    padding-top: 80px
  }

  .mobile-ceiling .rno-document-top-box {
    left: 0;
    right: 0;
    top: 0;
    z-index: 500;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
  }

  .mobile-ceiling .rno-document-top-search {
    padding: 12px 16px
  }

  .rno-document-content-tab-content-classify.show .rno-document-content-tab-content-classify-ul {
    max-height: 210px;
    overflow-y: auto
  }

  .rno-document-top-box.simple {
    height: auto
  }

  .rno-document-content-text-tag {
    width: 24px;
    height: 24px;
    margin-right: 8px
  }

  .rno-document-content-text-desc {
    padding: 8px 16px
  }

  .rno-document-content-text-links .link-underline-group {
    display: none
  }

  .rno-document-content-box-side-about {
    margin-top: 20px
  }
}

@media screen and (max-width:767px) {
  .rno-document-content-top-tabs-mobile-next {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 32px;
    height: 100%;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    z-index: 20;
    font-size: 0
  }

  .rno-document-content-top-tabs-mobile-next:before {
    content: "";
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border-left: 2px solid #999;
    border-bottom: 2px solid #999
  }

  .rno-document-content-top-tabs-mobile-prev {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 32px;
    height: 100%;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    z-index: 20;
    font-size: 0
  }

  .rno-document-content-top-tabs-mobile-prev:before {
    content: "";
    position: absolute;
    left: calc(50% - 4px);
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    border-right: 2px solid #999;
    border-top: 2px solid #999
  }
}

@media screen and (max-width:500px) {
  .rno-document-content-tab-content-classify {
    padding: 8px 40px 8px 60px
  }

  .rno-document-content-tab-content-classify-title {
    left: 16px;
    top: 8px;
    font-size: 12px;
    line-height: 20px
  }

  .rno-document-content-tab-content-classify-ul {
    margin-top: -8px;
    max-height: 28px
  }

  .rno-document-content-tab-content-classify-ul li {
    margin-top: 8px;
    margin-right: 16px
  }

  .rno-document-content-tab-content-classify-btn {
    top: 6px;
    right: 12px
  }

  .rno-document-content-box-side-about-dl {
    margin: 0 -6px 16px;
    padding-bottom: 16px
  }

  .rno-document-content-box-side-about-dl dd {
    margin: 0 6px 6px;
    width: auto
  }

  .rno-document-content-box-side-about-dl dt {
    margin-left: 6px
  }
  
  .rno-document-none {
    padding: 20px 0
  }

  .rno-document-none-text {
    font-size: 16px;
    line-height: 24px
  }

  .rno-document-none-recom {
    margin-top: 20px
  }

  .rno-document-none-recom-title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 12px
  }

  .rno-document-none-tag {
    margin: 0 4px 8px
  }
}


.csh-footer-ask {
  border-top: 1px solid #D9E1E8;
  border-bottom: 1px solid rgba(217,225,232,.5);
  padding: 28px 0 40px
}

.csh-footer-ask .csh-footer-ask-title {
  font-size: 17.1px;
  line-height: 26px;
  margin: 8px 0
}

.csh-footer-ask .csh-footer-ask-label {
  color: #5B6F83;
  font-size: 14.4px
}

.csh-footer-ask .csh-footer-ask-buttons {
  margin-top: 15px
}

.csh-footer-ask .csh-footer-ask-buttons li {
  margin-top: 12px;
  display: inline-block
}

.csh-footer-ask .csh-footer-ask-buttons li[data-type=chat] a:before {
  background-image: url(../../includes/img/chat.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 21px;
  height: 18px
}

.csh-footer-ask .csh-footer-ask-buttons li[data-type=email] a:before {
  background-image: url(../../includes/img/email.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 18px;
  height: 14px
}

.csh-footer-ask .csh-footer-ask-buttons li .csh-button:before {
  margin-top: -3px;
  margin-right: 12px
}

.csh-footer-ask .csh-footer-ask-buttons li .csh-button:before {
  margin-left: 12px;
  margin-right: 0
}

.csh-button {
  font-size: 13.5px;
  line-height: 38px;
  overflow: hidden;
  height: 39px;
  margin: 0 6px;
  padding: 0 20px
}

.csh-button.csh-button-has-icon {
  padding-right: 23px
}

.csh-button.csh-button-has-icon:before {
  content: "";
  vertical-align: middle
}
.csh-button.csh-button-has-icon {
  padding-left: 10px;
  padding-right: 20px
}

.csh-wrapper {
  width: 400px;
  max-width: 860px;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.csh-wrapper.csh-wrapper-large {
  width: 1040px;
  max-width: 1040px
}

.csh-wrapper.csh-wrapper-tight {
  width: calc(100% - 24px)
}

@media screen and (max-width:1080px) {
  .csh-wrapper.csh-wrapper-large {
    width: 860px;
    max-width: 860px
  }
}

@media screen and (max-width:900px) {
  .csh-wrapper,.csh-wrapper.csh-wrapper-large {
    width: calc(100% - 40px);
    max-width: calc(100% - 40px)
  }
}

@media screen and (max-width:480px) {
  .csh-wrapper {
    width: calc(100% - 18px);
    max-width: calc(100% - 18px)
  }

  .csh-wrapper.csh-wrapper-full,.csh-wrapper.csh-wrapper-full.csh-wrapper-large {
    width: 100%;
    max-width: 100%
  }
}

.csh-text-wrap {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word
}

.csh-text-wrap.csh-text-wrap-break {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word
}

.csh-font-sans-light {
  font-family: "Crisp Proxima Nova Light",sans-serif;
  font-weight: 100!important
}

.csh-box {
  background: #fff;
  border: 1px solid #BCC6D0;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.03);
  -moz-box-shadow: 0 4px 10px 0 rgba(0,0,0,.03);
  box-shadow: 0 4px 10px 0 rgba(0,0,0,.03)
}

/* --- Knowledgebase page (ui-panel) --- */
.app-content.kb-page {
  padding: 12px 0 36px;
}
.app-content.kb-page .ui-panel {
  width: 100%;
  margin: 0 auto 20px;
  background: #ffffff;
  border: 1px solid #e2eaf3;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(16, 35, 63, 0.035);
}
.app-content.kb-page .ui-panel:last-child {
  margin-bottom: 0;
}
.app-content.kb-page .ui-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 68px;
  padding: 0 24px;
  border-bottom: 1px solid #e6edf5;
}
.app-content.kb-page .ui-panel-title {
  margin: 0;
  color: #082b54;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.3;
}
.app-content.kb-page .ui-panel-desc {
  color: #48586d;
  font-size: 13px;
  white-space: nowrap;
}
.app-content.kb-page .download-body {
  padding: 34px 36px 32px;
}
.app-content.kb-page .download-body .apps-main-wrapper {
  width: 100%;
}
.app-content.kb-page .download-body .apps-main-list {
  text-align: center;
  margin: 0;
  background: transparent;
  display: block;
  padding: 0;
  box-shadow: none;
  width: 100%;
  animation: none;
}
.app-content.kb-page .download-body .apps-main-list .apps-main-list-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 56px;
}
.app-content.kb-page .download-body .apps-main-list .apps-main-list-wrapper .apps-main-list-one {
  position: relative;
  width: 136px;
  min-height: 132px;
  display: flex;
  flex: 0 0 136px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  float: none;
  margin: 0;
}
.app-content.kb-page .download-body .apps-main-list .apps-main-list-wrapper .apps-main-list-one.computer-end::after {
  content: "";
  position: absolute;
  top: 4px;
  right: -28px;
  width: 1px;
  height: calc(100% - 8px);
  background: #e5e7eb;
}
.app-content.kb-page .download-body .apps-main-list-one-platform .apps-main-list-one-platform-logo,
.app-content.kb-page .download-body .apps-main-list-one-platform .apps-main-list-one-platform-name {
  text-align: center;
  display: block;
}
.app-content.kb-page .download-body .apps-main-list-one-platform .apps-main-list-one-platform-logo {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-content.kb-page .download-body .apps-main-list-one-platform .apps-main-list-one-platform-name {
  color: #111827;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}
.app-content.kb-page .download-body .apps-main-list-one-get {
  min-width: 96px;
  height: 36px;
  margin-top: 0;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 500;
  line-height: 36px;
  color: #fff;
  text-decoration: none;
}
.app-content.kb-page .download-body .apps-main-list-one-get:hover {
  opacity: 0.92;
  color: #fff;
  text-decoration: none;
}
.app-content.kb-page .tutorial-body {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 16px;
  padding: 18px 24px 24px;
}
.app-content.kb-page .category-box {
  overflow: hidden;
  border: 1px solid #e2eaf3;
  border-radius: 6px;
  background: #ffffff;
}
.app-content.kb-page .category-title {
  height: 56px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 16px;
  background: #f8fafd;
  border-bottom: 1px solid #e6edf5;
  color: #082b54;
  font-size: 14px;
  font-weight: 700;
}
.app-content.kb-page .category-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.app-content.kb-page .category-link {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border-bottom: 1px solid #eef3f8;
  color: #26364c;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.18s ease, color 0.18s ease;
}
.app-content.kb-page .category-list li:last-child .category-link {
  border-bottom: 0;
}
.app-content.kb-page .category-link.active {
  color: #0b7bd3;
  background: #eef6ff;
}
.app-content.kb-page .category-link:hover {
  color: #0b7bd3;
  background: #f8fbff;
  text-decoration: none;
}
.app-content.kb-page .category-label {
  cursor: default;
}
.app-content.kb-page .tutorial-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.app-content.kb-page .tutorial-card {
  min-height: 100px;
  padding: 20px;
  border: 1px solid #e2eaf3;
  border-radius: 6px;
  background: #ffffff;
  display: block;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.app-content.kb-page a.tutorial-card:hover {
  border-color: #c8d6e7;
  box-shadow: 0 8px 18px rgba(16, 35, 63, 0.04);
  color: inherit;
  text-decoration: none;
}
.app-content.kb-page .tutorial-title {
  margin: 0 0 8px;
  color: #082b54;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}
.app-content.kb-page .tutorial-summary {
  margin: 0;
  color: #4b5563;
  font-size: 13px;
  line-height: 1.6;
}
.app-content.kb-page .kb-tag-heading {
  font-size: 16px;
  margin: 0;
  color: #082b54;
}
.app-content.kb-page .kb-categories-wrap {
  padding: 0 24px 24px;
}
.app-content.kb-page .kb-categories-heading {
  font-size: 16px;
  margin: 0 0 16px;
  color: #082b54;
}
.app-content.kb-page .kb-tutorial-panel .csh-footer-ask {
  margin: 0 24px 24px;
  padding-top: 24px;
  border-top: 1px solid #e6edf5;
}
.app-content.kb-page .kb-faq-body {
  grid-template-columns: 1fr;
}
.app-content.kb-page .kb-faq-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
}
.app-content.kb-page .kb-faq-group .tutorial-title {
  margin-bottom: 12px;
}
.app-content.kb-page .kb-faq-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.app-content.kb-page .kb-faq-list li {
  margin-bottom: 8px;
  line-height: 1.5;
}
.app-content.kb-page .kb-faq-list li:last-child {
  margin-bottom: 0;
}
.app-content.kb-page .kb-faq-list a {
  font-size: 13px;
  color: #4b5563;
  text-decoration: none;
}
.app-content.kb-page .kb-faq-list a:hover {
  color: #0b7bd3;
}
.app-content.kb-page .kb-article-content {
  min-width: 0;
  flex: 1;
}
.app-content.kb-page .kb-article-panel .tutorial-body {
  grid-template-columns: 260px minmax(0, 930px);
  gap: 16px;
  max-width: 1254px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.app-content.kb-page .kb-article-panel .kb-article-content {
  min-width: 0;
  max-width: 100%;
  flex: none;
}
.app-content.kb-page .kb-article-breadcrumb {
  margin-bottom: 16px;
  font-size: 13px;
  color: #616366;
  line-height: 1.6;
}
.app-content.kb-page .kb-article-breadcrumb a {
  color: #616366;
  text-decoration: none;
}
.app-content.kb-page .kb-article-breadcrumb a:hover {
  color: #0b7bd3;
}
.app-content.kb-page .kb-breadcrumb-sep {
  margin: 0 6px;
  color: #c0c8d4;
}
.app-content.kb-page .kb-article-body {
  border: 1px solid #e2eaf3;
  border-radius: 6px;
  background: #ffffff;
  padding: 24px;
  box-sizing: border-box;
  max-width: 100%;
  overflow-wrap: break-word;
}
.app-content.kb-page .kb-article-heading {
  margin: 0 0 20px;
  color: #082b54;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}
.app-content.kb-page .kb-article-text {
  color: #26364c;
  font-size: 14px;
  line-height: 1.8;
  max-width: 100%;
  overflow-x: auto;
}
.app-content.kb-page .kb-article-text img {
  max-width: 100%;
  height: auto;
}
.app-content.kb-page .kb-article-panel .csh-footer-ask {
  margin: 0 24px 24px;
  padding-top: 24px;
  border-top: 1px solid #e6edf5;
}
@media (max-width: 900px) {
  .app-content.kb-page {
    padding: 10px 0 28px;
  }
  .app-content.kb-page .ui-panel-header {
    min-height: auto;
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    padding: 18px 16px 14px;
  }
  .app-content.kb-page .ui-panel-title {
    font-size: 20px;
  }
  .app-content.kb-page .ui-panel-desc {
    white-space: normal;
  }
  .app-content.kb-page .download-body,
  .app-content.kb-page .tutorial-body {
    padding: 16px;
  }
  .app-content.kb-page .download-body .apps-main-list .apps-main-list-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  .app-content.kb-page .download-body .apps-main-list .apps-main-list-wrapper .apps-main-list-one {
    width: auto;
    min-height: 128px;
    flex: initial;
  }
  .app-content.kb-page .download-body .apps-main-list .apps-main-list-wrapper .apps-main-list-one.computer-end::after {
    display: none;
  }
  .app-content.kb-page .download-body .apps-main-list .apps-main-list-wrapper .apps-main-list-one[data-platform-id="macos"],
  .app-content.kb-page .download-body .apps-main-list .apps-main-list-wrapper .apps-main-list-one[data-platform-id="windows"],
  .app-content.kb-page .download-body .apps-main-list .apps-main-list-wrapper .apps-main-list-one[data-platform-id="Linux"] {
    display: none;
  }
  .app-content.kb-page .tutorial-body,
  .app-content.kb-page .kb-article-panel .tutorial-body {
    grid-template-columns: 1fr;
  }
  .app-content.kb-page .category-box {
    display: none;
  }
  .app-content.kb-page .kb-article-panel .tutorial-body {
    max-width: 100%;
    width: 100%;
  }
  .app-content.kb-page .kb-article-panel .kb-article-content {
    width: 100%;
    max-width: 100%;
  }
  .app-content.kb-page .kb-tutorial-panel .csh-footer-ask {
    margin: 0 16px 16px;
  }
  .app-content.kb-page .kb-article-panel .csh-footer-ask {
    margin: 0 16px 16px;
  }
  .app-content.kb-page .kb-article-body {
    padding: 16px;
  }
  .app-content.kb-page .kb-article-heading {
    font-size: 18px;
  }
}
@media (max-width: 560px) {
  .app-content.kb-page .download-body .apps-main-list .apps-main-list-wrapper {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .app-content.kb-page .download-body .apps-main-list .apps-main-list-wrapper .apps-main-list-one {
    width: 100%;
    border-bottom: 1px solid #eef3f8;
  }
  .app-content.kb-page .download-body .apps-main-list .apps-main-list-wrapper .apps-main-list-one:last-child {
    border-bottom: 0;
  }
}