.wp{
	width: 1100px;
	margin:0 auto;
}

/* 头部 */
.my-header{
	background-color: #222421;
	height:80px;
    margin-bottom: 20px;
}
.my-header .content{
    display: flex;
    justify-content: space-between;
  
}
.my-header .content .header-lfet{
    width:220px;
    height:80px;
    display: flex;
    align-items: center;
    
}

.my-header .logo-img{
    margin-right: 10px;
  height:49px;
  width:60px;
}
.my-header .back-home{
    display: flex;
    align-items: center;
    padding:0 18px;
    height:32px;
    border-radius: 16px;
    cursor: pointer;
}
.my-header .back-home-text{
    display: flex;
    align-items: center;
    font-size:14px; 
    color:#ffffff;
}
.my-header .back-home-img{
    height:16px;
    width:17px;
}
.my-header .text{
    margin-left:5px;
}

.my-header .layui-card-body .layui-nav{
    background-color:rgba(0,0,0,0)
}
.my-header  .layui-nav-bar{
    display: none !important;
}
.my-header  .layui-nav-img{
    width:50px;
    height:50px;
}

.home-header{
    padding-top: 20px;
    background-color: white;
    margin-bottom: 30px;
}
.home-header .portrait{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    margin:10px auto;
}
.home-header .portrait img{
    width: 100%;
    height: 100%;
}
.home-header .portrait-name{
    margin: 0 auto;
    width: 60px;
    text-align: center;
    position: relative;
    margin-bottom: 12px;
}
.home-header .portrait-name .name{
    font-size: 16px;
    color: #282828;
    font-weight: bold;
}
.home-header .portrait-name .tag{
    position: absolute;
    left:60px;
    top:3px;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background-color: #009442;
    color: white;
    border-radius: 4px;
    width: 60px;
}
.home-header .portrait-info{
    width: 340px;
    margin: 0 auto;
    background-color: #f9f9f9;
    font-size: 14px;
    color: #363636;
    line-height: 18px;
    padding:8px 0;
    text-align: center;
    margin-bottom: 30px;
}
._green{
    background-color: #134d00;
}
.home-header .go-but{
    margin:0 auto;
    width: 600px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}
.home-content{
    display: flex;
    justify-content: space-between;
}
.home-content>div{
    width: 535px;
    height: 600px;
    background-color: white;
    position: relative;
}
/* 我的稿件 */

.collect-page{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    box-sizing: border-box;
    padding:0 20px;
    border-radius:5px ;
    background-color: white;
}
.collect-page .layui-tab-title li{
    font-size: 16px;
}
.collect-page .layui-tab-title .layui-this{
    color:#1c7200;
    font-weight: bold;
}
.collect-page .layui-tab-title .layui-this::after{
    border-bottom:4px solid #1c7200;
}
/* 文章列表 */
.collect-page .article-list{
    height:710px;
    overflow-y: auto;
}
.collect-page .article-list li{
    padding:18px 0;
    border-bottom:1px solid #eeeeee;
}
.collect-page .list-content-text-title .tag-icon{
    padding:3px 5px;
    font-size: 12px;
    color:white;
    border-radius: 3px;
}
.collect-page .list-content-text-title ._gray{
    background-color: #cccccc;
}
.collect-page .list-content-text-title ._green{
    background-color: #009442;
}
.collect-page .list-content-text-title ._red{
    background-color: #f80c2d;
}
.collect-page .list-content-text-title .article-title{
    color:#282828;
    font-size: 14px;
    font-weight: bold;
}
.collect-page .list-content-text-tag{
    padding-top:7px;
}
.collect-page .list-content-text-tag .world{
    font-size: 12px;
    color:#7a7a7a;
}
.collect-page .list-content-text-tag .time{
    margin-left: 60px;
    font-size: 12px;
    color:#7a7a7a;
}
.collect-page .list-content-text{
    flex:1;
}
.collect-page .list-content{
     position: relative;
     display: flex;
}
.collect-page .list-content-but{
    width: 160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.collect-page .list-content-but .but{
    border-radius: 16px;
    border:1px solid #e1e1e1;
    font-size: 12px;
    padding:10px 21px;
    cursor: pointer;
}
.collect-page .back-manuscript{
    border-radius: 4px;
    padding:10px 0;
    padding-left:16px;
    background-color: #fee6ea;
    color:#f92946;
    margin-top:10px;
}

.systematicMsg-page{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    box-sizing: border-box;
    padding:0 20px;
    border-radius:5px ;
    background-color: white;
}
.systematicMsg-page .layui-tab-title li{
    font-size: 16px;
}
.systematicMsg-page .layui-tab-title .layui-this{
    color:#1c7200;
    font-weight: bold;
}
.systematicMsg-page .layui-tab-title .layui-this::after{
    border-bottom:4px solid #1c7200;
}
/* 文章列表 */
.systematicMsg-page .article-list{
    height:710px;
    overflow-y: auto;
}
.systematicMsg-page .article-list li{
    padding:18px 0;
    border-bottom:1px solid #eeeeee;
}
.systematicMsg-page .list-content-text-title{
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}
.systematicMsg-page .list-content-text-title .tag-icon{
    padding:3px 5px;
    font-size: 12px;
    color:white;
    border-radius: 3px;
}
.systematicMsg-page .list-content-text-title ._gray{
    background-color: #cccccc;
}
.systematicMsg-page .list-content-text-title ._green{
    background-color: #009442;
}
.systematicMsg-page .list-content-text-title ._red{
    background-color: #f80c2d;
}
.systematicMsg-page .list-content-text-title .article-title{
    color:#282828;
    font-size: 14px;
    font-weight: bold;
}
.systematicMsg-page .list-content-text-tag{
    padding-top:7px;
}
.systematicMsg-page .list-content-text-tag .world{
    font-size: 12px;
    color:#7a7a7a;
}
.systematicMsg-page .list-content-text-tag .time{
    margin-left: 60px;
    font-size: 12px;
    color:#7a7a7a;
}
.systematicMsg-page .list-content-text{
    flex:1;
}
.systematicMsg-page .list-content{
     position: relative;
     display: flex;
}
.systematicMsg-page .list-content-but{
    width: 160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.systematicMsg-page .list-content-but .but{
    border-radius: 16px;
    border:1px solid #e1e1e1;
    font-size: 12px;
    padding:10px 21px;
    cursor: pointer;
}
.systematicMsg-page .back-manuscript{
    border-radius: 4px;
    padding:10px 0;
    padding-left:16px;
    background-color: #fee6ea;
    color:#f92946;
    margin-top:10px;
}
.systematicMsg-page .list-content-text-content{
    font-size: 12px;
    color: #707070;
    line-height: 18px;
}
.systematicMsg-page .list-content-text-content .look-detail{
    margin-left: 20px;
    color: #326522;
    cursor:pointer;
}
.home-bottom{
    height: 200px;
    background-color: white;
    position: relative;
}
.home-bottom .home-bottom-text{
    font-size: 16px;
    color: #282828;
    line-height: 30px;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 20px;
}
.home-bottom .home-bottom-other{
    font-size: 14px;
    color: #666666;
    text-align: right;
}
.layui-nav-more{
    margin:0 8px;
}
.layui-nav-item{    
    padding-left: 0;
    padding-right: 14px;
}
.layui-nav-child{
    z-index: 999;
}