#app{background-color:#f2f2f5}.messageContainer__header{background-color:#6b45e1}.messageContainer__header .leftView__title{font-size:18px;text-align:center;padding:12px;color:#fff}.messageContainer__header .back{font-size:15px;background:#fff;color:#ff7b00;border-radius:15px;border-style:solid;border-width:1px;padding:2px 8px;position:absolute;left:8px;top:14px}.messageContainer__content__leftView{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:100%}.leftView__tab1,.leftView__tab2,.leftView__tab3,.leftView__tab4{color:#333;display:block;height:34px;line-height:34px;font-size:12px;text-decoration:none;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.leftView__tab__text{font-size:14px}.leftView__tab:hover{background-color:hsla(0,0%,100%,.2)}.leftView__tab__icon{width:6px;height:6px;border-radius:50%;background-color:#6b45e1;margin:0 10px 0 6px;display:inline-block}.leftView__tab__icon--arrow{width:6px;height:9px;border:2px solid #6b45e1;margin:-4px 8px 0 6px;background-color:transparent;display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-left:none;border-top:none}