/*
@author:    sunke
@update:    2019-01-05
*/

body {
    font: 14px/1.5 "Microsoft YaHei", "\5b8b\4f53", arial, Helvetica, Tahoma, sans-serif;
    margin: 0 auto;
    background: #f6f6f6;
    color: #333;
    min-width: 1200px;
}

p, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

img {
    border: 0 none;
}

ul, li, ol {
    list-style-type: none;
}

i, em, address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal
}

.msf {
    font-family: \5FAE\8F6F\96C5\9ED1, \9ED1\4F53;
}

a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

a, a:hover {
    outline: none;
}

a:hover {
    color: #07BDC7;
    text-decoration: none;
}

.layout {
    clear: both;
    width: 1200px;
    text-align: left;
    margin: 0 auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

.fl {
    float: left;
    _display: inline;
}

.fr {
    float: right;
    _display: inline;
}

.pr {
    position: relative;
}

.abs {
    position: absolute;
}

.ico {
    background: url("/wenda/img/ico.png") no-repeat;
}

.marb30 {
    margin-bottom: 30px;
    clear: both;
}

.marb20 {
    margin-bottom: 20px;
    clear: both;
}

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

/**/
.header-wrap {
    width: 100%;
    background: #fff;
    height: 70px;
    box-shadow: 0 0 8px #e2e2e2;
}

.header {
    background: #fff;
}

.header .logo {
    display: block;
    width: 157px;
    height: 42px;
    margin: 14px 0 0 0;
}

.header h1.header-title {
    line-height: 70px;
    font-size: 22px;
    padding-left: 36px;
    font-weight: normal;
}

.header .header-nav {
    width: 636px;
    text-align: right;
    height: 34px;
    line-height: 34px;
    padding: 17px 0 0;
}

.header .header-nav a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    margin-right: 28px;
    border-bottom: 2px solid #fff;
}

.header .header-nav a.nuxt-link-exact-active {
    color: #07BDC7;
    border-bottom: 2px solid #07BDC7;
}

.header .right {
    height: 36px;
    margin: 17px 0 0 0;
    padding-left: 24px;
    background: url(/wenda/img/line01.png) no-repeat left center;
    *position: relative;
    *z-index: 5;
}

.header .right .non {
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    background-position: 48px -235px;
    -webkit-box-shadow: 4px 7px 16px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 4px 7px 16px rgba(0, 0, 0, 0.05);
    box-shadow: 4px 7px 16px rgba(0, 0, 0, 0.05);
}

.header .right .non .pop3 {
    display: block;
}

.header .right-n01 {
    display: block;
    width: 50px;
    height: 36px;
    background-position: 13px -292px;
}

.header .right-n01:hover {
    background-position: 13px -342px;
    text-decoration: none;
}

.header .right-n01 i, .header .right-n02 i {
    display: block;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    top: 0;
    right: 6px;
    background-position: 0 -501px;
}

.header .right-n02 {
    display: block;
    width: 50px;
    height: 36px;
    background-position: 16px -392px;
}

.header .right-n02:hover {
    background-position: 16px -442px;
}

.header .right-n02 i {
    display: block;
    width: 7px;
    height: 7px;
    top: 4px;
    right: 10px;
    background: url(/wenda/img/t-dian.png) no-repeat
}

.header .right-login {
    padding-top: 5px;
    width: 156px;
}

.header .right-login .dzhan {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 58px;
    height: 24px;
    border: 1px solid #d0d0d0;
    color: #666;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    margin-left: 18px;
    border-radius: 3px;
}

.header .right-login .dzhan:hover {
    border: 1px solid #02b764;
    color: #02b779;
    text-decoration: none;
}

.header .right-loginh {
    width: 68px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #fff;
    background-position: 48px -185px;
    cursor: pointer;
    margin-left: 6px;
    z-index: 15;
}

.header .right-loginh .ctxt {
    display: block;
    width: 30px;
    height: 30px;
    padding: 2px 0 0 10px;
}

.header .right-loginh .ctxt img {
    width: 30px;
    height: 30px;
}

.header .right-loginh .ctxt .xquan {
    display: block;
    width: 30px;
    height: 30px;
    top: 2px;
    left: 10px;
    background: url(/wenda/img/head-bg.png) no-repeat;
}

.header .right-loginh .pop3 {
    width: 228px;
    border: 1px solid #e0e0e0;
    background: #fff;
    right: -1px;
    top: 35px;
    cursor: auto;
    -webkit-box-shadow: 4px 7px 16px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 4px 7px 16px rgba(0, 0, 0, 0.05);
    box-shadow: 4px 7px 16px rgba(0, 0, 0, 0.05);
}

.header .right-loginh .pop3 .arrow {
    display: inline-block;
    content: "";
    border: 8px solid transparent;
    border-bottom-color: #e0e0e0;
    position: absolute;
    right: 15px;
    top: -16px;
    z-index: 3;
}

.header .right-loginh .pop3 .arrow::before {
    content: "";
    border: 6px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    right: -6px;
    top: -4px;
}

.header .right-loginh .xian {
    display: block;
    overflow: hidden;
    width: 12px;
    height: 1px;
    background: #fff;
    top: 34px;
    right: 15px;
    z-index: 2;
}

.header .right-loginh .pop3-t {
    padding: 20px 0 10px 20px;
}

.header .right-loginh .pop3-t-l {
    width: 50px;
    height: 50px;
}

.header .right-loginh .pop3-t-l img {
    width: 50px;
    height: 50px;
}

.header .right-loginh .pop3-t-l .dquan {
    display: block;
    width: 50px;
    height: 50px;
    top: 20px;
    left: 20px;
    background: url(/wenda/img/head-bg02.png) no-repeat;
}

.header .right-loginh .pop3-t-r {
    width: 140px;
    margin-left: 10px;
    line-height: 24px;
}

.header .right-loginh .pop3-t-r #loginName {
    display: block;
    width: 140px;
    height: 24px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header .right-loginh .pop3-t-r .vip {
    font-size: 12px;
    color: #999;
}

.header .right-loginh .pop3-c {
    margin-bottom: 10px;
}

.header .right-loginh .pop3-c .chan {
    width: 64px;
    height: 40px;
    padding-left: 24px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    margin-left: 20px;
    background-position: 0 -538px;
}

.header .right-loginh .pop3-c .chan:hover {
    color: #02b779;
}

.header .right-loginh .pop3-c .chan2 {
    background-position: 0 -588px;
}

.header .right-loginh .pop3-b {
    display: block;
    clear: both;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    background: #f4f4f4;
    color: #999;
}

.header .abs.msg {
    background: #02b779;
    color: #fff;
    padding: 0 5px;
    line-height: 1.5;
    border-radius: 20px;
    font-size: 12px;
    right: 0;
}

.list-answer-special {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 4px #e9e8e8;
    padding: 0 20px 0 20px;
}

.list-answer-special h3 {
    line-height: 55px;
    font-size: 16px;
    font-weight: bold;
}

.list-answer-special p {
    line-height: 20px;
    padding: 14px 0 19px;
}

/*公共问题列表*/
.common-search-list li {
    *zoom: 1;
    padding: 8px 0 11px;
    border-bottom: 1px solid #f0f0f0;
}

.common-search-list li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.common-search-list .tags {
    font-size: 12px;
    color: #666;
    margin-right: 10px;
    padding:0px;
    margin:0px;
}

.common-search-list .tags .ico {
    background-position: 0 -850px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.common-search-list .tags a {
    color: #666;
}

.common-search-list .replyContent {
    font-size: 14px;
    line-height: 25px;
    width: 594px;
}

.common-search-list .replyContent a {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    color: #666;
    overflow: hidden;
    margin-right: 22px;
    width: 780px;
}
.common-search-list .replyContent a:hover{
    color: #07BDC7;
    text-decoration: none;
}
.common-search-list .text {
    margin: 10px auto;
}

.common-search-list .text .name {
    float: left;
    line-height: 16px;
    color: #999;
}

.common-search-list .text .name span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
}

.common-search-list .text .name .ot {
    color: #999;
    padding-left: 10px;
}

.common-search-list .text .nums {
    float: right;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #999;
    cursor: pointer;
}

.common-search-list .text .nums span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 30px;
    line-height: 30px;
    margin-left: 14px;
    padding-left: 19px;
}

.common-search-list .text .nums span.icon01 {
    background-position: 0 -938px;
    color:#07BDC7;
}

.common-search-list .text .nums span.icon02 {
    background-position: 0 -990px;
}

.common-search-list .text .personalInformation-pop {
    top: -120px;
}

.common-search-list .more-wrap {
    height: 72px;
    line-height: 72px;
    text-align: center;
}

.common-search-list .more-wrap a {
    color: #07BDC7;
}

/**/
.nav-wrap {
    width: 100%;
    height: 150px;
    background: url('/wenda/img/newWd/nav-bg.png') no-repeat center top;
    margin-bottom: 20px;
}

/*PersonalHead*/
.nav {
}

.nav .my-information {
    width: 880px;
    padding-top: 35px;
}

.nav .my-information .my-head {
    width: 80px;
    height: 80px;
}

.nav .my-information .text {
    padding-left: 22px;
    width: 665px;
}

.nav .my-information .text h2 {
    line-height: 34px;
    font-size: 18px;
    color: #ff7800;
}

.nav .my-information .text h2 span {
    font-size: 14px;
    color: #999;
    padding-left: 19px;
}

.nav .my-information .text ul {
    padding: 13px 0 0;
}

.nav .my-information .text li {
    line-height: 21px;
    padding-bottom: 8px;
    color: #333;
    font-size: 16px;
}

.nav .my-information .text li .edit-icon {
    padding-left: 25px;
    background-position: 0 -648px;
    margin-left: 60px;
}

.common_news_list {
    width: 280px;
    padding: 20px 20px 9px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
}

.ques_list_mod .common_news_list .tit {
    margin-bottom: 6px;

}
.ques_list_mod .common_news_list .tit .get_more {
    color: #999;
    font-size: 12px;
}
.ques_list_mod .common_news_list .tit .get_more:hover {
    color:#07BDC7;
}
.ques_list_mod .common_news_list .tit h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    position: relative;
}

.ques_list_mod .common_news_list .new_icon {
    display: block;
    position: absolute;
    background: url('/wenda/img/common_icon.png') no-repeat 0 -249px;
    width: 34px;
    height: 14px;
    top: -8px;
    right: -40px;
}

.ques_list_mod .common_news_list .list {
    font-size: 14px;
    line-height: 36px;
}

.ques_list_mod .common_news_list li {
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    /*padding: 0 20px;*/
    white-space: nowrap;
}

.list-quiz {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 4px #e9e8e8;
    padding: 21px 0 0 20px;
}

.list-quiz .btn {
    display: block;
    width: 280px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #02b779;
    border-radius: 2px;
}

.list-quiz p {
    font-size: 14px;
    line-height: 52px;
    text-align: center;
    color: #666;
    padding-right: 20px;
}

.list-all-topic {
    background: #fff;
    border-radius: 5px;
    padding: 0 0 21px;
}

.list-all-topic p {
    line-height: 54px;
    text-align: center;
}

.list-all-topic .btn {
    display: block;
    width: 113px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #02b779;
    border-radius: 2px;
    color: #02b779;
    margin: 0 auto;
}

.list-active-person {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 4px #e9e8e8;
    padding: 0 20px 0 20px;
}

.list-active-person h3 {
    font-size: 16px;
    line-height: 18px;
    padding-top: 19px;
    font-weight: bold;
}

.list-active-person h3 span {
    float: right;
}

.list-active-person h3 span a {
    color: #666;
    font-size: 14px;
    font-weight: normal;
}

.list-active-person .list {
    padding-bottom: 20px;
}

.list-active-person .list li {
    *zoom: 1;
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 0 15px;
}

.list-active-person .list li:last-child {
    border-bottom: none;
}

.list-active-person .list li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.list-active-person .list .head02 {
    float: left;
    width: 40px;
    height: 40px;
    position: relative;
}

.list-active-person .list .head02 img {
    display: block;
    width: 40px;
    height: 40px;
    z-index: 2;
    position: relative;
    border-radius: 50%;
}

.list-active-person .list .head02 .bg {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.list-active-person .list .head02 .personalInformation-pop {
    top: -130px;
}

.list-active-person .list .text {
    float: right;
    width: 230px;
}

.list-active-person .list .text h4 {
    height: 22px;
    line-height: 22px;
}

.list-active-person .list .text h4 .name {
    float: left;
    display: block;
    line-height: 22px;
    font-size: 16px;
}

.list-active-person .list .text h4 .name .personalInformation-pop {
    top: -130px;
}

.list-active-person .list .text h4 .tags {
    float: left;
    display: block;
    line-height: 22px;
    font-size: 12px;
    padding-left: 16px;
    margin-left: 16px;
    background-position: 0 -1045px;
}

.list-active-person .list .text h4 .btn {
    float: right;
    display: block;
    line-height: 22px;
    font-size: 12px;
    color: #02b779;
}

.list-active-person .list .text p {
    font-size: 12px;
    color: #999;
    line-height: 21px;
}

.list-recommend {
    background: #fff;
    border-radius: 5px;
    padding: 0 20px 0 20px;
}

.list-recommend h3 {
    font-size: 16px;
    line-height: 24px;
    padding-top: 16px;
    font-weight: bold;
}

.list-recommend .list {
    padding-bottom: 20px;
}

.list-recommend .list li {
    *zoom: 1;
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 0;
}

.list-recommend .list li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.list-recommend .list .head {
    float: left;
    width: 40px;
    height: 40px;
}

.list-recommend .list .head img {
    display: block;
    width: 40px;
    height: 40px;
}

.list-recommend .list .text {
    float: left;
    width: 150px;
    padding-left: 10px;
}

.list-recommend .list .text h4 {
    line-height: 35px;
}

.list-recommend .list .text p {
    line-height: 16px;
    padding-top: 4px;
    font-size: 12px;
    color: #999;
}

.list-recommend .list .follow-btn {
    display: block;
    float: right;
    width: 52px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #999;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-top: 8px;
}

.list-recommend .list .follow-btn.active {
    border-color: #02b779;
    color: #02b779;
    transition: all 0.15s ease-in-out;
}

.list-recommend .list .follow-btn.active:hover {
    color: #fff;
    background: #02b779;
}

.list-help {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 4px #e9e8e8;
}

.list-help p {
    display: block;
    width: 185px;
    line-height: 30px;
    padding: 13px 0 13px 23px;
}

.list-help .btn {
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: #02b779;
    border: 1px solid #02b779;
    text-align: center;
    border-radius: 2px;
    margin-top: 26px;
}

.list-recommendCourse {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 4px #e9e8e8;
    padding: 0 20px;
}

.list-recommendCourse h3 {
    font-size: 16px;
    line-height: 55px;
    font-weight: bold;
}

.list-recommendCourse li {
    padding-bottom: 10px;
}

.list-recommendCourse li .pic {
    display: block;
    width: 280px;
    height: 158px;
}

.list-recommendCourse li p {
    line-height: 32px;
}

.list-answerAd .img {
    width: 100%;
}

.list-answer-special {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 4px #e9e8e8;
    padding: 0 20px 0 20px;
}

.list-answer-special h3 {
    line-height: 55px;
    font-size: 16px;
    font-weight: bold;
}

.list-answer-special p {
    line-height: 20px;
    padding: 14px 0 19px;
}