.title{height:40px;width:100%;background-color:#eaeaea;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center_text{position:absolute;left:32%}.center_button{position:absolute;right:14%}.bottom{min-height:50px;width:100%;border-top:1px solid #eaeaea;position:fixed;bottom:0}.content_bigbox{width:70%;height:auto;float:left}.content_box{overflow-y:auto;height:200px;overflow:auto;padding:10px;width:100%;float:left}.timer{text-align:center;color:#c2c2c2}.content_boxleft{overflow-y:auto;height:200px;width:30%;overflow:auto;padding:10px;float:left;margin-top:40px;border:1px solid #e0e0e0}.userbox{width:100%;margin-bottom:10px}.nameInfo,.userbox{display:-webkit-box;display:-ms-flexbox;display:flex}.nameInfo{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.contentText{background-color:#9eea6a;display:inline-block;border-top-left-radius:10px;border-top-right-radius:0;border-bottom-right-radius:10px;border-bottom-left-radius:10px;max-width:61%;padding:5px 10px;white-space:normal;word-break:break-all;margin-top:3px;font-size:14px}.userbox2{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-bottom:10px}.nameInfo2{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:10px}.contentText2{background-color:#9eea6a;display:inline-block;border-top-left-radius:0;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;max-width:61%;padding:5px 10px;white-space:normal;word-break:break-all;margin-top:3px;font-size:14px}