@charset "UTF-8";
/* 响应式适配 */
@media screen and (max-width: 1440px) {
  .ft28rem, .data-num, .price-plan-title {
    font-size: 2.8rem;
  }
  .ft25rem, .base-title, .index-choose .expand-title, .about-us-title, .info-team .team-title, .consultation-title, .interaction-tips, .information-tips, .information-title {
    font-size: 2.5rem;
  }
  .ft2rem, .item-right-title, .answer-item-icon, .core-functions-content-right-item-title, .process-item-title, .info-communicate .left-title, .text-content, .content-item .content-title {
    font-size: 2rem;
  }
  .ft16rem, .item-desc .desc-title, .top-right-title, .item-right-jump, .advantage-item-title, .banner-desc, .content-left-item, .detail-server-title, .item-text-title, .scene-content-item-title, .base-sub-title, .mass-content-item-desc {
    font-size: 1.6rem;
  }
  body, .service-item-desc, .data-noun, .ability-top-right, .use-item-right, .advantage-item-desc, .item-text-desc, .sub-item .item-top, .scene-content-item-desc, .price-unit {
    font-size: 1.3rem;
  }
  .banner-left .banner-title {
    font-size: 3.75rem;
    white-space: nowrap;
  }
  .w {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .information-content .content-right, .text-dh {
    width: 100%;
  }
  .interaction-content .content-item .content-item-icon {
    flex-shrink: 0;
  }
  .h-auto, .content-right-item img, .major-function-content, .major-function-content-left img, .workbenches-bg, .core-functions-content-right-item, .about-us-banner img {
    height: auto;
  }
  .index-banner-left {
    padding-left: 3rem;
  }
  .index-banner-left-desc {
    width: auto;
  }
  .index-banner-left-title {
    font-size: 3.75rem;
  }
  .content-right-item {
    overflow-y: auto;
    font-size: 12px;
  }
  .sub-header {
    height: auto;
    padding: 2rem 0;
  }
  .sub-header .sub-header-list {
    flex-wrap: wrap;
  }
  .sub-header .sub-header-list li {
    width: 20rem;
    margin-right: 0;
    padding: 1rem 2rem;
  }
  .sub-header .sub-header-list li > a > div:nth-child(2) {
    margin-top: 0.4rem;
    font-size: 1.3rem;
  }
  /*  */
  .use-tab-item {
    font-size: 1.3rem;
  }
  /*  */
  .answer-item-top {
    padding: 2em 0;
  }
  .answer-item {
    font-size: 1.5rem;
  }
  .answer-item-content {
    font-size: 1.3rem;
  }
  .construct-list {
    gap: 2rem;
    padding: 0 2rem;
  }
  .construct-list .construct-item {
    width: auto;
  }
  .content-right-item {
    justify-content: space-between !important;
  }
  .content-right-item .content-right-item-title {
    font-size: 1.3rem;
    padding: 1rem 2rem 0;
    text-align: center;
  }
  .content-right-item img {
    width: 62%;
  }
  .major-function-content-right {
    height: auto;
    padding-bottom: 2rem;
    padding-top: 2rem;
    align-items: flex-start;
  }
  .major-function-content-right .major-function-content-right-item {
    margin: 1.35rem 0;
  }
  .core-functions, .major-function {
    overflow: hidden;
  }
  .core-functions-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  .core-functions-list .core-functions-item {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
  }
  .core-functions-list .core-functions-item .core-functions-item-txt {
    padding: 2rem 0;
  }
  .scene-content-item-img3 img, .scene-content-item-img2 img, .consultation-content-left img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .scene-content-item-desc {
    margin-top: 0;
    padding-right: 2rem;
  }
  .info-box {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .consultation-content {
    height: auto;
    gap: 2rem;
  }
  .consultation-content .consultation-content-right {
    padding-right: 2rem;
  }
  .hot-tag {
    font-size: 12px;
    width: auto;
    height: auto;
    padding: 2px 5px;
    transform: scale(0.9);
  }
  .package-list .package-item .package-header{
    padding: 20px 10px;
  }
}
/* 平板适配 */
@media screen and (max-width: 1024px) {
  .w {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .api-detail-banner, .api-detail-interaction, .service-marketing-banner {
    overflow: hidden;
  }
  .nav-list {
    gap: 1rem;
  }
  .nav-list li {
    margin-right: 0;
  }
  .ability-top-item, .ability-bottom-item {
    width: 100%;
    height: auto;
    margin-top: 1.5rem;
  }
  .ability-top-img {
    width: 10rem;
    height: auto;
  }
  .major-function-content {
    align-items: flex-end;
  }
  .banner-left .banner-title {
    font-size: 2.8rem;
  }
  .scene-low-left {
    width: 100%;
  }
  .banner-content {
    gap: 2rem;
  }
  .team-right-text {
    width: 100%;
    margin-right: 0;
  }
  .price-plan-container {
    padding-top: 3rem;
  }
  .price-plan-tabs, .price-plan-sub-title {
    margin-top: 1.5rem;
  }
  /* 新版套餐 */
  .package-list {
    gap: 10px;
  }
  .package-list .package-item{
    width: calc(20% - 8px);
  }
  .package-list .package-item .package-header {
    padding: 20px 10px;
  }
  .package-list .package-item .package-header .package-price{
    font-size: 12px;
    margin-top: 10px;
  }
  .package-list .package-item .package-header .package-action{
    margin-top: 10px;
  }
  .package-list .package-item .package-header .package-price strong {
      font-size: 20px;
      margin: 0 2px;
  }
  .package-list .package-item .package-header .package-title{
      font-size: 18px;
  }
  .package-list .package-item .package-icon{
    width: 20px;
    height: 15px;
    margin-left: 10px;
  }
  .api-icon{
    width: 15px;
  }
  .package-list .package-item .package-btn{
    height: 30px;
  }
}
/* 手机适配 */
@media screen and (max-width: 768px) {
  .w {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .w100, .ability-top-img, .scheme-item-img, .scheme-item-introduce, .scheme-item-img img, .benefit-item, .data-content, .content-item, .free-trial {
    width: 100%;
  }
  .h-auto, .index-choose .logos, .scheme-item-img img, .banner-right, .marketing-scheme-item, .consultation-content-left img, .construct-item-img img {
    height: auto;
  }
  .w-50, .service-item {
    width: 50%;
  }
  .mt0, .mass-sending-advantage-content-bottom, .content-price, .interaction-desc, .information-desc, .advantage-list-bottom {
    margin-top: 0;
  }
  .item-text-desc, .index-choose .logos {
    margin-top: 1rem;
  }
  .mt3rem, .index-use, .use-tab-list, .use-content, .use-item-right, .index-advantage, .index-trust, .question-answer, .answer-content, .footer-main, .major-function, .interaction-content .content-item, .process-content, .scheme-content .content-item, .core-functions-list, .scene-content, .core-functions-content, .mass-sending-advantage-content, .index-choose .choose-bottom, .info-about-team, .info-team, .tabs-content, .price-plan-table, .consultation-content, .construct-list, .advantage-list {
    margin-top: 3rem;
  }
  .mb3rem, .footer-main, .process-content, .info-team, .interaction-tips {
    margin-bottom: 3rem;
  }
  .ml0, .use-item-right {
    margin-left: 0;
  }
  .mr2rem, .index-content-left {
    margin-right: 2rem;
  }
  .pt2rem, .index-choose, .core-functions, .mass-sending-scene, .mass-sending-advantage, .content-top-item {
    padding-top: 3rem;
  }
  .pb2rem, .index-choose, .mass-sending-advantage, .core-functions, .content-top-item, .price-plan-container {
    padding-bottom: 3rem;
  }
  .major-function-content, .benefit-content, .content-control-list, .index-ability .ability-list, .construct-list, .index-banner-content, .advantage-list-top, .advantage-list-bottom {
    flex-direction: column;
  }
  .nav-list {
    display: none;
  }
  header.header {
    height: auto;
    padding: 1.5rem 0;
  }
  header.header nav {
    display: block;
  }
  .nav-toggle {
    display: block;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    right: 2rem;
    top: 2rem;
    cursor: pointer;
    border-top: 2px solid #000;
    border-bottom: 2px solid transparent;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .nav-toggle::before, .nav-toggle::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease;
  }
  .nav-toggle::before {
    top: 0.6rem;
  }
  .nav-toggle::after {
    bottom: 0.4rem;
  }
  .nav-list.active {
    display: block;
    width: 100%;
    padding: 2rem 0;
  }
  .nav-list.active li {
    padding: 1rem 0;
    margin-right: 0;
    display: block;
    text-align: left;
  }
  .nav-list.active li.login, .nav-list.active li.on-trial {
    display: flex;
    width: 100%;
    text-align: center;
    margin-top: 2rem;
    height: auto !important;
  }
  .nav-list.active li a {
    display: block;
    width: 100%;
  }
  .sub-header .sub-header-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    padding: 2rem 0;
  }
  .sub-header .sub-header-list li {
    margin-right: 0;
    width: 100%;
    text-align: left;
    padding: 0 2rem;
  }
  .sub-header .sub-header-list li .item-top {
    justify-content: flex-start;
  }
  .mobile-sub-header .sub-header-list {
    gap: 1rem;
    padding: 0 2rem;
  }
  .mobile-sub-header .sub-header-list li a {
    padding: 1rem 0;
  }
  .index-banner {
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .index-banner-left {
    padding-left: 0;
  }
  .index-banner-left-title {
    font-size: 2.5rem;
  }
  .free-trial {
    height: 4rem;
  }
  .sprite-container {
    width: 100%;
    height: 100%;
  }
  .sub-title > div {
    display: inline;
  }
  .use-content-item, .character, .ability-top-item {
    flex-direction: column;
  }
  .ability-top-right {
    margin-left: 0;
    margin-top: 2rem;
  }
  .index-information .information-content {
    height: auto;
    background-size: cover;
    background-position: center;
  }
  .index-information .information-content .information-content-item {
    position: static;
    flex-direction: column;
    align-items: center;
    padding: 2rem 2rem 0;
    gap: 3rem;
  }
  .index-information .information-content .information-content-item .item-img {
    order: 2;
  }
  .index-information .information-content .information-content-item .item-desc {
    width: auto;
    margin-left: 0;
    font-size: 1.3rem;
    order: 1;
  }
  .index-information .information-content .information-content-item .item-desc .desc-title {
    margin-top: 1rem;
  }
  .index-information .information-tab {
    overflow-x: auto;
    display: block;
    white-space: nowrap;
  }
  .index-information .information-tab .tab-item {
    display: inline-flex;
    width: 10rem;
  }
  .use-tab-list {
    overflow-x: auto;
    display: block;
    white-space: nowrap;
  }
  .use-tab-list .use-tab-item {
    width: auto;
    display: inline-flex;
    min-width: 10rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .index-choose .choose-top {
    background: #fff;
    padding: 2rem;
  }
  .index-trust {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .index-trust .trust-content {
    flex-direction: column;
  }
  .index-trust .trust-title {
    font-size: 2.5rem;
  }
  .index-trust .trust-content-left {
    white-space: wrap;
    padding: 0 3rem;
  }
  .index-trust .trust-content-right {
    width: 90%;
    margin-top: 2rem;
    padding-bottom: 5rem;
    position: relative;
  }
  .index-trust .trust-content-right .trust-right-list {
    position: static;
    transform: none;
  }
  .index-trust .trust-content-right .content-right-item {
    padding: 1rem;
    margin-right: 1rem;
  }
  .index-trust .trust-content-right .trust-right-change {
    bottom: 0;
  }
  .advantage-list .advantage-item {
    width: 100%;
    padding: 2rem;
    background: linear-gradient(to top, #f7fcfa 0, #fff 100%);
    border: 1px solid #e7eee9;
    border-radius: 1rem;
    margin-bottom: 2rem;
  }
  .advantage-list .advantage-item .advantage-item-title {
    font-size: 2rem;
  }
  .advantage-list .advantage-item .advantage-item-desc {
    font-size: 1.5rem;
    opacity: 0.8;
  }
  .answer-item-top {
    margin: 0 2rem;
    padding: 1.5rem 0;
  }
  .answer-item-content {
    padding: 2rem;
  }
  .character-avatar {
    border-radius: 0;
  }
  .index-banner-content {
    overflow: hidden;
    padding-bottom: 88vw;
  }
  .index-banner-right {
    transform: scale(0.32) translateX(13%);
    position: absolute;
    bottom: -11rem;
  }
  .index-content-right {
    margin-left: 0;
  }
  .right-top {
    font-size: 2rem;
  }
  .right-bottom {
    font-size: 1.3rem;
  }
  .service-list {
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 1rem;
    margin-top: 2rem;
  }
  .service-item {
    padding: 1rem;
    text-align: left;
  }
  .footer-main {
    flex-direction: column;
  }
  .footer-main .footer-copyright {
    display: none;
  }
  .footer-main .main-right {
    flex-direction: column;
  }
  .footer-main .main-right dl {
    margin-right: 0;
    margin-top: 2rem;
  }
  .footer-main .main-right dl dt {
    background: linear-gradient(to right, #f1f9f6 0, #fff 100%);
    padding: 0.5rem 1rem;
    font-size: 1.3rem;
  }
  .footer-main .main-right dl dd {
    display: inline-block;
    width: 30%;
    margin-top: 1rem;
    font-size: 1.3rem;
  }
  .footer-main .footer-copyright-mobile {
    margin-top: 2rem;
    display: block;
    text-align: center;
    padding: 1rem 0;
    font-size: 1.3rem;
  }
  .major-function-content .major-function-content-left {
    order: 2;
    width: 100%;
  }
  .major-function-content .major-function-content-left img {
    width: 100%;
  }
  .major-function-content .major-function-content-right {
    order: 1;
    padding-left: 2rem;
  }
  .major-function-content .major-function-content-right .detail-server-desc {
    font-size: 1.3rem;
  }
  .interaction-content .content-item {
    flex-direction: column;
    background: #EFF2FB;
    padding: 3rem 0;
  }
  .interaction-content .content-item .content-item-icon {
    width: 80%;
    height: auto;
    padding: 2rem;
  }
  .interaction-content .content-item .content-item-icon img {
    height: auto;
  }
  .banner-left .banner-title {
    font-size: 2.8rem;
  }
  .important-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  .important-item {
    width: 100%;
    padding: 2rem;
    height: 100%;
  }
  .important-item:nth-child(n+4) {
    margin-top: 0;
  }
  .banner-right {
    width: 60%;
  }
  .scheme-item-introduce {
    padding: 2rem;
  }
  .marketing-scheme-item {
    background: #fff;
    flex-direction: column;
  }
  .scheme-item-img img {
    margin: 2rem auto;
  }
  .process-content {
    flex-direction: column;
  }
  .process-content .process-item {
    width: 100%;
    margin-bottom: 2rem;
    flex-direction: row;
    background: linear-gradient(90deg, #f1f9f6 0, #fff 100%);
    border-radius: 1rem;
    padding: 3rem 2rem 2rem;
    align-items: center;
    gap: 1rem;
    position: relative;
  }
  .process-content .process-item .process-item-icon {
    margin-bottom: 1rem;
  }
  .process-content .process-item .process-item-txt {
    margin-top: 0;
    position: absolute;
    font-size: 1.5rem;
    top: 1.5rem;
    left: 6.5rem;
  }
  .process-content .process-item .process-item-desc {
    flex: 1;
    text-align: left;
    display: block;
  }
  .process-content .process-item .process-item-desc span {
    display: inline;
  }
  .process-content .process-arrow {
    display: none;
  }
  .management-scheme {
    padding: 3rem 0;
  }
  .construct-list {
    padding: 0;
  }
  .construct-list .construct-item {
    background: linear-gradient(to top, #f1f9f6 0, #fff 100%);
    border: 1px solid #f1f9f6;
    padding: 2rem;
    border-radius: 1rem;
    text-align: center;
  }
  .construct-list .construct-item .construct-item-img img {
    width: 50%;
  }
  .base-sub-title {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 1rem;
  }
  .base-sub-title .sub-title-item {
    display: inline;
  }
  .core-functions-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .core-functions-content-right-item {
    width: 100%;
  }
  .scheme-content .content-item {
    padding: 2rem;
  }
  .scheme-content .content-item .content-item-icon img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .item-text-desc {
    font-weight: normal;
  }
  .banner-desc {
    text-align: left;
  }
  .core-functions-content-left {
    display: none;
  }
  .benefit-content {
    gap: 2rem;
  }
  .data-item-num {
    font-size: 3.5rem;
  }
  .data-item-unit {
    font-size: 3rem;
  }
  .info-box .info-box-detail .detail-top {
    font-size: 2.5rem;
  }
  .info-box .info-box-detail .detail-data {
    font-size: 1.3rem;
  }
  .info-communicate, .info-about-team, .consultation-content, .content-api-list {
    flex-direction: column;
  }
  .info-about-team .team-left {
    order: 2;
    width: 100%;
  }
  .info-about-team .team-right {
    order: 1;
  }
  .info-about-team .team-right .team-right-line {
    display: none;
  }
  .info-about-team .team-right .text-content {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .info-about-team .team-right .text-dh {
    width: 100%;
    position: relative;
    top: 4rem;
  }
  .info-about-team .team-right .text-dh img {
    margin-right: 0;
    transform: scale(0.8);
  }
  .info-team .team-title {
    margin-bottom: 1.5rem;
  }
  .team-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  .team-list .team-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-top: 0 !important;
  }
  .team-list .team-item .img-wrapper {
    width: 100%;
    border-radius: 1rem;
  }
  .team-list .team-item .team-name {
    font-size: 1.8rem;
    margin-bottom: 0;
    margin-top: 1rem;
  }
  .team-list .team-item .team-job {
    font-size: 1.3rem;
  }
  .content-control-list {
    gap: 2rem;
  }
  .content-control-list .tips-item {
    margin-top: 0 !important;
  }
  .content-control-list .recharge-btn {
    width: 100%;
    height: 3.6rem;
  }
  .content-control-list .tips-item {
    font-size: 1.5rem;
  }
  .compare-table {
    margin-top: 1rem;
    margin-bottom: 0;
  }
  #compareTable {
    padding-bottom: 0;
  }
  .consultation-content .consultation-content-left {
    order: 2;
    width: 100%;
  }
  .consultation-content .consultation-content-left img {
    width: 100%;
  }
  .consultation-content .consultation-content-right {
    width: 100%;
    order: 1;
    padding: 2rem;
  }
  .consultation-content .consultation-content-right .consultation-title {
    font-size: 2rem;
  }
  .consultation-content .consultation-content-right .consultation-desc-one {
    font-size: 1.5rem;
    margin-top: 1rem;
  }
  .content-api-list {
    gap: 2rem;
  }
  .content-api-list .content-api-item {
    width: 100%;
  }
  .content-api-list .content-api-item .content-title {
    font-size: 2rem;
  }
  .content-api-list .content-api-item .content-price {
    margin-top: 0;
  }
  .content-api-list .content-api-item .tips-item {
    margin-top: 0 !important;
    font-size: 1.5rem;
  }
  .content-api-list .content-api-item .price-unit {
    color: rgba(255, 255, 255, 0.5);
  }
  .content-api-list .content-api-item .api-recharge-btn {
    width: 100%;
    height: 3.6rem;
  }
  .consultation-btn {
    width: 100%;
    height: 3.6rem;
  }
  .package-list{
    flex-direction: column;
  }
  .package-list .package-item{
    width: 100%;
  }
  .package-list .package-item .package-header .package-title{
    background-size: 60px;
  }
}/*# sourceMappingURL=responsive.css.map */