.post-title{
  margin-bottom: 0px !important;
  margin-right: 10px;
}

.articelTitleBox{
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.authorBox{
  font-size: 16px;
  color: gray;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.publish_time{
  margin-left: 10px;
}
img.author_infor {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}
.recom_name {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.widget_latest_post ul li .latest-post-desc .latest-post-title {
  margin-bottom: 0px;
}
.nowarp_overhide {
  display: -webkit-box !important;
}
.latest-post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.destination-details .sidebar .widget_latest_post li .latest-post-meta:before {
  display: none;
}
span.articel_publish_time {
  margin-left: 10px;
  flex: none;
}

.msgBox{
display: flex;
justify-content: space-between;
align-items: center;
}

.article_btnbox{
font-size: 14px;
color: gray;
}
.article_btnbox .zan i{
color: #4a80ea;
}
.article_btnbox .zan{
margin-right: 10px;
}
.article_btnbox span i{
margin-right: 5px;
}
.authorname{
max-width: 300px;
}

.articelTitleBox .post-desc {
  font-size: 16px;
  line-height: 35px;
}

.detail-header-margintop {
  margin-top: 146px !important;
}

body{
  background-color: #f5f7fa;
}

 .questioninfo {
    box-sizing: border-box;
    background: #fff;
    border-radius: 6px;
    padding: 30px 30px 20px 30px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.05);
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
}

 .questioninfo .questiontitle {
width: 100%;
font-size: 22px;
color: #363636;
margin: 0;
font-weight: 400;
}

.questioninfo .questiontag {
width: 100%;
/* height: 24px; */
margin-top: 10px;
margin-bottom: 10px;
display: flex;
}

.questioninfo .questiontag a {
min-width: 30px;
display: block;
color: var(--primary-color);
font-size: 14px;
}

.question-container {
line-height: 32px;
}

.questioninfo .questionuserinfo {
width: 100%;
display: flex;
margin-top: 20px;
align-items: center;
position: relative;
}

.questioninfo .questionuserinfo .questionloc {
color: #13dab6;
font-size: 14px;
}

.iconfont {
font-family: iconfont !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.questioninfo .questionuserinfo .userinfo {
flex: 1;
justify-content: flex-end;
display: flex;
align-items: center;
font-size: 12px;
color: #959595;
}

.questioninfo .questionuserinfo .userinfo img {
width: 32px;
height: 32px;
border-radius: 32px;
display: block;
}

.user-text {
width: 775px;
display: flex;
flex-direction: column;
margin-left: 10px;
color: #959595;
font-size: 12px;
}

.questioninfo .questionaction
{
width: 100%;
display: flex;
align-items: center;
position: relative;
}

.questioninfo .questionaction .questionaction-items {
display: flex;
align-items: center;
width: 285px;
height: 32px;
color: #bbb;
}

.questioninfo .questionaction .questionaction-items span {
padding: 0 15px 0 0;
font-size: 14px;
}

.questioninfo .questionaction .questionaction-right {
flex: 1;
justify-content: flex-end;
display: flex;
align-items: center;
color: #bbb;
font-size: 12px;
}

.questioninfo .questionaction .questionaction-right span
{
cursor: pointer;
margin: 0 5px;
}

.questioninfo .questionaction .questionaction-right .qs-follow {
width: 100px;
height: 32px;
display: block;
border-radius: 32px;
line-height: 32px;
margin: 0 20px;
text-align: center;
color: #898888;
background: #fff;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 0 20px rgba(0,0,0,.05);
box-shadow: 0 0 5px rgb(0 0 0 / 30%);
transition: all .2s ease-in 0s;
}

.questioninfo .questionaction .questionaction-right .qs-answerbtn {
width: 100px;
height: 32px;
display: block;
border-radius: 32px;
line-height: 32px;
text-align: center;
color: #fff;
background: var(--primary-color);
-webkit-box-shadow: 1px 0 10px #eaf6fb;
-moz-box-shadow: 1px 0 10px #eaf6fb;
box-shadow: 1px 0 10px #eaf6fb;
transition: all .2s ease-in 0s;
}

.itzjj-viewButton i{
color: var(--primary-color);
margin-right: 5px;
}

.blog-area {
padding: 50px 0;
}
.blog-details-wrapper .single-post-item{
margin-right: 0;
padding: 30px;
box-sizing: border-box;
margin-top: 20px;
border-radius: 6px;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 0 20px rgba(0,0,0,.05);
box-shadow: 0 0 20px rgba(0, 0, 0, .05);
}

.question-container{
color: #333;
}

.question-container p{
font-size: 15px;
}

.questiontitle p{
font-weight: bold;
}

.widget{
background-color: #fff;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 0 20px rgba(0,0,0,.05);
box-shadow: 0 0 20px rgba(0, 0, 0, .05);
}

.title_tishi{
padding: 10px 0;
border-bottom: 1px solid #dbdde1;
margin-bottom: 10px;
font-weight: bold;
font-size: 18px;
}

.post-desc{
color: #333;
font-size: 16px;
}

.page-breadcrumb-area{
height: 500px;
}

.user_comment{
display: flex;
align-items: start;
justify-content: space-between;
gap: 10px;
}

.user_avatar{
width: 45px;
height: 45px;
border-radius: 50%;
flex: none;
}

.user_comm_content{
width: 100%;
border: 2px solid var(--primary-color);
resize: none;
border-radius: 10px;
height: 50px;
background-color: transparent;
}

.predetermine-item{
width: 100%;
margin-top: 0;
}

.send_comm{
border: none;
width: 80px;
color: #fff;
background-color: var(--primary-color);
height: 34px;
border-radius: 5px;
margin-top: 20px;
font-size: 15px;
}

.send_comm:hover{
color: #fff;
}

.send_box{
text-align: right;
}

.comment_topic {
  display: flex;
  align-items: center;
  margin-top: 20px;
  background: #fff;
  padding: 15px 29px 0;
}

.comment_topic h4 {
  margin-bottom: 0;
  line-height: normal;
  padding-bottom: 0;
  border-bottom: none;
  font-size: 18px;
}

.user_comm_list{
  background-color: #fff;
}

.answer-card {
  padding: 30px;
  position: relative;
  margin-bottom: 10px;
  background: #fff;
}

.answer-card .answer-userinfo {
width: 100%;
height: 42px;
display: flex;
}

.answer-card .answer-userinfo img{
width: 45px;
height: 45px;
border-radius: 50%;
}

.user-text {
width: 775px;
display: flex;
flex-direction: column;
margin-left: 10px;
color: #959595;
font-size: 12px;
}

.username {
font-size: 14px;
line-height: normal;
}

.username a {
font-size: 15px;
color: #ff9800;
}

.answer-time {
margin-top: 4px;
line-height: normal;
}

.answer-card .answer-concent {
font-size: 16px;
color: #363636;
text-align: justify;
line-height: 26px;
margin-top: 22px;
}

.answer-concent p {
text-align: justify;
margin: 5px 0;
}
.answer-card .answer-action
{
height: 30px;
width: 100%;
margin-top: 25px;
display: flex;
align-items: center;
font-size: 12px;
color: #bbb;
}

.answer-action .answer-dz {
justify-content: flex-start;
}
.answer-dz {
flex: 1;
justify-content: flex-end;
display: flex;
align-items: center;
color: #bbb;
font-size: 12px;
width: unset;
margin-top: 0;
}

.answer-card .answer-action .answer-like {
width: 100px;
height: 30px;
display: block;
font-size: 12px;
text-align: center;
line-height: 30px;
background: #eaf6fb;
border-radius: 30px;
color: var(--primary-color);
margin-right: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 2px;
}

.answerbox .answer-action i {
margin-right: 5px;
color: var(--primary-color);
}

.comm_all{
padding: 30px 30px 10px;
box-sizing: border-box;
background-color: #fff;
}

.fenge_line{
height:1px;
width: 100%;
background-color: #f2f2f3;
margin-top: 35px;
margin-bottom: 20px;
}

.answer-del{
margin-left: 30px;
}

.answer-hf,.answer-del{
font-size: 14px;
cursor: pointer;
color: var(--primary-color);
}

.answer-hf i,.answer-del i{
margin-right: 2px;
}

.answer-del i{
color: var(--primary-color);
}

.answer-hf i{
color: var(--primary-color);
}

.answer-like:hover i::before{
font-weight: bolder;
}

.article_some_comment{
font-size: 15px;
color: #333;
border-left: 1px solid #e9e9e9;
padding-left: 10px;
margin-top: 20px;
}

.some_comm_nickname{
color: var(--primary-color);
}

.some_item{
margin-top: 10px;
}

.shengyu_hf{
color: var(--primary-color);
cursor: pointer;
margin-top: 10px;
}

.detail_reply{
color: #898888;
text-align: center;
text-align: center;
}


.some_bottom{
display: flex;
align-items: center;
justify-content: space-between;
color: #bbb;
font-size: 14px;
}

.answer-some-del{
cursor: pointer;
}

.some_comm_send{
position: fixed;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .5);
width: 100%;
height: 100vh;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}

.some_comm_send_content{
width: 700px;
background-color: #fff;
padding: 0 20px 20px;
box-sizing: border-box;
border-radius: 10px;
}

.some_comm_send_content .title{
display: flex;
justify-content: space-between;
align-items: center;
color: #333;
background-color: #fff;
position: sticky;
top: 0;
z-index: 99;
border-bottom: 1px solid #f2f2f3;
padding-bottom: 10px;
padding-top: 10px;
font-size: 15px;
}

.push_text{
width: 100%;
border: 1px solid #d3d3d3;
margin: 10px 0 20px;
border-radius: 5px;
resize: none;
height: 100px;
padding: 10px;
box-sizing: border-box;
font-size: 15px;
}

.some_send{
background-color: var(--primary-color);
color: #fff;
border-radius: 5px;
font-size: 15px;
padding: 2px 23px;
}

.push_box{
text-align: right;
}

.close_some_comm{
cursor: pointer;
}

.some_comm_send{
display: none;
}

.add-num{
font-weight: bold;
color: #E91E63;
opacity: 0;
}

.del-num{
font-weight: bold;
color: #333;
opacity: 0;
}

.add-num-active{
animation: plusOneMove .8s ease forwards;
}

.del-num-active{
animation: plusOneMove .8s ease forwards;
}

@keyframes plusOneMove{
0%{
opacity: 1;
transform: translateY(0);
}

100%{
opacity: 0;
transform: translateY(-20px);
}
}

.answer-some-del,.answer-some-zan{
color: var(--primary-color);
}

.more_comm{
font-size: 15px;
color: var(--primary-color);
text-align: center;
margin-top: 30px;
border-top: 1px solid #f2f2f3;
cursor: pointer;
padding-top: 10px;
}

.more_comm_header{
display: grid;
grid-template-columns: repeat(3,1fr);
color: #333;
border-bottom: 1px solid #f2f2f3;
padding: 20px 30px;
position: sticky;
top: 0;
z-index: 99;
background-color: #fff;
}

.more_comm_header .title{
text-align: center;
}

.more_comm_all{
height: 100vh;
width: 700px;
position: fixed;
top: 0;
right: -100%;
z-index: 9999;
background: #f9f9f9;
padding: 0 30px 30px;
box-sizing: border-box;
overflow-y: auto;
transition: all .3s;
}

.more_comm_bg{
position: fixed;
top: 0;
left: 0;
z-index:999;
background-color: rgba(0, 0, 0, .5);
width: 100%;
height: 100vh;
pointer-events: none;
opacity: 0;
transition: all .1s;
}

.more_comm_all.active{
right: 0;
}

.more_comm_bg.active{
pointer-events: auto;
opacity: 1;
}

.close_more_comm{
cursor: pointer;
}

.daodil,.islogin{
  color: #898888;
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 5px;
}

.daodil{
display: none;
}

#some_detail_replay{
  height: 500px;
  overflow-y: auto;
}

#some_detail_replay::-webkit-scrollbar{
  display: none;
}
#some_comm_send{
  z-index: 10000;
}

.answer-some-caozuo{
  display: flex;
  align-items: center;
  gap: 30px;
}

.answer-some-zan{
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

.noPing {
display: flex;
align-items: center;
flex-flow: column;

}


.destination-details .dj-contentimg{
  width: 100%;
}

.noPing img {
  width: 110px;
  height: 110px;
  }

  .title_tishi img{
    width: 22px;
    }