.boxCss[data-v-b71167a2]{width:100%;height:100vh;background-color:bisque;display:flex;justify-content:space-between}.boxCss .left[data-v-b71167a2]{width:10.416667vw;height:100%;background-color:#bcfafc}.boxCss .right[data-v-b71167a2]{width:calc(100% - 10.41667vw);height:100%}.boxCss .right .topR[data-v-b71167a2]{width:100%;height:4.166667vw;background-color:pink}.boxCss .right .botR[data-v-b71167a2]{width:100%;height:calc(100% - 4.16667vw);background-color:#a5a5a5;display:flex}.boxCss .right .botR .botleft[data-v-b71167a2]{width:calc(100% - 5.20833vw);height:100%;background-color:#919191;padding:1.041667vw;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.boxCss .right .botR .botleft .itemBox[data-v-b71167a2]{width:50%;height:100%;padding:1.041667vw;box-sizing:border-box;background-color:#33624f}.boxCss .right .botR .botleft .itemBoxtext[data-v-b71167a2]{overflow:auto;background-color:brown;writing-mode:vertical-rl}.boxCss .right .botR .bookMsg[data-v-b71167a2]{width:0;height:100%}.boxCss .right .botR .botleftActive[data-v-b71167a2]{width:calc(100% - 15.625vw)}.boxCss .right .botR .bookMsgActive[data-v-b71167a2]{width:10.416667vw;background-color:#fff}.boxCss .right .botR .botRight[data-v-b71167a2]{width:5.208333vw;height:100%;background-color:wheat}