.message-main-con{bottom:0;left:0;position:absolute;right:0;top:0}.message-mainlist-con{bottom:0;left:0;padding:10px 0;position:absolute;top:10px;width:300px}.message-mainlist-con div{border-bottom:1px dashed #d2d3d2;margin:0 20px;padding:10px}.message-mainlist-con div:last-child{border:none}.message-mainlist-con div .message-count-badge-outer{float:right}.message-mainlist-con div .message-count-badge{background:#d2d3d2}.message-mainlist-con div:first-child .message-count-badge{background:#ed3f14}.message-mainlist-con div .mes-type-btn-text{margin-left:10px}.message-content-con{-webkit-box-shadow:2px 2px 10px 2px rgba(0,0,0,.1);background:#fff;border-radius:3px;bottom:10px;box-shadow:2px 2px 10px 2px rgba(0,0,0,.1);left:300px;overflow:auto;position:absolute;right:10px;top:10px}.message-content-con .message-title-list-con{height:100%;width:100%}.message-content-con .message-content-top-bar{background:#fff;border-bottom:1px solid #dededb;height:40px;left:0;position:absolute;top:0;width:100%}.message-content-con .message-content-top-bar .mes-back-btn-con{height:30px;left:0;position:absolute;top:5px;width:70px}.message-content-con .message-content-top-bar .mes-title{bottom:0;left:70px;line-height:40px;overflow:hidden;padding:0 30px;position:absolute;right:70px;text-align:center;text-overflow:ellipsis;top:0;white-space:nowrap}.message-content-con .mes-time-con{color:#b7b7b5;font-size:14px;left:0;padding:20px 0;position:absolute;text-align:center;top:40px;width:100%}.message-content-con .message-content-body{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:90px}.message-content-con .message-content-body .message-content{padding:10px 20px}.page-fix{bottom:3vh;position:fixed;right:2vw}.back-message-list-enter,.back-message-list-leave-to{opacity:0}.back-message-list-enter-active,.back-message-list-leave-active{-webkit-transition:all .5s;transition:all .5s}.back-message-list-enter-to,.back-message-list-leave{opacity:1}.view-message-enter,.view-message-leave-to{opacity:0}.view-message-enter-active,.view-message-leave-active{-webkit-transition:all .5s;transition:all .5s}.view-message-enter-to,.view-message-leave{opacity:1}.mes-current-type-btn-enter,.mes-current-type-btn-leave-to{opacity:0;width:0}.mes-current-type-btn-enter-active,.mes-current-type-btn-leave-active{-webkit-transition:all .3s;transition:all .3s}.mes-current-type-btn-enter-to,.mes-current-type-btn-leave{opacity:1;width:12px}