.notice_item_component{
    width: 100%;
    padding: 0 .4rem;
    background: #ffffff;
    .notice_item{
        padding-top: .3rem;
        border-bottom: .02rem solid #F7F7F7;
        .notice_item_top{
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            
            
            .notice_item_top_title{
                
                font-size: .32rem;
                font-weight: 600;
                color: #2E2E2E;
                line-height: .45rem;
                position: relative;
                .notice_item_top_title_t{
                    text-indent: .76rem;
                }
                .notice_item_top_icon{
                    top: .065rem;
                    left: 0rem;
                    position: absolute;
                    .linear_meirong{
                        color:#fff;
                        width: .6rem;
                        height: .32rem;
                        background: linear-gradient(166deg, #FF7D9C 0%, #C109EF 100%);
                        border-radius: .04rem;
                        text-align: center;
                        line-height: .32rem;
                        font-size: .22rem;
                    }
                    .linear_huiyuan{
                        color:#fff;
                        width: .6rem;
                        height: .32rem;
                        background: linear-gradient(166deg, #FFCC1A 0%, #FF7511 100%);
                        border-radius: .04rem;
                        text-align: center;
                        line-height: .32rem;
                        font-size: .22rem;
                    }
                    .linear_qianquan{
                        color:#fff;
                        width: .6rem;
                        height: .32rem;
                        background: linear-gradient(166deg, #44CDFF 0%, #0670FF 100%);
                        border-radius: .04rem;
                        text-align: center;
                        line-height: .32rem;
                        font-size: .22rem;
                    }
                    .linear_shencha{
                        color:#fff;
                        width: .6rem;
                        height: .32rem;
                        background: linear-gradient(166deg, #FFD844 0%, #FFAD00 100%);
                        border-radius: .04rem;
                        text-align: center;
                        line-height: .32rem;
                        font-size: .22rem;
                    }
                    .linear_xunlian{
                        color:#fff;
                        width: .6rem;
                        height: .32rem;
                        background: linear-gradient(166deg, #4DFF77 0%, #10D2A5 100%);
                        border-radius: .04rem;
                        text-align: center;
                        line-height: .32rem;
                        font-size: .22rem;
                    }
                    .linear_quanji{
                        color:#fff;
                        width: .6rem;
                        height: .32rem;
                        background: linear-gradient(166deg, #21FFFF 0%, #13CEE7 100%);
                        border-radius: .04rem;
                        text-align: center;
                        line-height: .32rem;
                        font-size: .22rem;
                    }
                    .linear_saishi{
                        color:#fff;
                        width: .6rem;
                        height: .32rem;
                        background: linear-gradient(166deg, #8B8DFF 0%, #484BFB 100%);
                        border-radius: .04rem;
                        text-align: center;
                        line-height: .32rem;
                        font-size: .22rem;
                    }
                    .linear_qita{
                        color:#fff;
                        width: .6rem;
                        height: .32rem;
                        background: linear-gradient(166deg, #CBCFD6 0%, #9096A1 100%);
                        border-radius: .04rem;
                        text-align: center;
                        line-height: .32rem;
                        font-size: .22rem;
                    }
                    
                    
                }
            }

        }
        .notice_item_bottom{
            display: flex;
            flex-direction: row;
            align-items: center;
            color:#999;
            justify-content: space-between;
            margin: .4rem 0;
            .notice_item_bottom_time{
                height: .33rem;
                font-size: .24rem;
                font-weight: 400;
                color: #999999;
                line-height: .33rem;
            }
            .notice_item_bottom_num{
                display: flex;
                flex-direction: row;
                align-items: center;
                color:#999;
                img{
                    width: .28rem;
                    height: .18rem;
                }
                span{
                    height: .33rem;
                    font-size: .24rem;
                    font-weight: 400;
                    color: #999999;
                    line-height: .33rem;
                    margin-left: .08rem;
                }
            }

        }
    }
    .notice_title{
        //height:.5rem;
        font-size:.4rem;
        font-weight:600;
        color:rgba(46,46,46,1);
        line-height:.5rem;
        margin: .5rem  0 .3rem 0;
    }
    .notice_subtitle{
        height:.54rem;
        font-size:.24rem;
        font-weight:400;
        color:rgba(168,168,168,1);
        line-height:.54rem;
        .notice_subtitle_p{
            margin: 0;
        }
        .notice_sper{
            margin: 0 .1rem;
        }
        .notice_user::before{
            content: '';
            display: inline-block;
            background-image: url('../../assets/usericon.png');
            background-size: 100% 100%;
            background-repeat: no-repeat;
            width: .22rem;
            height: .22rem;
            margin: 0 .1rem;
        }
    }
    .notice_content{
        font-size:.32rem;
        font-weight:400;
        color:rgba(46,46,46,1);
        line-height:.50rem;
        margin: .3rem 0;
        border-top: .02rem rgba(247,247,247,1) solid;
        .notice_section{
            text-indent: 1em;
            font-size:.32rem;
            font-weight:400;
            color:rgba(46,46,46,1);
            line-height:.5rem;
        }
        em {
            font-weight: 600;
            font-style: normal;
        }
        .redFont {
            color: red;
        }
        .notice_section_right{
            text-align: right;
            font-size:.24rem;
            font-weight:500;
            color:rgba(46,46,46,1);
            line-height:.32rem;
        }
    }

}