p{
    padding: 0;
    margin: 0;
}
.header{
    padding: 0px;
    display: flex;justify-content: space-between;
    align-items: center;
}

.header-left{
    display: flex;
    justify-content: space-between;
}
.header-left img{
        margin-right: 10px ;
        width:45px;
        height:45px;
        border-radius: 5px;
}

.header-left .name{
    font-size: 16px;
    color: #161616;
    
}
.header-right{
    display: flex;
    justify-content: space-between;

}
.header-right img{
   width:20px;height:20px; 
}
.header-right a{
   
   text-decoration: none;
}
    .pc{
        display: none;
        cursor: pointer;
    }
@media screen and (min-width: 960px){
    .header{
        margin:0 auto ;
        max-width: 640px;
    }
    .yd{
        display: none;
    }
    .pc{
        display: block;
        cursor: pointer;
    }
}

/** plugin::mshare **/
.footer_severs{overflow: hidden; width: 100%; text-align: center; color: #6c6c6c; padding-bottom: 60px; padding-top: 16px; font-size: 14px; background-color:#fffdf1;}
.ocrloader{width: 280px; height: 280px; position: relative; margin: 0 auto 5px;}
.ocrloader:before{left: 0; top: 0; border-left-width: 1px; border-top-width: 1px;}
.ocrloader:before, .ocrloader:after, .ocrloader em:after, .ocrloader em:before{border: 0 solid rgb(45, 183, 183); content: ""; position: absolute; width: 19px; height: 16px;}
.ocrloader:before{left: 0; top: 0; border-left-width: 1px; border-top-width: 1px;}
.ocrloader em:before{left: 0; bottom: 0; border-left-width: 1px; border-bottom-width: 1px;}
.ocrloader em:after{right: 0; bottom: 0; border-right-width: 1px; border-bottom-width: 1px;}
.ocrloader img{width: 280px; height: 280px;}
.ocrloader span{position: absolute; left: 0; top: 0; width: 100%; height: 10px; background-color: rgba(45, 183, 183, 0.54); z-index: 1; animation: move 1.5s infinite; -webkit-animation: move 1.5s infinite;}
.ocrloader:after{right: 0; top: 0; border-right-width: 1px; border-top-width: 1px;}
@keyframes move {
    from {top: 0px;}
    to {top: 130px;}
}