body {

    width: 100%;
    height: 100vh;
    padding:0 5% 20px 5%;
    display: flex;
    flex-direction: column;
}
.bgdiv{
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-image: url(../images/bodybk.jpg);
    filter:blur(8px);
    position: absolute;
    width: 100vw;
    height: 100vh;
    top:0;
    left:0;
    z-index: -1;
}
/*头部样式*/
header {
    width: 100%;
    text-align: center;
    height: 160px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.headerlogo {
    cursor: pointer;
}

header > .top-right{
    padding-top:20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height:100%;
}

/*头部样式结束*/
/*注册填充信息层
.reginfo{width:80%;margin:0 auto;}
/*注册填充信息层结束*/
/*修改信息层
.completeinfo{width:90%;margin:0 auto;line-height: 40px;}
.completeinfo li{float:left;margin:10px 0;}
.infotitle{width:15%;}
.infoinput{width:85%;border-radius:20px;border:1px solid #c1dde7;padding:0 10px;}
.useraccount{}
.infoheader{
    width:90%;
    margin:0 auto;
    line-height: 40px;
    height:40px;
    border-bottom:1px solid #0075c8;
    color:#0075c8;
    font-weight: bold;
    font-size:18px;
}
.infoinput input{line-height: 40px;height:40px;background:none;width:100%;}
.infoinput select{line-height: 40px;height:40px;background:none;width:100%;}
.infoinput textarea{width:100%;line-height: 40px;height:120px;background:none}
.subbtn{line-height: 40px;height:40px;background:#96cd0a;border:none;border-radius:20px;padding:0 10px;min-width: 100px;color:white;cursor:pointer;}
/*修改信息层结束*/
/*左侧菜单栏样式
.leftmenu{
    background: white;
    background-image:url(/public/images/user/leftmenubtm.png);
    background-repeat: no-repeat;
    width:244px;
    background-position: 50% 100%;
    border-bottom-left-radius:25px;
    border-bottom-right-radius: 25px;
    position: absolute;
    left:0;
    top:0;
    padding-bottom:141px;
}
.lefttop{width:100%;}
.lefttoptitle{
    line-height: 48px;
    height:48px;
    text-align: center;
    background: #0096d9;
    color:white;
    font-weight:bold;
}
.lefttopinfo{
    width:100%;
    height:160px;
    text-align: center;
}
.lefttopinfo img{
    width:43px;
    height:47px;
    margin:30px 100px 0 90px;
}
.leftmenutext{color:#6d6d6d;line-height: 30px;}
.usermenu li{line-height: 48px;height:48px;padding-left:50px;}
.usermenu li:hover{background:#73c225;color:#ffffff;transition: all 0.5s ease;cursor:pointer}
.usermenu li.crntmenu{background:#73c225;color:#ffffff}
.leftmenubtm li{
    background-image:url(/public/images/user/leftmenubtmborder.png);
    background-position: 50% 50%;
    width:88px;
    height:83px;
    background-size:100% 100%;
    float:left;
    text-align: center;
    cursor: pointer;
}
.leftmenubtm li i{margin-top:15px;color:#069ed0}
/*左侧菜单栏样式结束*/
/*右侧主窗口*/
.maindiv{
    display: flex;
    height:calc(100vh - 200px);
}
.main {
    width: 80%;
    background: rgba(255, 255, 255, 0.5);
    overflow: auto;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.main::-webkit-scrollbar {
    display: none
}

/*.articlelist {*/
/*    line-height: 30px;*/
/*    height: 30px;*/
/*    overflow: hidden;*/
/*}*/

/*.articlelist li {*/
/*    list-style: none;*/
/*}*/

/*.articlelist a {*/
/*    text-decoration: none;*/
/*    color: black;*/
/*}*/

/*表格
.listtable{
    border-collapse: collapse;
    width:95%;
    margin: 20px auto;
}
.listtable tr{background: #F3F3F4}
.listtable th{line-height: 45px;height:45px;border:1px solid #EAF9FC;border-collapse: collapse;padding:5px;text-align: center;background: #32D292;color:#fff;}
.listtable td{border-collapse: collapse;padding:5px;text-align: center;border:1px solid #ddd;}
.listtable tr:nth-child(odd){background: #FAFAFA}
.listtable caption{font-weight:bold;line-height: 40px;}
/*表格结束
.pcbtn{line-height: 30px;height:30px;border-radius: 15px;border: none;padding:0 10px;min-width: 100px;color:#fff;width:auto;font-size: 16px;}
.pcbtnorange{background: #FF890D}
.pcbtnblue{background: #0293D0}
.pcbtngreen{background: #72C32D}
.pcbtncancel{background: #DF881C;}
/*右侧主窗口结束*/
/*分页样式*/
.pagelist {
    line-height: 30px;
    height: 30px;
    width: 100%;
    text-align: center;
    margin-bottom:20px;
}

.pagelist span {
    margin: 0 5px;
}

.pagelist a {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
}

/*分页样式结束*/


/*.articletitle {*/
/*    width: 100%;*/
/*    text-align: center;*/
/*    height: 60px;*/
/*    line-height: 60px;*/
/*    font-size: 30px;*/
/*    font-weight: bold;*/
/*}*/

/*#articledetail::-webkit-scrollbar {*/
/*    width: 0px*/
/*}*/

footer {
    line-height: 30px;
    height: 30px;
    text-align: center;
    width: 100%;
}

.chronical-list {
    padding: 20px 20px 5px 20px;
    /*display: flex;*/
    flex-grow: 1;
}

.chronical-item{
    display: flex;
    margin-bottom: 10px;
}

.chronical-item:hover *{
    color: #3E7087;
}

.chronical-item > .title {
    flex-grow: 1;
    font-weight: bold;
}

.chronical-item > .time {
    color: #aaa
}

.chronical {
}

.chronical > .title {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    padding-top:40px;
}

.chronical > .detail {
    width:96%;
    margin:0 2%;
    display: flex;
    justify-content: center;
}

.chronical > .detail > #doc-content {
    width: 100%;
    max-width: 1600px;
    margin-bottom: 20px;
}

.markdown-body li {
    list-style: decimal !important;
}

.markdown-body img {
    width: 50%;
    margin-left:10%;
    display: block;
    border: solid #ccc 1px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.markdown-body a{
    color:#00aaee;
}