.HelloZitie [data-v-269cd2d8]{-webkit-box-sizing:border-box;box-sizing:border-box}.HelloZitie .el-container .main-content[data-v-269cd2d8]{width:100vw;height:100vh;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.HelloZitie .el-container .main-content .item-content[data-v-269cd2d8]{min-width:180px}.HelloZitie .el-container .main-content .left-area[data-v-269cd2d8]{background-color:#00f;font-size:1rem;width:200px;height:50vh}.HelloZitie .el-container .main-content .middle-area[data-v-269cd2d8]{background-color:#ff0;font-size:14px;width:400px;height:50vh}.HelloZitie .el-container .main-content .right-area[data-v-269cd2d8]{background-color:green;font-size:1rem;width:300px;height:50vh}@media screen and (max-width:750px){.HelloZitie .el-container .main-content[data-v-269cd2d8]{width:100vw;height:auto;font-size:14px;display:block;position:relative}.HelloZitie .el-container .main-content .item-content[data-v-269cd2d8]{min-width:180px;position:absolute}.HelloZitie .el-container .main-content .left-area[data-v-269cd2d8]{background-color:#00f;font-size:14px;width:200px;height:50vh;display:none}.HelloZitie .el-container .main-content .middle-area[data-v-269cd2d8]{background-color:#fff;font-size:14px;width:100vw;height:auto;min-height:100vh}.HelloZitie .el-container .main-content .middle-area .page[data-v-269cd2d8]{position:relative;width:100vw;height:141.42756vw;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);margin-bottom:10px;padding:1rem}.HelloZitie .el-container .main-content .middle-area .page .page-content[data-v-269cd2d8]{border:2px solid #2d9a62;padding:.2rem;width:100%;height:100%}.HelloZitie .el-container .main-content .middle-area .page .page-content .hang[data-v-269cd2d8]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:distribute;justify-content:space-around}.HelloZitie .el-container .main-content .middle-area .page .page-content .hang .hang-left[data-v-269cd2d8]{width:20%;height:auto;border:1px solid #2d9a62}.HelloZitie .el-container .main-content .middle-area .page .page-content .hang .hang-left .pinyin[data-v-269cd2d8]{font-size:.2rem}.HelloZitie .el-container .main-content .middle-area .page .page-content .hang .hang-left .cnchar[data-v-269cd2d8]{font-size:1rem}.HelloZitie .el-container .main-content .middle-area .page .page-content .hang .hang-left .item-hang-left[data-v-269cd2d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.HelloZitie .el-container .main-content .middle-area .page .page-content .hang .hang-right[data-v-269cd2d8]{width:78%;height:20vw}.HelloZitie .el-container .main-content .middle-area .page .page-content .hang .hang-right .item-hang-right[data-v-269cd2d8]{width:100%;position:relative}.HelloZitie .el-container .main-content .middle-area .page .page-content .hang .hang-right .hang-bs[data-v-269cd2d8]{position:relative;width:100%;height:auto;overflow:hidden}.HelloZitie .el-container .main-content .middle-area .page .page-content .hang .hang-right .fuck[data-v-269cd2d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.HelloZitie .el-container .main-content .middle-area .page .page-content .hang .hang-right .hang-bottom[data-v-269cd2d8]{position:relative;width:100%;height:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.HelloZitie .el-container .main-content .middle-area .page .page-content .hang .hang-right .hang-bottom .fontbox[data-v-269cd2d8]{width:.6rem;height:.6rem;border:1px solid #2d9a62;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.32rem}.HelloZitie .el-container .main-content .right-area[data-v-269cd2d8]{background-color:green;font-size:14px;width:300px;height:50vh;display:none}}