.notice_div{width: 1480rem; padding:0 0 20rem 0;color: var(--theme-00-ff); font-size: 12rem;}
.notice_div .notice_tt{font-size: 32rem; font-weight: bold; margin-top: 20rem;}
.notice_div .notice_navs{padding: 30rem 0;}
.notice_div .notice_navs a{margin-right: 60rem; color: var(--theme-00-ff); font-size: 14rem; display: block;}
.notice_div .notice_navs a:after{width: 100%; content: ''; display: block; margin-top: 4rem; height: 4rem; background: none; border-radius: 4rem;}
.notice_div .notice_navs a.active:after{background: #648EFC;}
.set_have_read{cursor: pointer; font-size: 14rem; color:var(--theme-00-ff); user-select: none;}
.notice_list .item{border-bottom: 1px solid var(--theme-cc-3e); padding: 18rem 0; cursor: pointer;}
.notice_list .item .item_d{padding: 0 22rem;border-radius: 20rem;}
.notice_list .item .time .clock{width: 36rem; height: 36rem; margin-right: 14rem;  border-radius: 50%;}
.notice_list .item .time .arr{width: 30rem; height: 30rem; margin-left: auto;}
.notice_list .item .title{margin-top: 20rem;color:var(--theme-00-cc); font-size: 16rem; font-weight: bold;}
.notice_list .item .content{margin-top: 10rem; color:var(--theme-00-cc); font-size: 14rem; line-height: 22rem;}
.notice_list .item.active .item_d{background: var(--theme-E5EBEE-2-171C1F);padding: 22rem;}
.notice_list .item.active .arr{transform: rotate(-180deg);}


.interactive_list .item{border-bottom: 1px solid var(--theme-cc-3e); line-height: 1.2; padding: 12rem 0;}
.interactive_list .item .avatar{width: 36rem; height: 36rem; margin-right: 13rem;}
.interactive_list .item .nickname{font-size: 12rem; font-weight: bold;}
.interactive_list .item .desc{font-size: 14rem;}
.interactive_list .item .cover{width: 89rem; height: 50rem; border-radius: 5rem; margin-left: 10rem;}
.interactive_list .hasread .opc{opacity: 0.5;}
.interactive_list.msg_list .item{padding:18rem 0}
/* 手机样式 */
@media screen and (max-width: 1024px) {
	body{padding-bottom: 58rem;}
	.notice_div{width: 100%; padding: 10rem 15rem;}
	.notice_div .notice_navs{justify-content: space-between; padding: 10rem 0;display: block;
	    white-space: nowrap;
	    overflow: auto;}
	.notice_div .notice_navs a{margin: 0 10rem;display: inline-block; min-width:27%; text-align:center}
	.notice_div .notice_navs a:after{margin: 4rem auto 0 auto; width: 26rem;}
	.notice_div .notice_navs a.active:after{background: #DE181D;}
	.notice_div .notice_navs::-webkit-scrollbar { display: none; }
	body .navigation{display: flex;}
	.notice_div{max-width: 100vw;}
	.notice_list .item .title{margin-top: 10rem;}
	.notice_list .item{padding: 10rem 0;}
	.notice_list .item .item_d{padding: 0 10rem;}
	.notice_list .item.active .item_d{padding: 10rem;}
	.notice_list .item .content{font-size: 13rem; line-height: 20rem;}
}
[data-theme="dark"] .notice_list .item .time .arr{filter:invert();}
