/* 问答页面头部公共样式 开始 */
.login_herder_right a{
    width: 20%;
}

/* 问答页面头部公共样式 开始 */

/* 搜索框 */
body{
    width: 100%;
    margin: 0 auto;
    max-width: 650px;
    min-width: 320px;
    background-color: #f4f4f4;
}
.login_header_box{
    border: none;
    position: relative;
    z-index: 14;
    background-color: #fff;
}

/*  问答列表页样式开始   */
.qAaBox{
    margin-top: .5rem;
    background-color: #fff;
    padding: 2rem 4%;
    border-radius: 1rem;
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit--moz-box-pack:space-between;
    box-pack:space-between;
}

.qAaBox .perQaA{
    width: 48%;
    box-sizing: content-box;
    border: .5px solid #eee;
    border-radius: 1rem;
}
.qAaBox .perQaA a{
    position: relative;
    display: block;
    height: calc(100% - 1px);
    width: calc(100% - 1px);
    border-radius: 1rem;
    top: .5px;
    left: .5px;
}
.qAaBox .perQaA img{
    width: 100%;
    border-radius: 1rem;

}
.qAaBox .perQaA .cover{
    position: absolute;
    bottom: 0.5px;
    border-top: none;
    background-color: #fff;
    border-radius:0px 0px 1rem 1rem;
    height: 7.6rem;
    width: 100%;
}
.qAaBox .perQaA .cover h4{
    font-size: 1.4rem;
    color: #222;
    line-height: 1.4;
    font-weight: normal;
    margin: 1rem .6rem .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.qAaBox .perQaA .cover p{
    font-size: 1.2rem;
    color: #555;
    margin: 0px .6rem;
}

.otherAaA{
    background-color: #fff;
    margin-top: .5rem;
    border-radius: 1rem;
}
.otherAaA .perli{
    width: 92%;
    margin: 0 auto;
    border-bottom: .5px solid #eee;
}

.otherAaA .perli a{
    display: block;
    padding: 1.8rem 0px 1.6rem;
}
.otherAaA .perli h4{
    font-size: 1.4rem;
    color: #222;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    /*height: 2rem;*/
    /*line-height: 1.8rem;*/
    font-weight: normal;
}
.otherAaA .perli .cen{
    display: flex;
    align-items: center;
    margin-top: 1rem;
}
.otherAaA .perli .cen .cen_logo{
    width: 2.4rem;
    height: 2.4rem;
    background: url(https://oss.juzimima.com/images/pc/q_and_a_logos.png);
    background-repeat: no-repeat;
    background-size: 2.4rem 2.4rem;
    border-radius: 50%;
}
.otherAaA .perli .cen .tit{
    padding-left: 1rem;
    font-size: 1.4rem;
    color: #222;
}
.otherAaA .perli .cen .time{
    font-size: 1.2rem;
    color: #555;
    flex: 1;
    /*text-align: right;*/
    padding-right: 1rem;
}
.otherAaA .perli .info{
    font-size: 1.4rem;
    color: #555;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-top:1rem;
}


.otherAaA .pageturnBox{
    border-radius: 0px 0px 1rem 1rem;
}
/*  问答列表页样式结束   */



/*  问答详情页样式开始   */
.breadNavBox{
    background-color: #ffffff;
    margin-top: .5rem;
    border-radius: 1rem 1rem 0px 0px;
}


.breadNavBox .breadnav{
    padding-left: 4%;
    height: 4.2rem;
    line-height: 4.2rem;
    font-size: 1.4rem;
    color:#222222;
    border-bottom: 1px dashed #ccc;
    font-family: 微软雅黑;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.breadNavBox .breadnav a{
    font-size: 1.4rem;
    color:#222222;
    font-family: 微软雅黑;

}
.breadNavBox h1{
    display: block;
    line-height: 1.6;
    margin: auto;
    padding: 1.2rem 4% 0px 4%;
    font-size: 1.6rem;
    color: #222222;
}
.breadNavBox .logoBox{
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 1.6rem 4% 0px;
}
.breadNavBox .logoBox .logo{
    width: 3.6rem;
    height: 3.6rem;
    background: url(https://oss.juzimima.com/images/pc/q_and_a_logos.png);
    background-repeat: no-repeat;
    background-size: 3.6rem 3.6rem;
    border-radius: 50%;
}
.breadNavBox .logoBox .loro_ri{
    padding-left: 1rem;
}
.breadNavBox .logoBox .loro_ri div{
    font-size: 1.4rem;
    color: #222;
    padding-top: .2rem;
}
.breadNavBox .logoBox .loro_ri p{
    font-size: 1.2rem;
    color: #555;
    padding-top: .4rem;
}
.breadNavBox .info{
    width: 92%;
    margin: 0 auto;
    font-size: 1.6rem;
    color: #222;
    line-height: 1.8;
    padding: 1rem 0px .2rem 0px;
}
.wanda-bg{
    background-color: #fff;
    width: 100%;
    padding-bottom: 1.2rem;
    /*padding: 1.2rem 4% 0px;*/
}
.wantSeeBox{
    background-color: #fff;
    margin: 1rem auto 0px;
    border-radius: 10px;
    border: 1px solid #eee;
}

.wantSeeBox a{
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 1.4rem;
}
.wantSeeBox .img{
    width: 8.2rem;
    height: 6.2rem;
    border-radius: .5rem;
    border: .5px solid #eee;
    background-repeat: no-repeat;
    background-size: cover;
}
.wantSeeBox .rig{
    width: 23rem;
    margin-left: 1rem;
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    flex-direction:column;
    -webkit-flex-direction:column;
    -webkit-justify-content:center;
    justify-content:center;
    -moz-box-pack:center;
    -webkit--moz-box-pack:center;
    box-pack:center;
}
.wantSeeBox .rig div{
    font-size: 1.6rem;
    color: #222;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom: 1.2rem;
    height: 2rem;
    line-height: 1.8rem;
}
.wantSeeBox span{
    line-height: normal;
    font-size: 1.4rem;
    color: #fff;
    width: 6.6rem;
    text-align: center;
    background-color: #ff4200;
    border-radius: 1.5rem;
    padding: .5rem 0px;
}
/* 后台传过来的富文本咨询详情 内容样式  开始*/
.articalDetailBox{
    background-color: #ffffff;
    padding: .8rem 4% .8rem 4%;
    border-radius: 0px 0px 1rem 1rem;
}

.articalDetailBox p{
    color: #555;
    font-size: 1.4rem;
    font-family:微软雅黑;
    line-height: 2;
    /*text-indent:2em;*/
    padding-bottom: .4rem;
}
.articalDetailBox h3{
    color: #222;
    font-size: 1.8rem;
    font-family:微软雅黑;
    line-height: 2;
}
.articalDetailBox p span{
    font-size: 1.6rem;
    font-family:微软雅黑;
}

.articalDetailBox p img{
    max-width: 94% !important;
    height: auto !important;
    margin: 1.2rem auto;
    display: block;
    border-radius: 1rem;
}

.articalDetailBox blockquote {
    position: relative;
    margin: 0px 0px 1.2rem 0px;
    padding: .5em 1rem;
    border-radius: .5rem;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    border: 1px solid #ddd;
}

.articalDetailBox blockquote p a{
    color: #222!important;
    text-decoration: underline;
}
.articalDetailBox blockquote p a span{
    word-wrap: break-word;
    color: #222 !important;
}
.articalDetailBox blockquote p{
    text-indent:0px;
}
.articalDetailBox img[src*="loading.gif"]{
    width: 10%!important;
    height: auto!important;
    margin: 0 auto;
}
/* 后台传过来的富文本咨询详情 内容样式  结束*/

.pageNext{
    background-color: #ffffff;
    padding: 0px 4% 0px 4%;
    border-radius: 1rem;
    margin-top: .5rem;
}
.pageNext div{
    color: #555;
    font-size: 1.4rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding: 1.5rem 0px;
}
.pageNext div:nth-child(1){
    border-bottom: 1px solid #eee;
}
.pageNext div a{
    color: #555;
    font-size: 1.4rem;
}

.statement{
    background-color: #fff;

}
.statement .stateBigBox{
    background-color: #f4f4f4;
    width: 92%;
    margin: 0 auto;
    border-bottom: .1rem solid #ffffff;
    border-radius: .7rem;
}
.statement .stateBigBox .stateBox{
    padding:1.4rem 1rem .8rem 1rem;
}
.statement .stateTit{
    display: flex;
    align-items: center;
    margin-bottom: .6rem;
}
.statement .stateTit img{
    width: 1.5rem;
    height: 1.5rem;
}
.statement .stateTit span{
    color: #222;
    font-size: 1.4rem;
    padding-left: .4rem;
}
.stateCont{
    color: #222;
    font-size: 1.4rem;
    line-height: 1.8;
}


/* 相关问答 样式 */
.aboutConsult{
    border-radius: 1rem;
    background-color: #fff;
    margin-top: .5rem;
}

.aboutConsult div.tit{
    padding: 1.5rem 4% 0rem;
    color: #ff4200;
    font-weight: 700;
    font-size: 1.8rem;
}
.aboutConsult .title_name{
    padding: 0px;
}
.consultContent li {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
}
.consultContent li:nth-last-child(1){
    border: none;
}
.consultContent li a{
    display: block;
    width: 92%;
    margin: 0 auto;
    font-size: 1.4rem;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2.2rem 0px;
}


/*  2020.8.14 新添加二次问答 模块 Mr.xiao  */
.againWD .line{
    border-top: 1px dashed #afacdf;
    height: 1px;
    padding-top: 1.8rem;
    margin-top: .6rem;
}
.againWD .logoBox{
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.againWD .logoBox .logo{
    width: 3.6rem;
    height: 3.6rem;
    background: url(https://oss.juzimima.com/images/pc/q_and_a_logos.png);
    background-repeat: no-repeat;
    background-size: 3.6rem 3.6rem;
    border-radius: 50%;
}
.againWD .logoBox .loro_ri{
    padding-left: 1rem;
}
.againWD .logoBox .loro_ri div{
    font-size: 1.4rem;
    color: #222;
    padding-top: .2rem;
}
.againWD .logoBox .loro_ri p{
    font-size: 1.2rem;
    color: #555;
    padding-top: .4rem;
}