@charset "utf-8";
.common-related-item-text, .related-issue-text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}
body {
    background-color: #f5f5f5!important
}
.clearmar:before {
    content: '.';
    display: block;
    height: 0;
    visibility: hidden
}
.ask-deatil-icon {
    background: url(../../images/know/ask_detail_common_s.png) no-repeat;
    background-image: -webkit-image-set(url(../../images/know/ask_detail_common_s.png) 1x, url(../../images/know/ask_detail_common.png) 2x);
    background-image: image-set(url(../../images/know/ask_detail_common_s.png) 1x, url(../../images/know/ask_detail_common.png) 2x)
}
.ask-detail-wrapper {
    background-color: #f3f3f3
}
.ask-detail {
    width: 1220px;
    margin: 0 auto
}
.ask-detail-container {
    position: relative;
    float: left;
    width: 900px;
    margin-bottom: 60px;
    background-color: #f5f5f5
}
.ask-editor {
    margin-top: 15px;
    padding: 10px 20px 20px;
    background: #f8f8f8
}
.ask-editor textarea {
    resize: none
}
.ask-editor .ask-editor-content {
    width: 758px;
    padding: 10px;
    min-height: 80px;
    margin: 10px 0;
    border: 1px solid #eee;
    color: #666;
    background: #fff
}
.ask-editor .ask-editor-content.editing {
    border-color: #85d9b4
}
.ask-editor .operate-del {
    display: inline-block;
    height: 18px;
    padding-left: 6px;
    margin-left: 10px;
    line-height: 18px;
    color: #cc0000;
    background: 0 0
}
.ask-editor .operate-col-r .word-num {
    margin-right: 10px;
    font-size: 12px;
    color: #999
}
.ask-editor .operate-col-r .word-num strong {
    margin: 0 4px;
    color: #f36f20;
    font-weight: 400
}
.ask-editor .ask-insert .ask-insert-text {
    padding-left: 6px;
    vertical-align: middle;
    color: #999
}
.ask-editor .icon-insert-img {
    display: inline-block;
    background-position: -105px -1px;
    width: 15px;
    height: 13px;
    vertical-align: middle
}
.ask-editor .ask-insert {
    display: inline-block;
    margin-top: 1px;
    cursor: pointer
}
.ask-editor .ask-insert.hover .icon-insert-img {
    background-position: -105px -16px
}
.ask-editor .ask-insert.hover .ask-insert-text {
    color: #cc0000
}
.ask-editor .ask-delete {
    display: none;
    padding-top: 9px
}
.ask-editor .ask-editor-operate {
    position: relative
}
.ask-editor .ask-editor-operate .input_file {
    position: absolute;
    left: 0;
    top: 1px;
    z-index: 2;
    width: 150px;
    height: 19px;
    margin-left: -70px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}
.ask-editor .operate-col-l {
    float: left
}
.ask-editor .operate-col-r {
    float: right
}
.ask-editor .cancel-answer-btn {
    display: inline-block;
    padding: 6px 11px;
    border: 1px solid #eee;
    font-size: 12px;
    color: #333;
    background-color: #fff
}
.ask-editor .cancel-answer-btn+.submit-answer-btn {
    margin-left: 6px
}
.ask-editor .submit-answer-btn {
    display: inline-block;
    padding: 4px 11px;
    font-size: 12px;
    color: #fff;
    background-color: #cc0000;
    border: 0;
    cursor: pointer
}
.ask-editor .img-name {
    vertical-align: text-bottom
}
.common-answer-box {
    position: relative
}
.common-answer {
    padding: 25px 40px 18px;
    background-color: #fff
}
.common-answer+.common-answer {
    border-top: 1px solid #f5f5f5
}
.common-answer .common-answer-img {
    display: block;
    max-width: 500px;
    margin: 10px 0
}
.common-answer-icon {
    position: absolute;
    top: 0;
    left: 11px
}
.common-answer-title {
    font-size: 18px;
    font-weight: 400;
    color: #333
}
.common-answer-title .title-num {
    font-weight: 400;
    color: #ffad2c;
    padding: 0 4px
}
.common-answer-herder {
    margin-top: 13px;
    margin-bottom: 9px
}
.common-answer-header-logo {
    float: left
}
.common-answer-header-info {
    float: left;
    margin-left: 12px;
    margin-top: 5px
}
.common-answer-personal {
    display: block
}
.common-answer-data {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    color: #999
}
.common-answer-sep {
    color: #e3e3e3;
    margin: 0 14px
}
.common-answer-header-time {
    float: right;
    font-size: 14px;
    color: #999;
    margin-top: 4px
}
.common-answer-name-detail {
    float: left
}
.common-answer-name {
    float: left;
    font-size: 16px;
    color: #cc0000
}
.common-answer-text, .common-answer-text p, .common-answer-text span {
    font-size: 16px!important
}
.common-answer-name:hover {
    color: #cc0000
}
.common-answer-name.unclick {
    color: #333
}
.common-answer-header-logo img {
    display: block;
    width: 51px;
    height: 51px;
    border-radius: 50%;
    border: 1px solid #eee;
    overflow: hidden
}
.common-answer-header-info .icons-box {
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    vertical-align: text-top
}
.common-answer-header-info .icons-box i {
    float: left
}
.common-answer-header-info .icons-box i+i {
    margin-left: 5px
}
.common-answer-text {
    position: relative;
    margin-bottom: 12px;
    margin-top: 4px;
    line-height: 30px;
    color: #333;
    overflow: hidden
}
.common-answer-text p+p, .common-answer-text span+span {
    margin-top: 11px
}
.common-answer-footer {
    position: relative;
    line-height: 33px
}
.common-answer-footer .answer-operate-item {
    float: left;
    border: 1px solid #e8e8e8;
    width: 80px;
    height: 28px;
    line-height: 28px;
    border-radius: 26px;
    text-align: center
}
.common-answer-footer .answer-operate-item i, .common-answer-footer .answer-operate-item i.icon-comment {
    margin-top: -3px
}
.answer-edit .icon-edit {
    display: inline-block;
    background-position: -120px -61px;
    width: 13px;
    height: 12px;
    vertical-align: middle
}
.answer-comment .icon-comment, .answer-well .icon-well {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.answer-comment .icon-comment, .answer-bad .icon-bad {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.answer-edit.active .icon-edit, .answer-edit:hover .icon-edit {
    background-position: -120px -76px
}
.answer-comment .icon-comment {
    background-position: -126px 0
}
.answer-comment.active .icon-comment, .answer-comment:hover .icon-comment {
    background-position: -147px 0
}
.answer-well .icon-well {
    background-position: -127px -19px
}

.answer-bad .icon-bad {
    background-position: -127px -69px
}

.answer-well.active .icon-well, .answer-well:hover .icon-well {
    background-position: -147px -19px
}

.answer-bad.active .icon-bad, .answer-bad:hover .icon-bad {
    background-position: -147px -69px
}

.answer-comment.active, .answer-comment:hover, .answer-edit.active, .answer-edit:hover {
    background-color: #cc0000;
    border-color: #cc0000;
    color: #fff
}
.answer-well.active, .answer-well:hover {
    background-color: #cc0000;
    border-color: #cc0000;
    color: #fff
}

.answer-bad.active, .answer-bad:hover {
    background-color: #cc0000;
    border-color: #cc0000;
    color: #fff
}

.answer-operate-item+.answer-operate-item {
    margin-left: 10px
}
.answer-visible {
    display: block;
    position: relative;
    line-height: 30px;
    font-size: 14px;
    color: #cc0000;
    cursor: pointer;
    margin-bottom: 20px
}
.answer-visible.show-all-box, .answer-visible.show-section-box {
    display: none
}
.answer-visible:hover {
    color: #cc0000
}
.answer-visible i {
    float: right;
    width: 9px;
    height: 9px;
    margin-top: 10px;
    margin-left: 5px
}
.common-answer-footer .answer-operate-item.answer-visible i {
    margin-right: 0;
    margin-left: 3px
}
.answer-visible .icon-all {
    background-position: -83px -3px
}
.answer-visible .icon-section {
    background-position: -83px -17px
}
.show-all-area {
    text-align: center;
    background-color: #f8f8f8;
    cursor: pointer
}
.answer-visible span {
    display: inline-block
}
.common-answer-text .cover-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 0;
    height: 0;
    display: block;
    cursor: pointer;
    background-image: -webkit-linear-gradient(to top, #fff -6%, transparent 30%);
    background-image: -moz-linear-gradient(to top, #fff -6%, transparent 30%);
    background-image: -o-linear-gradient(to top, #fff -6%, transparent 30%);
    background-image: -ms-linear-gradient(to top, #fff -6%, transparent 30%);
    background-image: linear-gradient(to top, #fff -6%, transparent 30%)
}
.common-answer-text .cover-box:hover {
    background-image: -webkit-linear-gradient(to top, #fff, transparent);
    background-image: -moz-linear-gradient(to top, #fff, transparent);
    background-image: -o-linear-gradient(to top, #fff, transparent);
    background-image: -ms-linear-gradient(to top, #fff, transparent);
    background-image: linear-gradient(to top, #fff, transparent)
}
.common-answer-text .cover-box.overflow-box {
    width: 100%;
    height: 100%
}
.ask-question {
    position: relative;
    background-color: #fff
}
.ask-question .common-answer-text {
    width: 600px;
    margin-top: 0;
    margin-bottom: 3px
}
.ask-question .big-img {
    max-width: 600px
}
.ask-question .ask-editor {
    margin-bottom: 12px
}
.ask-question-title {
    width: 600px;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 7px
}
.ask-question-info {
    font-size: 14px;
    line-height: 30px;
    color: #999
}
.ask-question-info-city {
    color: #999
}
.ask-question-info-city:hover {
    color: #cc0000
}
.ask-question-info strong {
    font-weight: 400
}
.ask-question .common-answer-icon {
    width: 33px;
    height: 28px;
    background-position: 0 0
}
.ask-question-show {
    margin-left: 22px
}
.ask-question-show.answer-visible i {
    top: 4px;
*top:4px
}
.ask-download-box {
    position: absolute;
    top: 50%;
    right: 0;
    width: 248px;
    height: 105px
}
.ask-download {
    display: block;
    height: 100%;
    width: 100%;
    margin-top: -21.17%
}
.ask-down-code {
    float: left;
    width: 105px;
    height: 105px
}
.ask-down-title {
    font-size: 16px;
    color: #333;
    text-align: left;
    margin-top: 31px;
    text-indent: 10px;
    font-weight: 700
}
.ask-down-text {
    font-size: 12px;
    color: #999;
    text-align: left;
    margin-top: 2px;
    text-indent: 11px
}
.ask-answer-box {
    margin-bottom: 12px
}
.best-answer .ask-editor, .other-answer-item .ask-editor {
    margin-bottom: 13px
}
.ask-answer-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 6px 17px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background-color: #cc0000
}
.help-answer, .plus-question-edit {
    display: none
}

.ask-answer-btn:hover {
	color: #fff;
    background-color: #990000
}
.help-answer {
    margin-top: 10px;
    padding: 20px;
    background: #f8f8f8
}
.help-answer-title {
    font-size: 14px;
    color: #333;
    font-weight: 400
}
.plus-question-text {
    line-height: 22px
}
.plus-question-strong {
    position: relative;
    line-height: 11px;
    color: #cc0000
}
.plus-question-strong i {
    position: absolute;
    top: 2px;
*top:4px;
    right: -13px;
    width: 9px;
    height: 9px
}
.plus-question-strong .icon-plus-question {
    background-position: -83px -3px
}
.plus-question-strong .icon-plus-question.icon-plus-up {
    background-position: -83px -17px
}
.tpz-answer {
    margin-top: 18px
}
.tpz-answer .common-answer-icon {
    background-position: -38px 0;
    width: 33px;
    height: 28px
}
.brand-answer .common-answer-header-time, .tubatu-answer .common-answer-header-time, .tubatu-answer .common-answer-name {
    height: 51px
}
.tubatu-answer .tubatu-answer-logo {
    display: block;
    background-position: -40px -38px;
    width: 51px;
    height: 51px
}
.best-answer .common-answer-header-info, .brand-answer .common-answer-header-info {
    margin-top: 4px
}
.brand-answer .icon-v {
    float: left;
    background-position: -101px -40px;
    width: 16px;
    height: 16px
}
.best-answer .common-answer-header-time {
    height: 51px
}
.company-answer .score {
    width: 53px;
    margin-left: 10px;
    vertical-align: top;
    color: #ffad2c
}
.company-answer .icon-score {
    float: left;
    background-position: -101px -69px;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    margin-top: 1px
}
.common-related, .other-answer {
    margin-top: 20px
}
.company-answer .icon-ren {
    background-position: -126px -40px;
    width: 16px;
    height: 16px
}
.company-answer .icon-jin {
    background-position: -150px -40px;
    width: 16px;
    height: 16px
}
.other-answer {
    border-top: 1px solid #f5f5f5
}
.other-answer .common-answer-icon {
    background-position: 0 -40px;
    width: 32px;
    height: 28px
}
.other-answer-item {
    padding-top: 4px;
    padding-bottom: 26px
}
.other-answer .common-answer {
    padding-bottom: 5px
}
.other-answer-item+.other-answer-item {
    border-top: 1px dashed #e8e8e8
}
.other-answer .set-best-answer {
    position: absolute;
    top: 1px;
    right: 0;
    border: 1px solid #cc0000;
    color: #cc0000;
    font-size: 12px;
    line-height: 24px;
    padding: 0 9px;
*top:-6px
}
.other-answer-item:last-child .ask-editor {
    margin-bottom: 15px
}
.ask-tag-box {
    position: relative;
    height: 66px;
    padding-left: 40px;
    line-height: 66px;
    background-color: #f8f8f8
}
.ask-tag {
    display: inline;
    box-sizing: border-box;
    height: 26px;
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0;
    padding: 4px 6px;
    color: #999;
    text-align: center;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    margin-right: 12px
}
.common-related-item+.common-related-item {
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid #f5f5f5
}
.common-related-item-header {
    margin-bottom: 11px
}
.common-related-title {
    padding: 15px 40px;
    font-size: 20px;
    color: #333;
    font-weight: 400;
    background: #fff
}
.common-related-content {
    padding: 40px;
    border-top: 1px solid #eee;
    background: #fff
}
.common-related-ask {
    float: left;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background: #21c07d;
    margin-right: 6px;
    margin-top: 2px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    vertical-align: text-bottom
}
.common-related-item-title a {
    color: #333
}
.common-related-item-title {
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #333
}
.common-related-item-title a:hover {
    color: #cc0000
}
.common-related-desc {
    font-size: 12px;
    color: #999
}
.common-related-desc strong {
    margin: 0 5px;
    color: #ff5a00;
    font-weight: 400
}
.common-related-item-text {
    max-height: 50px;
_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<50?"50px":"");
    line-height: 26px;
    margin-left: 23px;
    font-size: 14px;
    color: #666;
    display: -webkit-box
}
.common-related-item-text+.common-related-item-text {
    border-top: 1px dashed #f5f5f5;
    margin-top: 15px;
    padding-top: 15px
}
.related-answer .common-related-desc {
    float: right
}
.related-issue {
    padding-bottom: 30px
}
.related-issue.common-related-content {
    padding-left: 31px
}
.related-issue-item {
    float: left;
    margin-bottom: 9px;
    margin-left: 9px;
    box-shadow: 0 0 0 #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1
}
.related-issue-item:hover {
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.1);
    box-shadow: 0 8px 20px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    border-radius: 2px
}
.related-issue-item:hover a {
    border-color: transparent
}
.related-issue-item a {
    position: relative;
    display: block;
    border: 1px solid #eee;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    width: 156px;
    height: 90px;
    padding: 38px 20px 30px
}
.related-issue-item-bg {
    position: absolute;
    top: -20px;
    left: -10px;
    display: block;
    width: 50px;
    height: 50px;
    background-position: -5px -96px
}
.related-issue-text {
    height: 56px;
    margin-bottom: 18px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    display: -webkit-box
}
.related-issue-item:hover .related-issue-text {
    color: #cc0000
}
.ask-comment, .ask-edit {
    display: none
}
.ask-comment .ask-editor-content, .ask-edit .ask-editor-content {
    min-height: 40px
}
.ask-comment .ask-reply {
    padding-top: 18px;
    margin-top: 18px;
    border-top: 1px dashed #e8e8e8;
    font-size: 12px
}
.ask-comment .ask-reply-info {
    margin-bottom: 8px
}
.ask-comment .ask-reply-author {
    color: #333;
    vertical-align: text-bottom
}
.ask-comment .ask-reply-time {
    font-style: normal;
    color: #999;
    margin-left: 20px
}
.ask-comment .ask-reply-content {
    color: #666;
    line-height: 20px
}
.ask-comment .ask-reply-content a {
    margin-left: 35px
}
.ask-comment .ask-reply-content a:hover {
    color: #cc0000
}
.yezhu-detail-refer {
    margin-top: 20px;
    width: 900px;
    background-color: #fff;
    display: none
}
.yezhu-detail-refer-logo {
    width: 34px;
    height: 28px;
    margin-left: 10px;
    background: url(http://img.to8to.com/to8to_pc/ask/ask_detail/ask_detail_flow.png?v=20180816) no-repeat;
    background-size: 100% 100%
}
.yezhu-detail-refer-title {
    margin-top: 2px;
    padding-left: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #333
}
.yezhu-detail-refer-introBox {
    padding: 0 0 30px 30px;
    overflow: hidden
}
.yezhu-detail-refer-introBox-mergent {
    width: 275px;
    height: 128px;
    margin-top: 20px;
    margin-right: 15px;
    padding: 10px;
    border-right: 1px solid #F6F6F6;
    box-sizing: border-box;
    float: left
}
.yezhu-detail-refer-introBox-mergent:last-child {
    border: 0
}
.yezhu-detail-refer-introBox-mergent-l {
    border: 0;
    padding-right: 0;
    margin-right: 0
}
.yezhu-detail-refer-introBox-mergent-icon {
    float: left;
    width: 70px;
    height: 70px;
    padding: 0 10px 10px 0
}
.yezhu-detail-refer-introBox-mergent-icon img {
    width: 100%;
    height: 100%;
    border: 1px solid #F6F6F6
}
.yezhu-detail-refer-introBox-mergent-r {
    float: left;
    width: 170px
}
.yezhu-detail-refer-introBox-mergent-title {
    font-weight: 700;
    font-size: 14px;
    height: 19px;
    line-height: 25px;
    color: #333
}
.yezhu-detail-refer-introBox-mergent-address {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #666;
    padding: 7px 0 3px
}
.yezhu-detail-refer-introBox-mergent-context {
    font-size: 12px;
    color: #666
}
.clear {
    clear: both
}
.yezhu-detail-refer-introBox-mergent-toRefer {
    background: #FFF;
    width: 240px;
    height: 28px;
    border: 1px solid #FF5A00;
    border-radius: 3px;
    font-size: 12px;
    color: #FF5A00;
    line-height: 28px;
    text-align: center;
    display: block;
    text-decoration: none
}
.yezhu-detail-refer-introBox-mergent-toRefer:hover {
    background: #FF5A00;
    color: #fff
}







.ask-right {
    float: right;
    width: 300px;
    margin-top: -20px;
    margin-bottom: 20px
}
.ask-right-icons {
    background: url('//img.to8to.com/to8to_pc/ask/ask_right_common/ask_right_s.png?v=2017090818') no-repeat;
    background-image: -webkit-image-set(url('//img.to8to.com/to8to_pc/ask/ask_right_common/ask_right_s.png?v=2017090818') 1x, url('//img.to8to.com/to8to_pc/ask/ask_right_common/ask_right.png?v=2017090818') 2x);
    background-image: image-set(url('//img.to8to.com/to8to_pc/ask/ask_right_common/ask_right_s.png?v=2017090818') 1x, url('//img.to8to.com/to8to_pc/ask/ask_right_common/ask_right.png?v=2017090818') 2x)
}
.module-common {
    position: relative;
    width: 260px;
    overflow: hidden;
    margin-top: 20px;
    padding: 0 20px;
    background-color: #fff
}
.module-common-header {
    padding: 11px 0;
    border-bottom: 1px solid #e8e8e8
}
.module-common-title {
    font-size: 20px;
    color: #333;
    font-weight: 400
}
.decorate-company-more, .module-common-more {
    display: block;
    position: absolute;
    top: 18px;
    right: 20px;
    z-index: 3;
    width: 35px;
    height: 18px;
    color: #999;
    font-size: 12px
}
.icon-more {
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
    width: 6px;
    height: 10px
}
.decorate-company-more:hover .icon-more, .module-common-more:hover .icon-more {
    background-position: -10px 0
}
.decorate-company-more:hover, .module-common-more:hover {
    color: #cc0000
}
.module-common-content {
    padding-top: 20px;
    padding-bottom: 25px
}
.ad-commom {
    display: block;
    margin-top: 20px
}
.ad-commom img {
    display: block;
    width: 300px;
    height: 150px
}
.decorate-company .slider-btns, .module-common .slider-btns {
    position: absolute;
    left: 50%;
    bottom: 6px;
    margin-left: -50px;
    width: 100px;
    text-align: center;
    z-index: 1
}
.decorate-company .swiper-pagination-switch, .module-common .swiper-pagination-switch {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #d3d3d3
}
.decorate-company .swiper-active-switch, .module-common .swiper-active-switch {
    background-color: #cc0000
}
.decorate-company .swiper-pagination-switch+.swiper-pagination-switch, .module-common .swiper-pagination-switch+.swiper-pagination-switch {
    margin-left: 5px
}
.decorate-company:hover .slider-btns, .module-common:hover .slider-btns {
    bottom: 3px
}
.decorate-company:hover .swiper-pagination-switch, .module-common:hover .swiper-pagination-switch {
    width: 12px;
    height: 12px
}
.decorate-company:hover .swiper-pagination-switch+.swiper-pagination-switch, .module-common:hover .swiper-pagination-switch+.swiper-pagination-switch {
    margin-left: 7px
}
.img-scale {
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transform: all .7s
}
.bottom-item:hover .img-scale, .company-site .img-scale:hover, .home-pic .img-scale:hover, .item-open:hover .img-scale, .sub-box-top:hover .img-scale {
    -webkit-transition: scale(1.1);
    -moz-transition: scale(1.1);
    -ms-transition: scale(1.1);
    -o-transition: scale(1.1);
    transform: scale(1.1)
}
.hot-tips-item+.hot-tips-item {
    margin-top: 16px
}
.hot-tips-item .item-open, .hot-tips-item.on .item-close {
    display: none
}
.hot-tips-item .item-close, .hot-tips-item.on .item-open {
    display: block
}
.hot-tips .icon-num1 {
    float: left;
    margin-left: 3px;
    background-position: -1px -12px;
    width: 16px;
    height: 20px
}
.hot-tips .icon-num2 {
    float: left;
    background-position: -20px -12px;
    width: 19px;
    height: 20px
}
.hot-tips .icon-num3 {
    background-position: -42px -12px
}
.hot-tips .icon-num3, .hot-tips .icon-num4 {
    float: left;
    margin-left: 1px;
    width: 18px;
    height: 20px
}
.hot-tips .icon-num4 {
    background-position: -63px -12px
}
.hot-tips .item-open-img {
    position: relative;
    float: left;
    width: 90px;
    height: 90px;
    margin-left: 10px;
    overflow: hidden
}
.hot-tips .item-open-info {
    float: left;
    width: 130px;
    margin-left: 10px
}
.hot-tips .item-open-title {
    max-height: 61px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    display: block
}
body:nth-of-type(1) .item-open-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}
.no-img .item-open-info {
    width: 226px
}
.no-img .item-open-title {
    max-height: 40px;
    overflow: hidden;
    display: block
}
body:nth-of-type(1) .no-img .item-open-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.item-open:hover .item-open-title {
    color: #cc0000
}
.hot-tips .item-open-tip {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #fc6a48
}
.hot-tips .icon-hot {
    float: left;
    background-position: -20px 0;
    width: 9px;
    height: 11px;
    margin-top: 4px;
    margin-right: 3px
}
.hot-tips .item-close-title {
    float: left;
    width: 221px;
    margin-left: 10px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.wx-yezhu-common .swiper-slide, .wx-yezhu-common .swiper-wrapper {
    height: 288px!important
}
.sub-box-top {
    position: relative;
    display: block;
    width: 260px;
    height: 148px;
    overflow: hidden
}
.sub-box-top:after {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    box-shadow: inset 0 -52px 65px -42px #000
}
.sub-box-top-title {
    position: absolute;
    bottom: 5px;
    left: 9px;
    z-index: 1;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 242px
}
.sub-box-bottom {
    margin-top: 9px
}
.sub-box .bottom-item+.bottom-item {
    margin-top: 11px
}
.sub-box .bottom-item-img {
    float: left;
    width: 90px;
    height: 60px;
    overflow: hidden
}
.sub-box .bottom-item-title {
    float: left;
    width: 140px;
    margin-left: 10px;
    margin-top: 5px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    max-height: 41px;
    overflow: hidden;
    display: block
}
body:nth-of-type(1) .bottom-item-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.bottom-item:hover .bottom-item-title, .sub-box-top:hover .sub-box-top-title {
    color: #cc0000
}
.home-pic-box {
    margin-top: -5px;
    margin-left: -5px
}
.home-pic .swiper-slide, .home-pic .swiper-wrapper {
    height: 250px!important
}
.home-pic-link {
    float: left;
    width: 83px;
    height: 80px;
    margin-top: 5px;
    margin-left: 5px;
    overflow: hidden
}
.home-pic-link.big {
    width: 171px;
    height: 165px
}
.decorate-company .swiper-slide, .decorate-company .swiper-wrapper {
    height: 292px!important
}
.decorate-company {
    position: relative;
    margin-top: 20px;
    background-color: #fff
}
.company-bg {
    background: url('//img.to8to.com/to8to_pc/ask/ask_right_common/right_company_s.png') no-repeat;
    background-image: -webkit-image-set(url('//img.to8to.com/to8to_pc/ask/ask_right_common/right_company_s.png') 1x, url('//img.to8to.com/to8to_pc/ask/ask_right_common/right_company.png') 2x);
    background-image: image-set(url('//img.to8to.com/to8to_pc/ask/ask_right_common/right_company_s.png') 1x, url('//img.to8to.com/to8to_pc/ask/ask_right_common/right_company.png') 2x)
}
.company-sub {
    display: block
}
.company-sub-header {
    width: 300px;
    height: 141px;
    overflow: hidden;
    background-position: 0 0
}
.company-logo {
    width: 62px;
    height: 62px;
    margin: 13px auto 5px;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    overflow: hidden
}
.company-title {
    width: 263px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.company-info {
    text-align: center;
    font-size: 12px;
    color: #666;
    margin-top: 3px
}
.company-info-item+.company-info-item {
    margin-left: 11px
}
.site-list {
    list-style: none;
    padding: 20px 16px 0 20px
}
.company-site+.company-site {
    margin-top: 11px
}
.site-detail-top {
    padding-left: 5px
}
.site-title {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    float: left;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.company-site-img {
    float: left;
    width: 90px;
    height: 60px;
    overflow: hidden
}
.company-site-detail {
    float: left;
    width: 169px;
    margin-top: 8px;
    margin-left: 5px
}
.site-detail-bottom {
    margin-top: 3px;
    height: 18px;
    overflow: hidden
}
.site-detail-bottom span {
    float: left;
    padding: 0 5px;
    font-size: 12px;
    color: #999
}
.site-detail-bottom i.site-detail-line {
    float: left;
    width: 1px;
    height: 11px;
    margin-top: 4px;
    background-color: #e3e3e3
}
.site-state {
    float: right;
    background-position: -2px -35px;
    width: 43px;
    height: 15px;
    margin-top: 3px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 14px
}
.company-footer {
    display: block;
    width: 260px;
    height: 69px;
    margin: 0 auto;
    padding-top: 14px;
    padding-bottom: 25px
}
.wx-msg-box {
    width: 480px;
    height: 460px;
    background-color: #fff;
    text-align: center
}
.wx-msg-box .wx-msg-text {
    width: 100%;
    color: #333;
    font-size: 18px;
    padding-top: 52px
}
.wx-msg-text p {
    color: #333;
    font-size: 14px;
    display: block
}
.wx-msg-text .wx-msg-text-p1 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 28px;
    width: 400px;
    margin: 0 auto 12px
}
.wx-msg-text .wx-msg-text-p2 {
    width: 360px;
    max-height: 36px;
    margin: 0 auto;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis
}
body:nth-of-type(1) .wx-msg-text-p1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}
body:nth-of-type(1) .wx-msg-text-p2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.wx-icons {
    background: url('//img.to8to.com/to8to_pc/ask/ask_right_common/wx-icons.png') no-repeat
}
.wx-icon-guide {
    display: block;
    background-position: 0 0;
    width: 41px;
    height: 33px;
    margin-top: 14px;
    margin-left: 285px
}
.wx-msg-text .wx-msg-text-p4 {
    margin-top: 3px
}
.wx-msg-text-p4 em {
    color: #00bd24
}
.wx-msg-text-p4 i.icon-weixin-logo {
    display: inline-block;
    background-position: -1px -34px;
    width: 19px;
    height: 15px
}
.wx-img {
    margin-top: 16px
}
.wx-img img {
    height: 180px;
    width: 180px;
    border: 1px solid #e8e8e8
}
.enterprice {
    margin-top: 20px;
    background: #fff
}
.enterprice-title {
    font-size: 16px;
    color: #333;
    padding: 15px
}
.enterprice-infoBox {
    width: 272px;
    height: 116px;
    margin: 0 auto 15px;
    border-bottom: 1px solid #f6f6f6
}
.enterprice-infoBox-logo {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 1px solid #f6f6f6;
    box-sizing: border-box;
    float: left
}
.enterprice-infoBox-logo img {
    width: 100%;
    height: 100%
}
.enterprice-infoBox-rightArea {
    height: 100px;
    width: 160px;
    float: right
}
.enterprice-infoBox-rightArea-title {
    font-size: 14px;
    height: 19px;
    line-height: 25px;
    color: #333;
    font-weight: 700
}
.enterprice-infoBox-rightArea-address {
    padding: 7px 0 3px;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #666
}
.enterprice-infoBox-rightArea-context {
    font-size: 12px;
    color: #666
}
.enterprice-infoBox-rightArea-toRefer {
    margin-top: 11px;
    line-height: 28px;
    text-align: center;
    width: 160px;
    height: 28px;
    background: #fff;
    border: 1px solid #ff5a00;
    border-radius: 3px;
    font-size: 12px;
    color: #ff5a00;
    box-sizing: border-box;
    display: block;
    text-decoration: none
}
.enterprice-infoBox-rightArea-toRefer:hover {
    background: #ff5a00;
    color: #fff
}
.clear {
    clear: both
}