h1{text-align:left;position:relative}h1:after{content:"";position:absolute;left:-20px;top:4px;background-color:#3ec387;height:80%;width:4px}.message-main-content{background-color:#fff;padding:20px;margin-top:20px;border-radius:18px}.message-mainlist-content{display:flex;margin-bottom:20px}.message-mainlist-content button{margin-right:20px}.message-mainlist-content .mt-active{background-color:#3ec387;color:#fff}.message-content-content{height:710px;position:relative}.message-content-content .message-view-content-content{height:100%}.message-content-content .message-view-content-content .message-content-top-bar{display:flex;align-items:center;justify-content:center}.message-content-content .message-view-content-content .message-content-top-bar .mes-back-btn-content{position:absolute;left:0;top:-10px}.message-content-content .message-view-content-content .message-content-top-bar .mes-back-btn-content span{font-size:16px}.message-content-content .message-view-content-content .message-content-top-bar .mes-title{display:flex;align-items:center;font-size:16px}.message-content-content .message-view-content-content .message-content-top-bar .mes-title .message-type{color:#fff;font-size:16px;padding:0 15px;margin-right:5px;border-radius:8px}.message-content-content .message-view-content-content .message-content-body{padding:20px;padding-top:0;overflow:hidden;overflow-y:auto;height:90%;position:relative}.message-content-content .message-view-content-content .message-content-body .message-content{font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ededed;padding:50px}.message-content-content .message-view-content-content .message-content-body .mes-time-content{position:absolute;top:105px;right:10px;font-size:16px;color:#9c9c9b}.message-content-content .message-view-content-content .message-content-body .default-mes{display:flex;justify-content:center;flex-direction:column;padding:50px 200px;font-size:16px;font-weight:bolder;text-indent:2rem;line-height:38px}.message-content-content .message-view-content-content .message-content-body .default-mes a{color:#3ec387}.page{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.page span{font-size:16px}@media (max-width:600px){h1{text-align:center;font-size:16px}.message-main-content{padding:10px;margin-top:10px}.message-main-content .message-mainlist-content{margin-bottom:10px}.mes-time-content{top:165px!important;right:50%!important;transform:translate(50%);text-wrap:nowrap}.default-mes{padding:50px 10px!important;font-size:15px!important}.page{flex-direction:column}.page .ivu-poptip,.page span{margin-bottom:10px}.page span{font-size:13px}}@media (min-width:600px) and (max-width:900px){h1{font-size:17px}.message-main-content{padding:10px;margin-top:10px}.message-main-content .message-mainlist-content{margin-bottom:10px}.default-mes{padding:50px 130px!important;font-size:15px!important}.page span{font-size:14px}}@media (min-width:900px) and (max-width:1300px){h1{font-size:18px}.message-main-content{padding:10px;margin-top:10px}.message-main-content .message-mainlist-content{margin-bottom:10px}.default-mes{padding:50px 130px!important;font-size:15px!important}.page span{font-size:15px}}