body {
        font-size: 14px;
        color: #333;
        font-family: Helvetica, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}
 
[class*=am-u-] {
        padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
        margin: 0
}

.am-form select,
.am-form textarea,
.am-form input[type="text"],
.am-form input[type="password"],
.am-form input[type="datetime"],
.am-form input[type="datetime-local"],
.am-form input[type="date"],
.am-form input[type="month"],
.am-form input[type="time"],
.am-form input[type="week"],
.am-form input[type="number"],
.am-form input[type="email"],
.am-form input[type="url"],
.am-form input[type="search"],
.am-form input[type="tel"],
.am-form input[type="color"],
.am-form-field {
        font-size: 16px
}

a {
        color: #333;
        transition: all .5s
}

a:hover {
        color: #BE1E2D;
        transition: all .5s
}

img {
        max-width: 100%;
        transition: all .5s;
}

.am-btn  {
        border-radius: 3px;
        padding: .8em 1.5em;
}

.am-btn:hover  {
        box-shadow:3px 6px 12px rgba(251, 1, 51, 0.3);  
        transform: translate3d(0, -6px, 0); 
}
.am-btn-icon{
        background-image: url(../images/btn-icon.png) ;
        background-position: center right;
        background-repeat: no-repeat;
        transition: all 1.2s ease-in-out;
        padding: .8em 2.1em .8em 1.5em!important;
}
.am-btn-icon:hover{
        background-position:  180px center;
        transition: all 1.2s ease-in-out;
        padding: .8em  1.5em!important;
}
.am-btn-default {
        background-color: transparent;
        border-color: #e6e6e6;
        color: #fff!important;
}
.am-btn-default:hover,
.am-btn-default:focus {
        background-color: #BE1E2D;
        border-color: #BE1E2D
}
.am-btn-primary {
        background-color: #BE1E2D;
        border-color: #BE1E2D
}

.am-text-white {
        color: #fff
}
.am-text-main{
        color: #f6f6f6!important;
}
.am-text-gray{
        color: #666;
}
.am-text-primary {
        color: #BE1E2D
}

.am-text-success {
        color: #01886b
}

.am-text-danger {
        color: #cd1601
}
.am-txt-lh{
        line-height: 2.1;
}
.am-en{
        text-transform: uppercase;
}
.am-btn-primary:hover,
.am-btn-primary:focus {
        background-color: #de6800;
        border-color: #de6800
}

.am-btn-hover:hover,
.am-btn-hover:focus {
        background-color: #de6800;
        border-color: #de6800;
        color: #fff;
}

.am-with-topbar-fixed-top {
        padding-top: 0
}

.am-container {
        max-width: 1410px; 
}

.am-container-sm {
        max-width: 980px;
        margin: 0 auto;
}


.am-container-avg{
        max-width: 1440px;
        margin: 0 auto;
}

.am-container-avg-sm{
        max-width: 1180px;
        margin: 0 auto;
}

.am-btn {
        font-size: 14px
}

.am-bg-main {
        background-color: #f6f6f6;
}
.am-bg-primary{
        background-color: #BE1E2D;
}
.am-bg-white {
        background-color: #fff;
}

.am-p-main {
        padding: 12rem 0;
}

.am-por-re {
        position: relative;
}

.am-img-hover:hover {
        transform: scale(1.1);
        transition: all 1s ease;
        overflow: hidden;
}

/* 字体大小 */
.f-14 {
        font-size: 1.4rem
}
.f-16 {
        font-size: 1.6rem
}

.f-18 {
        font-size: 1.8rem
}

.f-20 {
        font-size: 2rem
}
.f-21 {
        font-size: 2.1rem
}

.f-24 {
        font-size: 2.4rem
}

.f-30 {
        font-size: 3rem
}

.f-48 {
        font-size: 4.8rem
}

.f-60 {
        font-size: 6rem
}

.f-60 {
        font-size: 6rem
}
.f-90 {
        font-size: 9rem
}

.f-120 {
        font-size: 12rem
}

.f-150 {
        font-size: 15rem
}

.f-180 {
        font-size: 18rem
}
.f-200 {
        font-size: 20rem
}

.f-210 {
        font-size: 21rem
}
.f-240 {
        font-size: 24rem
}

/* 边距 */
.mb6 {
        margin-bottom: .6rem;
}
.mb15 {
        margin-bottom: 1.5rem;
}

.mb30 {
        margin-bottom: 3rem;
}

.mb60 {
        margin-bottom: 6rem;
}
.pl60{
        padding-left: 6rem;
}
.pr60{
        padding-right: 6rem;
}
.pr30{
        padding-right: 3rem;
}

.pt30{
        padding-top: 3rem;
}
.pr15{
        padding-right: 1.5rem;
}
.p15{
        padding: 1.5rem;
}
.p30{
        padding: 3rem;
}
.pv30{
        padding: 3rem 0;
}
.pv60{
        padding: 6rem 0;
}
.p60{
        padding: 6rem;
}
/* 阴影 */
.am-boxadow {
        box-shadow:3px 6px 12px rgba(0, 0, 0, 0.1); 
        border-radius: 6px; 
}
.am-boxadow-hover {
        box-shadow:3px 6px 12px rgba(0, 0, 0, 0.1); 
        border-radius: 6px; 
}


.am-boxadow-hover:hover {
        box-shadow:3px 6px 12px rgba(0, 0, 0, .1);  
        transform: translate3d(0, -6px, 0); 
        transition: all 1.2s;
}

.am-scale {
        transform: scale(1.1);
        transition: all 1.2s; 
}

.am-ani-jump { 
        transition: all 1.2s;
        animation: jump-icon 1.2s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1);
}

.am-scale-hover:hover {
        transform: scale(1.1);

}
.border-radi{
        border-top-left-radius: 6rem;
        border-bottom-right-radius: 6rem;
}
.border-radi-sm{
        border-top-left-radius: 3rem;
        border-bottom-right-radius: 3rem;
}
.border-radi-fr{
        border-top-right-radius: 6rem;
        border-bottom-left-radius: 6rem;
}
.border-t-fl{
        border-top-left-radius: 6rem; 
}
.border-b-fr{ 
        border-bottom-right-radius: 6rem;
}
[class*="am-animation-"] {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
}
/* .am-modal-dialog{
        border-radius: 6px!important;
        position: fixed;
        top: 50%;
        margin-top: -320px;
        left: 50%;
        margin-left:-540px;
} */
/* 动画 */

@-webkit-keyframes scale-bg {
        0% {
                background-size: 100% auto
        }

        50% {
                background-size: 110% auto
        }

        100% {
                background-size: 100% auto
        }
}

@keyframes scale-bg {
        0% {
                background-size: 100% auto
        }

        50% {
                background-size: 110% auto
        }

        100% {
                background-size: 100% auto
        }

}

@-webkit-keyframes slide-bg {
        0% {
                background-position: 0 0
        }

        50% {
                background-position: 100% 100%
        }
        100% {
                background-position: 0 0
        }

}

@keyframes slide-bg {
        0% {
                background-position: 0 0
        }

        50% {
                background-position: 100% 100%
        }
        100% {
                background-position: 0 0
        }
}

/* 图标跳动 */
@keyframes jump-icon {
        0% {
                -webkit-transform: translateY(-12px);
                transform: translateY(-12px);
        }

        100% {
                -webkit-transform: translateY(12px);
                transform: translateY(12px);
        }
}

@keyframes rotate_in {
        0% {
                -webkit-transform: rotate(0);
                transform: rotate(0);
        }

        100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        }
}