@font-face {
    font-family: "Ulm Grotesk";
    font-weight:  600;
    font-style: normal;
    font-stretch: normal;
    src: url("https://ametasmart.s3.us-west-1.amazonaws.com/resource/UlmGrotesk-Extrabold.eot?v=36106734366903861081693362273");
    src: url("https://ametasmart.s3.us-west-1.amazonaws.com/resource/UlmGrotesk-Extrabold.eot?v=36106734366903861081693362273") format('embedded-opentype'),
    url("https://ametasmart.s3.us-west-1.amazonaws.com/resource/UlmGrotesk-Extrabold.woff2?v=74070747790181768371687752637") format("woff2"),
    url("https://ametasmart.s3.us-west-1.amazonaws.com/resource/UlmGrotesk-Extrabold.woff?v=172188239770531642651687752609") format("woff")
}
@font-face {
    font-family: 'Ulm Grotesk';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url("https://ametasmart.s3.us-west-1.amazonaws.com/resource/Ulm+Grotesk+Regular.eot?v=100996036294229615441693362256");
    src: url("https://ametasmart.s3.us-west-1.amazonaws.com/resource/Ulm+Grotesk+Regular.eot?v=100996036294229615441693362256") format('embedded-opentype'),
    url("https://ametasmart.s3.us-west-1.amazonaws.com/resource/Ulm+Grotesk+Regular.woff2?v=69173304910473119551693295426") format("woff2"),
    url("https://ametasmart.s3.us-west-1.amazonaws.com/resource/Ulm+Grotesk+Regular.woff?v=2257892038603723861693295411") format("woff")
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
    html {
        -webkit-text-size-adjust: 100%;
    }
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    background: #F6F9FA;
    font-family: 'Ulm Grotesk', 'Droid Sans', 'Roboto', 'Helvetica', serif;
    font-style: initial;
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
    color: #262A2E;
    line-height: 1.6em;
    overflow: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    margin: 0;
}

.container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
    .container {
        width: calc(90% + 20px);
    }
}

@media only screen and (max-width: 480px) {
    .container {
        width: calc(100% - 40px);
    }
}

div.container {
    margin: 0 auto;
    padding: 20px 0;
}

div.content {
    padding: 30px 0px 15px 0;
}

.sixteen {
    width: calc(100% - 20px);
}

.column, .columns {
    float: left;
    display: inline;
    margin-left: calc(20px / 2);
    margin-right: calc(20px / 2);
    box-sizing: border-box;
}

a, a:visited, a span {
    color: #262A2E;
    text-decoration: none;
    position: relative;
    transition: color .1s linear;
}

a, button, input, select, textarea, label, summary {
    touch-action: manipulation;
}

.app_pages {
    padding: 0 4px;
    margin-bottom: 30px;
}

.app_pages h1,
.app_pages h2,
.app_pages p {
    margin: 0;
}

.app_pages strong {
    color: #262A2E;
    font-weight: 400;
}
.app_pages .data-security strong {
    font-weight: 700;
}

.app_pages svg,
.app_pages img {
    vertical-align: middle;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-crisp-edges;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    -webkit-font-smooting:  antialiased;
}

.app_pages .des-img .step-img {
    width: 100%;
    margin: -1px;
    border: none;
    font-size: 0;
    display: block;
    line-height: 0;
}

.app_pages .des-img span {
    display: block;
    margin-left: -8px;
    margin-top: -3px;
    margin-right: -2px;
    margin-bottom: -2px;
}

.app_pages .bold {
    font-weight: bolder;
}

.app_pages .title-h1 {
    font-size: 18px;
    line-height: 24px;
    color: #FFB800;
    letter-spacing: 0px;
}

.app_pages .title-h2 {
    font-size: 14px;
    line-height: 20px;
    color: #262A2E;
    letter-spacing: 0px;
}

.app_pages .des {
    font-size: 12px;
    line-height: 20px;
}

.app_pages .data-security .des {
    line-height: 36px;
}

.app_pages .data-security .blank-line {
    line-height: 15px;
}

.app_pages .pt30 {
    padding-top: 18px;
}

.app_pages .pb30 {
    padding-bottom: 18px;
}

.app_pages .pr {
    position: relative;
}

.app_pages .pa {
    position: absolute;
}

.app_pages .tc {
    text-align: center;
}

/*.app_pages .en,*/
/*.app_pages .zh,*/
/*.app_pages .de,*/
/*.app_pages .fr,*/
/*.app_pages .it,*/
/*.app_pages .es,*/
/*.app_pages .ja,*/
/*.app_pages .ru,*/
/*.app_pages .pt,*/
/*.app_pages .ar,*/
/*.app_pages .twn {*/
/*    display: none;*/
/*}*/

.app_pages .ar.title-h1 {
    text-align: right;
    direction: rtl;
    /*unicode-bidi: bidi-override;*/
}

.app_pages .ar .ar-img {
    margin: 30px 0;
}

.app_pages .title-border-bottom {
    display: inline;
    border-bottom: 1px solid #FFB800;
}

.app_pages .des-border-bottom {
    display: inline;
    border-bottom: 1px solid #262A2E;
}

.app_pages .strong-border-bottom {
    display: inline;
    /*border-bottom: 1px solid #232629;*/
    text-decoration: underline;
}

.app_pages .faq .title-h2,
.app_pages .agreement .title-h2 {
    padding: 18px 0;
}

.app_pages .faq .button-img-1 {
    width: 90px;
}

.app_pages .faq .button-img-2 {
    width: 50px;
}

.app_pages .faq .button-img-3 {
    width: 45px;
}

.app_pages .faq .button-img-4 {
    width: 45px;
}

.app_pages .flash .title-h2,
.app_pages .flash-slow .title-h2 {
    font-size: 14px;
    color: #2d2d39;
}

.app_pages .flash .des-img,
.app_pages .flash-slow .des-img {
    padding: 10px 0;
    text-align: center;
}

.app_pages .flash .pa,
.app_pages .flash-slow .pa {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #f2f4f5;
    border: 2px solid #FFB800;
    border-radius: 50%;
}

.app_pages .flash .step-content,
.app_pages .flash-slow .step-content {
    padding-left: 19px;
    margin-left: 7px;
}
.app_pages .flash .ar-section .step-content,
.app_pages .flash-slow .ar-section .step-content {
    padding-right: 19px;
    margin-right: 7px;
    padding-left: 0;
    margin-left: 0;
}

.app_pages .flash .step:first-child .step-content,
.app_pages .flash-slow .step:first-child .step-content {
    border-left: 2px solid #FFB800;
}
.app_pages .flash .ar-section .step:first-child .step-content,
.app_pages .flash-slow .ar-section .step:first-child .step-content {
    border-right: 2px solid #FFB800;
    border-left: none;
}

.app_pages .s-connection-tutorial .step-content .des-img img {
    /*           border: 1px dashed #000; */
}

.app_pages .s-connection-tutorial .step-content .des-step-1 {
    padding: 13px 0 10px;
}

.app_pages .s-connection-tutorial .step-content .des-step-2 {
    padding: 26px 0 0;
}

.app_pages .google,
.app_pages .alexa {
    padding-bottom: 20px;
}

.app_pages .google .important,
.app_pages .alexa .important {
    margin-left: 8px;
    padding-left: 25px;
}
.app_pages .google .ar-section .important,
.app_pages .alexa .ar-section .important {
    margin-right: 8px;
    padding-right: 25px;
    margin-left: 0;
    padding-left: 0;
}

.app_pages .google .important .pa,
.app_pages .alexa .important .pa {
    left: -9px;
    top: -3px;
}
.app_pages .google .ar-section .important .pa,
.app_pages .alexa .ar-section .important .pa {
    right: -9px;
    top: -3px;
}

.app_pages .google .important1,
.app_pages .alexa .important1 {
    border-left: #FFB800 1px solid;
}
.app_pages .google .ar-section .important1,
.app_pages .alexa .ar-section .important1 {
    border-right: #FFB800 1px solid;
    border-left: none;
}

.app_pages .google .important1 .pa,
.app_pages .alexa .important1 .pa {
    top: -1px;
    left: -33px;
}
.app_pages .google .ar-section .important1 .pa,
.app_pages .alexa .ar-section .important1 .pa {
    top: -1px;
    left: auto;
    right: -33px;
    direction: ltr;
}


.app_pages .google .important1 .title-h2 .pa,
.app_pages .alexa .important1 .title-h2 .pa {
    height: 14px;
    background: #fff;
}
.app_pages .google .ar-section  .important1 .title-h2 .pa,
.app_pages .alexa .ar-section .important1 .title-h2 .pa {
    background-color: transparent;
}

.app_pages .ar-section .ar .title-h2 {
    text-align: right;
    direction: rtl;
    line-height: 1.2em;
}
.app_pages .ar-section .ar .des {
    text-align: right;
    direction: rtl;
    word-break: break-word;
}
.app_pages .ar-section .ar .des:after {
    content: 'a';
    color: transparent;
}

.app_pages .google .important1 .des-four .pa,
.app_pages .alexa .important1 .des-four .pa {
    min-height: 52px;
    line-height: 15px;
    background: #fff;
    top: 3px;
}

.app_pages .google .important1 .zh .des-four .pa,
.app_pages .alexa .important1 .zh .des-four .pa {
    min-height: 20px;
}

.app_pages .network {
    padding: 0 0 60px;
}

.app_pages .network .des {
    /*font-family: 'PingFang';*/
}

.app_pages .network .ar.title-h1 {
    unicode-bidi: inherit;
}

.app_pages .network ul {
    margin: 0;
    padding: 0;
}

.app_pages .network ul li {
    list-style: none;
    padding: 24px 18px;
    margin: 20px 0;
    background: #F1F4F5;
    border-radius: 8px;
}

.app_pages .network ul li .num {
    font-size: 18px;
    font-weight: 600;
    color: #2C3335;
    line-height: 25px;
    display: inline-block;
    /*font-family: 'PingFang';*/
    width: 18px;
    vertical-align: top;
    margin-top: 17px;
}

.app_pages .network ul li .num .se {
    z-index: 2;
    bottom: -1px;
    left: 0;
    right: 0;
}

.app_pages .network ul li .num .oval {
    width: 18px;
    height: 8px;
    background-color: #FFB800;
    bottom: 1px;
    left: 0;
    z-index: 1;
    border: 1px solid #FFB800;
    border-radius: 4px;
}

.app_pages .network ul li .des {
    display: inline-block;
    max-width: 260px;
    padding-left: 10px;
}

.app_pages .network ul li:first-child {
    margin-top: 0;
}

.app_pages .network .ar ul {
    text-align: right;
}

.app_pages .network .ar ul li {
    padding: 24px 17px;
}

.app_pages .network .ar ul li .fl {
    float: right;
}

.app_pages .network .ar ul li .des {
    padding-left: 0;
    padding-right: 10px;
    direction: rtl;
}

.app_pages .des-border-bottom {
    display: inline;
    border-bottom: 1px solid #262A2E;
}

@media only screen and (max-width: 480px) {
    .app_pages img {
        /*width: 100%;*/
        width: auto;
        max-width: 100%;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-crisp-edges;
        image-rendering: crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        -ms-interpolation-mode: nearest-neighbor;
        -webkit-font-smooting:  antialiased;
    }
    .app_pages img.icon {
        width: auto;
    }
}

.had-ar .ar {
    text-align:right;
    /*direction: rtl;*/
}
.had-ar .ar .title-h2 {
    font-family: 'times';
}
.had-ar .ar .des {
    direction: rtl;
    font-family: 'times';
    word-break: break-word;
}
.had-ar .ar .office-hours {
    font-family: 'times';
}
.had-ar .ar .note {
    direction: rtl;
    font-family: 'times';
    word-break: break-word;
}
.app_pages .flash .had-ar.step:first-child .step-content {
    border-right: 2px solid #FFB800;
    border-left: none;
}
.app_pages .flash .had-ar .step-content {
    padding-left: 0;
    padding-right: 19px;
    margin-right: 7px;
    margin-left: 0;
}

.app_pages .flash .had-ar .pa {
    right: 0;
}

.customer-service-app-content .customer-service-app-desc.had-ar .text.ar {
    max-width: 230px;
}

/*客服*/
@media (max-width: 767px) {
    .customer-service-app {
        position: fixed;
        bottom: 5%;
        right: 0;
        width: 62px;
        height: 58px;
        background: #FFB800;
        border-bottom-left-radius: 29px;
        border-top-left-radius: 29px;
        padding: 4px 0 4px 3px;
        cursor: pointer;
        z-index: 100;
    }
    .customer-service-app.ar {
        direction: ltr;
    }
    .customer-service-app-content {
        width: 95%;
        background: #FFB800;
        border-top-left-radius: 29px;
        position: fixed;
        bottom: 0;
        right: 0;
        padding: 18px 0 18px 18px;
        z-index: 100;
    }
    .customer-service-app-content.ar-content {
        padding: 18px 18px 18px 0;
    }
    .customer-service-app-content .customer-service-app-desc {
        color: #fff;
    }
    .customer-service-app-content .customer-service-app-desc img {
        vertical-align: top;
    }
    .customer-service-app-content .customer-service-app-desc .text {
        display: inline-block;
        padding-left: 20px;
        max-width: 220px;
        margin-bottom: 25px;
    }
    .customer-service-app-content .customer-service-app-desc .text.ar {
        display: inline-block;
        padding-right: 20px;
        padding-left: 0;
        margin-bottom: 25px;
    }
    .customer-service-app-content .customer-service-app-desc .text .telephone {
        font-weight: 500;
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0;
        margin-top: 12px;
    }
    .customer-service-app-content .customer-service-app-desc .text .telephone img {
        vertical-align: middle;
    }
    .customer-service-app-content .customer-service-app-desc .text .office-hours {
        font-size: 12px;
        margin-bottom: 0;
        line-height: 20px;
    }
    .customer-service-app-content .customer-service-app-desc .text .note {
        font-size: 12px;
        margin: 3px 0 0;
    }
    .customer-service-app-content .cross {
        width: 18px;
        height: 18px;
        position: relative;
        float: right;
        /*           padding-top: 2px; */
        cursor: pointer;
        z-index: 99;
        display: inline-block;
    }
    .customer-service-app-content .had-ar .cross {
        float: left;
    }
    .customer-service-app-content .cross::before, .customer-service-app-content .cross::after {
        content: '';
        width: 2px;
        height: 20px;
        background: #ffffff;
        position: absolute;
        right: 20px;
    }
    .customer-service-app-content .had-ar .cross::before, .customer-service-app-content .had-ar .cross::after {
        left: 20px;
        right: auto;
    }
    .customer-service-app-content .cross::before {
        transform: rotate(45deg);
    }
    .customer-service-app-content .cross::after {
        transform: rotate(-45deg);
    }
}