/* CSS Document */

*{ font-size:16px; font-family:MiSansRegular; color:#1e2328; line-height:1.7; text-align:justify;}
h1,h2,h3,h4,h5,h6,p,span,ul,li{ list-style:none;}
body, html{ height:100%; margin:0;}
div,span,li{ box-sizing:border-box;}
em,i{ font-style:normal; font-size:inherit; font-family:inherit; color:inherit;}
ul,li{ list-style:none;}
h1,h2,h3,h4{ font-family:MiSansBold; font-weight:normal; margin-block-start:0; margin-block-end:0;}
p{ margin-block-start:0; margin-block-end:0;}

@font-face {
    font-family:'MiSansLight';
    src:url('../fonts/MiSansLight.eot');
    src:url('../fonts/MiSansLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MiSansLight.woff') format('woff'),
    url('../fonts/MiSansLight.ttf') format('truetype');
}
@font-face {
    font-family:'MiSansRegular';
    src:url('../fonts/MiSansRegular.eot');
    src:url('../fonts/MiSansRegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MiSansRegular.woff') format('woff'),
    url('../fonts/MiSansRegular.ttf') format('truetype');
}
@font-face {
    font-family:'MiSansBold';
    src:url('../fonts/MiSansBold.eot');
    src:url('../fonts/MiSansBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MiSansBold.woff') format('woff'),
    url('../fonts/MiSansBold.ttf') format('truetype');
}

::-webkit-scrollbar { width:5px; height:5px;}
::-webkit-scrollbar-button { width:5px; height:1px;}
::-webkit-scrollbar-track { background:rgba(255,255,255,0); box-shadow:0 0 0 rgba(255,255,255,0) inset; border-radius:1px;}
::-webkit-scrollbar-thumb { background:rgba(0,200,145,.5); border-radius:1px;}
::-webkit-scrollbar-thumb:hover { background:rgba(0,200,145,.5);}

.background-cover{ background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.background-contain{ background-size:contain !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.background-auto{ background-size:auto !important; background-position:50% 50% !important; background-repeat:repeat !important;}
.background-center{ background-size:auto !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.background-fixed{ background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important; background-attachment:fixed !important;}
.mc-bg-mask{ background:rgba(0,0,0,.32);}

.fc-gray-light{ color:#aaaaaa !important;}
.fc-gray{ color:#666768 !important;}
.fc-black{ color:#222324 !important;}
.fc-white{ color:#ffffff !important;}
.fc-green{ color:#00C891 !important;}
.fc-yellow{ color:#E6D200 !important;}
.fc-purple{ color:#5046AA !important;}

.bg-purple{ background:rgba(80,70,170,1);}
.bg-purple-03{ background:rgba(80,70,170,.03);}
.bg-purple-05{ background:rgba(80,70,170,.05);}
.bg-purple-15{ background:rgba(80,70,170,.15);}
.bg-green{ background:rgba(0,200,145,1);}
.bg-green-05{ background:rgba(0,200,145,.05);}
.bg-green-15{ background:rgba(0,200,145,.15);}
.bg-yellow{ background:rgba(230,210,0,1);}
.bg-yellow-05{ background:rgba(230,210,0,.05);}
.bg-yellow-15{ background:rgba(230,210,0,.15);}
.bg-white{ background:rgba(255,255,255,1);}
.flex-order-1{ order:1;}
.flex-order-2{ order:2;}
.flex-order-3{ order:3;}

.link-white{ color:#ffffff !important;}
.link-blue{ color:#20a5fb !important;}
.link-green{ color:#00C891 !important;}
.link-yellow{ color:#E6D200 !important;}
.link-purple{ color:#5046AA !important;}
.link-black-green{ color:#46464e !important;}
.link-black-green:hover{ color:#00C891 !important;}
.link-img-opacity img{ opacity:1; transition:0.15s;}
.link-img-opacity:hover img{ opacity:0.75;}

.fw-bold{ font-family:MiSansBold;}
.fw-normal{ font-weight:normal;}
.fs-italic{ font-style:italic;}
.float-left{ float:left !important;}
.float-right{ float:right !important;}
.img-full{ width:100%; height:auto;}
.iconfont{ text-stroke-width:0.2px;}
.iconfont{ -webkit-text-stroke-width:0.2px;}
.icon-size-small i{ font-size:24px; line-height:1;}
.icon-size-middle i{ font-size:56px; line-height:1;}
.icon-size-large i{ font-size:72px; line-height:1;}
.line-height-32{ line-height:32px !important;}
.border-btom-line{ border-bottom: solid 1px #dddedf;}
.border-radius-5{ border-radius:5px;}
.border-radius-circle{ border-radius:50%;}
.border-none{ border:none !important; outline:none !important;}
.mar-none{ margin:0 !important;}

.btn-large, .btn-middle, .btn-small{ font-family:MiSansRegular; display:inline-block; text-decoration:none; transition:background 0.15s; border-radius:6px; letter-spacing:1px;}
.btn-large:hover, .btn-middle:hover, .btn-small:hover{ box-shadow:inset 0 0 3rem 3rem rgba(0,0,0,0.08);}
.btn-large{ font-size:20px; padding:8px 36px;}
.btn-middle{ font-size:17px; padding:6px 34px;}
.btn-small{ font-size:14px; padding:4px 12px;}
.btn-purple{ background:#5046AA !important; color:#ffffff;}
.btn-green{ background:#00C891 !important; color:#ffffff;}
.btn-yellow{ background:#E6D200 !important; color:#1e2328;}
.btn-white-purple{ background:#ffffff; color:#5046AA;}
.btn-white-green{ background:#ffffff; color:#00C891;}
.btn-white-black{ background:#ffffff; color:#1e2328;}
.btn-purple-line{ border:solid 1px #5046AA; color:#5046AA;}
.btn-purple-line:hover{ background:#5046AA; border:solid 1px #ffffff; color:#ffffff; font-weight:normal;}
.btn-green-line{ border:solid 1px #00C891; color:#00C891;}
.btn-green-line:hover{ background:#00C891; border:solid 1px #ffffff; color:#ffffff; font-weight:normal;}
.btn-yellow-line{ border:solid 1px #E6D200; color:#E6D200;}
.btn-yellow-line:hover{ background:#E6D200; border:solid 1px #E6D200; color:#ffffff;}

.mc-align-left{ text-align:left !important;}
.mc-align-center{ text-align:center !important;}
.mc-align-right{ text-align:right !important;}

.mc-container{ position:fixed; width:100%; height:calc(100% - 60px); bottom:0; overflow-y:scroll;}
.mc-banner-item{ width:100%; height:580px; max-width:1400px; margin:0 auto; padding:0 24px; display:flex; align-items:center; flex-direction:row-reverse; justify-content:space-between;}
.mc-banner-item .cover{ width:625px; display:flex;}
.mc-banner-item .cover img{ width:100%; height:auto;}
.mc-banner-item .content{ width:calc(100% - 700px); display:flex; flex-direction:column;}
.mc-banner-item .content h1, .mc-banner-item .content h3{ font-size:42px; line-height:1.2; margin-bottom:16px;}
.mc-banner-item .content h4{ font-size:22px; margin:8px 0; font-family:MiSansRegular;}
.mc-banner-item .content p{ font-size:18px; margin:8px 0;}
.mc-banner-item .content .button{ margin:16px 0;}
.mc-banner-item .content .button a{ font-family:MiSansRegular;}
.mc-pro-banner{ width:100%; height:580px; display:flex; align-items:center; justify-content:center;}
.mc-main-item{ width:100%; display:flex; align-items:center; justify-content:center;}
.mc-main-inner{ width:100%; max-width:1400px; padding:76px 24px;}

.mc-currency-item{ width:100%; margin:16px 0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.mc-currency-item.text-left{ align-items:flex-start; justify-content:flex-start;}
.mc-currency-item h1{ font-size:36px; line-height:1.2; text-align:center; margin-bottom:16px;}
.mc-currency-item h3{ font-size:36px; line-height:1.2; text-align:center; margin-bottom:16px;}
.mc-currency-item p{ font-size:18px; margin-bottom:12px; text-align:center;}
.mc-currency-item .cover{ width:100% !important; display:flex;}
.mc-currency-item .cover img{ width:100%;}

.mc-column-item{ width:100%; display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between;}
.mc-column-item.column-02 .column-box{ width:calc(50% - 20px);}
.mc-column-item.column-03 .column-box{ width:calc(33.3333% - 20px);}
.mc-column-item.column-04 .column-box{ width:calc(25% - 20px);}
.mc-column-item.column-05 .column-box{ width:calc(20% - 20px);}

.mc-row-item{ width:100%; display:flex; flex-direction:column;}
.mc-row-card{ background:#ffffff; padding:30px; margin:12px 0; border-radius:24px 0; box-shadow:0 0 24px rgba(80,70,170,.06); display:flex; align-items:center; justify-content:space-between;}
.mc-row-card .cover{ width:240px; display:flex;}
.mc-row-card .cover img{ width:100%;}
.mc-row-card .content{ width:calc(100% - 280px); display:flex; flex-direction:column;}
.mc-row-card .content h3{ font-size:24px; line-height:1.4; margin:8px 0;}
.mc-row-card .content p{ font-size:18px; margin:8px 0;}

.mc-standard-card{ background:#ffffff; padding:30px; margin:12px 0; border-radius:24px 0; border-bottom:solid 4px #5046AA; box-shadow:0 0 24px rgba(80,70,170,.06); display:flex; flex-direction:column;}
.mc-standard-card h3{ font-size:24px; margin-bottom:12px; line-height:1.4; display:flex; align-items:center;}
.mc-standard-card h3 img{ width:24px; margin-right:6px;}
.mc-standard-card p{ font-size:16px;}
.mc-standard-card .content-list{ width:100%; display:flex; flex-direction:column;}
.mc-standard-card .content-list li{ position:relative; width:100%; padding-left:12px; font-size:16px; display:flex; align-items:flex-start;}
.mc-standard-card .content-list li:before{ position:absolute; content:""; left:0; top:10px; width:6px; height:6px; background:#5046AA; border-radius:5px;}

.mc-customer-roll{ width:100%; display:flex; align-items:center; justify-content:center;}
.mc-customer-inner{ width:100%; max-width:1400px; padding:24px; display:flex; align-items:center; justify-content:space-between;}
.mc-customer-inner .title{ width:360px; font-size:22px; line-height:1.2; font-weight:bold;}
.mc-customer-inner .customer-logo{ width:calc(100% - 360px);}
.mc-customer-scroll{ position:relative; width:100%;}
.mc-customer-scroll .box{ position:relative; width:100%; overflow:hidden;}
.mc-customer-scroll .list{ width:99999px; overflow:hidden;}
.mc-customer-scroll .list li{ float:left; width:125px;}
.mc-customer-scroll .list li a{ width:125px; display:flex; align-items:center;}
.mc-customer-scroll .list li a img{ width:115px;}

.mc-data-box{ width:100%; display:flex; align-items:center; justify-content:center;}
.mc-data-box .theme-column{ padding:0 24px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.mc-data-box .theme-column .number{ font-size:36px; color:#1e2328; line-height:1;}
.mc-data-box .theme-column.icon-item{ flex-direction:row; align-items:center; justify-content:center;}
.mc-data-box .theme-column.icon-item img{ width:64px; margin-right:12px;}
.mc-data-box .theme-column.icon-item .info{ display:flex; flex-direction:column;}

.mc-customer-box{ width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.mc-customer-box .content-row{ margin:0 -6px; display:flex; align-items:stretch; justify-content:center;}
.mc-customer-box .content-row ul{ width:100%; display:flex; flex-wrap:wrap;}
.mc-customer-box .content-row li{ width:calc(12.5% - 12px); margin:6px; padding:6px 0; background:#ffffff; border-radius:16px 0; box-shadow:0 0 30px rgba(80,70,170,.05); display:flex; align-items:center; justify-content:center;}
.mc-customer-box .content-row li img{ width:100%; max-width:115px;}

.mc-function-item{ width:100%; display:flex; align-items:center; justify-content:center;}
.mc-function-card{ width:100%; max-width:1400px; padding:76px 24px; display:flex; align-items:center; justify-content:space-between;}
.mc-function-card.cover-right{ flex-direction:row-reverse;}
.mc-function-card.column-item{ flex-direction:column; justify-content:center;}
.mc-function-card .cover{ width:640px; display:flex;}
.mc-function-card .cover img{ width:100%; height:auto;}
.mc-function-card .content{ width:calc(100% - 700px); display:flex; flex-direction:column;}
.mc-function-card .content h3{ font-size:36px; line-height:1.2; margin-bottom:16px;}
.mc-function-card .content h4{ font-size:20px; line-height:1.4; margin:8px 0;}
.mc-function-card .content p{ font-size:18px; margin:8px 0;}
.mc-function-card .content .list-item{ margin:8px 0; display:flex; flex-direction:column;}
.mc-function-card .content .list-item h4{ font-size:20px; margin:2px 0; display:flex; align-items:center;}
.mc-function-card .content .list-item h4 img{ width:16px; margin-right:6px;}
.mc-function-card .content .list-item p{ font-size:16px; margin:2px 0;}
.mc-function-card .content .button{ margin:16px 0;}
.mc-function-card .content-head{ width:100%; display:flex; flex-direction:column; margin-bottom:24px;}
.mc-function-card .content-head h1{ font-size:36px; line-height:1.2; text-align:center; margin-bottom:16px;}
.mc-function-card .content-head h3{ font-size:36px; line-height:1.2; text-align:center; margin-bottom:16px;}
.mc-function-card .content-head p{ font-size:18px; margin-bottom:12px; text-align:center;}
.mc-function-card .content-body{ width:100%; display:flex; flex-direction:column;}
.mc-function-card .content-item{ width:100%; display:flex; flex-direction:column; margin-bottom:24px;}

.mc-sign-item{ width:100%; padding:50px 30px; display:flex; align-items:center; justify-content:center;}
.mc-sign-inner{ width:100%; max-width:1400px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.mc-sign-inner h3{ font-size:36px; color:#1e2328; line-height:1.2; margin-bottom:15px;}
.mc-sign-inner p{ font-size:18px; color:#1e2328; margin-bottom:20px;}

.mc-resources{ width:100%; padding:15px; display:flex; align-items:center; justify-content:center;}
.mc-resources-inner{ width:100%; max-width:1400px; padding:24px; display:flex; flex-direction:column; align-items:center;}
.mc-resources-nav{ width:100%; margin-bottom:10px; display:flex; align-items:center; justify-content:center;}
.mc-resources-nav a{ font-size:15px; margin:0 20px;}
.mc-resources-nav a.active{ color:#5046AA;}
.mc-resources-body{ width:100%; display:flex; flex-direction:column; justify-content:center;}
.mc-resources-list{ width:100%; margin:10px 0; box-shadow:0 0 25px rgba(80,70,170,.06);}
.mc-resources-list a{ background:#ffffff; display:flex; align-items:center; justify-content:space-between;}
.mc-resources-list img{ width:420px;}
.mc-resources-list .content{ padding:0 35px; display:flex; flex-direction:column;}
.mc-resources-list .content .label{ padding-bottom:5px; margin-bottom:20px; border-bottom:solid 1px rgba(80,70,170,.1); display:flex; align-items:center;}
.mc-resources-list .content .label em{ font-size:12px; color:#5046AA; margin-right:15px;}
.mc-resources-list .content h3{ font-size:24px; font-family:MiSansBold; line-height:1.4;}
.mc-resources-list .content p.time{ font-size:13px; color:#1e2328; margin:0 0 8px 0;}
.mc-resources-list .content p{ width:100%; float:left; font-size:15px; margin:6px 0; text-align:justify; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mc-resources-list.white-paper{ background:#ffffff; display:flex; align-items:center; justify-content:space-between;}
.mc-resources-list.white-paper img{ width:360px;}
.mc-resources-list.white-paper .button{ margin-top:20px; display:flex; align-items:center;}

.mc-content-item{ width:100%; background:#ffffff; padding:48px; margin:12px 0; display:flex; justify-content:space-between;}
.mc-article-item{ width:calc(100% - 280px); display:flex; flex-direction:column;}
.mc-article-item>.article-cover{ width:100%; margin-bottom:36px;}
.mc-article-item>.article-cover img{ width:100%; max-width:100%;}
.mc-article-item>.article-header{ width:100%; margin-bottom:32px; display:flex; flex-direction:column;}
.mc-article-item>.article-header h1{ font-size:32px; line-height:1.4; margin-bottom:5px;}
.mc-article-item>.article-header .marks{ width:100%; padding-bottom:30px; border-bottom:solid 1px rgba(80,70,170,.3);}
.mc-article-item>.article-header .marks em{ display:inline-block; font-size:14px; line-height:1.4; color:#333333; margin-right:15px;}
.mc-article-item>.article-body{ width:100%; display:flex; flex-direction:column;}
.mc-article-item>.article-body h3{ position:relative; font-size:22px; color:#1e2328; line-height:1; padding-left:14px; margin:24px 0 16px 0; display:flex; align-items:center;}
.mc-article-item>.article-body h3:before{ position:absolute; content:""; left:0; width:7px; height:22px; background:#00c891;}
.mc-article-item>.article-body h4{ font-size:17px; color:#1e2328; margin:20px 0 6px 0;}
.mc-article-item>.article-body p{ font-size:16px; color:#1e2328; line-height:1.8; margin:8px 0; text-align:justify;}
.mc-article-item>.article-body p a{ font-size:inherit; color:inherit;}
.mc-article-item>.article-body .mc-img img{ width:100%; max-width:100%; outline:solid 1px rgba(80,70,170,.2); margin:12px 0 4px 0;}
.mc-article-item>.article-body .source{ font-size:13px; color:#999999; margin:0;}
.mc-article-item>.article-body .mc-notes-box{ padding:20px 25px; margin:8px 0 24px 0; background:rgba(80,70,170,.04); border-left:solid 2px rgba(80,70,170,.6);}
.mc-article-item>.article-body .mc-notes-box em{ width:100%; float:left; font-size:14px; line-height:1.8; margin:5px 0;}
.mc-article-item>.article-body .mc-remarks-box{ width:100%; margin-top:30px; padding-top:20px; border-top:solid 1px rgba(80,70,170,.3); display:flex; align-items:center; justify-content:space-between;}
.mc-article-item>.article-body .mc-remarks-box em.text{ font-size:14px; color:#1e2328; line-height:1.8; padding:0 10px;}
.mc-article-item>.article-body .mc-remarks-box em.icon{ width:100px; font-size:100px; color:#5046AA; line-height:1;}
.mc-article-item>.article-body .article-list{ margin:8px 0;}
.mc-article-item>.article-body .article-list li{ position:relative; width:100%; padding-left:10px; font-size:15px; display:flex; align-items:flex-start;}
.mc-article-item>.article-body .article-list li:before{ position:absolute; content:""; left:0; top:10px; width:5px; height:5px; background:#00C891; border-radius:5px;}

.mc-solution-nav{ position:relative; width:100%; background:linear-gradient(to right, rgba(80,70,170,.4), rgba(80,70,170,1)); display:flex; align-items:center; justify-content:center;}
.mc-solution-nav a{ font-size:14px; height:40px; padding:0 20px; color:#ffffff; display:flex; align-items:center; justify-content:center;}
.mc-solution-nav a.active{ background:#ffffff; font-family:MiSansBold; color:#5046AA;}

.mc-about-item{ width:100%; display:flex; align-items:center; justify-content:center;}
.mc-about-inner{ width:100%; max-width:1400px; padding:76px 24px; display:flex; flex-direction:column;}
.mc-about-inner p{ font-size:16px; margin:12px 0;}
.mc-about-inner p a{ color:#5046AA;}
.mc-about-inner p a:hover{ text-decoration:underline;}

.mc-content-register{ width:240px; display:flex; flex-direction:column;}
.mc-content-register .register-box{ background:#00C891; padding:24px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.mc-content-register .register-box img{ width:100px;}
.mc-content-register .register-box .title{ font-size:18px; color:#ffffff; line-height:1.4; padding:10px 0; text-align:center;}
.mc-content-register .register-box .describe{ font-size:14px; color:#ffffff; line-height:1.4; padding-bottom:10px; text-align:center;}

.mc-register-item{ width:100%; display:flex; align-items:center; justify-content:center;}
.mc-register-inner{ width:100%; max-width:1400px; padding:76px 24px; display:flex; align-items:center; justify-content:space-between;}
.mc-register-content{ width:calc(100% - 660px); display:flex; flex-direction:column;}
.mc-register-content .content-list{ width:100%; display:flex; flex-direction:column;}
.mc-register-content .content-list .content{ width:100%; margin:12px 0; display:flex; flex-direction:column;}
.mc-register-content .content-list .content h3{ font-size:20px; margin-bottom:4px; line-height:1.4; display:flex; align-items:center;}
.mc-register-content .content-list .content h3 img{ width:20px; margin-right:6px;}
.mc-register-form{ width:560px; height:480px; background:#ffffff; border-radius:24px 0; box-shadow:0 0 30px rgba(0,0,0,.06); display:flex; align-items:center; justify-content:center;}
.mc-register-iframe{ width:100%; height:100%; display:block;}

.mc-upgrade-item{ width:100%; display:flex; align-items:center; justify-content:center;}
.mc-upgrade-inner{ width:100%; max-width:1400px; padding:76px 24px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.mc-upgrade-inner .cover{ width:100%; max-width:280px; margin-bottom:30px;}
.mc-upgrade-inner h1{ font-size:24px; color:#5046AA; line-height:1.4; margin-bottom:8px;}
.mc-upgrade-inner p{ font-size:14px; line-height:1; margin-bottom:16px;}
.mc-upgrade-inner .qr-code{ width:140px; margin-bottom:8px;}
.mc-upgrade-inner .online{ width:100%; display:flex; align-items:center; justify-content:center;}
.mc-upgrade-inner .online em{ font-size:12px; color:#999999; margin:0 12px;}
.mc-upgrade-inner .online a{ font-size:14px; display:flex; align-items:center;}
.mc-upgrade-inner .online a:hover{ color:#5046AA;}
.mc-upgrade-inner .online a i{ font-size:14px; margin-right:2px; color:inherit;}

.mc-foot-item{ width:100%; display:flex; align-items:center; justify-content:center;}
.mc-foot-inner{ width:100%; max-width:1400px; padding:60px 24px; display:flex; align-items:flex-start; justify-content:space-between;}
.mc-foot-column.first{ width:55%;}
.mc-foot-column{ width:15%; display:flex; flex-direction:column;}
.mc-foot-column .logo{ margin-bottom:12px;}
.mc-foot-column p{ font-size:14px; font-family:MiSansLight; color:#ffffff; margin:4px 0;}
.mc-foot-column p img{ width:14px; margin-right:4px;}
.mc-foot-column .title{ font-size:15px; font-family:MiSansBold; color:#ffffff; margin-bottom:10px;}
.mc-foot-column .links{ width:100%; display:flex; flex-direction:column;}
.mc-foot-column .links a{ font-size:14px; font-family:MiSansLight; color:rgba(255,255,255,.8); line-height:1; display:flex; align-items:center; margin:6px 0;}
.mc-foot-column .links a:hover{ color:rgba(255,255,255,1);}
.mc-foot-column .links a i{ font-size:13px; color:inherit; line-height:inherit; margin-right:4px;}

.mc-online-service{ position:fixed; right:30px; bottom:30px; z-index:1000;}
.mc-online-service img{ border:0; width:50px;}

@media (max-width:768px) {
    *{ font-size:14px;}
    .flexslider{ height:660px !important;}
    .mc-banner-item{ height:100%; flex-direction:column; justify-content:center;}
    .mc-banner-item .cover{ width:100%; margin:20px 0;}
    .mc-banner-item .content{ width:100%; text-align:center;}
    .mc-banner-item .content h1, .mc-banner-item .content h3{ font-size:32px; text-align:inherit;}
    .mc-banner-item .content h4{ font-size:16px; text-align:inherit;}
    .mc-banner-item .content p{ font-size:14px; text-align:inherit;}
    .mc-banner-item .content .button{ text-align:center;}
    .mc-customer-inner{ flex-direction:column; justify-content:center;}
    .mc-customer-inner .title{ width:100%; font-size:20px; line-height:1; text-align:center;}
    .mc-customer-inner .customer-logo{ width:100%;}
    .mc-main-inner{ padding:24px;}
    .mc-currency-item h3{ font-size:24px;}
    .mc-currency-item p{ font-size:14px;}
    .mc-column-item{ flex-direction:column;}
    .mc-column-item .column-box{ width:100% !important;}
    .mc-currency-item{ margin:16px 0 0 0;}
    .mc-standard-card{ padding:24px;}
    .mc-standard-card h3{ font-size:18px;}
    .mc-standard-card h3 img{ width:20px;}
    .mc-standard-card p{ font-size:14px;}
    .mc-standard-card .content-list li{ font-size:14px;}
    .mc-data-box{ flex-direction:column; align-items:flex-start; justify-content:flex-start;}
    .mc-data-box .theme-column.icon-item{ margin:8px 0;}
    .mc-row-card{ padding:24px; flex-direction:column;}
    .mc-row-card .cover{ width:100%; margin-bottom:12px;}
    .mc-row-card .content{ width:100%;}
    .mc-row-card .content h3{ font-size:18px;}
    .mc-row-card .content p{ font-size:14px;}
    .mc-row-card .content p:last-child{ margin-bottom:0;}
    .mc-customer-box .content-row li{ width:calc(25% - 12px); margin:6px; border-radius:8px 0;}
    .mc-currency-item p{ text-align:left;}
    .mc-foot-item{ padding:24px;}
    .mc-foot-inner{ flex-wrap:wrap; padding:0;}
    .mc-foot-column{ width:50%; padding:12px 0;}
    .mc-foot-column.first{ width:100%;}
    .mc-function-item{ padding:24px;}
    .mc-function-card{ flex-direction:column;}
    .mc-function-card.cover-right{ flex-direction:column;}
    .mc-function-card .cover{ width:100%; margin-bottom:24px;}
    .mc-function-card .content{ width:100%;}
    .mc-function-card .content h3{ font-size:24px; margin-bottom:8px;}
    .mc-function-card .content h4{ font-size:18px;}
    .mc-function-card .content p{ font-size:14px;}
    .mc-function-card .content .list-item h4{ font-size:18px;}
    .mc-function-card .content .list-item p{ font-size:14px;}
    .mc-function-card .content .button{ margin:8px 0;}
    .mc-sign-item{ padding:24px;}
    .mc-sign-inner h3{ font-size:20px;}
    .mc-sign-inner p{ font-size:14px; margin:0;}
    .mc-solution-nav a{ font-size:12px; line-height:16px; padding:8px 12px; text-align:center;}
    .mc-content-item{ flex-direction:column; padding:24px;}
    .mc-customer-roll .customer-logo{ width:100%; padding:0;}
    .mc-customer-roll .title{ width:100%; padding:12px;}
    .mc-pro-banner{ height:auto; padding:10px;}
    .mc-function-card{ flex-direction:column; padding:10px 0;}
    .mc-function-item .content-row{ flex-direction:column; padding:0;}
    .mc-resources{ padding:15px 0 0 0;}
    .mc-resources-nav{ margin-bottom:0;}
    .mc-resources-inner{ padding:0;}
    .mc-resources-list a{ flex-direction:column;}
    .mc-resources-list img{ width:100%;}
    .mc-resources-list .content h3{ font-size:20px;}
    .mc-resources-list .content p{ font-size:14px;}
    .mc-resources-list .content{ padding:24px;}
    .mc-resources-list.white-paper{ flex-direction:column;}
    .mc-article-item>.article-cover{ margin-bottom:24px;}
    .mc-article-item{ width:100%;}
    .mc-article-item>.article-header h1{ font-size:24px;}
    .mc-content-register{ width:100%; margin-top:24px;}
    .mc-register-content{ width:100%; padding:0;}
    .mc-sign-inner .describe{ font-size:15px;}
    .mc-about-inner{ padding:24px;}
    .mc-about-inner p{ font-size:14px;}
    .mc-register-item{ width:100%; padding:15px;}
    .mc-register-inner{ flex-direction:column; padding:10px;}
}