html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
p{
    padding: 0;
    margin: 0;
}
/* 防止滚动条 */
/* body {
overflow: hidden; 
} */

.container{
    width: 100%;
    height: 100%;
    background: url(../images/main-background.png) no-repeat center center;
    background-size: cover;
    overflow: auto;
}
.header-nav{
    height: 7.125rem;
    width: 100%;
    flex-shrink: 0;
    background-color: white;
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}
.headerImgBox{
    width: 75rem;
    height: 100%;
    display: flex;
    align-items: center;
}
.myaaamy-logo{
    height: 3.375rem;
    width: 4.25rem;
    flex-shrink: 0;
}
.myaaamy-title-icon{
    height: 3.375rem;
    width: 9.9375rem;
    flex-shrink: 0;
}
.y-mandatory{
    /* scroll-snap-type: y proximity; */
    scroll-snap-type: y mandatory;
}
.container .modelBox{
    height: 100%;
    scroll-snap-align: center;
    padding-top: 7.125rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.model-content{
    width: 75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.videoImg{
    height: calc(100% - 5.5rem);
    width: 17.5rem;
}
.video-image{
    width: 100%;
    height: 100%;
}
.video-detail-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 12.5rem;
}
.text-detail{
    width: 26.875rem;
}
.right-imgs{
    border: 0.125rem solid #FFA800;
    border-radius: 1.25rem;
    overflow: hidden;
    width: 13.75rem;
    height: 13.75rem; 
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    margin-top: 1.875rem;
    overflow: hidden;
}
.mini-programs{
    width: 1005;
    height: 100%;
}
.chat-send-imgBox{
    width: 50%;
    height: 100%;
    position: relative;
}
.chat-img{
    width: 22.5rem;
    position: absolute;
    top: 1.875rem;
    left: 0;
}
.chat-text{
    width: 23.125rem;
    position: absolute;
    left: 23.75rem;
    top: 6.25rem;
}
.send-img{
    width: 16.25rem;
    position: absolute;
    right: 0;
    bottom: 1.875rem;
}
.send-text{
    width: 23.125rem;
    position: absolute;
    bottom: 6.25rem;
    right: 19.375rem;
}
.model-grid{
    width: 75rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.food-imgs{
    width: 17.5rem;
    height: 17.5rem;
}
 .footerBox{
    width: 100%;
    scroll-snap-align: center;
    background-color: #E4FFF7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
 }
.contact-info-box{
    width: 75rem;
    box-sizing: border-box;
    padding: 1.875rem 0;
}
.codeListBox{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.codeItem{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.code-image{
    /* width: 11.75rem;
    height: 11.75rem; */
    width: 17.5rem;
    height: 17.5rem;
    margin-bottom: 1.25rem;
    flex-shrink: 0;
}
.extended-information{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    background-color: #272727;
    color: rgba(176, 176, 176, 0.616);
    padding: 1.25rem 0;
    font-size: 1.125rem;
}
.infoBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.info-title-call{
    font-size: 2.5rem;
    padding-bottom: 1.25rem;
}
/* .detail-info{
    font-size: 1.125rem;
    display: flex;
    flex-direction: column;
} */
.filing-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 2rem;
}
.filing-detail-info{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.filing-detail-info span{
    padding: 0 1.25rem;
}
a{
    text-decoration: none;
    color: rgba(176, 176, 176, 0.616);
}
a:hover{
    color: rgb(68, 68, 247);
}
a:active{
    color: rgb(68, 68, 247);
}