@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);
}
} @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;
}
} @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, .banner-right {
width: 100%;
}
.h-auto, .index-choose .logos, .scheme-item-img img, .banner-right, .marketing-scheme-item, .consultation-content-left img, .construct-item-img img, .api-detail-banner {
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, .banner-content {
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;
height: 70rem;
}
.index-banner-right {
transform: scale(0.32) translateX(13%);
position: absolute;
top: 20%;
}
.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;
}
.api-detail-banner {
padding-top: 6rem;
}
.mass-sending-banner {
overflow: hidden;
}
.mass-sending-banner .banner-left {
overflow: hidden;
}
.mass-sending-banner .banner-left .banner-title {
font-size: 2.3rem;
}
.mass-sending-banner .banner-left .banner-desc {
width: 100%;
}
.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;
}
.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;
}
}