.blog{
    width: 100%;
    border-top: 2px solid #ebe5f6;
    margin-top: 60px;
}
.blog  .tit{
    font-size: 26px;
    color: #6a4b92;
    font-weight: bold;
    line-height: 40px;
    padding-top: 16px;
}
.blog  .date{
    font-size: 14px;
    margin-top: 10px;
}
.blog  .top-img{
    width: 700px;
    height: 400px;
    margin-top: 45px;
    background: #f6f6f6;

}
.blog  .desc{
    padding-right: 10px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 26px;
    margin-top: 20px;
    word-wrap:break-word;
}
.blog  .desc img{
    margin: 15px auto !important;
}
.blog  .desc p{
    font-size: 14px;
    line-height: 26px;
    margin-top: 5px;
}
.blog  .desc p span{
    color: #6a4b92;
    font-weight: bold;
}
.blog  .key{
     margin-top: 50px;
 }
.blog  .key > .key-tit{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
}
.blog  .key p{
    font-size: 14px;
    line-height: 23px;
    margin-top: 8px;
}
.blog  .ref{
    margin-top: 50px;
    line-height: 22px;
}
.blog  .ref a:hover{
    color: #ff6600;
}
.blog  .ref ul{
    width: 100%;
    float: left;
    margin-top: 8px;
}
.blog  .ref ul li{
    width: 100%;
    float: left;
    line-height: 22px;
}

.blog .related{
    width: 100%;
    margin-top: 90px;
    float: left;
}
.blog .related .r-tit{
    padding-top: 20px;
    border-top: 2px solid #e0d9ec;
    font-size: 22px;
    line-height: 40px;
    color: #6a4b92;
    font-weight: bold;
}
.blog .related ul{
    width: 100%;
    margin-top: 12px;
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
.blog .related ul li{
    /*width: 33.3%;*/
    float: left;
    padding: 0 52px;
    box-sizing: border-box;
}
.blog .related ul li:first-child{
    padding: 0 52px 0 0;
}
.blog .related ul li > div{
    width: 160px;
    float: left;
}
.blog .related ul li > div > a  > img{
    width: 160px;
    height: 91px;
    overflow: hidden;
    background: #f6f6f6;
    border: 0;
    margin-bottom: 10px;
}
.blog .related ul li > div > p{
    font-size: 14px;
    line-height: 22px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.blog .related ul li > div > p a:hover{
    color: #6a4b92;
}
.blog .related ul li > div > p:last-child{
    font-size: 12px;
    color:#888888;
}
.blog .related ul li:not(:last-child){
    border-right: 2px solid #f1eef6;
}


    /*------------right-------------------*/
.blog .b-right, .blog .b-right div{
    box-sizing: border-box;
    float: left;
}
.blog .b-right{
    margin-top: 25px;
}

/*---------------ny-blog-------------------*/
.tabdiv > .tab-right .ny-tab-right-main{
    max-height: 730px;
    border-left: 1px solid #e0d9ec;
    border-right: 1px solid #e0d9ec;
    border-bottom: 1px solid #e0d9ec;
    overflow-y: auto;
}
.tabdiv > .tab-right .ny-tab-right-main::-webkit-scrollbar {
    width: 8px;
}
.tabdiv > .tab-right .ny-tab-right-main::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #e0d9ec;
}
.tabdiv > .tab-right .ny-tab-right-main::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-color: #f7f7f7;
}
.tabdiv > .tab-right .ny-tab-right-main{
    width: 100%;
    float: left;
    /*padding: 10px 0;*/
    overflow: hidden;
    max-height: 888px;
}
.tabdiv > .tab-right .ny-tab-right-main .ny-select-tab{
    float: left;
    /*padding: 5px 0;*/
}
.tabdiv > .tab-right .ny-tab-right-main .ny-select-tab li{
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 0;
    box-sizing: border-box;
    word-break: break-word;
}
.tabdiv > .tab-right .ny-tab-right-main .ny-select-tab li a:hover{
    font-weight: bold;
    color: #6a4b92;
    cursor: pointer;
}
.tabdiv > .tab-right .ny-tab-right-main ul li:hover > span{
    font-weight: normal;
}
.tabdiv > .tab-right .ny-tab-right-main .ny-other-tab{
    width: 100%;
    float: left;
    padding: 10px 0;
}
.tabdiv > .tab-right .ny-tab-right-main .ny-other-tab li{
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 22px;
    padding: 6px 20px;
    box-sizing: border-box;
}
.tabdiv > .tab-right .ny-tab-right-main .ny-other-tab li a:hover{
    cursor: pointer;
    font-weight: bold;
    color: #6a4b92;
}
.tabdiv > .tab-right .ny-tab-right-main ul li > span{
    color: #888888;
}



/*--------------------ny-recent------------------------*/
.tabdiv > .tab-right .recent{
    width: 100%;
    max-height: 605px;
    overflow: hidden;
    border-left: 1px solid #e0d9ec;
    border-right: 1px solid #e0d9ec;
    border-bottom: 1px solid #e0d9ec;
    float: left;
    /*overflow-y: auto;*/
}
/*.tabdiv > .tab-right .recent::-webkit-scrollbar {*/
/*    width: 8px;*/
/*}*/
/*.tabdiv > .tab-right .recent::-webkit-scrollbar-thumb {*/
/*    border-radius: 5px;*/
/*    background-color: #e0d9ec;*/
/*}*/
/*.tabdiv > .tab-right .recent::-webkit-scrollbar-track {*/
/*    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);*/
/*    border-radius: 5px;*/
/*    background-color: #f7f7f7;*/
/*}*/
/*.tabdiv > .tab-right .recent{*/
/*    width: 100%;*/
/*    float: left;*/
/*}*/
.tabdiv > .tab-right .recent ul{
    width: 100%;
    padding: 0 20px;
    float: left;
    box-sizing: border-box;
}
.tabdiv > .tab-right .recent ul li{
    width: 100%;
    float: left;
    padding: 20px 0 15px 0;
}
.tabdiv > .tab-right .recent ul li:not(:last-child){
    border-bottom: 1px solid #e0d9ec;
}
.tabdiv > .tab-right .recent ul li div{
    width: 160px;
    float: left;
}
.tabdiv > .tab-right .recent ul li  div a > img{
    width: 160px;
    height: 91px;
    overflow: hidden;
    background: #f6f6f6;
    border: 0;
    margin-bottom: 10px;
}
.tabdiv > .tab-right .recent ul li  div > p{
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.tabdiv > .tab-right .recent ul li  div > p:last-child{
    font-size: 12px;
    color:#888888;
    line-height: 18px;
}