.forum_width{margin: 0px auto;}
.Information_data{width: 35%;}
.forum_list-Blogger{margin-top: 0px;}
.forum_list-Blogger-li{width: 32%;border: 0px;text-align: center;position: relative;}
.forum_list-Blogger-li::after{position: absolute;content: "";width: 1px;height: 19px;background-color: #DDDDDD;right: 0px;
    top: 50%;transform: translateY(-50%);}
.forum_list-Blogger-li-sum{color: #660099;}
.forum_list-Blogger-li-text{color: #333333;}
.forum_list-Blogger-li:last-of-type::after{position: initial;}
.Information-banner img{min-height: 100px;}
/* tab切换 */
.InformationTabCon .item{display: none;}
.InformationTabCon .item.active{display: block;}
.itemTwo{margin-top: 20px;}

.InformationTab{display: flex;align-items: center;}
.InformationTab p{color: #333333;font-size: 20px;padding: 25px 0;border-bottom: 3px solid #FFFFFF;}
.InformationTab p:hover{color: #660099;position: relative;border-bottom: 3px solid;}
.InformationTab p:hover{cursor: pointer;}
.InformationTab p{margin-right: 87px;}
.InformationTab p.on{color: #660099;position: relative;border-bottom: 3px solid;}

.Information_details{margin-top: 20px;}

/* 上传样式 */
#Gead-upload,#Backgournd-upload{display: none;}
.Add-btn{background: #FCFCFC;width: 250px;height: 60px;text-align: center;border-radius: 6px 6px 6px 6px;opacity: 1;border: 1px solid #E3E3E3;margin-bottom: 20px;}
.Add-btn img{margin: 0px auto;}
textarea{margin-bottom: 0px;}
.Profile-hint{color: #660099;font-size: 12px;margin-bottom: 20px;}
.submit-btn{margin-top: 0px;}
.submit-btn:hover{background-color: #5F018E;}
/* 切换内容样式 */
.Information_right{width: 75.5%;}
/* 个人介绍 */
.Information_left{width: 23%;position: sticky;top: 110px;}
.Information_left-two,.Information_left-three{margin-top: 20px;}
.Information_left-title{position: relative;background-color: #660099;padding: 10px 0;}
.Information_left-title p{color: #FFFFFF;font-size: 20px;font-weight: bold;padding-left: 20px;}
.Information_left-title::after{position: absolute;content: ""; width: 0;bottom: -8px;height: 0;left: 10%;border-top: 8px solid #660099;
    border-right: 8px solid transparent;border-left: 8px solid transparent;}
.introduce_con{padding: 22px;}
.introduce_con-text,.Information_Created{padding-bottom: 15px;margin-bottom: 15px;}
.introduce_con-text{font-size: 16px; color: #707070;}
.introduce-title{color: rgba(102,0,153,0.6);font-size: 16px;}
.introduce-intro{font-size: 16px;color: #333333;}



/* 粉丝 */
.Fans_list{padding: 30px 20px 5px 20px;}
.Fans-img{border-radius: 50%;margin-right: 20px;}
.Fans-li{display: flex;align-items: center;margin-bottom: 15px ;padding-bottom: 15px;}
.Fans-name{font-size: 16px;color: #000;}
.Fans-intro{color: #707070;}

/* 信息修改 */
.Profile-pd{}


@media screen and (max-width: 1200px) {
    .Information_data{width: 40%;}
}
@media screen and (max-width: 1000px) {
    .Information_left{display: none;}
    .Information_right{width: 100%;}
    .Information_data{padding: 15px 0;width: 50%;}
    .Information_head-my{width: 35%;}
    .forum_list-Blogger-li-text{font-size: 12px;}
}
@media screen and (max-width: 768px) {
    .Information_head-flex,.Information_head-flex{flex-wrap: wrap;}
    .Information_head-flex,.Information_head-con,.Information_data{width: 100%;}
    /* .Information_head-Following{display: inline-block;} */
    .Information_head-my{border-bottom: 1px solid #DDDDDD;padding-bottom: 20px;}
    .Information_tab{box-shadow: 0px 4px 6px 0px rgba(102,0,153,0.05);}
    .Information_head-con{text-align: center;margin-top: 10px;}
    .Information_data{padding: 15px 0;}
    .Information_head-img{margin: -50px auto 0 auto;width: 100px;height: 100px;}
    .forum_list-flex{flex-direction: column-reverse;}
    .Information_left{display: block;width: 100%;margin-top: 15px;}
    .Information_left{position: static;}
    .submit-btn{width: 100%;}
    select{width: 100%;}
    .Add-btn{width: 100%;}



    .Information_tab{position: relative;}
    .InformationTab{justify-content: left;overflow-y: scroll;}
    .InformationTab::-webkit-scrollbar{display:none;}
    .Information_un{position: absolute;right: 0px;top: 0px;}
    .Information_un::after{content: "";position: sticky;height: 57px;width: 40px;background: linear-gradient(270deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
        right: 0;display: block;}
    .InformationTab p{width: 140px;text-align: center;}
    .InformationTab p{margin-right: 0px;}

    .Information_share-li{width: 50%;margin-bottom: 25px;}
    .Information_share{padding: 40px 15px 5px 15px;align-items: flex-end;}

    .Information_head-con{margin-left: 0px;}
    .InformationTab p{font-size: 16px;}
    .Information_share{padding: 40px 15px 5px 15px;align-items: flex-end;}

    .Information_head-con{margin-left: 0px;}
    .InformationTab p{font-size: 16px;}
    .Information_details{margin-top: 0px;}
  
}
@media screen and (max-width: 400px) {
    .forum_list-Blogger-li-text{font-size: 12px;}
    .forum_list-Blogger-li::after{height: 10px;}
}


/* 个人中心，文章列表 */
.essay-list-flex,.entry-footer,.entry-footer_left,.entry-footer_left-handle{display: flex;}
.essay-list{margin-bottom: 20px;}
.essay-list:hover{background-color: #f2f3f5;cursor: pointer;}
.essay-list-pd{padding: 35px 35px 7px 35px;}
.essay-list-flex{justify-content: space-between;margin-bottom: 15px;padding-bottom: 15px;align-items: center;}
.essay-list-con{width: 87%;}
.essay-list-img{width: 11%;}
.first-line-title{color: #000000;font-size: 22px;}
.first-line-title:hover{color: #660099;}
.first-line_intro{color: #707070;}
.title-pd{padding: 25px;}

.entry-footer{align-items: center;justify-content: space-between;}
.entry-footer_left{width: 77%;}
.entry-footer_left p{margin-right: 40px;}
.entry-footer_left p:hover{color: #660099;}

.entry-footer_date{width: 20%;}
/* text-align: right; */
/* 个人中心搜索 */
.essay-search_flex,#essayForm,.essay-input{display: flex;}
.essay-search_flex{align-items: center;margin-right: 20px;}
.essay-input{width: 50%;justify-content: left;}
#essayForm{justify-content: left;flex-wrap: wrap;}
.essay-search_flex select{width: 180px;background-color: #ffffff;}
.essay-search_name{margin: 0 10px 20px 0;color: #000000;}
.submit-btn{padding: 9px 20px;}
.essWid1 input{padding: 0px 10px;}
/* .ph-search{display: none;} */
.pc-search{display: flex;align-items: center;}
/* 个人中心操作 */
.handle-flex{display: flex;align-items: center;}
.handle-edit{color: #47B2FF;}
.handle-delete span{color: #707070;}
.handle-Pubish{border: 1px solid #660099;color: #660099;padding:0 5px;}
.handle-UnPublish{border: 1px solid #707070;color: #707070;padding:0 5px;}
@media screen and (max-width: 1250px) {
    .essay-input{width: 85%;}
}
@media screen and (max-width: 1150px) {
    .entry-footer_left p{margin-right: 20px;}
    .essay-list-pd{padding: 20px 20px 7px 20px;}
    .essay-search_flex select{width: 80px;}
}
@media screen and (max-width: 1000px) {
    .essay-search_flex select{width: 160px;height: 36px;}
}
@media screen and (max-width: 768px) {
    /* #essayBtn{display: none;} */
    #essayForm{margin-top: -20px;background-color: #FFFFFF;position: relative;}
    .essay-input{width: 100%;box-shadow: 0px 4px 6px 0px rgba(102,0,153,0.05);padding: 12px 20px;}
    .essay-search_flex select{margin-bottom: 0px;}
    .essay-search_name{margin: 0 10px 0 0;display: flex;align-items: center;cursor: pointer;color: #707070;}
    .essay-search_name:hover{color: #000000;}
    .InformationTab{border-bottom: 1px solid #DDDDDD;}
    .essay-list-img{width: 14%;}
    .essay-list-con{width: 84%;}
    /* .ph-search{display: block;}
    .pc-search,.SearchList{display: none;} */
    .forum_list-Blogger-li{padding: 0;}
    .InformationTab p{padding: 15px 0;}
    .essay-search_name i{font-size: 20px;}
    #essayForm{justify-content: center;padding: 10px 0;border-bottom: 1px solid #DDDDDD;}
    #essayForm .essWid1{width: 90%;}
    #essayForm .essWid2{width: 60%;margin-top: 0px;}
    .essWid1 input{margin-bottom: 0px;}
    .essWid3{width: 30%;margin-top: 0px;}
    .essWid2 .essay-search_name{width: 48px;justify-content: end;}
    .essWid1 .essay-search_flex{margin-right: 0px;margin-bottom: 15px;}
    .essWid3 .submit-btn{padding: 6px 20px;}
    .essay-search_flex select{width: 100%;}
    /* 搜索下拉样式 */
    
    .SearchList{position: absolute;width: 100%;top: 60px;left: 0;background-color: #FFFFFF;box-shadow: 0px 4px 6px 0px rgba(102,0,153,0.05);
    padding: 5px 0 20px 0;display: none;}
    .SearchList p{padding: 5px 20px;}
    .SearchList p:hover{background-color: #660099;color: #FFFFFF;}

    /* 博客列表 */
    /* .entry-footer_date{display: none;} */
    .entry-footer_date{width: 100%;text-align: left;font-size: 12px; color: #B9B9B9;}
    .first-line_intro{margin: 0 0 5px 0;font-size: 12px;}
    .entry-footer_left{width: 100%;}
    .essay-list{margin-bottom: 10px;}
}
@media screen and (max-width: 500px) {
    .entry-footer_left{flex-wrap: wrap;}
    .entry-footer_left-handle{width: 100%;justify-content: space-between;border-bottom: 1px solid #DDDDDD;margin-bottom: 10px;padding-bottom: 10px;}
    .essay-list-flex{margin-bottom: 10px;padding-bottom: 10px;}
    .handle-Pubish{}
    .handle{width: 100%;}
    .handle-space-between{justify-content: space-between;}
    .essay-list-img{width: 20%;}
    .essay-list-con{width: 75%;}
    .first-line-title{font-size: 16px;}
    .essay-list{margin-bottom: 10px;}
    .essay-search_flex select{padding: 0px 33px 0 10px;}
}
@media screen and (max-width: 450px) {
    .essWid2 .essay-search_name{width: 54px;}
}

/* 删除弹框 */
#deletePopUp,#customerSuccess{display: none;}
.deletePopUp{position: fixed;top: 50%;left: 50%;width: 30%;transform: translate(-50%,-50%);background-color: #FFFFFF;z-index: 98;border-radius: 10px;}
.deletePopUp_pd{padding: 30px;}
.deletePopUp_flex,.deletePopUp_grop{display: flex;}
.deletePopUp_con{margin-left: 20px;}
.deletePopUp_name{font-size: 18px;color: #333333;}
.deletePopUp_intro{font-size: 16px;color: #707070;margin-top: 10px;}
.deletePopUp_grop{justify-content: end;margin-top: 30px;}
.deletePopUp_close{color: #333333;border: 1px solid #DDDDDD;border-radius: 6px;margin-right: 20px;padding: 9px 20px;font-size: 14px;}
.deletePopUp_close:hover{border: 1px solid #660099;color: #660099;}
@media screen and (max-width: 1400px) {
    .deletePopUp{width: 40%;}
}
@media screen and (max-width: 1200px) {
    .deletePopUp{width: 50%;}
}
@media screen and (max-width: 1000px) {
    .deletePopUp{width: 60%;};
    .deletePopUp_con{margin-left: 10px;}
}
@media screen and (max-width: 800px) {
    .deletePopUp{width: 80%;}
    .deletePopUp .submit-btn{width: auto;}
}
@media screen and (max-width: 600px) {
    .deletePopUp{width: 95%;}
    .deletePopUp_pd{padding: 20px;}
}
/* 修改帖子 */
.editFrom_Invitation{display: none;}
.editFrom_Invitation .submit-btn{margin-right: 30px;margin-top: 20px;padding: 10px 50px;}
@media screen and (max-width: 768px) {
    .editFrom_Invitation .submit-btn{width: 47%;margin-right: 0px;}
    .form_btn-flex{justify-content: space-between;}
    .Unpublish-btn{width: 47%;}
    .askAquestion_bg-pd{padding: 25px 15px 40px 15px;}
}

/* 修改头像和修改背景图 */
.PopUp_hint_con,.PopUp_header,.PopUp_List,.PopUp_grop{display: flex;flex-wrap: wrap;}
.PopUp{position: fixed;top: 50%;left: 50%;width: 43%;transform: translate(-50%,-50%);background-color: #FFFFFF;z-index: 98;border-radius: 10px;display: none;}
.PopUp_header{padding: 25px 23px;align-items: center;justify-content: space-between;}
.PopUp_header img{cursor: pointer;}
.PopUp_hint{padding: 25px 23px;}
.PopUp_hint_con{border: 1px solid #660099;background-color: #FDF9FF;border-radius: 10px;padding: 10px 25px;align-items: center;}
.PopUp_hint_title{margin-left: 10px;font-size: 16px;color: #333333;}
.PopUp_List{padding: 30px 25px;}
.radColor{width: 19%;margin-right: 1%;margin-bottom: 15px;}
.radColor-br{position: relative;border: 1px solid #DDDDDD;border-radius: 8px;height: 140px;}
.radColor-br.active{border: 1px solid #660099;}

.Backgourndrating-pro,.Geadrating-pro{display: none;}
.rating-max{position: relative;display: inline-block; margin-bottom: 15px;}
.close-icon img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.Gead-updataimg,.Backgournd-updataimg{cursor: pointer;}
.close-icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);display: none;}

.rating-max:hover .close-icon{display: block;cursor: pointer;}

.radColor-br input{position: absolute; top: 10px; left: 10px;z-index: 9;}
.PopUp_List-name{margin-top: 5px;color: #333333;text-align: center;}
input[type=checkbox]:checked {border: 1px solid #660099 !important;background-color: #660099 !important;position: absolute;}

.img-thumbnail{border: 1px solid #DDDDDD;border-radius: 8px;outline: solid 2px #ffffff;width: 70%;height: auto;position: absolute;top: 50%;
    left: 15%;transform: translateY(-50%);}

.PopUp_grop{padding: 25px;justify-content: space-between;}
.PopUp_grop button{width: 48%;}

@media screen and (max-width: 1600px) {
    .PopUp{width: 50%;}
}
@media screen and (max-width: 1400px) {
    .PopUp{width: 70%;}
}
@media screen and (max-width: 1100px) {
    .PopUp{width: 90%;}
    .PopUp_List-name{font-size: 12px}
}
@media screen and (max-width: 768px) {
    .PopUp_hint_title{text-align: center;margin-top: 5px;}
    .PopUp_hint_con img{margin: 0px auto;}
    .PopUp_hint_con{padding: 10px;}
    .deletePopUp_close{margin-right: 4%;}
    .radColor{width: 24%;}
    .PopUp_List{overflow-y: scroll;}
}
@media screen and (max-width: 500px) {
    .PopUp_header,.PopUp_hint,.PopUp_List,.PopUp_grop{padding: 15px;}
    .radColor{width: 32%;}
}


/* 发布帖子样式 */
.forum_write{padding: 22px;}
.askAquestion-flex p{padding: 10px 0;}
.forum_write-title{font-size: 20px;}
@media screen and (max-width: 1200px){
    .askAquestion-flex p{width: 78%;}
    .forum_question-img{width: 22%;}
} 
@media screen and (max-width: 768px) {
    /* .askAquestion-flex p{width: 85%;} */
    .forum_question-img{width: 15%;}
    .askAquestion-flex p{width: auto;}
}

/* 没有帖子时的样式 */
.Never-max{text-align: center;}
.Never-title{font-size: 20px;color: #000000;}
.Never-intro{margin-top: 10px;color: #707070;font-size: 16px;}
.Never-max img{margin: 0px auto;}
.Never-max .submit-btn{margin: 60px auto 50px auto;padding: 0px;background-color: #FFFFFF;border: 1px solid #DDDDDD;}
.Never-max .submit-btn a{background-color: #FFFFFF ;border-radius: 10px; font-size: 16px;color: #707070; display: block;padding: 12px 30px;}
.Never-max .submit-btn:hover{background-color: #660099;border: 1px solid #660099;}
.Never-max .submit-btn:hover a{background-color: #660099;color: #ffffff;}


/* 修改信息成功弹框 */
#customerSuccess .deletePopUp_flex{justify-content: space-between;}


/* 消息列表 */
.MessageTable_phone{display: none;}
#MessageForm{display: flex;align-items: center;margin-bottom: 15px;}
#MessageForm input{margin-bottom: 0px;width: 300px;border: 1px solid #707070;}

#MessageForm .submit-btn{background-color: #FFFFFF; border: 1px solid #DDDDDD;padding: 9px 20px;margin-left: 15px;font-size: 16px;}
.SearchBtn{color: #660099;}
.SearchBtn path{fill: #660099;margin-right: 5px;}
#MessageForm .SearchBtn:hover{background-color: #660099;color: #ffffff;}
#MessageForm .SearchBtn:hover path{fill: #ffffff;}
.DeleteBtn{color: #707070;}
.DeleteBtn path{fill: #707070;margin-right: 5px;}
.DeleteBtn svg,.SearchBtn svg{margin-right: 5px;margin-top: -2px;}
#MessageForm .DeleteBtn:hover{background-color: #660099;color: #ffffff;}
#MessageForm .DeleteBtn:hover path{fill: #ffffff;}
.ReadBtn{color: #660099;}
#MessageForm .submit-btn img{margin-right: 5px;}

.MessageTable input[type=checkbox]:checked{position: relative !important;}
.MessageTable{background-color: #ffffff;width: 100%;}
.MessageTable tr th,.MessageTable tr td{padding: 20px 0px;border-bottom: 1px solid #DDDDDD;}
.MessageTable tbody tr:hover{background-color: #eee;}
.tableTitle{display: flex;align-items: center;}
.message_name{color: #8B8B8B;margin-left: 5px; max-width: 70px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.message_p{font-size: 20px;margin-left: 5px;margin-right: 10px;}
.message_content{color: #8B8B8B;text-overflow: ellipsis; /* for IE */ -moz-text-overflow: ellipsis; /* for Firefox,mozilla */ overflow: hidden;
    white-space: nowrap;max-width: 520px;}
.message_name:hover,.message_content:hover,.message_date:hover{color: #660099;cursor: pointer;}
.MessageTable tbody tr.active .message_name,.MessageTable tbody tr.active .message_p,
.MessageTable tbody tr.active .message_content,.MessageTable tbody tr.active .message_date,.MessageTable tbody tr.active .message_type{color: #660099;}
.MessageTable tbody tr.unread .message_name,.MessageTable tbody tr.unread .message_p,
.MessageTable tbody tr.unread .message_content,.MessageTable tbody tr.unread .message_date,.MessageTable tbody tr.unread .message_type{color: #333333;}
.childCheckbox:hover{cursor: pointer;}
@media screen and (max-width: 768px) {
    .Information_details{margin-top: 0px;}
    #MessageForm{display: none;}
    .MessageTable{display: none;}
    .MessageTable_phone{display: block;background-color: #ffffff;padding: 25px 12px 0 12px;}
    .MessageTable_phone li{border-bottom: 1px solid #DDDDDD;}
    .Messagelist{display: flex;align-items: center;justify-content: space-between;padding: 20px 0;width: 100%;transition:calc(.5s);}
    .tableTitle{justify-content: space-between;width: 92%;}
    .message_name-left{width: 15%;}
    .message_name-right{width: 84%;}
    .message_name-flex{display: flex;align-items: center;}
    .message_content{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #9D9D9D;}
    .Messagelist-head{width: 10%;}
    .unread .message_content{color: #333333;}
    .message_date{color: #BEBEBE;}
    .message_type{margin-left: 10px;color: #BEBEBE;}
    .touchmove-flex{display: flex;width: 100%;justify-content: space-between;overflow: hidden;}
    .touchmove-btn{background-color: #660099;width: 15%;display: none;}
    .touchmove-btn figure{display: flex;justify-content: center;align-items: center;height: 100%;}
}


/* 消息详情 */
.return_img_ph{display: none;}
.message_details-header{border-bottom: 1px solid #DDDDDD;padding: 10px;position: relative;}
.message_details-header::after{position: absolute;left: 0px;width: 2px;height: 100%;content: "";background-color: #660099;top: 0px;}
.message_details-header-btn{border: 1px solid #DDDDDD;display: flex;align-items: center;font-size: 16px;color: #000000;border-radius: 4px;padding: 5px 10px;}
.message_details-header-btn:hover{cursor: pointer;color: #660099;}
.message_details-header-btn:hover .message_svg path{fill: #660099;}
.message_svg{margin-left: 5px;}
.message_details{width: 96%;margin: 0px auto;padding: 0 0 60px 0;}
.message_details-head img{border-radius: 50%;margin: 0px auto;}
.message_details-name{font-size: 18px;color: #000000;margin-top: 10px;}


.message_details-intro{border-bottom: 1px solid #DDDDDD;padding: 15px 0;margin: 20px 0;}
.message_details-title{font-size: 18px;color: #333333;letter-spacing: 1px;}
.message_details-date{margin-top: 10px;color: #8B8B8B;}
.message_details-p p{color: #333333;}
.message_details-p img{width: 100%;height: auto;}

.message_details-footer{border-top: 1px solid #DDDDDD;padding: 35px;margin-top: 35px;text-align: center;}
.message_details-footer img{margin: 35px auto 0 auto;}
@media screen and (max-width: 768px) {
    .message_details{width: 96%;}
    .return_img_pc{display: none;}
    .return_img_ph{display: block;}
    .return_img_ph:hover{cursor: pointer;}
    .message_details-header::after{left: -100px;}
}

#MessagedeletePopUp{display: none;}

#followingSuccess{display: none;}
.deletePopUp_flex{justify-content: space-between;margin-bottom: 15px;}
.deletePopUp_flex img:hover{cursor: pointer;}
.deletePopUp_intro{margin-top: 0px !important;margin-left: 0px;}
.Success_flex{align-items: flex-start;}
.PopUp_head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.deletePopUp_con{margin-left: 0px;}

/* 判断是否登录 */
.Information_head-flex{position: relative;}
.login_Pup{width: 300px;}