.main-topic {width: 1080px; margin: 20px auto 0 ;}.main-topic .main-left {width: 788px;}.main-topic .main-left .main-topic-infor {padding: 29px 36px 18px; background-color: #fff; border: 1px solid #ededed; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px;}.main-topic .main-left .main-topic-infor .topic-content {font-size: 14px; line-height: 1.57; color: #595959; overflow: hidden; position: relative;}.main-topic .main-left .main-topic-infor .topic-content .topic-content-text {white-space: pre-line;}.main-topic .main-left .main-topic-infor .topic-content .open-btn {letter-spacing: 1px; color: #1672ad; cursor: pointer; bottom: 0; right: 0; padding-right: 5px; position: absolute; background-color: #fff;}.main-topic .main-left .main-topic-infor .topic-content .open-btn .ellipsis {color: #595959; cursor: auto; padding-right: 6px;}.main-topic .main-left .main-topic-infor .topic-content .close-btn {margin-top: 10px; color: #1672ad; text-align: right;}.main-topic .main-left .main-topic-infor .topic-content.close-content .close-btn {display: none;}.main-topic .main-left .main-topic-infor .topic-content.open-content {height: auto;}.main-topic .main-left .main-topic-infor .topic-content.open-content .open-btn {display: none ;}.main-topic .main-left .main-topic-infor .topic-time {margin-top: 7px; line-height: 20px; font-size: 14px; color: #b3b3b3;}.main-topic .main-left .topic-commnet-type {width: 786px; height: 37px; border: 1px solid #ededed; border-top: none; background-color: #fafafa; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;}.main-topic .main-left .topic-commnet-type ul {padding: 0 35px;}.main-topic .main-left .topic-commnet-type ul li {height: 31px; margin-left: 43px; line-height: 31px; text-align: center; float: left; border-bottom: 3px solid transparent; position: relative; bottom: -3px; cursor: pointer;}.main-topic .main-left .topic-commnet-type ul li:first-of-type {margin-left: 0;}.main-topic .main-left .topic-commnet-type ul li a {font-size: 12px; color: #4d4d4d;}.main-topic .main-left .topic-commnet-type ul li.checked {border-bottom: 3px solid #f53526;}.main-topic .main-left .topic-commnet-type ul li.checked a {font-weight: 600; color: #000000;}.main-topic .main-left .look-all-comment {text-align: center; line-height: 44px; margin-bottom: -10px;}.main-topic .main-left .look-all-comment .all-comment-num {font-size: 14px; color: #1672ad;}.main-topic .main-left .comment-topic {margin: 0 0 30px 0;}.main-topic .main-left .comment-topic .comment-top-hover-li {border: 1px solid #ededed; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; margin-top: 10px;}.main-topic .main-left .comment-topic .main-comment-content {padding: 30px 37px 0;}.main-topic .main-left .comment-topic .comment-user-face {width: 42px; height: 42px;}.main-topic .main-left .comment-topic .user-name {font-weight: 600; color: #1672ad;}.main-topic .main-left .comment-topic .published-time {display: block; color: #b3b3b3;}.main-topic .main-left .comment-topic .comment-content-data,.main-topic .main-left .comment-topic .child-comment-content {line-height: 24px; height: auto; text-align: justify; max-height: 120px; overflow: hidden;}.main-topic .main-left .comment-topic .comment-content-data.show,.main-topic .main-left .comment-topic .child-comment-content.show {max-height: 999999px; overflow: visible;}.main-topic .main-left .comment-topic .look-all {color: #1a1a1a; font-size: 14px; line-height: 22px;}.main-topic .main-left .comment-topic .look-all .icon-down {margin-left: 0;}.main-topic .main-left .comment-topic .comment-content-data-img {margin-bottom: 0;}.main-topic .main-left .comment-topic .comment-content-data-img.six-img {width: 60%;}.main-topic .main-left .comment-topic .comment-content-data-img ul li img {cursor: pointer; width: 110px; height: 110px;}.main-topic .main-left .comment-topic .comment-content-data-img ul li img.oneImg {width: 230px; height: 230px;}.main-topic .main-left .comment-topic .comment-query-topic {border-top: 1px solid #f0f0f0; padding: 13px 4px 0; height: 32px;}.main-topic .main-left .comment-topic .comment-query-topic > span {display: block; margin-right: 30px; padding-left: 22px; position: relative; color: #808080; font-size: 12px; line-height: 17px; float: left; cursor: pointer;}.main-topic .main-left .comment-topic .comment-query-topic > span i.icon-topic {display: block; padding: 9px; position: absolute; left: 0; bottom: 2px;}.main-topic .main-left .comment-topic .comment-query-topic > span i.icon-topic.icon-self-comment-share {background: url("../images/topic/item-share.png") no-repeat center center; -moz-background-size: 18px auto; background-size: 18px auto;}.main-topic .main-left .comment-topic .comment-query-topic > span i.icon-topic.icon-self-comment-query {background: url("../images/topic/item-comment.png") no-repeat center center; -moz-background-size: 14px auto; background-size: 14px auto;}.main-topic .main-left .comment-topic .comment-query-topic > span i.icon-topic.icon-self-comment-zan {background: url("../images/topic/item-zan.png") no-repeat center center; -moz-background-size: 16px auto ; background-size: 16px auto ;}.main-topic .main-left .comment-topic .comment-query-topic > span.zan-red {color: #ff5b5b;}.main-topic .main-left .comment-topic .comment-query-topic > span.zan-red i.icon-topic.icon-self-comment-zan {background: url("../images/topic/item-zan-red.png") no-repeat center center; -moz-background-size: 16px auto; background-size: 16px auto;}.main-topic .main-left .comment-topic .comment-query-topic > span.zan-gray {color: #808080;}.main-topic .main-left .comment-topic .comment-query-topic > span.zan-gray i.icon-topic.icon-self-comment-zan {background: url("../images/topic/item-zan.png") no-repeat center center; -moz-background-size: 16px auto; background-size: 16px auto;}.main-topic .main-left .comment-topic .child-comment {padding: 0 37px 37px 93px; background-color: #fff; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;}.main-topic .main-left .comment-topic .child-comment .child-comment-wrap {background-color: #f5f5f5; padding: 0.1px 21px 0 21px; position: relative;}.main-topic .main-left .comment-topic .child-comment .child-comment-wrap:after {content: ""; width: 0; height: 0; border: 7px solid #f5f5f5; border-left: 7px solid transparent; border-top-color: transparent; border-right: 7px solid transparent; position: absolute; top: -14px; left: 80px;}.main-topic .main-left .comment-topic .child-comment .comment-reply-topic {padding: 21px 0; border-bottom: 1px solid #ebebeb; display: none;}.main-topic .main-left .comment-topic .child-comment .comment-reply-topic .comment-input-box {height: 20px; background-color: #ebebeb; padding: 9px 20px;}.main-topic .main-left .comment-topic .child-comment .comment-reply-topic .comment-input-box textarea {height: 20px; font-size: 14px; width: 100%; background: transparent; outline: none; border: none; line-height: 20px;}.main-topic .main-left .comment-topic .child-comment .comment-reply-topic .submit-cpmment-topic {margin-top: 13px; line-height: 29px; font-size: 14px;}.main-topic .main-left .comment-topic .child-comment .comment-reply-topic .submit-cpmment-topic .submit-cpmment-cancel {margin-right: 24px; cursor: pointer;}.main-topic .main-left .comment-topic .child-comment .comment-reply-topic .submit-cpmment-topic .submit-cpmment-topic-btn {display: inline-block; *display: inline-block; width: 83px; height: 29px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; text-align: center; cursor: pointer;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-show-list li {margin-top: 10px;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-show-list li:last-of-type .child-comment-item-show {border-bottom: none;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-face {width: 42px; height: 42px; overflow: hidden; -moz-border-radius: 100%; border-radius: 100%;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-face img {width: 100%;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .comment-reply-topic {margin-left: 0; border: none; padding: 0 0 21px 0;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-item-show {border-bottom: 1px solid #ebebeb;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-item-show .child-comment-user-name {font-weight: 600; color: #1672ad;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-item-show .child-comment-data {letter-spacing: 0.5px;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-item-show .child-comment-data .parent-comment-username {color: #B3B3B3;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-item-show .child-comment-data .parent-comment-username .replayuser-name {color: #1672ad;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-item-show .child-comment-infor {padding-bottom: 12px; height: 17px; line-height: 17px;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-item-show .child-comment-time {font-size: 12px; color: #b3b3b3;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-item-show .child-comment-control {color: #808080;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-item-show .child-comment-control .child-comment-reply-btn {padding: 0 9px; border-right: 1px solid #e6e6e6;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-item-show .child-comment-control .child-comment-zan {margin-left: 9px; padding-left: 22px; position: relative;}.main-topic .main-left .comment-topic .child-comment .child-comment-list .child-comment-item-show .child-comment-control .child-comment-zan .icon-child-comment-zan {padding: 8px; position: absolute; left: 0; top: -3px;}.main-topic .main-left .comment-topic .child-comment .more-child-comment,.main-topic .main-left .comment-topic .child-comment .close-child-comment {height: 41px; line-height: 41px; font-size: 14px; letter-spacing: -0.3px; color: #1672ad; font-weight: 600;}.main-topic .main-right {width: 280px;}.main-topic .main-right .right-inner-query {margin-bottom: 10px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 20px; border: 1px solid #f0f0f0; position: relative;}.main-topic .main-right .right-inner-query:first-of-type {padding: 20px 50px;}.main-topic .main-right .right-inner-query:nth-of-type(2) .mycode {position: relative;}.main-topic .main-right .right-inner-query:nth-of-type(2) .mycode img {width: auto; height: 128px; margin: -5px 0 -5px -5px;}.main-topic .main-right .right-inner-query:nth-of-type(2) .mycode .code-des-text {font-size: 14px; color: #b3b3b3; position: absolute; right: 0; top: 47px;}.main-topic .main-right .right-inner-query .outer-query {float: left; text-align: center; font-size: 14px; cursor: pointer;}.main-topic .main-right .right-inner-query .outer-query:last-of-type {float: right;}.main-topic .main-right .right-inner-query .outer-query .icon-left-share {background: url("../images/topic/share-gray.png") no-repeat center center; -moz-background-size: 21px auto; background-size: 21px auto;}.main-topic .main-right .right-inner-query .outer-query:hover .icon-left-share,.main-topic .main-right .right-inner-query .outer-query.on .icon-left-share {background: url("../images/topic/share-red.png") no-repeat center center; -moz-background-size: 21px auto; background-size: 21px auto;}.main-topic .main-right .right-inner-query .outer-query:hover .icon-left-shoucang,.main-topic .main-right .right-inner-query .outer-query.on .icon-left-shoucang {background-position: -118px -279px;}.main-topic .main-right .right-inner-query .outer-query .icon-warp {width: 62px; height: 62px; display: block; border: 1px solid #e3e3e3; -moz-border-radius: 50%; border-radius: 50%; position: relative;}.main-topic .main-right .right-inner-query .outer-query .icon-warp .icon {position: absolute; display: block; width: 20px; height: 20px; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px;}.main-topic .main-right .right-inner-query .outer-query .icon-warp .icon.icon-left-share {width: 22px; height: 22px; margin-left: -11px; margin-top: -11px;}.main-topic .main-right .right-inner-query .outer-query .text {margin-top: 10px;}.main-topic .main-right .right-inner-query .outer-query.share-query {margin: 0;}.main-topic .main-right .right-inner-query .outer-query.share-query:hover .right-share-box {display: block;}.main-topic .main-right .right-inner-query .outer-query.share-query .right-share-box {display: none;}.main-topic .main-right .right-inner-header {border-bottom: 1px solid #ededed;}.main-topic .main-right .right-inner-header h3 {font-size: 16px; font-weight: 100; line-height: 30px; display: inline-block; border-bottom: 1px solid #fe584d; position: relative; top: 1px;}.main-topic .main-right .mycode img {width: 100%;}.main-topic .main-right .right-share-box {width: 278px; left: 0; top: 125px; z-index: 1;}.main-topic .main-right .right-share-box .share-arrow {top: -10px; height: 10px; width: 100%; left: 0;}.main-topic .main-right .right-share-box .share-arrow .icon-arrow {display: block; width: 20px; height: 20px; left: 29%; position: Absolute; margin-left: -5px; z-index: 1; top: 0px;}.main-topic .main-right .right-share-box .share-item-warp {padding: 20px; position: relative; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fff; overflow: hidden;}.main-topic .main-right .right-share-box .share-item-warp li {float: left; width: 33.33333%; text-align: center;}.main-topic .main-right .right-share-box .share-item-warp a {display: block; padding: 5px;}.main-topic .main-right .right-share-box .share-item-warp .icon {width: 35px; height: 35px; display: block; margin: auto;}.main-topic .main-right .article-bottom-share {font-size: 14px; line-height: 42px; padding-left: 24px; position: relative; cursor: pointer;}.main-topic .main-right .article-bottom-share:hover .right-share-box {display: block;}.main-topic .main-right .article-bottom-share .query {color: #666666; display: inline-block; position: relative;}.main-topic .main-right .article-bottom-share .icon-bottom-share {position: absolute; left: -24px; height: 100%; width: 24px;}.main-topic .main-right .article-bottom-share .right-share-box {top: auto; left: auto; right: 0; bottom: 100%; display: none;}.main-topic .main-right .article-bottom-share .right-share-box .share-arrow {top: auto; bottom: -5px;}.main-topic .main-right .article-bottom-share .right-share-box .icon-arrow {right: 20px; left: auto; background-position: -90px -306px;}.topic-submit-gray {background-color: #d7d7d7;}.topic-submit-red {background-color: #ff5b5b;}.zan-red {color: #ff5b5b;}.zan-red .icon-child-comment-zan {background: url("../images/topic/item-zan-red.png") no-repeat center center; -moz-background-size: 16px auto; background-size: 16px auto;}.zan-gray {color: #808080;}.zan-gray .icon-child-comment-zan {background: url("../images/topic/item-zan.png") no-repeat center center; -moz-background-size: 16px auto; background-size: 16px auto;}.topic-top-red {color: #ff5b5b;}.topic-top-gray {color: #b3b3b3;}.icon-up-gray {padding: 7px; background: url("../images/topic/up-gray.png") no-repeat center center; -moz-background-size: 14px auto; background-size: 14px auto; margin-left: 5px;}.icon-up-red {padding: 7px; background: url("../images/topic/up-red.png") no-repeat center center; -moz-background-size: 14px auto; background-size: 14px auto; margin-left: 5px;}.icon-down {padding: 8px; margin-left: 5px; background: url("../images/topic/down.png") no-repeat center center; -moz-background-size: 15px auto; background-size: 15px auto;}.ellipsis-data {max-height: 120px; overflow: hidden; position: relative;}.ellipsis-data:after {content: "..."; position: absolute; bottom: 0; right: 0; padding-right: 3px; background-color: #fff;}.bdsharebuttonbox.share-inner-item {top: 32px; z-index: 1; left: -60px; display: none;}.bdsharebuttonbox.share-inner-item li {margin: 0;}.bdsharebuttonbox.share-inner-item li a {height: 40px; z-index: 2; position: relative;}.bdsharebuttonbox.share-inner-item .share-arrow {top: -16px; height: 20px;}.bdsharebuttonbox.share-inner-item .share-arrow .icon-arrow {background-position: -92px -274px; left: 80px;}.main-topic .main-left .comment-topic .comment-query-topic > .self-comment-share:hover .share-inner-item {display: block;}.show-comment-all {color: #1672ad; font-weight: 600;}.no-one-data {display: none; margin-top: 192px;}.no-one-data dl {width: 120px; margin: 0 auto;}.no-one-data dl dt {width: 109px; height: 109px; margin: 0 auto; background: url("../images/vip/blank.png") no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%;}.no-one-data dl dd {margin-top: 18px; text-align: center; font-size: 14px; color: #B3B3B3; line-height: 20px;}.no-one {min-height: 600px; padding-top: 0.1px; background-color: #fff; margin: 20px 0 30px 0 !important; border: 1px solid #f0f0f0; -moz-border-radius: 5px; border-radius: 5px;}