#msgWorker{
    border: none;
    display: none;
}
/*input*/
/*取消输入框聚焦后的高亮边框*/
textarea{
    outline: none;
    background: none;
}
.input_box,.commentContentBox{
    /*display: inline-block;*/
    border: none;
    width: 100%;
    resize: none;
    padding: 10px 0 10px 0;
    color: rgb(104,104,104);
    /*margin: 0 0 0 65px;*/
    /*height: 80px;*/
    /*background-color: rgba(255,255,255,0);*/
    font-size: 16px;
    line-height: 21px;
    font-family: "sans-serif thinner";
}
.message_wrap,.comment_wrap,.topics_wrap,.list_board_wrap,.hidden_wrap{
    display: none;
}
.messageBox,.commentBox,.topicsBox,.hiddenBox{
    display: flex;
    justify-content: space-between;
    position: relative;
    /* border: 1px solid black; */
    width: 708px;
    height: 500px;
    margin: 0 auto;
    padding-left: 100px;
}
.topicsBox .textareaWrapper{
    border: 1px solid lightgray;
    padding: 10px 15px 10px 15px;
    margin-top: 30px;
}
/*.topicsBox .input_box{*/
/*    padding: 0;*/
/*}*/
.topicTitle.input_box{
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid lightgray;
    color:rgb(75, 75, 75);
    /*margin: 20px 0 20px 0;*/
    /*background-color: rgb(250,250,250);*/
}
.commentBox,.topicsBox,.hiddenBox{
    height: 400px;
    max-height: 500px;
}
.centerBox{
    display:block;
    width: 608px;
    /* border: 1px solid red; */
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 10px rgb(190, 190, 190);
    padding: 50px;
}
.closeBtn{
    width: 100px;
    height: 100px;
    cursor: pointer;
    opacity: 30%;
}
.closeBtn:hover{
    opacity: 80%;
}
.messageHeader,.commentHeader,.reviewHeader,.hiddenHeader{
    display: flex;
    justify-content: space-between;
    font-size: 21px;
    margin-bottom: 25px;
}
/*.commentHeader{*/
/*    display: block;*/
/*    font-size: 21px;*/
/*    margin-bottom: 15px;*/
/*}*/
.messageHeader span{
    padding:0  5px 0 5px;
}
.messageType{
    display: block;
    justify-content: left;
    padding-bottom: 12px;
    /*margin-right: 20px;*/
     border-bottom: 1px solid lightgray;
    /* margin-bottom: 10px; */
}
.messageType a{
    padding: 3px 5px 3px 5px;
    margin-right: 60px;
}
.rating_wrap{
    display: flex;
    justify-content: space-between;
    margin: 15px 0 15px 0;
}
.commentRate{
    display: flex;
}
/*.rating {*/
/*    unicode-bidi: bidi-override;*/
/*    direction: rtl;*/
/*}*/

/*.rating>span {*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    width: 1.1em;*/
/*}*/

/*.rating>span:hover:before,*/
/*.rating>span:hover~span:before {*/
/*    content: "\2605";*/
/*    position: absolute;*/
/*    color: #ffc800;*/
/*}*/
/*五星评分*/
.star{
    display: inline-block;
    font-size: 0;
    position:relative;
    flex-shrink: 0;
}
.star-item{
    display: inline-block;
    width: 20px;
    height:20px;
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAYFBMVEUAAAD92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92Un92UmCTPEWAAAAH3RSTlMA9iwe++hAgPLJo13i3Td8JO3Sk4xtYkYUC76cVBIjGgBFCwAAAMtJREFUKM+1kUkOhCAQRUEFBHGep67737JRlEFNJ73wbyAv9WtRD/1O3z/AqrqzDqC7spEAkPECGagwlwRJE28wbpJAk5xjcIJ5rmBBwAsp9nLpsvJYkMWWxRk6QrHZSJFJesIU2UQnjCwLwSQ0kG4zQmzzdmcCuA5VocaQGNiyQX8G1qK/8q6jNH1wtCx3RxwhfnUkM3Vs6ToSdNUDK52NI6JL+4R1JD/HYaXriOsP9xxN+p08R0JV1ZlnzxELRBSJIPccSe1IvufoCxGAFoLwSVOBAAAAAElFTkSuQmCC') center top no-repeat;
    /*五条杠还是过于生硬，不够大气，心理认知远不如五颗星好*/
}
.star input[type="radio"]{
    position: absolute;
    clip: rect(0,0,0,0)
}
.RatingTrigger label:nth-child(2),.commentRate label:nth-child(2){
    display: none !important;
}
.RatingTrigger input[type="radio"]:checked+.star-item~.star-item{
    background-position: center bottom;
}
.commentRate input[type="radio"]:checked+.star-item~.star-item{
    background-position: center bottom;
}
.star:hover label.star-item{
    background-position: center top!important;
}
label.star-item:hover~.star-item{
    background-position: center bottom!important;
}
.star .star-item:after{
    position:absolute;
    width:100px;
    font-size:14px;
    height:20px;
    line-height:20px;
    right:0;
    margin-right:-105px;
    color:rgb(104,104,104)
}
.star:hover .star-item:after{
    content:''!important
}
.userRating .star-item{
    vertical-align: middle;
    margin-bottom: 3.5px;
}
.userRating .star-item[rating]~.star-item{
    background-position: center bottom;
}
.userRating .star-item:hover{
    cursor: default;
}

.RatingTrigger input[type="radio"]:checked+.star-item:after{
    content:attr(title)
}
.commentRate input[type="radio"]:checked+.star-item:after{
    content:attr(title)
}
.star:hover .star-item:hover:after{
    content:attr(title)!important
}


.input_box:focus{
    color:rgb(75, 75, 75);
    outline: none;
}
.commentContentBox{
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    background: rgb(250,250,250);
}
.commentContentBox.input_box{
    height: 100px;
}
.topicContentBox.input_box{
    height: 120px;
}
/*.interestEditor{*/
/*    display: none !important;*/
/*}*/
#commentSubmit,#topicSubmit,.hiddenSubmit{
    font-size: 20px;
    padding:2px 15px 2px 15px;
    border-radius: 16px;
}
.relatedLabel{
    margin: 25px 0 15px 0;
}
.myLabel{
    margin-bottom: 10px;
}
.relatedLabelList a{
    text-align:center;
    margin: 0 2px 6px 2px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 12px 0 12px;
    border: 1px dotted gray;
    border-radius: 13.5px;
}
.contentBox{
    /*overflow-y: scroll;*/
    overflow-x: hidden;
    height: 320px;
    /*padding-right: 10px;*/
    /*width: 500px;*/
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.noneTip{
    text-align: center;
    color: rgb(170,170,170);
    margin-top: 12px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.contentBox::-webkit-scrollbar {
    display: none;
}
.contentBox .emptyIcon{
    width: 500px;
    height: 315px;
    border: none;
    object-fit: cover;
    opacity: 10%;
}
.contentList{
    /*width:495px*/
    width: 100%;
    display: flex;
    padding: 15px 0px 15px 0;
    /*margin: 0 10px 0 0;*/
    border-bottom: 1px solid lightgray;
    /* border-bottom: 1px solid lightgray; */
    background: rgb(253, 253, 253);
}
.avatarBox{
    position: relative;;
    width: 50px ;
    height: 50px;
    margin-right: 20px;
    flex-shrink: 0;
}
.onlineState{
    position:absolute;
    top: 5px;
    left: 1px;
    width: 7px;
    height: 7px;
    border-radius: 3.5px;
    background-color: rgb(244, 100, 4);
}
.avatarImg{
    display: block;
    position:absolute;
    top: 10px;
    width: 50px ;
    height: 50px;
    margin-right: 20px;
    /*background-color: lightgray;*/
    /* border: 1px solid lightgray; */
    border-radius: 50px;
    /*opacity: 70%;*/
    overflow: hidden;
}
.avatarImg img{
    width: 100%;
}
.message_wrap .content_wrap{
    max-width: 422px;
}
.replyId{
    font-weight: bolder;
}
.replyContent{
    display: block;
    color: black !important;
    padding: 5px;
    margin: 5px 10px 5px 0;
    background: rgb(241, 241, 241);
    border-radius: 5px;
}
.replyContent p{
    white-space: pre-wrap;
}
.messageInfo{
    color: rgb(170,170,170);
    font-size: 16px;
}
.messageInfo span{
    margin-right: 10px;
}
/*index页消息面板*/
.contentBox.emptyIcon{
    opacity: 0.5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjIwMC4wMHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTgwMCAzNDUuOEM4MDAgMTkwLjIgNjY3LjggNjQgNTEyIDY0Yy0xNTUuOCAwLTI4OCAxMjYuMi0yODggMjgyIDAgNjIgMjYuNCAxMTggNjAuNCAxNjZsLTAuNiAwYzIxLjggMzAgNDIuOCA1NS40IDYzIDkwIDQ0IDc1LjYgMzcuMiAxNDguNiAzNy40IDE2My4ybDAgMi44IDI1NiAwIDAtMi44YzAtMTcuOC03LjItODcuNiAzNi44LTE2My4yIDIwLjItMzQuNiA0MS4yLTYwIDYzLTkwbC0wLjIgMEM3NzMuNiA0NjQgODAwIDQwOCA4MDAgMzQ1Ljh6TTcwMiA1MDguOGMtMS4yIDEuNi0yLjIgMy0zLjQgNC42LTE2LjIgMjEuOC0zMyA0NC40LTQ5LjQgNzIuMi0zNC42IDU5LjQtNDAuOCAxMTUuOC00MS42IDE1MC4yTDU3NiA3MzUuOCA1NzYgNTEybDY0LTEyOC0zMy4yIDBMNTQ0IDUxMmwwIDIyNC02NCAwTDQ4MCA1MTJsLTYyLjgtMTI4TDM4NCAzODRsNjQgMTI4IDAgMjI0LTMxLjggMGMtMS0zNC40LTcuOC05MS40LTQxLjgtMTUwLTktMTUuNC0xOC4yLTMwLTI3LjQtNDJsMC40IDAtMzcuMi01MS4yYy0zMS42LTQzLjItNTQuMi05NC4yLTU0LjItMTQ3LjIgMC02Ni44IDMyLTEyOS42IDc5LjItMTc2LjhzMTEwLTczLjQgMTc2LjgtNzMuNGM2Ni44IDAgMTI5LjYgMjYuMiAxNzYuOCA3My40IDQ3LjIgNDcuMiA3OS4yIDExMCA3OS4yIDE3Ni44IDAgNTMtMjIuNiAxMDMuOC01NC4yIDE0N0w3MDIgNTA4Ljh6IiBmaWxsPSIjZTZlNmU2IiAvPjxwYXRoIGQ9Ik00NDggOTI4bDEyOCAwIDAgMzItMTI4IDAgMC0zMloiIGZpbGw9IiNlNmU2ZTYiIC8+PHBhdGggZD0iTTQxNiA4NjRsMTkyIDAgMCAzMi0xOTIgMCAwLTMyWiIgZmlsbD0iI2U2ZTZlNiIgLz48cGF0aCBkPSJNNDE2IDgwMGwxOTIgMCAwIDMyLTE5MiAwIDAtMzJaIiBmaWxsPSIjZTZlNmU2IiAvPjwvc3ZnPg==)no-repeat center top;
    background-size: contain;
    text-align: center;
    justify-content: center;
    margin-top: 10px;
    color: rgb(140,140,140);
}
.readAllTips{
    display: inline-block;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzIuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02MzIuMjM0NjY3IDQ3NC4wMjY2NjdhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMSAzLjg0IDQyLjMyNTMzM2wtMy44NCAwLjM0MTMzM0gyMTMuMzMzMzMzYTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEtMy44NC00Mi4zMjUzMzNMMjEzLjMzMzMzMyA0NzQuMDI2NjY3aDQxOC45MDEzMzR6TTQ5Mi41ODY2NjcgNjk1LjA0YTIxLjMzMzMzMyAyMS4zMzMzMzMgMCAwIDEgMy44NCA0Mi4yODI2NjdsLTMuODQgMC4zNDEzMzNIMjEzLjMzMzMzM2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxLTMuODQtNDIuMzI1MzMzTDIxMy4zMzMzMzMgNjk1LjA0aDI3OS4yNTMzMzR6TTc5OS43ODY2NjcgNDc4LjMzNmEyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDM4LjgyNjY2NiAxNy4yMzczMzNsLTEuNTM2IDMuNTQxMzM0LTE1MS41MDkzMzMgMjcyLjA0MjY2Ni0xNTcuOTk0NjY3LTEwMi4wNTg2NjZhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMSAxOS43NTQ2NjctMzcuNjMybDMuNDEzMzMzIDEuNzkyIDExOS42OCA3Ny4zMTIgMTI5LjM2NTMzNC0yMzIuMjM0NjY3ek03NzEuODQgMjUzLjA5ODY2N2EyMS4zMzMzMzMgMjEuMzMzMzMzIDAgMCAxIDMuODQgNDIuMzI1MzMzbC0zLjg0IDAuMzQxMzMzSDIxMy4zMzMzMzNhMjEuMzMzMzMzIDIxLjMzMzMzMyAwIDAgMS0zLjg0LTQyLjMyNTMzM0wyMTMuMzMzMzMzIDI1My4wOTg2NjdoNTU4LjUwNjY2N3oiIGZpbGw9IiMyYzJjMmMiIC8+PC9zdmc+)no-repeat center top;
    background-size: contain;
    width: 32px;
    cursor: pointer;
}
.moreHistory{
    color: rgb(170,170,170);
    text-align: right;
    margin: 10px 10px 0 0 ;
}
.moreHistory a{
    border-bottom: 1px solid lightgray;
}