p{margin:0}.message-container{width:70%;margin:0 auto;min-width:800px;padding:15px 40px}.message-tabs{border-bottom:1px solid #ededed;position:relative;height:50px}.message-tabs-item{color:#999}.message-tabs-active,.message-tabs-item{font-size:16px;padding:15px 20px;cursor:pointer;display:inline-block}.message-tabs-active{color:#222;font-weight:700}.message-tabs-active:after{content:"";position:absolute;bottom:-6px;width:10px;height:10px;background-color:#fff;border:1px solid transparent;border-right-color:#ededed;border-bottom-color:#ededed;transform:rotate(-135deg) translate(30px,-30px)}.message-list{padding-top:25px}.message-list-box{border:1px solid #ededed}.message-list-box_item{height:46px;line-height:46px;font-size:14px;color:#222;border-bottom:0 solid #ededed;display:flex;word-break:break-all;font-size:12px}.message-list-box_title{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-list-box_time{flex:0 0 140px;align-self:flex-end;display:inline-block}.message-list-box_icon{flex:0 0 40px;text-align:center;position:relative}.message-list-box_icon span{left:10px;bottom:15px;width:10px;height:10px;background-color:transparent;border:1px solid transparent;border-right-color:#b7b7b7;border-bottom-color:#b7b7b7;transform:rotate(45deg);display:inline-block;transition:transform .2s}.message-list-box_icon-active{transform:rotate(225deg)!important}.message-list-box_foding{padding:10px 43px 22px 32px;color:#222;background-color:#f9f9f9;overflow-wrap:break-word;font-size:12px}.banner-dot{flex:0 0 40px;text-align:center}.banner-dot-point{background-color:#999}.banner-dot-active,.banner-dot-point{width:6px;height:6px;border-radius:50%;position:relative;display:inline-block}.banner-dot-active{background-color:red}