body,dd,dl,figcaption,figure,form,h1,h2,h3,h4,h5,h6,img,ol,p,td,th,ul {
    margin: 0;
    padding: 0;
    border: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}

a {
    text-decoration: none;
    color: inherit
}

body {
    word-wrap: break-word;
    word-break: break-all;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button,input,select,textarea {
    font-size: 100%;
    font-family: inherit;
    margin: 0;
    padding: 0;
    outline: 0
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th {
    text-align: left
}

.ask-con .ans-btn:before,.ask-con .ask-mes .beans:before,.ask-list-tit .best-cap:after,.ask-list-tit .expert-cap:after,.ask-list-tit .more:after,.ask-mod .good-bad .cur .add-flag:after,.ask-mod .good-bad .cur .add-flag:before,.ask-mod .good-bad .cur .bad:before,.ask-mod .good-bad .cur .good:before,.ask-mod .good-bad p .bad:before,.ask-mod .good-bad p .good:before,.ask-mod .good-bad p .share-icon:before,.ask-mod .good-bad.bad .bad:before,.ask-mod .good-bad.good .add-flag:after,.ask-mod .good-bad.good .add-flag:before,.ask-mod .good-bad.good .good:before,.head-bar .close:after,.nav-roll .nr-rec .new-icon:after,.rl-normal .relate-question-mes .pv-icon::before,.rl-normal .relate-question-mes .zan-icon::before,.rl-zhinan .con .slide-list .order,.sogou-nav .btn-mes:after,.sogou-nav .btn-search:after,.sogou-nav .index:after,.sogou-nav .menu .ic-ask:before,.sogou-nav .menu .ic-center:before,.sogou-nav .menu .ic-home:before,.sogou-nav .menu .ic-log:before,.sogou-nav .menu .ic-mes:before,.sogou-nav .menu .ic-quit:before,.sogou-nav .menu-ani-box .peo-center,.sogou-nav.status .btn-search:after,.sogou-nav.status .index:after,.sogou-nav.status .peo-center,.ww-loading .load-arr:after {
    background-image: url('../image/sprite_wenwen_cfcc2ce.png');
    background-image: -webkit-image-set(url('../image/sprite_wenwen_cfcc2ce.png') 1x, url('../image/sprite_wenwen@2x_d174cdf.png') 2x);
    background-size: 338px 294px
}

.copyShareBtn,.login-pop-con li i.qq:after,.login-pop-con li i.shouji:after,.login-pop-con li i.weixin:after,.momentShareBtn,.qqShareBtn,.wechatShareBtn,.weiboShareBtn {
    background-image: url('../image/sprite_login_2ae498d.png');
    background-image: -webkit-image-set(url('../image/sprite_login_2ae498d.png') 1x, url('../image/sprite_login@2x_bb03661.png') 2x);
    background-size: 408px 391px
}

body {
    font-family: "helvetica neue",helvetica,arial,"PingFang SC",sans-serif;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    background: #fff
}

button,input,select,textarea {
    border: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    resize: none;
    background: 0 0
}

em,i {
    font-style: normal
}

a {
    -webkit-tap-highlight-color: transparent
}

.dspblock {
    display: block
}

.dspnone,.none {
    display: none
}

.vis-hidden {
    visibility: hidden
}

.vis-show {
    visibility: visible
}

@font-face {
    font-family: ww;
    src: url("https://hhy.sogoucdn.com/deploy/ued/question-njk/wap/dist/font/iconfont_04ff976.ttf"),url("../font/iconfont_c7d7b68.eot"),url("../font/iconfont_12a5eb9.svg"),url("../font/iconfont_9cee121.woff")
}

img {
    min-height: 1px!important;
    min-width: 1px!important
}

.sogou-footer {
    padding: 17px 0 10px;
    overflow: hidden;
    border-top: 5px solid #eef0f3;
    line-height: 24px;
    text-align: center;
    font-size: 14px
}

.sogou-footer a {
    margin: 0 3px;
    color: #222
}

.sogou-footer p {
    text-align: center;
    color: #9e9e9e
}

.sogou-nav {
    position: absolute;
    z-index: 7;
    width: 100%;
    height: 44px;
    left: 0;
    top: 0
}

.sogou-nav a {
    z-index: 8;
    -webkit-tap-highlight-color: transparent
}

.sogou-nav .index {
    position: absolute;
    left: 5px;
    width: 46px;
    height: inherit;
    top: 0
}

.sogou-nav .index:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: -305px -101px;
    width: 23px;
    height: 23px
}

.sogou-nav .index:active:after {
    opacity: .6
}

.sogou-nav .logo {
    height: inherit;
    position: absolute;
    width: 98px;
    left: 50%;
    margin-left: -49px;
    display: block;
    background: url(../image/Logo_white_ic_255b563.png) no-repeat center center;
    background-size: auto 24px
}

.sogou-nav .btn-search {
    position: absolute;
    width: 43px;
    height: 43px;
    top: 0;
    opacity: .9;
    right: 52px
}

.sogou-nav .btn-search:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 52%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: -124px -147px;
    width: 23px;
    height: 23px
}

.sogou-nav .btn-search:active:after {
    opacity: .6
}

.sogou-nav .btn-search.with-laisee {
    right: 40px
}

.sogou-nav .btn-mes {
    position: absolute;
    width: 43px;
    height: 43px;
    right: 52px;
    top: 0
}

.sogou-nav .btn-mes:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: -62px -147px;
    width: 23px;
    height: 23px
}

.sogou-nav .btn-mes:active {
    opacity: .6
}

.sogou-nav .btn-mes.red-spot:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    right: 10px;
    top: 10px;
    background: #ff5429;
    z-index: 1
}

.sogou-nav .menu {
    position: absolute;
    z-index: 10;
    display: none;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.24);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.24);
    right: 7px;
    width: 133px;
    top: 40px
}

.sogou-nav .menu:after {
    content: "";
    z-index: 9;
    position: absolute;
    border: 1px solid rgba(0,0,0,.22);
    top: -50%;
    bottom: -50%;
    left: -50%;
    right: -50%;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    border-radius: 5px
}

.sogou-nav .menu .arr {
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 16px;
    top: -4px;
    background: #fff;
    z-index: 11
}

.sogou-nav .menu .arr:after {
    content: "";
    position: absolute;
    top: -50%;
    bottom: -50%;
    left: -50%;
    right: -50%;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    border-top: 1px solid rgba(0,0,0,.22);
    border-left: 1px solid rgba(0,0,0,.22)
}

.sogou-nav .menu p {
    position: relative;
    line-height: 47px;
    padding-left: 45px;
    height: 47px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 17px;
    color: #222;
    z-index: 10
}

.sogou-nav .menu p:last-child {
    border-bottom: none
}

.sogou-nav .menu p:active {
    background: #f5f5f5;
    border-bottom-color: #f5f5f5;
    border-top: 1px solid #f5f5f5;
    margin-top: -1px
}

.sogou-nav .menu p:first-of-type:active {
    border-radius: 5px 5px 0 0;
    border-top: none;
    margin-top: 0;
    z-index: 12
}

.sogou-nav .menu p:last-of-type:active {
    border-radius: 0 0 5px 5px
}

.sogou-nav .menu .ic-ask:before,.sogou-nav .menu .ic-center:before,.sogou-nav .menu .ic-home:before,.sogou-nav .menu .ic-log:before,.sogou-nav .menu .ic-mes:before,.sogou-nav .menu .ic-quit:before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sogou-nav .menu .ic-home:before {
    background-position: -274px -101px;
    width: 23px;
    height: 23px
}

.sogou-nav .menu .ic-ask:before {
    background-position: -26px -178px;
    width: 18px;
    height: 18px
}

.sogou-nav .menu .ic-center:before {
    background-position: -186px -147px;
    width: 23px;
    height: 23px
}

.sogou-nav .menu .ic-mes:before {
    background-position: -52px -178px;
    width: 18px;
    height: 18px
}

.sogou-nav .menu .ic-quit:before {
    background-position: -78px -178px;
    width: 18px;
    height: 18px
}

.sogou-nav .menu .ic-log:before {
    background-position: -186px -147px;
    width: 23px;
    height: 23px
}

.sogou-nav .menu .ic-mes.red-spot:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #ff5429;
    right: 35px;
    top: 10px
}

.sogou-nav .menu-ani-box {
    position: absolute;
    width: 53px;
    height: 44px;
    top: 0;
    right: 0
}

.sogou-nav .menu-ani-box .red-spot:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    right: 12px;
    top: 12px;
    background: #ff5429;
    z-index: 1
}

.sogou-nav .menu-ani-box .peo,.sogou-nav .menu-ani-box .peo-center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.sogou-nav .menu-ani-box .peo {
    width: 21px;
    height: 21px;
    border-radius: 100%;
    background: #ccc no-repeat center;
    background-size: cover;
    background-origin: border-box;
    z-index: 1;
    border: 1px solid rgba(255,255,255,.8)
}

.sogou-nav .menu-ani-box .peo~.peo-center {
    display: none
}

.sogou-nav .menu-ani-box .peo-center {
    background-position: 0 -147px;
    width: 23px;
    height: 23px
}

.nav-roll {
    position: absolute;
    height: inherit;
    overflow: hidden;
    left: 52px;
    right: 56px;
    top: 0
}

.nav-roll .nr-logo {
    height: 44px;
    width: 98px;
    margin: 0 auto;
    background: url(../image/logo_color_ic_dba1f1f.png) no-repeat center center;
    background-size: auto 24px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.nav-roll .nr-rec {
    text-align: center;
    height: 44px;
    font-weight: 700
}

.nav-roll .nr-rec span {
    position: relative;
    font-size: 17px;
    line-height: 44px;
    color: #333
}

.nav-roll .nr-rec .new-icon {
    padding-right: 20px
}

.nav-roll .nr-rec .new-icon:after {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    background-position: -92px -228px;
    width: 15px;
    height: 15px
}

.nav-roll .nr-tit {
    height: 44px;
    overflow: hidden;
    line-height: 45px;
    margin-right: 44px;
    text-align: center;
    font-weight: 700;
    margin-left: 20%
}

.nav-roll .nr-tit p {
    position: relative;
    padding: 0 11px;
    font-size: 14px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block;
    display: inline-block;
    max-width: 90%
}

.nav-roll .nr-tit p:after,.nav-roll .nr-tit p:before {
    position: absolute;
    top: 15px;
    height: 10px;
    line-height: 10px;
    font-size: inherit;
    color: currentColor;
    font-weight: 700
}

.nav-roll .nr-tit p:before {
    left: 0
}

.nav-roll .nr-tit p:after {
    right: 0
}

.nav-roll .nav-box {
    overflow: hidden
}

.nav-roll .nav-box.roll1 {
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear,-webkit-transform .3s linear;
    -webkit-transform: translateY(-44px);
    -ms-transform: translateY(-44px);
    transform: translateY(-44px)
}

.nav-roll .nav-box.roll2 {
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear,-webkit-transform .3s linear;
    -webkit-transform: translateY(-88px);
    -ms-transform: translateY(-88px);
    transform: translateY(-88px)
}

.sogou-nav.status {
    position: fixed;
    display: none;
    background: #fff;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    padding-bottom: 1px
}

.sogou-nav.status:after {
    content: "";
    position: absolute;
    background: #c7c7c7;
    height: 1px;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    left: -50%;
    right: -50%;
    bottom: 0
}

.sogou-nav.status .logo {
    background: url(../image/logo_color_ic_dba1f1f.png) no-repeat center #fff;
    background-size: auto 24px
}

.sogou-nav.status .index:after {
    background-position: -93px -147px;
    width: 23px;
    height: 23px
}

.sogou-nav.status .peo-center {
    background-position: -186px -147px;
    width: 23px;
    height: 23px
}

.sogou-nav.status .btn-search {
    opacity: 1
}

.sogou-nav.status .btn-search:after {
    background-position: -155px -147px;
    width: 23px;
    height: 23px
}

.sogou-nav.status .btn-search:active:after {
    opacity: .6
}

.sogou-nav.status .btn-menu.cur:after {
    opacity: .6
}

.sogou-nav.status .menu-ani-box .peo {
    border-color: rgba(0,0,0,.1)
}

.sogou-nav.status .laisee {
    position: absolute;
    top: 0;
    right: 72px;
    width: 46px;
    height: inherit
}

.sogou-nav.status .laisee i {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    width: 23px;
    height: 23px;
    background: url(../image/laisee_7a88de6.png) no-repeat;
    background-size: auto 23px;
    -webkit-animation: laiseeshake steps(1,end) .2s backwards infinite;
    animation: laiseeshake steps(1,end) .2s backwards infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes laiseeshake {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(-10deg);
        transform: translate(-50%,-50%) rotate(-10deg)
    }

    50% {
        -webkit-transform: translate(-50%,-50%) rotate(10deg);
        transform: translate(-50%,-50%) rotate(10deg)
    }
}

@keyframes laiseeshake {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(-10deg);
        transform: translate(-50%,-50%) rotate(-10deg)
    }

    50% {
        -webkit-transform: translate(-50%,-50%) rotate(10deg);
        transform: translate(-50%,-50%) rotate(10deg)
    }
}

.status.show {
    display: block;
    -webkit-animation: stat_show .2s linear forwards;
    animation: stat_show .2s linear forwards
}

@-webkit-keyframes stat_show {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes stat_show {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.status.exist {
    display: block;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.back_top {
    position: fixed;
    z-index: 7;
    width: 52px;
    height: 52px;
    right: 15px;
    bottom: 15px;
    border-radius: 100%;
    background: url(../image/back_top_ec6e5be.png) no-repeat center;
    background-size: 56px
}

.back_top:active {
    opacity: .6
}

.back_top:before {
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    bottom: -5px;
    right: -5px
}

.head-bar {
    position: relative;
    height: 44px;
    line-height: 44px;
    padding-bottom: 1px;
    text-align: center
}

.head-bar:after {
    content: "";
    position: absolute;
    background: #c7c7c7;
    height: 2px;
    bottom: 0;
    left: -50%;
    right: -50%;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.head-bar .mes {
    font-size: 18px;
    color: #222;
    font-weight: 700
}

.head-bar .close {
    position: absolute;
    width: 53px;
    height: inherit;
    left: 0;
    top: 0
}

.head-bar .close:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: -243px -101px;
    width: 23px;
    height: 23px
}

.head-bar .close:active {
    opacity: .6
}

.mask {
    position: fixed;
    z-index: 18;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5)
}

.sys-pop {
    position: fixed;
    z-index: 19;
    right: 10px;
    left: 10px;
    bottom: 10px;
    -webkit-animation: pop-show .5s cubic-bezier(.215,.61,.355,1) forwards;
    animation: pop-show .5s cubic-bezier(.215,.61,.355,1) forwards
}

.sys-pop .sys-box {
    border-radius: 8px;
    background: #fff;
    margin-bottom: 10px;
    overflow: hidden
}

.sys-pop .con {
    padding: 40px 10px;
    font-size: 18px
}

.sys-pop .con h5 {
    line-height: 25px;
    text-align: center;
    color: #222;
    font-size: 18px;
    margin-bottom: 5px
}

.sys-pop .con p {
    line-height: 22px;
    text-align: center;
    color: #9e9e9e;
    font-size: 14px
}

.sys-pop .con p em {
    color: #fc8d11
}

.sys-pop .cancel,.sys-pop .del {
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 18px;
    border-top: 1px solid #f0f0f0;
    color: #337eff
}

.sys-pop .cancel:active,.sys-pop .del:active {
    background: #f5f5f5;
    border-top-color: #f5f5f5
}

.sys-pop .del {
    color: #fa460f
}

.sys-pop .del.default {
    color: #337eff
}

.sys-pop .cancel {
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.sys-login {
    overflow: hidden
}

.sys-login h2 {
    line-height: 26px;
    padding: 20px 20px 40px;
    color: #222;
    font-size: 18px;
    text-align: center
}

.sys-login ul {
    overflow: hidden;
    margin: 0 66px 40px
}

.sys-login ul li {
    overflow: hidden
}

.sys-login ul li:active i {
    opacity: .7
}

.sys-login ul li i {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 6px
}

.sys-login ul li i.qq {
    background: url(../image/qq_753d7a5.png) no-repeat;
    background-size: 64px
}

.sys-login ul li i.tel {
    background: url(../image/tel_dc58d94.png) no-repeat;
    background-size: 64px
}

.sys-login ul li p {
    line-height: 22px;
    color: #9e9e9e;
    font-size: 14px;
    text-align: center
}

.sys-login ul li:first-child {
    float: left
}

.sys-login ul li:last-child {
    float: right
}

@-webkit-keyframes pop-show {
    0% {
        -webkit-transform: translateY(110%);
        transform: translateY(110%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes pop-show {
    0% {
        -webkit-transform: translateY(110%);
        transform: translateY(110%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.sys-prompt-box {
    position: fixed;
    z-index: 19;
    width: 278px;
    top: 50%;
    left: 50%;
    margin-left: -139px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    text-align: center
}

.sys-prompt-box .sys-prompt {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    border-radius: 4px;
    background: rgba(0,0,0,.7);
    text-align: center;
    color: #fff
}

.sys-prompt-box .sys-prompt h5 {
    font-size: 17px;
    line-height: 24px
}

.sys-prompt-box .sys-prompt p {
    line-height: 22px;
    font-size: 15px
}

.pic-prev-box {
    position: fixed;
    z-index: 15;
    background: #232323;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.pic-prev-box .prev-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.pic-prev-box .prev-wrap .prev-ele {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    height: 100%
}

.pic-prev-box .prev-wrap .prev-ele img {
    display: block;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%
}

.pic-prev-box .pic-index {
    position: absolute;
    width: 55px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    background: #000;
    text-align: center;
    font-size: 12px;
    color: #f5f5f5;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.err-empty {
    overflow: hidden
}

.err-empty i {
    display: block;
    width: 89px;
    height: 96px;
    margin: 50% auto 15px;
    background: url(../image/err_empty_9dcb85d.png) no-repeat;
    background-size: 89px auto
}

.err-empty p {
    text-align: center;
    font-size: 15px;
    color: #8d8d8d
}

.err-empty p em {
    color: #f63d15
}

.ww-wrap {
    border-bottom: 5px solid #eef0f3
}

.loading-wrap {
    -webkit-box-shadow: 0 -5px 0 0 #eef0f3;
    box-shadow: 0 -5px 0 0 #eef0f3
}

.ww-loading {
    height: 48px;
    line-height: 48px;
    font-size: 17px;
    color: #9e9e9e;
    text-align: center
}

.ww-loading .load-icon {
    padding-left: 22px;
    position: relative
}

.ww-loading .load-icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    margin-top: -8px;
    height: 16px;
    background: url(../image/loading_ic_ac78e7b.png) no-repeat;
    background-size: 16px;
    -webkit-animation: roll .5s linear infinite;
    animation: roll .5s linear infinite
}

.ww-loading .load-arr {
    position: relative;
    padding-right: 16px
}

.ww-loading .load-arr:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: -264px -132px;
    width: 10px;
    height: 6px
}

@-webkit-keyframes roll {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes roll {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.login-pop {
    overflow: hidden
}

.login-pop h6 {
    text-align: center;
    line-height: 26px;
    padding: 25px 0 35px;
    color: #3d3d3d;
    font-size: 18px
}

.login-pop-con {
    padding: 0 20px 40px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.login-pop-con li {
    width: 58px
}

.login-pop-con li i {
    position: relative;
    display: block;
    width: 58px;
    height: 58px;
    margin-bottom: 12px;
    border-radius: 100%
}

.login-pop-con li i:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.login-pop-con li i.qq {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#5090fe),to(#58aef9));
    background-image: -webkit-linear-gradient(bottom,#5090fe,#58aef9);
    background-image: linear-gradient(to top,#5090fe,#58aef9)
}

.login-pop-con li i.qq:after {
    background-position: -368px -317px;
    width: 22px;
    height: 26px
}

.login-pop-con li i.weixin {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#59d04b),to(#4cc93d));
    background-image: -webkit-linear-gradient(top,#59d04b,#4cc93d);
    background-image: linear-gradient(to bottom,#59d04b,#4cc93d)
}

.login-pop-con li i.weixin:after {
    background-position: -368px -283px;
    width: 32px;
    height: 26px
}

.login-pop-con li i.shouji {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ff823e),to(#ff6d35));
    background-image: -webkit-linear-gradient(top,#ff823e,#ff6d35);
    background-image: linear-gradient(to bottom,#ff823e,#ff6d35)
}

.login-pop-con li i.shouji:after {
    background-position: 0 -365px;
    width: 18px;
    height: 26px
}

.login-pop-con li p {
    height: 22px;
    position: relative;
    line-height: 22px;
    font-size: 15px;
    color: #9e9e9e
}

.login-pop-con li p span {
    position: absolute;
    height: inherit;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    white-space: nowrap
}

.ask-mod>li .ask-fresh-con blockquote p::before,.change:after,.consult-info:before,.pop-baike .close,.progress-wrap .progress-tit.good-icon:after,.push-pos span:after,.recommend-pic .ad-video,.rl-ad-mes .ad-mes .icon1:before,.rl-ad-mes .ad-mes .icon2:before,.rl-ad-mes .ad-mes .icon3:before,.rl-ad-mes .ad-mes-360 p span,.upgrade-prompt-close {
    background-image: url('../image/sprite_detail_9de7133.png');
    background-image: -webkit-image-set(url('../image/sprite_detail_9de7133.png') 1x, url('../image/sprite_detail@2x_1a7b80d.png') 2x);
    background-size: 234px 107px
}

.relay-broswer-pop .pop-top .pop-back,.relay-broswer-pop .pop-top .pop-icon-weixin {
    background-image: url('../image/sprite_sharepop_30fd04b.png');
    background-image: -webkit-image-set(url('../image/sprite_sharepop_30fd04b.png') 1x, url('../image/sprite_sharepop@2x_af290e3.png') 2x);
    background-size: 338px 178px
}

.share {
    width: 100%;
    height: 185.5px;
    bottom: 0;
    position: fixed;
    z-index: 19
}

.share .shareLists {
    width: 100%;
    height: 130px;
    background-color: #fff;
    padding: 32px 29px;
    text-align: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.share .cancel {
    width: 100%;
    height: 55px;
    background-color: #fff;
    text-align: center;
    border-top: 1px solid #d4d6d8
}

.share .cancelBtn {
    display: inline-block;
    font-family: PingFangSC;
    font-size: 18px;
    margin: 15px auto;
    color: grey
}

.share .shareBtn {
    display: inline-block;
    width: 20%;
    height: 66px;
    float: left
}

.share .shareBtn div {
    margin: auto
}

.share .shareBtn:nth-child(5) {
    margin-right: 0
}

.wechatShareBtn {
    background-position: -368px -144px;
    width: 40px;
    height: 40px
}

.momentShareBtn {
    background-position: -368px -48px;
    width: 40px;
    height: 40px
}

.qqShareBtn {
    background-position: -368px -96px;
    width: 40px;
    height: 40px
}

.weiboShareBtn {
    background-position: -368px -192px;
    width: 40px;
    height: 40px
}

.copyShareBtn {
    background-position: -368px 0;
    width: 40px;
    height: 40px
}

.shareText {
    margin-top: 12px;
    height: 14px;
    font-family: PingFangSC;
    font-size: 10px;
    text-align: center;
    color: #5d646e
}

.relay-broswer-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 8;
    background: rgba(0,0,0,.7)
}

.relay-broswer-pop .pop-top {
    position: fixed;
    top: 12px;
    right: 14px
}

.relay-broswer-pop .pop-top .pop-desc {
    margin-top: 59px;
    width: 252px;
    height: 47px;
    border-radius: 13px;
    background-color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 47px
}

.relay-broswer-pop .pop-top .pop-back {
    background-position: 0 -68px;
    width: 235px;
    height: 71px;
    position: absolute;
    top: 6px;
    right: 0
}

.relay-broswer-pop .pop-top .pop-icon-weixin {
    background-position: 0 -147px;
    width: 31px;
    height: 31px;
    display: inline-block;
    margin: -10px 9px
}

.rl-ad-mes .tails {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    margin-bottom: 15px
}

.rl-ad-mes .ad-mes {
    margin-bottom: 5px
}

.rl-ad-mes .ad-mes p {
    position: relative;
    padding-left: 21px;
    line-height: 20px;
    font-size: 14px;
    color: #222;
    margin-bottom: 10px
}

.rl-ad-mes .ad-mes p:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rl-ad-mes .ad-mes p:last-child {
    margin-bottom: 0
}

.rl-ad-mes .ad-mes .icon1:before {
    background-position: -36px -66px;
    width: 16px;
    height: 15px
}

.rl-ad-mes .ad-mes .icon2:before {
    background-position: -106px -66px;
    width: 15px;
    height: 15px
}

.rl-ad-mes .ad-mes .icon3:before {
    background-position: -80px -89px;
    width: 14px;
    height: 16px
}

.rl-ad-mes .ad-mes-360 p {
    font-size: 14px;
    margin-bottom: 10px
}

.rl-ad-mes .ad-mes-360 p span {
    background-position: 0 -66px;
    width: 28px;
    height: 15px;
    display: inline-block;
    font-size: 10px;
    line-height: 16px;
    color: #faa019;
    margin-right: 5px;
    text-align: center;
    vertical-align: 2px
}

.rl-ad-mes .ad-btn {
    height: 48px;
    line-height: 48px;
    border-top: 1px solid #f5f5f5;
    margin: 15px -15px -15px;
    text-align: center;
    color: #337eff;
    font-size: 17px
}

.rl-ad-mes .ad-btn span {
    position: relative;
    padding-right: 12px
}

.rl-ad-mes .ad-btn span:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 0;
    top: 40%
}

.ad-wrap-game {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #9e9e9e;
    padding-bottom: 15px;
    border-bottom: 1px dashed #f0f0f0;
    margin-bottom: 15px
}

.ad-pic-game {
    width: 51px;
    height: 51px;
    border-radius: 4px;
    margin-right: 10px;
    background: #ccc no-repeat center;
    background-size: cover
}

.ad-main-game {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #222
}

.ad-s-mes {
    line-height: 17px;
    font-size: 12px;
    color: #9e9e9e;
    margin-top: 5px
}

.rl-ad-down {
    position: relative
}

.rl-ad-down:active .ad-down {
    opacity: 1
}

.ad-down {
    position: absolute;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid rgba(51,126,255,.4);
    font-size: 14px;
    color: #337eff;
    border-radius: 2px;
    right: 15px;
    bottom: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: .6
}

.ad-title-game {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block;
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 5px
}

.ad-desc-game {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #9e9e9e
}

.progress-wrap {
    padding: 15px 15px 0 15px
}

.progress-wrap .progress-tit.good-icon:after {
    content: '优';
    color: #fff;
    margin-left: 4px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    line-height: 16px;
    position: absolute;
    top: 5px;
    background-position: -52px -89px;
    width: 20px;
    height: 16px
}

.progress-wrap .progress-tit.free-read:after {
    content: '免费阅读';
    position: absolute;
    font-size: 10px;
    color: #faa019;
    line-height: 15px;
    border: solid 1px #faa019;
    border-radius: 7px 1px;
    top: 4px;
    margin-left: 8px;
    display: inline-block;
    width: 46px;
    height: 15px;
    text-align: center
}

.progress-wrap .progress-tit.free-read span {
    font-weight: 700
}

.progress-wrap .progress-tit {
    position: relative;
    width: 100%;
    font-size: 17px;
    color: #333;
    line-height: 26px;
    height: 26px;
    margin-bottom: 5px
}

.progress-wrap .progress-tit .red {
    color: #e22b00
}

.progress-wrap .progress-tit .blue {
    color: #337eff
}

.progress-wrap .progress-tit span {
    max-width: 238px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: inline-block
}

.progress-wrap .progress-tit.baichuan-tit span {
    max-width: 138px
}

.progress-wrap .progress-tit.triple-tit span {
    max-width: 345px
}

.progress-wrap .progress-dec {
    font-size: 14px;
    text-align: left;
    color: #9e9e9e;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box
}

.progress-wrap .progress-dec span {
    max-width: 210px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: inline-block
}

.progress-wrap .progress-icon {
    padding-bottom: 16px;
    padding-top: 12px;
    font-size: 12px;
    line-height: 17px;
    color: #9e9e9e
}

.progress-wrap .progress-icon .tuijian-icon {
    margin-left: 4px
}

.progress-wrap .progress-icon.baichuan-pic {
    padding-top: 15px
}

.progress-wrap ul.triple-list {
    padding-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.progress-wrap ul.triple-list li {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    list-style: none;
    float: left;
    margin-right: 9px
}

.progress-wrap ul.triple-list li:last-child {
    margin-right: 0
}

.progress-wrap ul.triple-list li div {
    height: 84px
}

.progress-wrap .zhixiao-img {
    display: inline-block;
    width: 101px;
    float: left;
    height: 79px;
    margin-right: 10px;
    border-radius: 2px
}

.progress-wrap .zhixiao-right {
    position: relative;
    margin-left: 111px;
    vertical-align: top
}

.progress-wrap .zhixiao-tit {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 500;
    line-height: 1.53
}

.progress-wrap .zhixiao-hint {
    margin-top: 7px;
    position: relative
}

.progress-wrap .zhixiao-hint .zhixiao-hot {
    display: inline;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #eb2700;
    letter-spacing: normal
}

.progress-wrap .zhixiao-hint .zhixiao-del {
    margin-left: 4px;
    display: inline;
    font-size: 12px;
    line-height: 1.25;
    color: #9e9e9e
}

.progress-wrap .zhixiao-hint .zhixiao-ad {
    position: absolute;
    right: 0;
    padding-top: 5px;
    display: inline;
    font-size: 12px;
    line-height: 1.25;
    color: #9e9e9e
}

.progress-wrap-bot {
    padding-bottom: 15px;
    overflow: hidden
}

.progress-wrap.e-book {
    padding-right: 103px
}

.book-cover {
    float: right;
    padding: 15px 15px 0 0;
    width: 72px;
    height: 100px
}

.book-cover img {
    width: 100%
}

.progress-wrap .pic-desc {
    float: right;
    margin-left: 9px;
    width: 100px;
    height: 100px;
    background-size: cover
}

.consult-card-wrap {
    position: relative;
    padding: 20px 15px 12px;
    color: #333
}

.consult-intro {
    overflow: hidden
}

.consult-avatar {
    float: left;
    width: 44px;
    height: 44px;
    margin-right: 10px;
    border-radius: 7%;
    background: #f0f0f0 no-repeat center;
    background-size: cover;
    border-radius: 100%
}

.consult-intro-rgt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.consult-intro-rgt .consult-job-info {
    color: #666;
    font-size: 13px;
    height: 18px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: inline-block;
    margin-right: 117px
}

.consult-intro-rgt .consult-job-info .consult-job-title {
    display: inline-block
}

.consult-intro-name {
    height: 24px;
    margin-bottom: 2px;
    overflow: hidden
}

.consult-intro-name .consult-name {
    font-size: 17px;
    line-height: 24px;
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: inline-block
}

.consult-intro-name .consult-tag {
    padding: 0 5px;
    height: 15px;
    line-height: 15px;
    color: #9e9e9e;
    border-radius: 3px;
    margin: 4px 0 0 6px;
    display: inline-block;
    font-size: 11px;
    vertical-align: top;
    border: 1px solid #c8c8c8
}

.consult-info {
    position: relative;
    padding: 13px 15px;
    margin-top: 15px;
    border-radius: 2px;
    background-color: #f9fafb
}

.consult-info:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 15px;
    background-position: -149px -66px;
    width: 14px;
    height: 9px
}

.consult-info .consult-info-txt {
    font-size: 15px;
    line-height: 22px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box
}

.btn-consult {
    width: 98px;
    height: 32px;
    border-radius: 17px;
    background-image: -webkit-linear-gradient(352deg,#48b1ff,#2c93fa);
    background-image: linear-gradient(98deg,#48b1ff,#2c93fa);
    line-height: 32px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 23px;
    right: 15px
}

.consult-footer {
    font-size: 8px;
    line-height: 12px;
    height: 12px;
    margin-top: 5px;
    color: #9e9e9e
}

.baichuan-wrap {
    padding: 15px;
    color: #333
}

.baichuan-wrap .key-tit {
    font-size: 17px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 14px
}

.baichuan-wrap .key-tit .key-word {
    max-width: 238px;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: inline-block
}

.baichuan-wrap .baichuan-orig {
    margin-top: 15px;
    font-size: 12px;
    line-height: 17px;
    height: 17px;
    color: #9e9e9e
}

.baichuan-wrap ul.key-list:nth-of-type(1) {
    margin-bottom: 2.62%
}

.baichuan-wrap .key-list.four-list .key-item {
    width: 168px;
    -webkit-box-flex: 18;
    -webkit-flex-grow: 18;
    -ms-flex-positive: 18;
    flex-grow: 18
}

.baichuan-wrap .key-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.baichuan-wrap .key-list .item-gap {
    width: 9px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.baichuan-wrap .key-list .key-item.empty-item {
    background-color: inherit
}

.baichuan-wrap .key-list .key-item {
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 12;
    -webkit-flex-grow: 12;
    -ms-flex-positive: 12;
    flex-grow: 12;
    font-size: 14px;
    width: 109px;
    height: 36px;
    background-color: #f7f7f7;
    text-align: center;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: inline-block
}

.ad-banner-gif {
    width: 100%;
    height: 88px
}

pre {
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
    word-wrap: break-word
}

.qukan-icon {
    display: inline-block;
    width: 57px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: calc(100vw * .15);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    background: url(../image/wenda_icon_0f5062f.png) no-repeat;
    z-index: 10;
    background-size: cover
}

.ask-con {
    position: relative;
    padding: 14px 0 21px;
    margin: 0 15px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eaeaea),color-stop(0,transparent));
    background-image: -webkit-linear-gradient(top,#eaeaea 50%,transparent 0);
    background-image: linear-gradient(to bottom,#eaeaea 50%,transparent 0);
    background-position: bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat
}

.ask-con h1 {
    line-height: 34px;
    color: #000;
    font-size: 24px;
    font-weight: 700
}

.ask-con .con {
    position: relative;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    margin-top: 10px;
    max-height: 44px;
    overflow: hidden
}

.ask-con .con p {
    white-space: pre-wrap
}

.ask-con .con p.show {
    display: block
}

.ask-con .con.cut {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    max-height: 44px
}

.ask-con .ask-mes {
    position: relative;
    margin-top: 17px;
    height: 18px;
    line-height: 18px;
    color: #9e9e9e;
    font-size: 12px
}

.ask-con .ask-mes span {
    float: left;
    display: block;
    vertical-align: top;
    height: inherit;
    margin: 0 5px;
    line-height: inherit;
    max-width: 72px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ask-con .ask-mes .beans {
    position: relative;
    display: block;
    float: left;
    height: inherit;
    line-height: inherit;
    vertical-align: top;
    padding-left: 14px;
    font-size: 14px;
    color: #fe9f10;
    margin-right: 10px
}

.ask-con .ask-mes .beans:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: -41px -277px;
    width: 11px;
    height: 14px
}

.ask-con .ask-mes em {
    float: left;
    display: block
}

.ask-con .ans-btn {
    position: absolute;
    padding-left: 23px;
    right: 15px;
    bottom: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 17px;
    color: #337eff
}

.ask-con .ans-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: 0 -178px;
    width: 18px;
    height: 18px
}

.ask-con .ans-btn:active {
    opacity: .7
}

.ask-con .ans-spot {
    right: 15px;
    bottom: 16px
}

.detail-peo-mes {
    /* position:relative; */
    /* height:16px; */
    /* line-height:16px; */
    /* font-size:12px; */
    /* color:#9e9e9e; */
}

.detail-peo-mes .peo {
    float: left;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    border-radius: 100%;
    background: #f0f0f0 no-repeat center;
    background-size: cover
}

.detail-peo-mes .name {
    float: left;
    overflow: hidden;
    max-width: 72px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.detail-peo-mes .company,.detail-peo-mes .expert {
    position: relative;
    padding-right: 40px
}

.detail-peo-mes .company:after,.detail-peo-mes .expert:after {
    content: attr(data-id);
    position: absolute;
    width: 33px;
    height: 12px;
    line-height: 12px;
    font-size: 8px;
    text-align: center;
    color: #fff;
    right: 2px;
    top: 50%;
    margin-top: -6px;
    border-radius: 3px
}

.detail-peo-mes .expert:after {
    background: #ff5429
}

.detail-peo-mes .company:after {
    background: #ff5429
}

.detail-peo-mes .ans-spot {
    right: 1px;
    width: 15px;
    height: 3px;
    padding-top: 0;
    top: 7px
}

.detail-peo-mes .ans-spot i {
    width: 3px;
    height: 3px;
    margin-right: 2px
}

.detail-peo-mes .ans-spot:before {
    top: -15px;
    bottom: -15px
}

.ans-spot {
    position: absolute;
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 7px
}

.ans-spot i {
    float: left;
    display: block;
    width: 4px;
    height: 4px;
    margin-right: 3px;
    border-radius: 100%;
    background: #b6b7b8
}

.ans-spot i:last-of-type {
    margin-right: 0
}

.ans-spot:before {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: -10px;
    top: -10px
}

.ans-spot:active i {
    background: #3c82fa
}

.show-all {
    color: #0645ad;
    font-size: 15px;
    line-height: 14px;
    height: 14px;
    position: relative
}

.show-all:before {
    position: absolute;
    height: 34px;
    content: "";
    width: 100%;
    top: -33px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),color-stop(70%,#fff));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.3),#fff 70%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.3),#fff 70%)
}

.show-all .show-text {
    text-align: center;
    padding-top: 3px
}

.show-all .show-text::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: 2px;
    margin-left: 5px;
    border-right: 1px solid #0645ad;
    border-top: 1px solid #0645ad;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.ask-more-btn {
    position: absolute;
    top: 22px;
    right: 0;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    color: #0645ad;
    white-space: normal!important;
    padding-right: 15px;
    background: #fff
}

.ask-more-btn::before {
    position: absolute;
    display: inline-block;
    content: "";
    top: 0;
    left: -42px;
    width: 42px;
    height: 100%;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.2)),to(white));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.2),#fff);
    background-image: linear-gradient(to right,rgba(255,255,255,.2),#fff)
}

.ask-more-btn:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    right: 2px;
    top: 6px;
    border-right: 1px solid #0645ad;
    border-top: 1px solid #0645ad;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.ask-list-tit {
    position: relative;
    display: block;
    line-height: 26px;
    height: 26px;
    margin-top: 15px;
    padding: 0 15px;
}

.ask-list-tit .cap {
    float: left;
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: 700
}

.ask-list-tit .mes {
    position: absolute;
    right: 15px;
    top: 0;
    height: inherit;
    line-height: inherit;
    color: #9e9e9e;
    font-weight: 400;
    font-size: 12px
}

.ask-list-tit .best-cap,.ask-list-tit .expert-cap {
    position: relative;
    float: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px
}

.ask-list-tit .best-cap:after,.ask-list-tit .expert-cap:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 4px
}

.ask-list-tit .best-cap:after {
    background-position: 0 -277px;
    width: 13px;
    height: 17px
}

.ask-list-tit .expert-cap {
    color: #fa460f
}

.ask-list-tit .expert-cap:after {
    background-position: -325px -147px;
    width: 13px;
    height: 17px
}

.ask-list-tit .more {
    position: absolute;
    padding-right: 12px;
    color: #337eff;
    font-size: 12px;
    right: 10px;
    height: 40px;
    line-height: 40px
}

.ask-list-tit .more:after {
    content: "";
    position: absolute;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: -331px -204px;
    width: 5px;
    height: 8px
}

.ask-list-tit .more:active {
    opacity: .7
}

.detail-wrap {
    position: relative
}

.detail-wrap img {
    width: 100%
}

.detail-wrap:last-of-type {
    border-bottom: none
}

.detail-wrap.out-sourcing-ad:before {
    position: absolute;
    content: "";
    top: 0;
    height: 1px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eaeaea),color-stop(0,transparent));
    background-image: -webkit-linear-gradient(top,#eaeaea 50%,transparent 0);
    background-image: linear-gradient(to bottom,#eaeaea 50%,transparent 0);
    background-position: top;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    left: 0;
    right: 0
}

.detail-wrap.out-sourcing-ad:after {
    position: absolute;
    content: "";
    bottom: 0;
    height: 1px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eaeaea),color-stop(0,transparent));
    background-image: -webkit-linear-gradient(top,#eaeaea 50%,transparent 0);
    background-image: linear-gradient(to bottom,#eaeaea 50%,transparent 0);
    background-position: top;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    left: 0;
    right: 0
}

.detail-wrap.best-answer,.detail-wrap.other-answer {
    padding-bottom: 15px
}

.detail-wrap.best-answer:after,.detail-wrap.other-answer:after {
    height: 0!important
}

.recommend-list li {
    position: relative;
    overflow: hidden;
    padding: 15px
}

.recommend-list li::before {
    position: absolute;
    content: "";
    left: 15px;
    right: 15px;
    top: 0;
    height: 1px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eaeaea),color-stop(0,transparent));
    background-image: -webkit-linear-gradient(top,#eaeaea 50%,transparent 0);
    background-image: linear-gradient(to bottom,#eaeaea 50%,transparent 0);
    background-position: top;
    background-size: 100% 1px;
    background-repeat: no-repeat
}

.recommend-list li:first-child::before {
    height: 0
}

.recommend-list .rl-zhinan+li:before {
    height: 0!important
}

.recommend-list .rl-other+li:before {
    height: 0!important
}

.recommend-list li+.rl-slide:before {
    height: 0!important
}

.recommend-list .rl-ad:before {
    z-index: 5
}

.recommend-pic {
    position: relative;
    width: 112px;
    height: 77px;
    float: right;
    border-radius: 2px;
    margin-left: 10px;
    background: #ccc no-repeat center;
    background-size: cover
}

.recommend-pic~.recommend-con h6 {
    height: 52px
}

.recommend-pic~.recommend-con div {
    font-size: 13px;
    color: #666
}

.recommend-pic .ad-mask {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 30px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(98%,rgba(0,0,0,.4)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.4) 98%);
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.4) 98%)
}

.recommend-pic .ad-video {
    position: absolute;
    left: 6px;
    bottom: 6px;
    background-position: 0 -89px;
    width: 18px;
    height: 18px
}

.recommend-pic .ad-time {
    position: absolute;
    right: 6px;
    bottom: 6px;
    line-height: 16px;
    color: #fff;
    font-size: 12px
}

.recommend-con {
    overflow: hidden
}

.recommend-con h6 {
    line-height: 26px;
    font-size: 18px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box
}

.recommend-con h6 img {
    display: inline-block;
    height: 26px;
    vertical-align: middle
}

.recommend-con .content {
    font-size: 13px;
    margin-top: 6px;
    line-height: 22px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box
}

.recommend-mes {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
    overflow: auto
}

.recommend-mes p {
    float: left;
    margin-right: 16px
}

.recommend-mes p em {
    margin-left: 5px
}

.rl-baike .recommend-con h6 {
    margin-bottom: 7px
}

.rl-baike .recommend-con h6 .title {
    display: inline-block;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    vertical-align: top
}

.rl-baike .recommend-con h6 .source {
    margin-left: 22px;
    position: relative
}

.rl-baike .recommend-con h6 .source::before {
    position: absolute;
    content: "";
    left: -16px;
    width: 10px;
    height: 1px;
    background-color: #000;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rl-baike .recommend-con .content {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    margin-top: 9px
}

.rl-slide {
    padding-right: 0!important;
    padding-left: 0!important
}

.rl-slide .rl-slide-con {
    height: 190px
}

.rl-slide .rl-slide-con h4 {
    line-height: 26px;
    color: #000;
    font-weight: 650;
    font-size: 18px;
    margin-bottom: 17px;
    padding: 0 15px
}

.rl-slide .rl-slide-con .con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 15px;
    padding-bottom: 50px
}

.rl-slide .rl-slide-con .con::-webkit-scrollbar {
    display: none
}

.rl-slide .rl-slide-con .con:after {
    width: 5px
}

.rl-slide .rl-slide-con .slide-list {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding-right: 10px
}

.rl-slide .rl-slide-con .slide-list .slide-list-con {
    width: 96px
}

.rl-slide .rl-slide-con .slide-list .ill {
    position: relative;
    height: 96px;
    background: #ccc no-repeat center;
    background-size: cover;
    margin-bottom: 8px
}

.rl-slide .rl-slide-con .slide-list .tit {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block
}

.rl-slide .rl-slide-con .slide-list .mes {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block
}

.rl-slide .rl-slide-con .slide-list:first-child {
    margin-left: 15px
}

.rl-slide .rl-slide-con .slide-list:last-child {
    padding-right: 15px
}

.rl-zhinan {
    padding-right: 0!important;
    padding-left: 0!important;
    height: 205px
}

.rl-zhinan+li {
    padding-top: 7px!important
}

.rl-zhinan .recommend-con h6 {
    padding: 0 15px;
    margin-bottom: 10px
}

.rl-zhinan .recommend-con h6 .title {
    display: inline-block;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    vertical-align: top
}

.rl-zhinan .recommend-con h6 .source {
    margin-left: 22px;
    position: relative
}

.rl-zhinan .recommend-con h6 .source::before {
    position: absolute;
    content: "";
    left: -16px;
    width: 10px;
    height: 1px;
    background-color: #000;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rl-zhinan .con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 50px
}

.rl-zhinan .con::-webkit-scrollbar {
    display: none
}

.rl-zhinan .con .slide-list {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding-right: 10px
}

.rl-zhinan .con .slide-list .slide-list-con {
    width: 152px;
    height: 166px;
    border-radius: 2px;
    border: solid .5px #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.rl-zhinan .con .slide-list .order {
    position: absolute;
    color: #fff;
    line-height: 17px;
    font-size: 10px;
    z-index: 5;
    left: -.5px;
    text-align: center;
    background-position: -276px -68px;
    width: 32px;
    height: 17px
}

.rl-zhinan .con .slide-list .ill {
    position: relative;
    height: 106px;
    background: #ccc no-repeat center;
    background-size: cover;
    margin-bottom: 9px
}

.rl-zhinan .con .slide-list .txt {
    font-size: 13px;
    line-height: 20px;
    color: #000;
    margin: 0 10px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box
}

.rl-zhinan .con .slide-list .full.txt {
    margin: 25px 10px 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box
}

.rl-zhinan .con .slide-list:first-child {
    margin-left: 15px
}

.rl-zhinan .con .slide-list:last-child {
    padding-right: 15px
}

li.rl-search:active {
    background: unset
}

li.rl-search .related {
    line-height: 27px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 4px
}

li.rl-search .rs-con {
    overflow: auto
}

li.rl-search .rs-con p {
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    margin-top: 10px;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000;
    font-size: 15px
}

li.rl-search .rs-con p:active {
    opacity: .7
}

li.rl-search .rs-con p:nth-child(odd) {
    padding-right: 12px
}

li.rl-search .rs-con p:nth-child(odd):after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #eaeaea
}

li.rl-search .rs-con p:nth-child(even) {
    padding-left: 12px
}

li.rl-other+li {
    padding-top: 7px!important
}

li.rl-other:active {
    background: unset
}

li.rl-other .other-search {
    line-height: 27px;
    font-size: 18px;
    color: #000
}

li.rl-other .other-search-con {
    overflow: hidden
}

li.rl-other .other-search-con p {
    float: left;
    width: 48.7%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #000;
    background: #f8f8f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 0 7px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block
}

li.rl-other .other-search-con p:nth-child(odd) {
    margin-right: 2.6%
}

li.rl-other .other-search-con p:nth-child(-n+2) {
    margin-top: 11px;
    margin-bottom: 8px
}

li.rl-other .other-search-con p:active {
    opacity: .6
}

.change {
    float: right;
    padding-right: 20px;
    position: relative;
    color: #9e9e9e;
    font-size: 12px;
    line-height: 16px
}

.change:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: -202px -44px;
    width: 14px;
    height: 12px
}

.change:active {
    opacity: .6
}

.push-pos {
    height: 70px;
    line-height: 70px;
    text-align: center;
    overflow: hidden
}

.push-pos:active {
    background: #f8f8f8
}

.push-pos span {
    position: relative;
    color: #f65b18;
    font-size: 17px;
    padding: 0 16px 0 50px
}

.push-pos span:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    top: 50%;
    margin-top: -20px;
    background: url(../image/luedong-push_1b18390.png) no-repeat;
    background-size: 40px
}

.push-pos span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: -119px -89px;
    width: 6px;
    height: 10px
}

.ans-empty {
    padding: 30px 15px
}

.ans-empty i {
    display: block;
    width: 64px;
    height: 100px;
    margin: 0 auto 20px;
    background: url(../image/noting_26dad6f.png) no-repeat;
    background-size: 64px 100px
}

.ans-empty p {
    text-align: center;
    line-height: 22px;
    font-size: 15px;
    color: #9e9e9e;
    margin-bottom: 20px
}

.ans-empty .ans-empty-btn {
    width: 120px;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    border: 1px solid rgba(51,126,255,.4);
    border-radius: 4px;
    font-size: 17px;
    color: #337eff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ans-empty .ans-empty-btn:active {
    opacity: .6
}

.best-answer li:first-child,.other-answer li:first-child {
    border-top: none
}

.other-answer .answer-con li {
    border-top: 1px solid #f8f8f8
}

.ans-invite {
    padding: 30px 15px
}

.ans-invite i {
    display: block;
    width: 118px;
    height: 100px;
    margin: 0 auto 20px;
    background: url(../image/radar_gif_e197876.gif) no-repeat;
    background-size: 118px 100px
}

.ans-invite h3 {
    font-size: 17px;
    line-height: 26px;
    color: #222;
    text-align: center;
    margin-bottom: 5px
}

.ans-invite h3 em {
    font-weight: 700;
    color: #fa460f;
    padding: 0 4px
}

.ans-invite p {
    text-align: center;
    line-height: 22px;
    font-size: 15px;
    color: #9e9e9e
}

.ask-mod {
    padding: 0 15px
}

.ask-mod>li {
    position: relative;
    padding: 15px 0;
    border-top: 1px solid #f8f8f8
}

.ask-mod>li .ask-fresh-con {
    font-size: 17px;
    line-height: 28px;
    font-weight: 400px;
    color: #333;
    overflow: hidden;
    white-space: pre-wrap;
    max-height: 750px
}

.ask-mod>li .ask-fresh-con>:first-child {
    margin-top: 0
}

.ask-mod>li .ask-fresh-con img {
    max-width: 100%;
    margin: 0;
    display: block
}

.ask-mod>li .ask-fresh-con .link-baike,.ask-mod>li .ask-fresh-con a {
    border-bottom: 1px solid #0645ad;
    padding-bottom: 2px
}

.ask-mod>li .ask-fresh-con p {
    margin-top: 20px
}

.ask-mod>li .ask-fresh-con ol,.ask-mod>li .ask-fresh-con ul {
    padding-left: 30px;
    margin-top: 20px
}

.ask-mod>li .ask-fresh-con ol p,.ask-mod>li .ask-fresh-con ul p {
    margin: 0
}

.ask-mod>li .ask-fresh-con ul {
    list-style: disc
}

.ask-mod>li .ask-fresh-con ol {
    list-style: decimal
}

.ask-mod>li .ask-fresh-con blockquote {
    font-size: 15px;
    color: #7a7a7a;
    position: relative
}

.ask-mod>li .ask-fresh-con blockquote p::before {
    position: absolute;
    content: " ";
    width: 18px!important;
    height: 19px!important;
    top: 2px;
    left: -25px;
    background-position: 0 0;
    width: 234px;
    height: 36px;
    background-size: 267px 120px;
    background-position: -166px 0
}

.ask-mod>li .ask-fresh-con .line-gap {
    height: 51px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.ask-mod>li .ask-fresh-con .line-gap hr {
    position: absolute;
    width: 223px;
    height: 1px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #e0e0e0;
    border: 0;
    margin: 0;
    display: block
}

.ask-mod>li .ask-fresh-con .line-gap+div,.ask-mod>li .ask-fresh-con .line-gap+h3,.ask-mod>li .ask-fresh-con .line-gap+p,.ask-mod>li .ask-fresh-con .line-gap+ul {
    margin-top: 0
}

.ask-mod>li .ask-fresh-con h3 {
    font-weight: 500;
    color: #000;
    font-size: 20px;
    margin-top: 20px
}

.ask-mod>li .ask-fresh-con .link-card {
    border-radius: 5px;
    padding: 10px 12px 8px;
    border: solid 1px #e0e0e0;
    margin-top: 20px
}

.ask-mod>li .ask-fresh-con .link-card .title-section {
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block
}

.ask-mod>li .ask-fresh-con .link-card .content-section {
    margin-top: 5px;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box
}

.ask-mod>li .ask-fresh-con .link-card .link-section {
    margin-top: 5px;
    font-size: 12px;
    color: #666;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block
}

.ask-mod>li .ask-fresh-con .link-card .link-section .thumbnail {
    display: inline-block;
    margin-top: 4px;
    vertical-align: top;
    background-size: cover;
    background-position: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #e0e0e0
}

.ask-mod>li .ask-fresh-con .link-card .link-section .href {
    margin-left: 8px
}

.ask-mod>li .ask-fresh-con.cut {
    max-height: 750px
}

.ask-mod>li .ask-fresh-con.show {
    max-height: none
}

.ask-mod>li .opera {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #666;
    margin-top: 28px
}

.ask-mod>li .opera .peo {
    float: left;
    width: 17px;
    height: 17px;
    margin-right: 6px;
    border-radius: 100%;
    background: #f0f0f0 no-repeat center;
    background-size: cover
}

.ask-mod>li .adopt {
    position: absolute;
    line-height: 16px;
    height: 16px;
    padding-left: 18px;
    right: 15px;
    top: 16px;
    color: #5bcc39;
    font-size: 12px
}

.ask-mod>li .adopt:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 16px;
    left: 0;
    top: 0;
    background: url(../image/caina_2d32421.png) no-repeat;
    background-size: 12px auto
}

.ask-mod>li .adopt-btn {
    position: absolute;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    border-radius: 2px;
    border: 1px solid rgba(51,126,255,.4);
    right: 15px;
    bottom: 12px;
    font-size: 14px;
    color: #337eff
}

.ask-mod>li .adopt-btn:active {
    opacity: .6
}

.ask-mod>li .detail-peo-mes {
    margin-bottom: 10px;
}

.ask-mod .ask-more-btn {
    margin-top: -15px
}

.ask-mod .good-bad {
    position: absolute;
    height: 20px;
    line-height: 20px;
    color: #666;
    right: 15px;
    bottom: 15px;
    font-size: 14px
}

.ask-mod .good-bad p {
    float: left;
    height: inherit
}

.ask-mod .good-bad p span {
    position: relative;
    padding-left: 20px;
    display: inline-block;
    height: inherit;
    line-height: inherit;
    vertical-align: top;
    margin-left: 8px
}

.ask-mod .good-bad p span:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ask-mod .good-bad p .good:before {
    background-position: -204px -228px;
    width: 14px;
    height: 14px
}

.ask-mod .good-bad p .bad:before {
    top: 53%;
    background-position: -160px -228px;
    width: 14px;
    height: 14px
}

.ask-mod .good-bad p .txt-num {
    margin-right: 7px;
    padding-left: 0
}

.ask-mod .good-bad p .txt-num .zan-cai-area {
    padding-left: 0;
    margin-left: 0
}

.ask-mod .good-bad p .txt-num .zan-touch-area {
    padding-left: 0;
    margin-left: 0
}

.ask-mod .good-bad p .share-icon {
    margin-left: 39px
}

.ask-mod .good-bad p .share-icon:before {
    background-position: -144px -204px;
    width: 17px;
    height: 15px
}

.ask-mod .good-bad .cur .bad:before {
    background-position: -138px -228px;
    width: 14px;
    height: 14px
}

.ask-mod .good-bad .cur .good:before {
    background-position: -182px -228px;
    width: 14px;
    height: 14px
}

.ask-mod .good-bad .cur .add-flag:before {
    -webkit-animation: new_good_icon_scale .5s;
    animation: new_good_icon_scale .5s;
    background-position: -182px -228px;
    width: 14px;
    height: 14px
}

.ask-mod .good-bad .cur .add-flag:after {
    position: absolute;
    content: " ";
    top: -3px;
    left: 3px;
    -webkit-animation: slash .5s;
    animation: slash .5s;
    background-position: -243px -132px;
    width: 13px;
    height: 6px
}

.ask-mod .good-bad.good .good:before {
    background-position: -182px -228px;
    width: 14px;
    height: 14px
}

.ask-mod .good-bad.good .add-flag:before {
    -webkit-animation: new_good_icon_scale .5s;
    animation: new_good_icon_scale .5s;
    background-position: -182px -228px;
    width: 14px;
    height: 14px
}

.ask-mod .good-bad.good .add-flag:after {
    position: absolute;
    content: " ";
    top: -3px;
    left: 3px;
    -webkit-animation: slash .5s;
    animation: slash .5s;
    background-position: -243px -132px;
    width: 13px;
    height: 6px
}

.ask-mod .good-bad.bad .bad:before {
    background-position: -138px -228px;
    width: 14px;
    height: 14px
}

@-webkit-keyframes slash {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1;
        top: -5px
    }

    100% {
        opacity: 0
    }
}

@keyframes slash {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1;
        top: -5px
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes new_good_icon_scale {
    50% {
        left: 3px;
        top: 3px;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes new_good_icon_scale {
    50% {
        left: 3px;
        top: 3px;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes text1 {
    60% {
        opacity: 0
    }

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

@keyframes text1 {
    60% {
        opacity: 0
    }

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

@-webkit-keyframes text2 {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 1
    }
}

@keyframes text2 {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 1
    }
}

@-webkit-keyframes goodIcon1 {
    10% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}

@keyframes goodIcon1 {
    10% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}

@-webkit-keyframes goodIcon2 {
    30% {
        opacity: 1
    }

    40% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    55% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    70% {
        -webkit-transform: scale(1.12);
        transform: scale(1.12)
    }

    85% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes goodIcon2 {
    30% {
        opacity: 1
    }

    40% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    55% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    70% {
        -webkit-transform: scale(1.12);
        transform: scale(1.12)
    }

    85% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes add {
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 1
    }

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

@keyframes add {
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 1
    }

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

.ask-mod-section {
    margin: 8px 15px 10px
}

.ask-mod-btn {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 13px;
    color: #666;
    border-radius: 2px;
    background-color: #f9f9f9
}

.ask-mod-btn span {
    position: relative;
    padding: 0 19px
}

.ask-pic {
    padding-top: 5px;
    overflow: hidden
}

.ask-pic li {
    float: left;
    position: relative;
    height: 0;
    margin-right: 1.4%
}

.ask-pic li:last-child {
    margin-right: 0
}

.ask-pic li .place {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background: #f0f0f0 no-repeat center;
    background-size: cover
}

.ask-pic.sty1 li {
    width: 32.4%;
    padding-bottom: 24.3%
}

.ask-pic.sty2 li {
    width: 18.8%;
    padding-bottom: 13.97%
}

.asked {
    overflow: hidden;
    margin: 10px 0 15px
}

.asked .btn {
    display: block;
    height: 16px;
    line-height: 16px
}

.asked .btn span {
    position: relative;
    padding-right: 15px;
    font-size: 12px;
    color: #0645ad
}

.asked .btn span:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    vertical-align: 2px;
    margin-left: 5px;
    border-right: 1px solid #0645ad;
    border-top: 1px solid #0645ad;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.asked.show .btn span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.asked.show .asked-con {
    display: block
}

.asked-con {
    border-radius: 4px;
    margin-top: 5px;
    background: #f5f5f5;
    padding: 15px 0;
    display: none
}

.asked-con section {
    overflow: hidden;
    line-height: 22px;
    font-size: 15px;
    margin-bottom: 15px
}

.asked-con section span {
    display: block;
    float: left;
    width: 51px;
    height: 22px;
    text-align: center
}

.asked-con section .ask {
    color: #fa9600
}

.asked-con section .ans {
    color: #fa460f
}

.asked-con section .cone {
    overflow: hidden;
    color: #222;
    padding-right: 10px
}

.asked-con section .cone img {
    max-width: 95%;
    display: block
}

.asked-con section:last-of-type {
    margin-bottom: 0
}

.car-vr-title {
    height: 26px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.53;
    letter-spacing: -.1px;
    color: #333;
    margin-top: 14px
}

.car-vr-sys-ad {
    margin-top: 10px
}

.car-vr-sys-ad .car-vr-sys-pic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.car-vr-sys-ad .car-vr-sys-pic div {
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 2px;
    border: solid .5px #e0e0e0;
    margin-bottom: 11px;
    background-position: center;
    background-size: cover
}

.car-vr-sys-ad .car-vr-sys-pic div span {
    position: absolute;
    left: -11.5%;
    bottom: -7px;
    width: 45%;
    height: 30px;
    background-color: rgba(0,0,0,.03);
    color: #e0e0e0;
    font-size: 20px;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    text-align: center
}

.car-vr-sys-ad .car-vr-sys-pic div span::after {
    content: "广告"
}

.car-vr-sys-ad .car-vr-sys-prop {
    color: #333;
    font-size: 14px
}

.car-vr-sys-ad .car-vr-sys-prop div {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    margin-bottom: 4px
}

.car-vr-sys-ad .car-vr-sys-prop div .red {
    color: #ec1f0d
}

.car-vr-sys-ad .car-vr-sys-prop .car-vr-sys-prop-left {
    float: left;
    width: 180px
}

.car-vr-sys-ad .car-vr-sys-prop .car-vr-sys-prop-right {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.car-vr-sys-ad .car-vr-sys-btn {
    margin-top: 8px
}

.car-vr-sys-ad .car-vr-sys-btn>div {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 29px;
    border-radius: 2px
}

.car-vr-sys-ad .car-vr-sys-btn>div>div {
    background-color: #f6f6f6;
    font-size: 14px;
    font-weight: 700;
    line-height: 29px;
    text-align: center;
    letter-spacing: -.1px;
    color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.car-vr-sys-ad .car-vr-sys-btn>div>div::after {
    display: inline-block;
    content: " ";
    height: 5px;
    width: 5px;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #666;
    border-style: solid;
    position: relative;
    left: 4px;
    top: -1px
}

.car-vr-sys-ad .car-vr-sys-btn>div:first-child>div {
    margin-right: 6px
}

.car-vr-sys-ad .car-vr-sys-btn>div:last-child {
    float: right
}

.car-vr-sys-ad .car-vr-sys-btn>div:last-child>div {
    margin-left: 6px
}

.car-vr-ad {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    overflow-x: scroll;
    padding: 10px 0 6px
}

.car-vr-ad::-webkit-scrollbar {
    display: none;
    height: 0
}

.car-vr-ad .ad-item {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    border: solid .5px #e0e0e0!important;
    display: inline-block;
    width: 38.3%;
    height: 162px;
    padding: 0 0 8px;
    margin-right: 9px
}

.car-vr-ad .ad-item .ad-img {
    position: relative;
    height: 84px;
    background-size: cover;
    margin: 0 .5px
}

.car-vr-ad .ad-item .ad-img span {
    position: absolute;
    left: -11.5%;
    bottom: -7px;
    width: 45%;
    height: 30px;
    background-color: rgba(0,0,0,.2);
    color: #d2d2d2;
    font-size: 20px;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    text-align: center
}

.car-vr-ad .ad-item .ad-title {
    width: 92.5%;
    height: 20px;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: -.1px;
    color: #333;
    margin: 7px 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block
}

.car-vr-ad .ad-item .ad-num {
    width: 65.4%;
    height: 16px;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: -.1px;
    color: #9e9e9e;
    margin: 4px 0 0 10px
}

.car-vr-ad .ad-item .ad-link {
    display: inline-block;
    color: #333;
    font-size: 12px;
    width: 40%;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    background-color: #f8f8f8;
    margin: 7px 10px 0;
    position: relative;
    padding: 0 24%
}

.car-vr-ad .ad-item .ad-link:after {
    content: "";
    width: 6.2%;
    height: 7px;
    position: absolute;
    right: 32.5%;
    top: 50%;
    margin-top: -3.5px;
    background: url("../image/more-arrow-ic_8ec1206.png") no-repeat;
    background-size: 7px 7px
}

.credit-card-vr-ad {
    margin-top: 10px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 10px
}

.credit-card-vr-ad::-webkit-scrollbar {
    display: none;
    height: 0
}

.credit-card-vr-ad li {
    display: inline-block;
    width: 133px;
    height: 170px;
    border-radius: 2px;
    border: solid .5px #e0e0e0!important;
    background-color: #fff;
    padding: 0;
    margin-right: 9px;
    position: relative
}

.credit-card-vr-ad li .card-vr-bg {
    width: 133px;
    height: 84px;
    background-color: #d8d8d8;
    background-position: center;
    background-size: cover
}

.credit-card-vr-ad li .card-vr-bg span {
    position: absolute;
    left: 0;
    bottom: 86px;
    width: 31px;
    height: 15px;
    line-height: 15px;
    background-color: rgba(0,0,0,.2);
    color: #d2d2d2;
    font-size: 10px;
    text-align: center
}

.credit-card-vr-ad li .card-vr-bg span::after {
    content: "广告"
}

.credit-card-vr-ad li .card-vr-name {
    padding: 7px 10px 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -.1px;
    color: #333
}

.credit-card-vr-ad li .card-vr-num {
    padding: 4px 10px 0 10px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #9e9e9e;
    letter-spacing: -.1px
}

.credit-card-vr-ad li .card-vr-num span {
    color: #ec1f0d
}

.credit-card-vr-ad li .card-vr-btn {
    margin: 7px 10px 0 10px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 2px;
    background-color: #f8f8f8;
    color: #333;
    text-align: center
}

.credit-card-vr-ad li .card-vr-btn::after {
    display: inline-block;
    content: " ";
    height: 9px;
    width: 6px;
    background: url("../image/more-arrow-ic_8ec1206.png") no-repeat;
    background-size: 6px 9px;
    position: relative;
    left: 4px;
    top: 1px
}

.bottom-popup {
    padding: 0;
    position: absolute;
    bottom: 48px;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #fff
}

.detail-comment-li li {
    padding: 15px;
    border-bottom: 1px solid #f8f8f8
}

.detail-comment-li li .con {
    color: #222;
    font-size: 17px;
    line-height: 26px
}

.detail-comment-li li:last-child {
    border-bottom: none
}

.take-ok {
    position: fixed;
    border-radius: 8px;
    background: #fff;
    width: 315px;
    z-index: 19;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: hidden
}

.take-ok i {
    display: block;
    margin: 33px auto 17px;
    width: 47px;
    height: 46px;
    background: url(../image/right_ic_c855791.png) no-repeat;
    background-size: 47px 46px
}

.take-ok h2 {
    text-align: center;
    line-height: 26px;
    font-size: 18px;
    color: #222;
    padding: 0 10px;
    margin: 0 auto 4px
}

.take-ok p {
    text-align: center;
    padding: 0 10px;
    line-height: 22px;
    font-size: 14px;
    color: #9e9e9e
}

.take-ok p em {
    color: #fe9f10
}

.take-ok .btn {
    margin-top: 29px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-top: 1px solid #f0f0f0;
    font-size: 18px;
    color: #337eff
}

.wwad-list {
    position: fixed;
    z-index: 9;
    width: 100%;
    -webkit-box-shadow: 0 -2px 4px 0 rgba(202,203,204,.27);
    box-shadow: 0 -2px 4px 0 rgba(202,203,204,.27);
    background-color: rgba(246,246,248,.97);
    bottom: 0;
    left: 0;
    padding-bottom: 10px;
    height: 50px;
    overflow: hidden
}

.wwad-list:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    background: #dadfe5;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(.5);
    -ms-transform: translateX(-50%) scale(.5);
    transform: translateX(-50%) scale(.5)
}

.wwad-list:active {
    background-color: rgba(240,240,243,.97)
}

.wwad-list .close {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #d0d4d9;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wwad-list .close:before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-size: 6px;
    font-family: ww
}

.wwad-list .wwl-con {
    overflow: hidden;
    margin: 10px 80px 0 46px;
    position: relative
}

.wwad-list .wwl-con .con .ill {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: #ccc no-repeat center;
    background-size: cover;
    border-radius: 2px
}

.wwad-list .wwl-con .con .ill:after {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.06);
    top: 0;
    left: 0;
    border-radius: inherit
}

.wwad-list .wwl-con .con p {
    line-height: 20px;
    font-size: 15px;
    height: 40px;
    color: #666;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box
}

.wwad-list .wwl-con .con span {
    color: #222;
    font-weight: 700
}

.wwad-list .doit {
    position: absolute;
    width: 50px;
    height: 26px;
    line-height: 26px;
    opacity: .9;
    border-radius: 2px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fe6c2e),to(#ff5e19));
    background-image: -webkit-linear-gradient(top,#fe6c2e,#ff5e19);
    background-image: linear-gradient(to bottom,#fe6c2e,#ff5e19);
    color: #fff;
    text-align: center;
    right: 15px;
    top: 50%;
    font-size: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wwad-list .doit:active {
    opacity: .63
}

.wwad-list .nums {
    position: absolute;
    height: 3px;
    bottom: 5px;
    left: 0;
    right: 0;
    text-align: center
}

.wwad-list .nums span {
    display: inline-block;
    vertical-align: top;
    height: inherit;
    width: 4px;
    border-radius: 9px;
    background-color: #d0d3d9
}

.wwad-list .nums span:not(:last-child) {
    margin-right: 4px
}

.wwad-list .nums span.cur {
    width: 7px;
    background: #abb2c0
}

.rl-list {
    margin: 10px 0 8px;
    overflow: auto
}

.rl-list .list-item {
    float: left;
    width: 152px;
    height: 166px;
    background: #fff;
    border-radius: 2px;
    border: solid .5px #e8e8e8
}

.rl-list .list-item .list-item-pic {
    margin: 5px 5px 0;
    width: 90.74074%;
    height: 75px;
    border-radius: 2px;
    background-size: cover
}

.rl-list .list-item .list-item-pic+.list-item-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    height: 60px
}

.rl-list .list-item .list-item-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    margin: 5px;
    font-size: 14px;
    line-height: 20px;
    height: 140px;
    color: #9e9e9e
}

.rl-list .list-item+.list-item {
    margin-left: 10px
}

.list-item-site {
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #3c82fa;
    border-top: 1px solid #f5f5f5
}

.list-item-site span {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    height: 100%;
    width: 37.03704%
}

.list-item-site span:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #ced2d6;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.list-item-site span:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #ced2d6;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.detail-company-mes {
    line-height: 16px;
    font-size: 12px;
    color: #9e9e9e;
    margin-top: 10px
}

.detail-company-mes.more-show {
    margin-top: 30px
}

.pop-baike {
    position: fixed;
    z-index: 19;
    border-radius: 8px;
    background: #fff;
    width: 315px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%
}

.pop-baike .close {
    position: absolute;
    right: 10px;
    top: 10px;
    background-position: -224px -44px;
    width: 10px;
    height: 10px
}

.pop-baike .close:after {
    content: "";
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
    position: absolute
}

.pop-baike .ill {
    display: block;
    width: 50px;
    height: 48px;
    margin: 43px auto 15px;
    background: url(../image/liwu_7253f69.png) no-repeat;
    background-size: 50px auto
}

.pop-baike p {
    font-size: 17px;
    line-height: 26px;
    color: #222;
    padding: 0 29px 21px;
    text-align: center
}

.pop-baike .btn {
    margin-top: 21px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-top: 1px solid #f0f0f0;
    font-size: 18px;
    color: #337eff
}

.pop-baike .popup-txt {
    font-size: 14px;
    color: #333;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin: 49px 0 12px
}

.pop-baike .popup-txt-info {
    display: inline-block;
    position: relative
}

.pop-baike .popup-txt-info:before {
    content: "";
    width: 6px;
    height: 1px;
    background-color: #9b9b9b;
    position: absolute;
    left: -11px;
    top: 50%
}

.pop-baike .popup-txt-info:after {
    content: "";
    width: 6px;
    height: 1px;
    background-color: #9b9b9b;
    position: absolute;
    right: -11px;
    top: 50%
}

.pop-baike .popup-tit {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    height: 26px;
    margin-bottom: 48px
}

.btn-sogou-search {
    height: 32px;
    font-size: 14px;
    border-radius: 0 16px 16px 0;
    background-color: rgba(45,49,61,.8);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    line-height: 32px;
    position: fixed;
    left: 0;
    bottom: 25px;
    z-index: 21;
    opacity: 1;
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear;
    color: #fff;
    padding: 0 18px 0 9px
}

.btn-sogou-search:before {
    content: "";
    float: left;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #fff;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    margin: 12px 2px 0 0
}

.btn-sogou-search.on {
    opacity: 0
}

.dropdown-search-placeholder {
    position: relative;
    padding: 17px 0 10px;
    overflow: hidden;
    border-top: 5px solid #eef0f3;
    line-height: 24px;
    text-align: center;
    font-size: 14px
}

.dropdown-search-placeholder .half-circle {
    width: 24px;
    height: 24px;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: -12px;
    left: 50%;
    content: " ";
    background: #b5cefe;
    border-radius: 100%
}

.dropdown-search-placeholder .half-circle-on:before {
    width: 6px;
    height: 6px;
    position: absolute;
    transform: translateX(-50%) rotate(135deg);
    -webkit-transform: translateX(-50%) rotate(135deg);
    -moz-transform: translateX(-50%) rotate(135deg);
    -ms-transform: translateX(-50%) rotate(135deg);
    top: 16px;
    left: 50%;
    content: " ";
    border: solid #fff;
    border-width: 0 0 1px 1px
}

.ripple-circle {
    z-index: -1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-radius: 50%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: all .5s cubic-bezier(.1, .57, .1, 1);
    -webkit-transition: all .5s cubic-bezier(.1, .57, .1, 1);
    -moz-transition: all .5s cubic-bezier(.1, .57, .1, 1);
    -ms-transition: all .5s cubic-bezier(.1, .57, .1, 1)
}

.circle-up {
    background: #e1ecfd
}

.circle-mid {
    background: #edf3fe
}

.circle-bot {
    background: #f6faff
}

.dropdown-search-placeholder .dropload-hint {
    top: 0;
    position: relative;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out
}

.dropdown-dragging-div {
    position: relative;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px
}

.dropdown-search-placeholder #circle-bottom {
    background-color: #eaa;
    width: 150px;
    height: 150px;
    position: absolute;
    top: -50px;
    left: 50%;
    vertical-align: middle;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1
}

.dropdown-search-placeholder #circle-top {
    background-color: #e09;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -25px;
    left: 50%;
    vertical-align: middle;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-radius: 50%;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    z-index: -1
}

.dropload-link {
    margin-top: 12px;
    font-size: 17px;
    color: #457dfe
}

.upgrade-prompt-close {
    position: absolute;
    right: 15px;
    top: 15px;
    background-position: -224px -44px;
    width: 10px;
    height: 10px
}

.upgrade-prompt-txt {
    text-align: center;
    padding-top: 62px
}

.upgrade-prompt-confirm {
    position: absolute;
    bottom: 0;
    line-height: 44px;
    height: 44px;
    color: #337eff;
    width: 100%;
    text-align: center;
    border-top: 1px solid #f0f0f0;
    font-size: 18px
}

.hot-search-pop {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#d8d8d8),color-stop(0,transparent));
    background-image: -webkit-linear-gradient(top,#d8d8d8 50%,transparent 0);
    background-image: linear-gradient(to bottom,#d8d8d8 50%,transparent 0);
    background-position: top;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    position: fixed;
    z-index: 8;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 7px 17px 0;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    background-color: rgba(255,255,255,.9)
}

.hot-search-pop-tit {
    font-weight: 700
}

.hot-search-pop-close {
    width: 12px;
    height: 18px;
    position: absolute;
    right: 9px;
    top: 1px;
    line-height: 18px;
    height: 18px;
    padding: 4px 8px
}

.hot-search-pop-close:after {
    display: block;
    content: "\d7";
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    color: #aaa
}

.hot-search-pop-info {
    overflow: hidden;
    margin: 4px -5px 6px
}

.hot-search-pop-tab {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    padding: 4px 5px
}

.hot-search-pop-tab:nth-of-type(3n) {
    width: 34%
}

.rl-normal .first-relate-question {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #222;
    margin-bottom: 8px
}

.rl-normal .relate-question-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: block
}

.rl-normal .relate-question-content {
    font-size: 14px;
    line-height: 23px;
    color: #666;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box
}

.rl-normal .relate-question-mes {
    font-size: 12px;
    line-height: 12px;
    margin-top: 8px;
    color: #999
}

.rl-normal .relate-question-mes p {
    display: inline-block
}

.rl-normal .relate-question-mes .zan-icon {
    margin: 0 20px 0;
    position: relative
}

.rl-normal .relate-question-mes .zan-icon::before {
    position: absolute;
    content: "";
    top: -1px;
    left: -20px;
    background-position: -43px -253px;
    width: 13px;
    height: 13px
}

.rl-normal .relate-question-mes .pv-icon {
    margin-left: calc(50% - 32px);
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%);
    position: relative
}

.rl-normal .relate-question-mes .pv-icon::before {
    position: absolute;
    content: "";
    top: 1px;
    left: -20px;
    background-position: -248px -228px;
    width: 16px;
    height: 11px
}

.rl-normal .relate-question-mes .no-zan {
    margin-left: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.rl-normal .relate-question-mes .relate-question-time {
    float: right
}