.navWai .right-view {
	 display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-right: calc(5%);
    position: relative;
}
.navWai .navTopWai {
    background-color: rgba(0, 0, 0, 0.4);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
    display: none;
}
.navWai .navTopWai .navTop {
    width: 75px;
    height: 20px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.avatar{
   margin-right: 2%;
   margin-left: 10px;
}
.avatar .item {
    height: 25px;
    width: 25px;
    border-radius: 50%;
}
.info-view{
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30%;
}
.info-view .info {
    margin-bottom: 2%;
}
.info-view .info .grade {
	display: inline;
	margin-right: 5%;
  color: #fff;
}
.info-view .info .grade-value {
	display: inline;
  color: #fff;
}
.info-view .progress {
	display: block;
	background: white;
    height: 7px;
    position: relative;
    margin-bottom: 0px;
}
.info-view .progress img {
    position: absolute;
    left: 0;
    top: 0;
    width: 58.5%;
    height: 100%;
    width: 150.202px;
}
.zuan{
    margin-left: 5%;
    display: flex;
}
.zuan img {
    display: inline;
    margin-right: 2px;
}
.zuan span {
	display: inline;
  color: #fff;
}
.main {
	margin-top:120px;
}
.main .layui-form-pane .layui-form-label {
	width:112px;
}
.copy-reply_textarea{
	
}
.btn-left{
	float: right;
}
/*为了悼念改颜色*/
.post_del {
  color: #FF69B4;
}
/*.post_del {
  color: #000000;
}*/
.postsEssence {
  cursor: pointer;
}
.postsTop {
  cursor: pointer;
}
.deletePost {
  cursor: pointer;
}
.jie-add {
	position:static;
}
#jieda .moreReply{
  margin-left: calc((100% - 100px)/2);
  cursor: pointer;
}
.post_btn {
	margin-bottom:44px;
}
.reply_content {
	background-color:white;
	margin-top:20px;
}
ul.post_reply>li{
	 padding:15px;
	 background-color:#eef; 
	 border:1px solid #ddd;
	 margin-bottom:10px;
}
ul.reply_mess>li {
	padding:15px;
}
ul.reply_mess>li .reply_name {
	padding-left:5px;
	padding-right:5px;
}
ul.reply_mess>li .reply_txt {
	display:inline-block;
	margin:0;
	color:black;
}
.isAccept{
	display:none;
}
.isAccept_active{
	display:line-block;
}
.jieda-body {
	width:100%;
	word-wrap:break-word;
}

/*******************/
.nav .top-nav a, .nav .login a {
    padding: 0;
    font-size: 16px;
    color: #999;
}

.nav .login a {
    padding: 6px 20px;
    font-size: 14px;
    border: none;
    border-radius: 15px;
    color: #fefefe;
    line-height: 22px;
}

.nav .logo{
	text-indent: 0;
}

.post_user .manager {
  display: none;
  /*left: 32px;*/
  left: 45px;
  position: absolute;
  /*margin-top: 43px;*/
  margin-top: 73px;
  color: blue;
}
/*.post_user .grade{left: 22px;position: absolute;margin-top: 40px;}*/
.post_user .grade{
  /*left: 25px;*/
  left: 40px;
  position: absolute;
  /*margin-top: 60px;*/
  margin-top: 90px;
  width: 46px;
  text-align: center;
}

.post_user .top {
    /*display: none;*/
    /*margin-top: 30px;*/
    margin-top: 50px;
    width: 75px;
     /*height: 20px; */
    /* background-image: url(../img/top10@2x.png); */
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    /*margin-left: -4px;*/
    margin-left: 10px;
}
.wrap .changeStatus {
    position: absolute;
    right: 20px;
    top: 10px;
    /*display: none;*/
}
.wrap .changeStatus .solved {
    height: 36px;
    /* line-height: 36px; */
    padding: 5px 20px;
    border: 1px solid #009E94;
    background-color: white;
    font-size: 14px;
    color: #777;
    cursor: pointer;
}
.wrap .changeStatus .unsolved {
    height: 36px;
    /* line-height: 36px; */
    padding: 5px 20px;
    border: 1px solid #009E94;
    background-color: white;
    font-size: 14px;
    color: #777;
    cursor: pointer;
}
.wrap .changeStatus .finish {
    height: 36px;
    /* line-height: 36px; */
    padding: 5px 20px;
    border: 1px solid #009E94;
    background-color: white;
    font-size: 14px;
    margin-left: 20px;
    color: #777;
    cursor: pointer;
}
.wrap .fly-list-hint .collectBtn {
    width: 16px;
    height: 16px;
    margin-top: -4px;
}
/*经验值*/
.grow-number-ani{
    position: fixed;
    bottom: 130px;
    right: 50%;
    font-size: 20px;
    bottom: 48%;
    font-family: -webkit-pictograph;
    color: gray;
    padding: 8px 15px; 
}

/*渐入渐出*/
@keyframes fadeInExperience {
   0% {
      transform: translateY(calc(100% + 140px));
      opacity: 0;
   }
   25%{
      -webkit-transform: translateY(0);
      opacity: 0.6;
      font-size: 30px;
   }
   50%{
     -webkit-transform: translateY(0);
      opacity: 1;
      font-size: 50px;
      /*color: blue;*/
   }
   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
   100% {
      transform: translateY(calc(100% - 140px));
      opacity: 0;
   }
   /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}

@-webkit-keyframes fadeInExperience {
   0% {
      -webkit-transform: translateY(calc(100% + 140px));
      opacity: 0;
   }
   25%{
      -webkit-transform: translateY(0);
      opacity: 0.6;
      font-size: 30px;
   }
   50%{
     -webkit-transform: translateY(0);
      opacity: 1;
      font-size: 50px;
      /*color: blue;*/
   }
   100% {
      -webkit-transform: translateY(calc(100% - 140px));
      opacity: 0;
   }

}

@-o-keyframes fadeInExperience {
   0% {
      -webkit-transform: translateY(calc(100% + 140px));
      opacity: 0;
   }
   25%{
      -webkit-transform: translateY(0);
      opacity: 0.6;
      font-size: 30px;
   }
   50%{
     -webkit-transform: translateY(0);
      opacity: 1;
      font-size: 50px;
      /*color: blue;*/
   }
   100% {
      -webkit-transform: translateY(calc(100% - 140px));
      opacity: 0;
   }
}

@-ms-keyframes fadeInExperience {
   0% {
      -webkit-transform: translateY(calc(100% + 140px));
      opacity: 0;
   }
   25%{
      -webkit-transform: translateY(0);
      opacity: 0.6;
      font-size: 30px;
   }
   50%{
     -webkit-transform: translateY(0);
      opacity: 1;
      font-size: 50px;
      /*color: blue;*/
   }
   100% {
      -webkit-transform: translateY(calc(100% - 140px));
      opacity: 0;
   }
}

@-moz-keyframes fadeInExperience {
   0% {
      -webkit-transform: translateY(calc(100% + 140px));
      opacity: 0;
   }
   25%{
      -webkit-transform: translateY(0);
      opacity: 0.6;
      font-size: 30px;
   }
   50%{
     -webkit-transform: translateY(0);
      opacity: 1;
      font-size: 50px;
      /*color: blue;*/
   }
   100% {
      -webkit-transform: translateY(calc(100% - 140px));
      opacity: 0;
   }
}
.fadeInOut{
    animation: fadeInExperience 2s ease 1;
   /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
   -webkit-animation: fadeInExperience 2s ease 1;
   -ms-animation: fadeInExperience 2s ease 1;
   -o-animation: fadeInExperience 2s ease 1;
   -moz-animation: fadeInExperience 2s ease 1;
   /*规定动画的最后状态为结束状态*/
   animation-fill-mode: forwards;
   -webkit-animation-fill-mode: forwards;
   -o-animation-fill-mode: forwards;
   -ms-animation-fill-mode: forwards;
   -moz-animation-fill-mode: forwards;
}
/*钻石效果*/
.zuan-shadow-view,
.up-grade-shadow-view
{
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10001;
    display: none;
}
.up-grade-shadow-view .img,
.zuan-shadow-view .img{
    width: 200px;
    height: 200px;
    /*background: red;*/
    margin-left: calc(50% - 100px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.up-grade-shadow-view .img img{
    width: 200%;
}
.zuan-shadow-view .img img{
    width: 100%;
}
/*升级效果*/

.detail-about .replyManager {
  color: blue;
  /*width: 70px;*/
  width: 100px;
}

.detail-about .managergrade {
  display: flex;
  flex-direction: column;
  text-align: center;
  /*margin-top: 5px;*/
  margin-top: 10px;
}