/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html {
    font-size: 20px;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
    'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100vw;
    height: 100vh;
    background-color: #f7f7f7;
}

body * {
    box-sizing: border-box;
    flex-shrink: 0;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-center {
    align-self: center;
}

.self-baseline {
    align-self: baseline;
}

.self-stretch {
    align-self: stretch;
}

.flex-1 {
    flex: 1 1 0%;
}

.flex-auto {
    flex: 1 1 auto;
}

.grow {
    flex-grow: 1;
}

.grow-0 {
    flex-grow: 0;
}

.shrink {
    flex-shrink: 1;
}

.shrink-0 {
    flex-shrink: 0;
}

.relative {
    position: relative;
}

.ml-2 {
    margin-left: 0.1rem;
}

.mt-2 {
    margin-top: 0.1rem;
}

.ml-4 {
    margin-left: 0.2rem;
}

.mt-4 {
    margin-top: 0.2rem;
}

.ml-6 {
    margin-left: 0.3rem;
}

.mt-6 {
    margin-top: 0.3rem;
}

.ml-8 {
    margin-left: 0.4rem;
}

.mt-8 {
    margin-top: 0.4rem;
}

.ml-10 {
    margin-left: 0.5rem;
}

.mt-10 {
    margin-top: 0.5rem;
}

.ml-12 {
    margin-left: 0.6rem;
}

.mt-12 {
    margin-top: 0.6rem;
}

.ml-14 {
    margin-left: 0.7rem;
}

.mt-14 {
    margin-top: 0.7rem;
}

.ml-16 {
    margin-left: 0.8rem;
}

.mt-16 {
    margin-top: 0.8rem;
}

.ml-18 {
    margin-left: 0.9rem;
}

.mt-18 {
    margin-top: 0.9rem;
}

.ml-20 {
    margin-left: 1rem;
}

.mt-20 {
    margin-top: 1rem;
}

.ml-22 {
    margin-left: 1.1rem;
}

.mt-22 {
    margin-top: 1.1rem;
}

.ml-24 {
    margin-left: 1.2rem;
}

.mt-24 {
    margin-top: 1.2rem;
}

.ml-26 {
    margin-left: 1.3rem;
}

.mt-26 {
    margin-top: 1.3rem;
}

.ml-28 {
    margin-left: 1.4rem;
}

.mt-28 {
    margin-top: 1.4rem;
}

.ml-30 {
    margin-left: 1.5rem;
}

.mt-30 {
    margin-top: 1.5rem;
}

.ml-32 {
    margin-left: 1.6rem;
}

.mt-32 {
    margin-top: 1.6rem;
}

.ml-34 {
    margin-left: 1.7rem;
}

.mt-34 {
    margin-top: 1.7rem;
}

.ml-36 {
    margin-left: 1.8rem;
}

.mt-36 {
    margin-top: 1.8rem;
}

.ml-38 {
    margin-left: 1.9rem;
}

.mt-38 {
    margin-top: 1.9rem;
}

.ml-40 {
    margin-left: 2rem;
}

.mt-40 {
    margin-top: 2rem;
}

.ml-42 {
    margin-left: 2.1rem;
}

.mt-42 {
    margin-top: 2.1rem;
}

.ml-44 {
    margin-left: 2.2rem;
}

.mt-44 {
    margin-top: 2.2rem;
}

.ml-46 {
    margin-left: 2.3rem;
}

.mt-46 {
    margin-top: 2.3rem;
}

.ml-48 {
    margin-left: 2.4rem;
}

.mt-48 {
    margin-top: 2.4rem;
}

.ml-50 {
    margin-left: 2.5rem;
}

.mt-50 {
    margin-top: 2.5rem;
}

.ml-52 {
    margin-left: 2.6rem;
}

.mt-52 {
    margin-top: 2.6rem;
}

.ml-54 {
    margin-left: 2.7rem;
}

.mt-54 {
    margin-top: 2.7rem;
}

.ml-56 {
    margin-left: 2.8rem;
}

.mt-56 {
    margin-top: 2.8rem;
}

.ml-58 {
    margin-left: 2.9rem;
}

.mt-58 {
    margin-top: 2.9rem;
}

.ml-60 {
    margin-left: 3rem;
}

.mt-60 {
    margin-top: 3rem;
}

.ml-62 {
    margin-left: 3.1rem;
}

.mt-62 {
    margin-top: 3.1rem;
}

.ml-64 {
    margin-left: 3.2rem;
}

.mt-64 {
    margin-top: 3.2rem;
}

.ml-66 {
    margin-left: 3.3rem;
}

.mt-66 {
    margin-top: 3.3rem;
}

.ml-68 {
    margin-left: 3.4rem;
}

.mt-68 {
    margin-top: 3.4rem;
}

.ml-70 {
    margin-left: 3.5rem;
}

.mt-70 {
    margin-top: 3.5rem;
}

.ml-72 {
    margin-left: 3.6rem;
}

.mt-72 {
    margin-top: 3.6rem;
}

.ml-74 {
    margin-left: 3.7rem;
}

.mt-74 {
    margin-top: 3.7rem;
}

.ml-76 {
    margin-left: 3.8rem;
}

.mt-76 {
    margin-top: 3.8rem;
}

.ml-78 {
    margin-left: 3.9rem;
}

.mt-78 {
    margin-top: 3.9rem;
}

.ml-80 {
    margin-left: 4rem;
}

.mt-80 {
    margin-top: 4rem;
}

.ml-82 {
    margin-left: 4.1rem;
}

.mt-82 {
    margin-top: 4.1rem;
}

.ml-84 {
    margin-left: 4.2rem;
}

.mt-84 {
    margin-top: 4.2rem;
}

.ml-86 {
    margin-left: 4.3rem;
}

.mt-86 {
    margin-top: 4.3rem;
}

.ml-88 {
    margin-left: 4.4rem;
}

.mt-88 {
    margin-top: 4.4rem;
}

.ml-90 {
    margin-left: 4.5rem;
}

.mt-90 {
    margin-top: 4.5rem;
}

.ml-92 {
    margin-left: 4.6rem;
}

.mt-92 {
    margin-top: 4.6rem;
}

.ml-94 {
    margin-left: 4.7rem;
}

.mt-94 {
    margin-top: 4.7rem;
}

.ml-96 {
    margin-left: 4.8rem;
}

.mt-96 {
    margin-top: 4.8rem;
}

.ml-98 {
    margin-left: 4.9rem;
}

.mt-98 {
    margin-top: 4.9rem;
}

.ml-100 {
    margin-left: 5rem;
}

.mt-100 {
    margin-top: 5rem;
}
/*@media (min-width: 361px) {*/
/*    html{*/
/*        font-size:20px;*/
/*        !*font-size: 100%;*!*/
/*        background-color: #f7f7f7;*/
/*        max-height:99999px;*/
/*        -webkit-text-size-adjust: none;*/
/*    }*/
/*}*/
/*@media (max-width: 360px) {*/
/*    html{*/
/*        font-size:19.12px;*/
/*        !*font-size: 100%;*!*/
/*        background-color: #f7f7f7;*/
/*        max-height:99999px;*/
/*        -webkit-text-size-adjust: none;*/
/*    }*/
/*}*/
/*html{*/
/*    font-size:20px;*/
/*    !*font-size: 100%;*!*/
/*    background-color: #f7f7f7;*/
/*    max-height:99999px;*/
/*    -webkit-text-size-adjust: none;*/
/*}*/
/*body {*/
/*    margin: 0;*/
/*    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',*/
/*    'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*}*/

/*body * {*/
/*    box-sizing: border-box;*/
/*    flex-shrink: 0;*/
/*}*/

.container{
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
}