/* reference-details 在 lazyAmazeUi 下补充的首屏增量样式 */
body {
    background: #F5F5F7;
}

.am-g {
    margin: 0 auto;
    width: 100%;
}

.am-margin-lg {
    margin: 2.4rem;
}

.am-margin-left-lg {
    margin-left: 2.4rem;
}

.am-margin-right-lg {
    margin-right: 2.4rem;
}

.am-margin-right {
    margin-right: 1.6rem;
}

.am-margin-top-sm {
    margin-top: 1rem;
}

#editor {
    max-width: 100%;
    min-height: 120px;
}

h1 {
    font-size: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 1.6rem;
}

.am-img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.p-icon-a-0011 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    flex: 0 0 16px;
}

@media only screen and (min-width: 641px) {
    body .am-container,
    body .am-g-fixed,
    .am-container,
    .am-g-fixed {
        max-width: 1576px !important;
    }

    .am-u-md-4 {
        width: 33.33333333%;
    }

    .am-u-md-8 {
        width: 66.66666667%;
    }

    .am-avg-md-1 > li {
        width: 100%;
    }

    .am-avg-md-1 > li:nth-of-type(n) {
        clear: none;
    }

    .am-avg-md-1 > li:nth-of-type(1n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 1025px) {
    .am-u-lg-3 {
        width: 25%;
    }

    .am-u-lg-9 {
        width: 75%;
    }

    .am-avg-lg-1 > li {
        width: 100%;
    }

    .am-avg-lg-1 > li:nth-of-type(n) {
        clear: none;
    }

    .am-avg-lg-1 > li:nth-of-type(1n+1) {
        clear: both;
    }
}