body{
    color: #2c2418;
    background: url("../images/index_bg.png") no-repeat top center;
    background-size: 100% 100%;
}    
/* 外层容器 */
.app {
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 0.58rem 0 0 0;
    box-sizing: border-box;
    overflow-y: auto;
    font-size: 0.18rem;
}
.app-content {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/index_c_1.png") no-repeat top center;
    background-size: cover;
}
.back {
    position: absolute;
    left: 0;
    top: 0.18rem;
    display: flex;
    align-items: center;
    padding-top: 0.05rem;
    padding-left: 0.05rem;
    width: .9rem;
    height: 0.4rem;
    background: url("../images/bg_back.png") no-repeat top center;
    background-size: 100% 100%;
    color: #FFDECD;
}
.icon_back {
    width: 0.32rem;
    height: 0.32rem;
    background: url("../images/icon_back.png") no-repeat top center;
    background-size: 100% 100%;
}
.app-content .menu {
    position: absolute;
    right: 0.14rem;
    top: 0.43rem;
    height: 89%;
    /* width: 0.8rem; */
    display: flex;
    flex-direction: column;
    /* padding: 20px; */
    box-sizing: border-box;
}
.menu-item {
    width: 0.56rem;
    flex-grow: 1;
    display: flex;
    padding-left: 0.11rem;
    /* align-items: center; */
    justify-content: center;
    /* text-align: center; */
    color: #fff;
    writing-mode: vertical-lr;
    letter-spacing: 0.04rem;
}
.letter10{
    /* letter-spacing: 0.2rem; */
    /* margin-top: 0.38rem; */
    /* justify-content: unset */
}
.pd20 {
    padding-top: 0.45rem;
}
/* 选择第一个 */
.menu-item:first-child {
    background: url("../images/menu1.png") no-repeat center center;
    background-size: 100% 100%;
}
/* 选择第二个 */
.menu-item:nth-child(2) {
    background: url("../images/menu2.png") no-repeat center center;
    background-size: 100% 100%;
}
/* 选择第三个 */
.menu-item:nth-child(3) {
    background: url("../images/menu3.png") no-repeat center center;
    background-size: 100% 100%;
}
.menu-item:nth-child(4) {
    background: url("../images/menu4.png") no-repeat center center;
    background-size: 100% 100%;
}
.menu-item:nth-child(5) {
    background: url("../images/menu5.png") no-repeat center center;
    background-size: 100% 100%;
}