.grid-16-8 .aside{width:300px}h2{font-size:15px;color:#111}td,th{word-wrap:break-word}.operation_div .lnk-delete-comment{display:none}.operation_div .lnk-show-memberstats{display:none}.operation_div .lnk-opt-line{display:none}.operation_div .lnk-report{display:none}.topic-doc{font-size:14px;line-height:1.62}.topic-figure{text-align:center;color:#999;margin:8px 0}.topic-figure img{display:block;max-width:100%}.topic-figure-title{display:block;font-size:12px}.clearfix{clear:both}.clear{clear:both}.popular-hd{padding:0 20px;border:1px solid #e3e3e3;border-bottom:none;margin:20px 0 0;font-size:13px;background:#e6e6e6}.popular-bd{padding:24px 20px 0;border:1px solid #e3e3e3;border-top:none}.popular-bd .comment-report{display:inline-block;margin-right:10px;visibility:hidden}.topic-reply .user-face{float:left;width:48px;height:48px;margin-right:20px;overflow:hidden}.topic-reply li{margin:0 0 20px 0;position:relative}.topic-reply li .reply-doc{float:none;width:auto;overflow:hidden;zoom:1}.reply-doc .pubtime{margin:0 1em}.topic-content .create-time{margin-left:1em}.reply-comment{width:98%;position:relative;padding:3px 4px;margin-bottom:5px;background-color:#e8eef2}.reply-comment .lnk-close{position:absolute;right:10px;top:10px;font-weight:800;line-height:1.2;padding:0 2px}.reply-comment .lnk-close:link{color:#999}.reply-comment .lnk-close:hover{background-color:#999;color:#fff}.reply-comment p{width:30em;padding:6px;margin:0}.pubdate{white-space:nowrap;margin-left:10px}.reply-quote{width:30em;padding-left:7px;margin:20px 0;border-left:1px solid;position:relative}.reply-quote .all{display:none}.topic-reply li{margin-bottom:10px;background:#fff}.reply-quote-private{width:auto}.reply-quote .private-msg{position:absolute;right:0;top:0;color:#C0C0C0;display:none}.reply-quote .private-msg a{color:#C0C0C0;text-decoration:underline}.reply-quote .private-msg a:hover{background:none}.owner-icon{display:inline-block;margin-left:6px;color:#fff;background-color:#83BE73;border-radius:2px;font-size:9px;padding:0 3px;height:16px;line-height:16px;text-align:center;vertical-align:middle}.topic-author-icon{display:inline-block;color:#83BE73;border:1px solid #83BE73;background-color:transparent;border-radius:2px;font-size:9px;height:16px;box-sizing:border-box;line-height:14px;padding:0 3px;text-align:center;vertical-align:middle}.active-member-icon{display:inline-block;vertical-align:middle;margin-bottom:2px;margin-left:4px;width:12px;height:12px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAKqADAAQAAAABAAAAKgAAAAD30ocxAAADoElEQVRYCc2ZO2/UQBDHZ9d3l0tAIoEIJKgAKeFVIiEhpBR8DWipUkBJdx0lDRU1HwOKSAgJiZJHIgQUiEhBAYIULo+LvfxnznZ8fsQ351zikay7Xc/s/rzenZ0dG6og7s2jSdpz0zTRaFOv1yLjmnJxm8705Go2d2lnb5saZsPcfro1andGayhwPTMLkmmyfktlH3i7RGaDmm5dCz00qPvQadH6+gWy9rQKrkg5CH7T7OwPc70D+HIpBXWdjqWFX+fJ886SCUr1y7tMaDjryPd/0tKZVdPpBIk7mb8HduzePWjS9uQlcu5kxvIwK4zZpPbWV3Pzea+o2UJQQE7R7onLeGLdPCzqqazew/xt/fsC2G6eai5oH3Jinnxj84zGVue5gFo7K3mwGRB53TKSRwzJT88Dg76FITUaA6CycHhOHtXrTsFIkfsGg7Ak7g+Ayuoe98JJdF74lxnY0yQkBhU/yS6oLgIWYQp5YlBx5oftJ6s8NLPwBhOKrHrZFn3/WlSp/jV0A3v8XXJ0Cz63/8qMWSVDb7Hfv0L9e3WbkYHnfeTttiFl3rv3xzZSKf81dA57/mNcdwDTl9jhuTnUzeHefTLmNfb4JyivlTea0pC4gr6HeAgwtGLMPFHwQiBLbfEgrCs2pcophT6bEee+1b6auntwUUaSIWnmYMXM3T9E9p56ZCe3P1nqTp3KNFdawa9bDcmt4sHEtrSHAQUwWgl6B2pLCrxweE6OLLCVNhQNIDC3EpkrbGR1a/TzdNlDaASnBxsfHYY1ZBdUVbRt4IgzAmjoJ6vARr522DYEdFjlY9azclLUQPCOU1W0beBEOwIotsWqwlurRgSUz90a4b27qmjbAKOV5ICmYwkweO8eVWCrDVKQwLCcwdB3iQCDCNuhWmAjtjpDMFrJWEgGQ2ErUZC3CAsNLHRho42gwMaMYfQ0wqg6tyIBBg0zDViHgxG20UqfrSFmyAWRT/pjiIyOeYjwbXyBM7NB9sPcpcWLh5ZX0g5akT7yU2bh2Te+vR/XI2FFnAuqizALM4USg0pWjRNWdRGwJDN9MajwIauG+bZ57KzMwCwJiedoVBemdK4cW7aknyxbTmf2BkcUtKKArBpxwuqoRZJkktHLpB8zIxqxyaGv7mnHBGxtErmZVx9B8q9Mg5czn/HlY20srotdELeNPtJzMskhLOmKonLtPzakwWv/+SYNzGVZcJzAGOaD2FT3L15vbn4+r+103X/HJIuMt6+HygAAAABJRU5ErkJggg==") center no-repeat;background-size:contain}.punished-record-entry-icon{display:inline-block;vertical-align:text-bottom;width:10px;height:16px;margin:0 4px;background:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23000' d='M4 1l4 4.226-4 4.228' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;background-size:contain}.punished-record-entry-icon:hover{background:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' d='M4 1l4 4.226-4 4.228' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat}.topic-doc .active-member-icon,.reply-doc .active-member-icon{cursor:pointer}.operation-more{display:inline-block}.operation_div{position:absolute;right:5px;bottom:0;height:1.2em;line-height:1.4;display:inline-flex;align-items:center}.operation_div span,.operation_div a{margin-left:10px}#comments .operation-more .comment-report{font-size:13px;display:inline-block;position:static !important}#comments .comment-report a:link,#comments .comment-report a:visited,.operation_div a:link,.operation_div a:visited{color:#aaa}.operation_div a:hover,.operation_div a:active{background-color:#aaa;color:#fff}.operation_div span{color:#BBB}.video-player{margin:10px 0;text-align:center}.video-title{color:#999}.topic-reply li .reply-doc p.reply-hidden,.topic-reply li .reply-doc p.quete-hidden{font-size:13px;color:#BCBCBC;margin:20px 0;padding:0}.replay-hidden::after,.quete-hidden::after{content:'';display:block;clear:both;height:0}.open-reply,.open-quete{float:right;visibility:hidden;color:#BCBCBC}.open-reply:hover,.open-quete:hover{background:#ccc;color:#fff;cursor:pointer}.reply-doc:hover .open-reply,.reply-quote:hover .open-quete{visibility:visible}.fold-dialog-intro{color:#026600;cursor:pointer}.fold-dialog-content{line-height:25px}.fold-dialog-detail{margin:-15px auto;height:220px;overflow:auto}.fold-dialog-detail img{max-width:225px;display:block;margin:10px auto}a.notice-info-tips:hover{background:transparent}.notice-info{box-sizing:border-box;width:680px;margin-bottom:30px;font-size:13px;line-height:16px;padding:12px;border-radius:8px;text-align:left;display:flex;align-items:center;justify-content:center;color:#B79C72;background-color:#FCF8E5;position:relative}.notice-info .notice-info-texts{margin:auto}.notice-info .notice-info-text{margin:0;margin-bottom:10px}.notice-info .notice-info-text:last-child{margin-bottom:0}.notice-info .notice-info-icon{display:inline-block;vertical-align:top;width:16px;height:16px;background-position:center;background-repeat:no-repeat;background-size:cover;margin-right:5px}.notice-info .notice-info-tips{color:#B79C72;text-decoration:underline}.notice-info.notice-info-type-1 .notice-info-icon{background-image:url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16.5a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM7.975 2.916a1.542 1.542 0 0 0-1.524 1.78l.674 4.322c.069.445.452.773.902.773a.9.9 0 0 0 .891-.775L9.525 4.7a1.566 1.566 0 0 0-1.55-1.784zM8 13.714a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4z' fill='%23ECBA6B' fill-rule='evenodd'/%3E%3C/svg%3E")}.notice-info.notice-info-type-1 .notice-info-icon.empty{background:transparent}.notice-info.notice-info-type-2{color:#c34;background-color:rgba(255,64,85,0.15)}.notice-info.notice-info-type-2 .notice-info-icon{background-image:url(/f/group/75a2aca061c4c60519e839517cefda9ba8a0b6af/pics/group/ic_alert_s.png)}.notice-info.notice-info-type-2 .notice-info-icon.empty{background:transparent}.notice-info.notice-info-type-2 .notice-info-tips{color:#c34}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){#db-global-nav{min-width:600px;width:auto}#db-nav-group{min-width:600px}#db-nav-group .nav-primary{width:auto;padding:12px 12px 6px !important}#db-nav-group li:nth-child(n+3){display:none}#db-nav-group div.nav-search{top:12px;right:10px}#wrapper{width:-webkit-calc(100% - 50px);padding:0 16px}.grid-16-8 .article{width:100%;padding-right:0;font-size:16px}.grid-16-8 .notice-info{width:100%}.grid-16-8 .aside{width:100%;margin-top:20px}#wrapper:before{content:"";display:block;-webkit-flow-from:users;-adobe-flow-from:users;-ms-flow-from:users}#g-side-info,#g-side-info-member{-webkit-flow-into:users;-adobe-flow-into:users;-ms-flow-into:users}.topic-content .topic-doc{width:-webkit-calc(100% - 70px);font-size:16px}#reviews a{font-size:16px}#dale_group_topic_bottom_super_banner{overflow:hidden}}

    .topic-content { margin-bottom:20px; }
    .sns-bar { padding-top:1em; text-align: right; }
    #link-report_group {
        overflow: hidden;
        font-size: 13px;
        color: #bbb;
    }
    #link-report_group .report {
        float: right;
    }
    #link-report_group .report a:link,
    #link-report_group .report a:visited { color:#bbb; }
    #link-report_group .report a:hover { color:#fff;background-color:#bbb; }
    #link-report_group .report a { visibility: visible; }
    .topic-reply .reply-doc .via,
    #link-report_group .via {
        float: left;
        color: #bbb;
    }
    .topic-reply .reply-doc .via a:link,
    .topic-reply .reply-doc .via a:visited,
    #link-report_group .via a:link,
    #link-report_group .via a:visited {
      color: #bbb;
    }
    .topic-reply .reply-doc .via a:hover,
    #link-report_group .via a:hover {
        color: #fff;
        background: #bbb;
    }
    .comment-form .share-shuo{
        float: left;
        margin-top: 14px;
    }

    .comment-form .share-shuo input{
        vertical-align: baseline;
    }

    .comment-form input[type="submit"]{
        cursor: pointer;
        background: #fff;
        margin: 0;
        margin-top: 10px;
        padding: 3px 0;
        text-align: center;
        width: 51px;
        border-color: #CCCCCC;
        border-width: 1px;
        border-style: solid;
        border-radius: 2px;
    }
    .ad-topic-lable {
        height: 20px;
        font-size: 14px;
        color: #9B9B9B;
        margin-bottom: 10px;
    }
    .ad-topic-lable .lable-vl {
        margin-right: 4px;
        height: 16px;
        width: 2px;
    }
    .infobox .bd {
        border-width: 1px;
    }
    
  @charset "UTF-8";
.rich-content blockquote, .topic-content .topic-doc .topic-richtext blockquote, .rich-content p, .topic-content .topic-doc .topic-richtext p {
  margin: 0 0 20px 0;
  line-height: 1.8;
  font-size: 14px;
  color: #111;
  word-wrap: break-word;
  white-space: pre-wrap; }

.rich-content blockquote a, .topic-content .topic-doc .topic-richtext blockquote a, .rich-content p a, .topic-content .topic-doc .topic-richtext p a {
  word-break: break-all; }

.rich-content .subject-wrapper .subject-rating .rating-star0, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-rating .rating-star0, .rich-content .subject-wrapper .subject-rating .rating-star1, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-rating .rating-star1, .rich-content .subject-wrapper .subject-rating .rating-star2, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-rating .rating-star2 {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  line-height: 50px;
  font-size: 0;
  overflow: hidden;
  background-position: 0 0;
  background-repeat: no-repeat; }

.rich-content .subject-wrapper .subject-rating .rating-star0, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-rating .rating-star0 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.848 10.896l-4.232 2.672 1.203-4.952L0 5.182h4.969L6.848 0 8.85 5.182h4.844L9.578 8.616l1.502 4.952z' fill='%23D3D3D3' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.rich-content .subject-wrapper .subject-rating .rating-star1, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-rating .rating-star1 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.848 10.896l-4.232 2.672 1.203-4.952L0 5.182h4.969L6.848 0 8.85 5.182h4.844L9.578 8.616l1.502 4.952z' fill='%23F2AE4B' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.rich-content .subject-wrapper .subject-rating .rating-star2, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-rating .rating-star2 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='100%25' y1='50%25' x2='0%25' y2='50%25' id='a'%3E%3Cstop stop-color='%23D3D3D3' offset='0%25'/%3E%3Cstop stop-color='%23D3D3D3' offset='49.454%25'/%3E%3Cstop stop-color='%23F2AE4B' offset='49.833%25'/%3E%3Cstop stop-color='%23F2AE4B' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M6.848 10.896l-4.232 2.672 1.203-4.952L0 5.182h4.969L6.848 0 8.85 5.182h4.844L9.578 8.616l1.502 4.952z' fill='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.rich-content blockquote, .topic-content .topic-doc .topic-richtext blockquote {
  padding: 0 0 0 2em;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #7b7b7b;
  font-size: 14px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' viewBox='0 -1 14 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23ddd' d='M1 5.76h5.28v7.68H1z'/%3E%3Cpath d='M8.683 6.17S8.34 2.429 12.254.458M1.963 6.17S1.62 2.429 5.534.458' stroke='%23ddd' stroke-width='2'/%3E%3Cpath fill='%23ddd' d='M7.72 5.76H13v7.68H7.72z'/%3E%3C/g%3E%3C/svg%3E"); }

.rich-content h2, .topic-content .topic-doc .topic-richtext h2, .rich-content h3, .topic-content .topic-doc .topic-richtext h3, .rich-content h4, .topic-content .topic-doc .topic-richtext h4 {
  background-color: transparent;
  margin: 0px;
  padding-top: 15px;
  height: auto;
  margin-bottom: 20px;
  font-weight: 600;
  color: #111; }

.rich-content h2, .topic-content .topic-doc .topic-richtext h2 {
  font-size: 22px;
  line-height: 28px; }

.rich-content h3, .topic-content .topic-doc .topic-richtext h3 {
  font-size: 20px;
  line-height: 28px; }

.rich-content h4, .topic-content .topic-doc .topic-richtext h4 {
  font-size: 17px;
  line-height: 28px; }

.rich-content .highlight-block, .topic-content .topic-doc .topic-richtext .highlight-block {
  padding: 16px;
  background-color: #f7f7f7;
  white-space: pre-wrap;
  margin-bottom: 2em; }

.rich-content .separator, .topic-content .topic-doc .topic-richtext .separator {
  position: relative;
  overflow: hidden;
  margin-top: -20px; }

.rich-content .separator hr, .topic-content .topic-doc .topic-richtext .separator hr {
  padding: 25px 0;
  margin: 0;
  border: 0; }

.rich-content .separator hr:before, .topic-content .topic-doc .topic-richtext .separator hr:before {
  position: absolute;
  content: "";
  font-size: 0;
  width: 100px;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -50px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf; }

.rich-content .subject-wrapper .subject-rating .rating-score, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-rating .rating-score {
  display: inline-block;
  margin-left: 4px;
  color: #e09015;
  vertical-align: middle;
  padding-top: 2px;
  font-size: 12px; }

.rich-content .subject-wrapper .subject-rating .rating-reason, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-rating .rating-reason {
  display: inline-block;
  margin-left: 4px;
  color: #ccc;
  vertical-align: middle;
  padding-top: 2px;
  font-size: 12px; }

.rich-content .topic-card, .topic-content .topic-doc .topic-richtext .topic-card, .rich-content .subject-wrapper, .topic-content .topic-doc .topic-richtext .subject-wrapper, .rich-content .video-card, .topic-content .topic-doc .topic-richtext .video-card, .rich-content .poll-wrapper, .topic-content .topic-doc .topic-richtext .poll-wrapper, .rich-content .question-wrapper, .topic-content .topic-doc .topic-richtext .question-wrapper {
  padding: 10px;
  border: 1px solid #dfdfdf;
  background-color: #fcfcfc;
  white-space: normal; }

.rich-content .topic-card, .topic-content .topic-doc .topic-richtext .topic-card, .rich-content .subject-wrapper, .topic-content .topic-doc .topic-richtext .subject-wrapper, .rich-content .video-card, .topic-content .topic-doc .topic-richtext .video-card, .rich-content .poll-wrapper, .topic-content .topic-doc .topic-richtext .poll-wrapper, .rich-content .question-wrapper, .topic-content .topic-doc .topic-richtext .question-wrapper {
  margin: 0 30px 30px;
  overflow: hidden;
  line-height: 0; }

.rich-content .topic-card a, .topic-content .topic-doc .topic-richtext .topic-card a, .rich-content .subject-wrapper a, .topic-content .topic-doc .topic-richtext .subject-wrapper a, .rich-content .video-card a, .topic-content .topic-doc .topic-richtext .video-card a, .rich-content .poll-wrapper a, .topic-content .topic-doc .topic-richtext .poll-wrapper a, .rich-content .question-wrapper a, .topic-content .topic-doc .topic-richtext .question-wrapper a {
  display: block; }

.rich-content .topic-card a:link, .topic-content .topic-doc .topic-richtext .topic-card a:link, .rich-content .subject-wrapper a:link, .topic-content .topic-doc .topic-richtext .subject-wrapper a:link, .rich-content .video-card a:link, .topic-content .topic-doc .topic-richtext .video-card a:link, .rich-content .poll-wrapper a:link, .topic-content .topic-doc .topic-richtext .poll-wrapper a:link, .rich-content .question-wrapper a:link, .topic-content .topic-doc .topic-richtext .question-wrapper a:link, .rich-content .topic-card a:visited, .topic-content .topic-doc .topic-richtext .topic-card a:visited, .rich-content .subject-wrapper a:visited, .topic-content .topic-doc .topic-richtext .subject-wrapper a:visited, .rich-content .video-card a:visited, .topic-content .topic-doc .topic-richtext .video-card a:visited, .rich-content .poll-wrapper a:visited, .topic-content .topic-doc .topic-richtext .poll-wrapper a:visited, .rich-content .question-wrapper a:visited, .topic-content .topic-doc .topic-richtext .question-wrapper a:visited {
  color: #259; }

.rich-content .topic-card a:hover, .topic-content .topic-doc .topic-richtext .topic-card a:hover, .rich-content .subject-wrapper a:hover, .topic-content .topic-doc .topic-richtext .subject-wrapper a:hover, .rich-content .video-card a:hover, .topic-content .topic-doc .topic-richtext .video-card a:hover, .rich-content .poll-wrapper a:hover, .topic-content .topic-doc .topic-richtext .poll-wrapper a:hover, .rich-content .question-wrapper a:hover, .topic-content .topic-doc .topic-richtext .question-wrapper a:hover, .rich-content .topic-card a:active, .topic-content .topic-doc .topic-richtext .topic-card a:active, .rich-content .subject-wrapper a:active, .topic-content .topic-doc .topic-richtext .subject-wrapper a:active, .rich-content .video-card a:active, .topic-content .topic-doc .topic-richtext .video-card a:active, .rich-content .poll-wrapper a:active, .topic-content .topic-doc .topic-richtext .poll-wrapper a:active, .rich-content .question-wrapper a:active, .topic-content .topic-doc .topic-richtext .question-wrapper a:active {
  background-color: transparent; }

.rich-content .subject-wrapper .subject-title .loc-name, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-title .loc-name {
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-bottom;
  font-size: 12px;
  font-weight: 200;
  font-family: sans-serif;
  background-color: #8ac393;
  color: #fff;
  padding: 2px 4px;
  border-radius: 1px;
  line-height: 1; }

.rich-content .subject-wrapper .subject-title, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-title, .rich-content .video-card .video-card-title, .topic-content .topic-doc .topic-richtext .video-card .video-card-title {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.1;
  color: #494949; }

.rich-content .subject-wrapper .subject-title a:link, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-title a:link, .rich-content .video-card .video-card-title a:link, .topic-content .topic-doc .topic-richtext .video-card .video-card-title a:link,
.rich-content .subject-wrapper .subject-title a:visited,
.topic-content .topic-doc .topic-richtext .subject-wrapper .subject-title a:visited,
.rich-content .video-card .video-card-title a:visited,
.topic-content .topic-doc .topic-richtext .video-card .video-card-title a:visited,
.rich-content .subject-wrapper .subject-title a:hover,
.topic-content .topic-doc .topic-richtext .subject-wrapper .subject-title a:hover,
.rich-content .video-card .video-card-title a:hover,
.topic-content .topic-doc .topic-richtext .video-card .video-card-title a:hover,
.rich-content .subject-wrapper .subject-title a:active,
.topic-content .topic-doc .topic-richtext .subject-wrapper .subject-title a:active,
.rich-content .video-card .video-card-title a:active,
.topic-content .topic-doc .topic-richtext .video-card .video-card-title a:active {
  color: #494949;
  background: transparent; }

.rich-content .subject-wrapper .subject-info, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-info, .rich-content .video-card .video-card-info, .topic-content .topic-doc .topic-richtext .video-card .video-card-info {
  overflow: hidden;
  text-align: left;
  min-height: 50px;
  padding: 4px 10px 0 0;
  color: #999;
  font-size: .86em;
  line-height: 1.6; }

.rich-content .subject-wrapper .subject-cover, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-cover {
  float: left;
  width: 68px;
  margin-right: 18px;
  max-height: 90px;
  overflow: hidden;
  font-size: 0; }

.rich-content .subject-wrapper .subject-cover img, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-cover img {
  max-width: 100%; }

.rich-content .video-card .video-card-cover a, .topic-content .topic-doc .topic-richtext .video-card .video-card-cover a, .rich-content .video-card .video-card-cover, .topic-content .topic-doc .topic-richtext .video-card .video-card-cover {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  height: 60px;
  text-align: center; }

.rich-content .video-card .video-card-cover a:before, .topic-content .topic-doc .topic-richtext .video-card .video-card-cover a:before, .rich-content .video-card .video-card-cover:before, .topic-content .topic-doc .topic-richtext .video-card .video-card-cover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='23' viewBox='0 0 46 46' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='a' cx='23' cy='23' r='23'/%3E%3Cmask id='b' x='0' y='0' width='46' height='46' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse stroke='%23FFF' mask='url(%23b)' stroke-width='3' fill-opacity='.4' fill='%23000' xlink:href='%23a'/%3E%3Cpath fill='%23FFF' d='M17.286 33.111V14.174l16.57 9.469z'/%3E%3C/g%3E%3C/svg%3E"); }

.rich-content .video-card .video-card-cover a:hover, .topic-content .topic-doc .topic-richtext .video-card .video-card-cover a:hover, .rich-content .video-card .video-card-cover:hover, .topic-content .topic-doc .topic-richtext .video-card .video-card-cover:hover {
  background-color: transparent; }

.rich-content .video-card .video-card-cover a:hover:before, .topic-content .topic-doc .topic-richtext .video-card .video-card-cover a:hover:before, .rich-content .video-card .video-card-cover:hover:before, .topic-content .topic-doc .topic-richtext .video-card .video-card-cover:hover:before {
  background-color: transparent; }

.rich-content .video-card .video-card-cover, .topic-content .topic-doc .topic-richtext .video-card .video-card-cover {
  float: left;
  margin-right: 18px;
  overflow: hidden;
  background: #222;
  font-size: 0; }

.rich-content .video-card .video-card-cover img, .topic-content .topic-doc .topic-richtext .video-card .video-card-cover img {
  position: absolute;
  left: -1000px;
  top: -1000px;
  right: -1000px;
  bottom: -1000px;
  margin: auto;
  max-width: 100%;
  min-width: 48px; }

.rich-content .video-card .video-card-blank, .topic-content .topic-doc .topic-richtext .video-card .video-card-blank {
  display: inline-block;
  width: 80px;
  height: 60px;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: auto 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='23' viewBox='0 0 46 46' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='a' cx='23' cy='23' r='23'/%3E%3Cmask id='b' x='0' y='0' width='46' height='46' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse stroke='%23FFF' mask='url(%23b)' stroke-width='3' fill-opacity='.4' fill='%23000' xlink:href='%23a'/%3E%3Cpath fill='%23FFF' d='M17.286 33.111V14.174l16.57 9.469z'/%3E%3C/g%3E%3C/svg%3E"); }

.rich-content .video-card .video-card-error, .topic-content .topic-doc .topic-richtext .video-card .video-card-error {
  padding: 1.5em 0;
  text-align: center;
  font-size: 12px;
  background-color: #f6f6f6; }

.rich-content .video-card .video-card-error p, .topic-content .topic-doc .topic-richtext .video-card .video-card-error p {
  display: inline-block;
  padding: 0 !important;
  margin: 0 !important;
  font-size: inherit;
  color: #ccc !important; }

.rich-content .video-card .video-card-error p:before, .topic-content .topic-doc .topic-richtext .video-card .video-card-error p:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 1em;
  vertical-align: text-bottom;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M500 990.3C229.4 990.3 10 770.8 10 500S229.4 9.7 500 9.7 990 229.2 990 500 770.6 990.3 500 990.3zM500 75C265.5 75 75.3 265.3 75.3 500S265.4 925 500 925c234.5 0 424.7-190.3 424.7-425S734.5 75 500 75zm0 719.2c-36.1 0-65.3-29.3-65.3-65.4 0-36.1 29.2-65.4 65.3-65.4 36.1 0 65.3 29.3 65.3 65.4 0 36.1-29.2 65.4-65.3 65.4zm0-196.1c-18 0-32.7-29.3-32.7-65.4l-32.7-294.2c0-36.1 29.2-65.4 65.3-65.4 36.1 0 65.3 29.3 65.3 65.4l-32.7 294.2c.2 36.1-14.5 65.4-32.5 65.4z' fill='%23ccc'/%3E%3C/svg%3E"); }

.rich-content .video-card .video-card-error a, .topic-content .topic-doc .topic-richtext .video-card .video-card-error a {
  margin-left: 1em; }

.rich-content .topic-card, .topic-content .topic-doc .topic-richtext .topic-card {
  overflow: initial;
  display: block;
  padding: 15px; }

.rich-content .topic-card a, .topic-content .topic-doc .topic-richtext .topic-card a {
  text-decoration: none; }

.rich-content .topic-card .topic-main-placeholder, .topic-content .topic-doc .topic-richtext .topic-card .topic-main-placeholder {
  text-align: center;
  font-size: 13px;
  line-height: 22px;
  color: #818181; }

.rich-content .topic-card .group-hd, .topic-content .topic-doc .topic-richtext .topic-card .group-hd {
  display: block;
  overflow: hidden;
  height: 30px;
  margin-bottom: 15px; }

.rich-content .topic-card .group-hd > *, .topic-content .topic-doc .topic-richtext .topic-card .group-hd > * {
  display: inline-block;
  line-height: 30px; }

.rich-content .topic-card .group-hd strong, .topic-content .topic-doc .topic-richtext .topic-card .group-hd strong {
  color: #191919;
  font-size: 13px;
  margin-right: 10px; }

.rich-content .topic-card .group-hd span, .topic-content .topic-doc .topic-richtext .topic-card .group-hd span {
  font-size: 11px;
  color: #818181; }

.rich-content .topic-card .group-avatar, .topic-content .topic-doc .topic-richtext .topic-card .group-avatar {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float: left;
  border-radius: 4px;
  margin-right: 10px;
  overflow: hidden; }

.rich-content .topic-card .group-avatar img, .topic-content .topic-doc .topic-richtext .topic-card .group-avatar img {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: auto; }

.rich-content .topic-card .topic-tag, .topic-content .topic-doc .topic-richtext .topic-card .topic-tag {
  font-size: 13px;
  margin-top: 15px;
  display: inline-block;
  margin-top: 15px;
  line-height: 18px; }

.rich-content .topic-card .topic-tag.gallery-topic, .topic-content .topic-doc .topic-richtext .topic-card .topic-tag.gallery-topic {
  position: relative;
  padding-left: 20px; }

.rich-content .topic-card .topic-tag.gallery-topic::before, .topic-content .topic-doc .topic-richtext .topic-card .topic-tag.gallery-topic::before {
  content: '';
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0px;
  top: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.138 9.586l-.255 1.532a.563.563 0 001.11.185l.286-1.717h1.659a.562.562 0 100-1.125H9.466l.333-2h1.451a.562.562 0 100-1.125H9.987l.255-1.533a.563.563 0 00-1.11-.185l-.286 1.718H6.862l.255-1.533a.562.562 0 10-1.11-.185l-.286 1.718H4.062a.563.563 0 000 1.125h1.472l-.333 2H3.75a.563.563 0 000 1.125h1.263l-.255 1.532a.563.563 0 001.11.185l.286-1.717h1.984zm.188-1.125H6.34l.333-2H8.66l-.333 2zM7.5 14.49a7.031 7.031 0 115.675-2.878c-.589.803-.415 1.387.653 2.004.415.24.245.875-.234.875H7.5z' fill='%2368CB78'/%3E%3C/svg%3E"); }

.rich-content .topic-card .topic-main, .topic-content .topic-doc .topic-richtext .topic-card .topic-main {
  clear: both;
  overflow: hidden;
  display: block; }

.rich-content .topic-card .topic-info, .topic-content .topic-doc .topic-richtext .topic-card .topic-info {
  line-height: 18px; }

.rich-content .topic-card .topic-info .topic-title, .topic-content .topic-doc .topic-richtext .topic-card .topic-info .topic-title {
  font-size: 15px; }

.rich-content .topic-card .topic-info .topic-title:hover, .topic-content .topic-doc .topic-richtext .topic-card .topic-info .topic-title:hover {
  color: #fff;
  background-color: #37a; }

.rich-content .topic-card .topic-info .topic-desc, .topic-content .topic-doc .topic-richtext .topic-card .topic-info .topic-desc {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  color: #494949; }

.rich-content .topic-card .topic-cover, .topic-content .topic-doc .topic-richtext .topic-card .topic-cover {
  float: right;
  margin-left: 15px;
  width: 120px;
  height: 80px;
  overflow: hidden;
  position: relative; }

.rich-content .topic-card .topic-cover img, .topic-content .topic-doc .topic-richtext .topic-card .topic-cover img {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

.rich-content ol, .topic-content .topic-doc .topic-richtext ol, .rich-content ul, .topic-content .topic-doc .topic-richtext ul {
  padding: 0;
  margin-top: 0;
  margin-left: 30px;
  margin-bottom: 20px; }

.rich-content .ordered-list-item, .topic-content .topic-doc .topic-richtext .ordered-list-item, .rich-content ol li, .topic-content .topic-doc .topic-richtext ol li, .rich-content .unordered-list-item, .topic-content .topic-doc .topic-richtext .unordered-list-item, .rich-content ul li, .topic-content .topic-doc .topic-richtext ul li {
  font-size: 14px;
  line-height: 30px;
  list-style-type: disc;
  list-style-position: inside; }

.rich-content .ordered-list-item, .topic-content .topic-doc .topic-richtext .ordered-list-item, .rich-content ol li, .topic-content .topic-doc .topic-richtext ol li {
  list-style-type: decimal; }

.rich-content, .topic-content .topic-doc .topic-richtext {
  font-size: 14px; }

.rich-content p[data-align='center'], .topic-content .topic-doc .topic-richtext p[data-align='center'], .rich-content blockquote[data-align='center'], .topic-content .topic-doc .topic-richtext blockquote[data-align='center'], .rich-content div[data-align='center'], .topic-content .topic-doc .topic-richtext div[data-align='center'], .rich-content h1[data-align='center'], .topic-content .topic-doc .topic-richtext h1[data-align='center'], .rich-content h2[data-align='center'], .topic-content .topic-doc .topic-richtext h2[data-align='center'], .rich-content h3[data-align='center'], .topic-content .topic-doc .topic-richtext h3[data-align='center'], .rich-content h4[data-align='center'], .topic-content .topic-doc .topic-richtext h4[data-align='center'], .rich-content h5[data-align='center'], .topic-content .topic-doc .topic-richtext h5[data-align='center'], .rich-content h6[data-align='center'], .topic-content .topic-doc .topic-richtext h6[data-align='center'] {
  text-align: center; }

.rich-content p[data-align='left'], .topic-content .topic-doc .topic-richtext p[data-align='left'], .rich-content blockquote[data-align='left'], .topic-content .topic-doc .topic-richtext blockquote[data-align='left'], .rich-content div[data-align='left'], .topic-content .topic-doc .topic-richtext div[data-align='left'], .rich-content h1[data-align='left'], .topic-content .topic-doc .topic-richtext h1[data-align='left'], .rich-content h2[data-align='left'], .topic-content .topic-doc .topic-richtext h2[data-align='left'], .rich-content h3[data-align='left'], .topic-content .topic-doc .topic-richtext h3[data-align='left'], .rich-content h4[data-align='left'], .topic-content .topic-doc .topic-richtext h4[data-align='left'], .rich-content h5[data-align='left'], .topic-content .topic-doc .topic-richtext h5[data-align='left'], .rich-content h6[data-align='left'], .topic-content .topic-doc .topic-richtext h6[data-align='left'] {
  text-align: left; }

.rich-content p[data-align='right'], .topic-content .topic-doc .topic-richtext p[data-align='right'], .rich-content blockquote[data-align='right'], .topic-content .topic-doc .topic-richtext blockquote[data-align='right'], .rich-content div[data-align='right'], .topic-content .topic-doc .topic-richtext div[data-align='right'], .rich-content h1[data-align='right'], .topic-content .topic-doc .topic-richtext h1[data-align='right'], .rich-content h2[data-align='right'], .topic-content .topic-doc .topic-richtext h2[data-align='right'], .rich-content h3[data-align='right'], .topic-content .topic-doc .topic-richtext h3[data-align='right'], .rich-content h4[data-align='right'], .topic-content .topic-doc .topic-richtext h4[data-align='right'], .rich-content h5[data-align='right'], .topic-content .topic-doc .topic-richtext h5[data-align='right'], .rich-content h6[data-align='right'], .topic-content .topic-doc .topic-richtext h6[data-align='right'] {
  text-align: right; }

.rich-content h1, .topic-content .topic-doc .topic-richtext h1, .rich-content h2, .topic-content .topic-doc .topic-richtext h2, .rich-content h3, .topic-content .topic-doc .topic-richtext h3, .rich-content h4, .topic-content .topic-doc .topic-richtext h4, .rich-content h5, .topic-content .topic-doc .topic-richtext h5, .rich-content h6, .topic-content .topic-doc .topic-richtext h6 {
  height: auto; }

.rich-content p:empty + p:empty, .topic-content .topic-doc .topic-richtext p:empty + p:empty {
  overflow: hidden; }

.rich-content .video-source, .topic-content .topic-doc .topic-richtext .video-source {
  text-align: left;
  font-size: 13px;
  padding: 15px 32px 15px 16px;
  background-color: #f7f7f7;
  white-space: nowrap;
  line-height: 1.4em;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative; }

.rich-content .video-source:after, .topic-content .topic-doc .topic-richtext .video-source:after {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -5px;
  height: 10px;
  width: 6px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4.226-4 4.228' stroke='%23000' fill='none' opacity='.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain; }

.rich-content .video-source strong, .topic-content .topic-doc .topic-richtext .video-source strong {
  font-weight: normal;
  color: #37a; }

.rich-content .video-source a, .topic-content .topic-doc .topic-richtext .video-source a {
  color: #999; }

.rich-content .video-source a:hover, .topic-content .topic-doc .topic-richtext .video-source a:hover, .rich-content .video-source a:visited, .topic-content .topic-doc .topic-richtext .video-source a:visited {
  background-color: transparent;
  opacity: .8;
  color: #999; }

.rich-content .subject-caption-wrapper, .topic-content .topic-doc .topic-richtext .subject-caption-wrapper, .rich-content .video-card .video-caption-wrapper, .topic-content .topic-doc .topic-richtext .video-card .video-caption-wrapper, .rich-content .image-caption-wrapper, .topic-content .topic-doc .topic-richtext .image-caption-wrapper {
  text-align: center; }

.rich-content .subject-caption, .topic-content .topic-doc .topic-richtext .subject-caption, .rich-content .video-card .video-caption, .topic-content .topic-doc .topic-richtext .video-card .video-caption, .rich-content .image-caption, .topic-content .topic-doc .topic-richtext .image-caption {
  font-size: 14px;
  display: inline-block;
  color: #7b7b7b;
  line-height: 1.62;
  text-align: center; }

.rich-content .subject-caption a, .topic-content .topic-doc .topic-richtext .subject-caption a, .rich-content .video-card .video-caption a, .topic-content .topic-doc .topic-richtext .video-card .video-caption a, .rich-content .image-caption a, .topic-content .topic-doc .topic-richtext .image-caption a {
  display: inline-block;
  vertical-align: top; }

.rich-content blockquote + blockquote, .topic-content .topic-doc .topic-richtext blockquote + blockquote {
  background: none; }

.rich-content .introduction, .topic-content .topic-doc .topic-richtext .introduction {
  margin: 0 0 30px 0;
  padding: 15px 20px;
  line-height: 1.8;
  color: #999;
  background: #f7f7f7; }

.rich-content .introduction p, .topic-content .topic-doc .topic-richtext .introduction p {
  margin: 0;
  color: #999; }









.rich-content, .topic-content .topic-doc .topic-richtext {
  width: 100%;
  overflow: hidden;
  margin-top: 30px; }

.rich-content .subject-wrapper .subject-title .title-play, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-title .title-play {
  height: 16px;
  float: left;
  width: 16px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect x='.5' y='.5' width='16' height='16' rx='8' stroke='%23f67'/%3E%3Cpath d='M6 11.486V5.514a.5.5 0 01.748-.435l5.226 2.987a.5.5 0 010 .868L6.748 11.92A.5.5 0 016 11.486z' fill='%23f67'/%3E%3C/g%3E%3C/svg%3E"); }

.rich-content .subject-wrapper .subject-rating, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-rating {
  margin-bottom: 8px;
  line-height: 1; }

.rich-content .subject-wrapper .subject-summary, .topic-content .topic-doc .topic-richtext .subject-wrapper .subject-summary {
  color: #999; }

.rich-content .subject-caption-wrapper, .topic-content .topic-doc .topic-richtext .subject-caption-wrapper {
  margin: -20px 30px 30px 30px; }

.rich-content .video-card > a:link, .topic-content .topic-doc .topic-richtext .video-card > a:link,
.rich-content .video-card > a:visited,
.topic-content .topic-doc .topic-richtext .video-card > a:visited,
.rich-content .video-card > a:hover,
.topic-content .topic-doc .topic-richtext .video-card > a:hover,
.rich-content .video-card > a:active,
.topic-content .topic-doc .topic-richtext .video-card > a:active {
  display: block;
  background-color: transparent; }

.rich-content .video-card > a:hover .video-card-cover, .topic-content .topic-doc .topic-richtext .video-card > a:hover .video-card-cover,
.rich-content .video-card > a:active .video-card-cover,
.topic-content .topic-doc .topic-richtext .video-card > a:active .video-card-cover {
  background-color: transparent; }

.rich-content .video-card > a:hover .video-card-cover:before, .topic-content .topic-doc .topic-richtext .video-card > a:hover .video-card-cover:before,
.rich-content .video-card > a:active .video-card-cover:before,
.topic-content .topic-doc .topic-richtext .video-card > a:active .video-card-cover:before {
  background-color: transparent; }

.rich-content .video-card .video-card-source, .topic-content .topic-doc .topic-richtext .video-card .video-card-source {
  margin-top: 10px;
  color: #999; }

.rich-content .poll-wrapper, .topic-content .topic-doc .topic-richtext .poll-wrapper {
  padding: 20px; }

.rich-content .poll-wrapper .poll-title, .topic-content .topic-doc .topic-richtext .poll-wrapper .poll-title {
  font-size: 1.5em;
  line-height: 1.4;
  font-weight: 600; }

.rich-content .question-wrapper, .topic-content .topic-doc .topic-richtext .question-wrapper {
  padding: 20px; }

.rich-content .question-wrapper .question-title, .topic-content .topic-doc .topic-richtext .question-wrapper .question-title {
  font-size: 1.5em;
  line-height: 1.4;
  font-weight: 600; }

.rich-content .image-container, .topic-content .topic-doc .topic-richtext .image-container {
  margin-bottom: 20px; }

.rich-content .image-float-left, .topic-content .topic-doc .topic-richtext .image-float-left {
  text-align: left; }

.rich-content .image-float-left .image-caption, .topic-content .topic-doc .topic-richtext .image-float-left .image-caption,
.rich-content .image-float-left .image-wrapper,
.topic-content .topic-doc .topic-richtext .image-float-left .image-wrapper {
  display: inline-block;
  padding-left: 0;
  padding-right: 0; }

.rich-content .image-wrapper, .topic-content .topic-doc .topic-richtext .image-wrapper {
  text-align: center;
  font-size: 0;
  line-height: 0; }

.rich-content .image-wrapper img, .topic-content .topic-doc .topic-richtext .image-wrapper img {
  max-width: 100%;
  height: auto; }

.rich-content .image-caption, .topic-content .topic-doc .topic-richtext .image-caption {
  margin-top: 10px; }

.rich-content .video-wrapper, .topic-content .topic-doc .topic-richtext .video-wrapper {
  margin-bottom: 20px;
  text-align: center; }

.rich-content .video-player, .topic-content .topic-doc .topic-richtext .video-player {
  font-size: 0;
  display: inline-block;
  max-width: 100%; }

.rich-content .video-player embed, .topic-content .topic-doc .topic-richtext .video-player embed,
.rich-content .video-player object,
.topic-content .topic-doc .topic-richtext .video-player object,
.rich-content .video-player video,
.topic-content .topic-doc .topic-richtext .video-player video {
  width: 605px;
  height: auto;
  max-width: 100%;
  max-height: 340px;
  background-color: #000; }

.rich-content .video-player embed, .topic-content .topic-doc .topic-richtext .video-player embed,
.rich-content .video-player object,
.topic-content .topic-doc .topic-richtext .video-player object {
  height: 460px; }


.rich-content .video-player video,
.topic-content .topic-doc .topic-richtext .video-player video {
  height: auto; }

.rich-content .video-player .video-title, .topic-content .topic-doc .topic-richtext .video-player .video-title {
  margin-top: 10px;
  font-size: 14px;
  color: #999; }

.rich-content .video-player-iframe, .topic-content .topic-doc .topic-richtext .video-player-iframe {
  font-size: 0; }

.rich-content .video-player-iframe iframe, .topic-content .topic-doc .topic-richtext .video-player-iframe iframe {
  max-width: 100%; }

.rich-content .video-player-iframe .video-title, .topic-content .topic-doc .topic-richtext .video-player-iframe .video-title {
  margin-top: 10px;
  font-size: 14px;
  color: #999; }

.rich-content .video-source, .topic-content .topic-doc .topic-richtext .video-source {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto; }

.rich-content .latex, .topic-content .topic-doc .topic-richtext .latex {
  white-space: pre-wrap;
  font-family: monospace; }

.rich-content .code-block, .topic-content .topic-doc .topic-richtext .code-block {
  white-space: pre-wrap;
  font-family: monospace; }

.rich-content figure, .topic-content .topic-doc .topic-richtext figure {
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 10px 10px 30px;
  color: #818181; }

.rich-content figure:before, .topic-content .topic-doc .topic-richtext figure:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 24px;
  height: 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: transparent;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' opacity='.15'%3E%3Cg transform='translate(1 4)'%3E%3Ccircle fill='%23191919' cx='5' cy='10' r='5'/%3E%3Cpath d='M1.726 7.698L9 0' stroke='%23191919' stroke-width='2'/%3E%3C/g%3E%3Cg transform='translate(13 4)'%3E%3Ccircle fill='%23191919' cx='5' cy='10' r='5'/%3E%3Cpath d='M1.726 7.698L9 0' stroke='%23191919' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.rich-content figure mark, .topic-content .topic-doc .topic-richtext figure mark {
  background: #EBF2EA;
  color: #818181; }

.rich-content figcaption, .topic-content .topic-doc .topic-richtext figcaption {
  position: relative;
  padding-top: 10px;
  margin-top: 10px;
  font-size: 13px;
  color: #818181;
  line-height: 1; }

.rich-content figcaption::before, .topic-content .topic-doc .topic-richtext figcaption::before {
  content: '';
  width: 25px;
  height: 1px;
  background: #C0C0C0;
  position: absolute;
  top: 0;
  left: 0; }

.rich-content img, .topic-content .topic-doc .topic-richtext img {
  max-width: 100%;
  height: auto; }

.rich-content blockquote, .topic-content .topic-doc .topic-richtext blockquote {
  color: #7b7b7b; }
.topic-content .topic-doc .topic-richtext {
  margin-top: 10px; }
  .topic-content .topic-doc .topic-richtext img[width='500'] {
    width: 100%; }



  .image-gif-download,.image-gif-button-play,.image-gif-loading,.image-gif-button-reload{display:block;min-width:50px;height:14px;line-height:14px;padding:5px 0px;overflow:hidden;color:#fff;font-size:12px;border-radius:3px;background-color:rgba(0,0,0,0.7);font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:500;white-space:nowrap;text-align:center}.image-gif-download:hover,.image-gif-button-play:hover,.image-gif-loading:hover,.image-gif-button-reload:hover,.image-gif-download:active,.image-gif-button-play:active,.image-gif-loading:active,.image-gif-button-reload:active,.image-gif-download:link,.image-gif-button-play:link,.image-gif-loading:link,.image-gif-button-reload:link,.image-gif-download:visited,.image-gif-button-play:visited,.image-gif-loading:visited,.image-gif-button-reload:visited{color:#fff;background-color:rgba(0,0,0,0.7)}.image-badge-gif a{text-decoration:none}.image-badge-gif img{display:block}.image-badge-gif.image-float-center{text-align:center}.image-badge-gif .image-wrapper{display:inline-block;position:relative}.image-badge-gif .image-wrapper:hover .image-gif-download{display:block}.image-gif-download{display:none}.image-gif-download:before{content:" ";font-size:8px;display:inline-block;width:10px;height:14px;vertical-align:text-bottom;overflow:hidden;margin-right:4px;background:url(/f/group/8f48d9b044e7da35f79a58a2092a70f036d6b736/pics/group/editor/gif/download.svg) no-repeat 50% 50%}.image-gif-panel,.image-gif-download{position:absolute;right:5px;bottom:5px}.image-gif-player{position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%}.image-gif-button-play{letter-spacing:1px}.image-gif-button-play:before{content:"\25B6";font-size:8px;display:inline-block;width:14px;height:14px;vertical-align:text-bottom;line-height:14px;overflow:hidden;margin-right:2px}.image-gif-loading{padding:5px;font-size:12px}.image-gif-loading:before{content:" ";display:inline-block;width:12px;height:1.1em;vertical-align:text-bottom;margin-right:4px;background:url(/f/group/05ee84d0375cb445492278a6f71cd74a6183507e/pics/group/editor/gif/loading.svg) no-repeat 50% 50%}.image-gif-button-reload{padding:5px;font-size:12px}.image-gif-button-reload:before{content:" ";display:inline-block;width:12px;height:1.1em;vertical-align:text-bottom;margin-right:4px;background:url(/f/group/0908e90c854285044aa98cee0b3e19b9a13715a1/pics/group/editor/gif/reload.svg) no-repeat 50% 50%}

.poll-wrapper .poll-vote .poll-btn{display:inline-block;min-width:80px;max-width:100%;box-sizing:border-box;height:34px;line-height:34px;border-radius:3px;outline:none;border:0;color:#fff;background-color:#42bd56;font-size:17px}.poll-wrapper .poll-vote .disabled.poll-btn{color:#fff;background-color:rgba(0,0,0,0.25)}.poll-wrapper .poll-vote .poll-btn:active{background-color:rgba(0,0,0,0.12)}.poll-warn{font-size:12px;line-height:1.4;color:rgba(0,0,0,0.5);margin:30px 30px 10px;padding-left:20px;background-size:14px;background-repeat:no-repeat;background-position:left center}.poll-wrapper{margin-top:0;color:rgba(0,0,0,0.9)}.poll-wrapper .poll-meta{font-size:12px;line-height:normal;margin:15px 0 10px}.poll-wrapper .poll-meta .poll-expire-time{color:rgba(0,0,0,0.5)}.poll-wrapper .poll-label{display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.12);cursor:pointer}.poll-wrapper .poll-label .poll-checkbox{position:relative;flex:0 0 auto;width:12px;height:20px;margin-right:8px}.poll-wrapper .poll-label .poll-checkbox input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1}.poll-wrapper .poll-label .poll-checkbox::after{content:'';position:absolute;top:50%;left:0;width:100%;height:12px;-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%;box-sizing:border-box;border:1px solid #3ba94d;background:#fff}.poll-wrapper .poll-label .poll-checkbox-checked::after{border:0;background:#3ba94d}.poll-wrapper .poll-chart{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;margin:15px 0}.poll-wrapper .poll-chart .poll-bar{width:100%;height:10px;background:rgba(0,0,0,0.08);margin:5px 0;overflow:hidden;border-radius:5px}.poll-wrapper .poll-chart .poll-bar .poll-bar-active{display:block;height:100%;background:rgba(0,0,0,0.25)}.poll-wrapper .poll-chart .poll-bar-voted{background:#CDEDD3}.poll-wrapper .poll-chart .poll-bar-voted .poll-bar-active{background:#3ba94d}.poll-wrapper .poll-chart .poll-option{padding:0}.poll-wrapper .poll-chart .poll-option-voted-count{float:right;font-size:12px;color:rgba(0,0,0,0.5)}.poll-wrapper .poll-option{flex:1 0 auto;font-size:15px;line-height:20px;padding:15px 0}.poll-wrapper .poll-vote{margin:25px auto 10px;text-align:center}.poll-wrapper .poll-vote .poll-tip{font-size:12px;line-height:normal;color:rgba(0,0,0,0.5);margin-top:10px}

.question-wrapper .question-btn{display:inline-block;min-width:80px;max-width:100%;box-sizing:border-box;height:34px;line-height:34px;border-radius:3px;outline:none;border:0;color:#fff;background-color:#42bd56;font-size:17px}.question-wrapper .disabled.question-btn{color:#fff;background-color:rgba(0,0,0,0.25)}.question-wrapper .question-btn:active{background-color:rgba(0,0,0,0.12)}.question-warn{font-size:12px;line-height:1.4;color:rgba(0,0,0,0.5);margin:30px 30px 10px;padding-left:20px;background-size:14px;background-repeat:no-repeat;background-position:left center}.question-wrapper{margin-top:0;line-height:normal;color:rgba(0,0,0,0.9)}.question-wrapper.is-owner .question-correct-active{background-color:#42bd56}.question-wrapper.is-owner .question-correct-active{background-color:#42bd56}.question-wrapper.is-owner .question-stat.correct span{color:#42bd56}.question-wrapper.is-owner .question-stat.wrong span{color:#ff4055}.question-wrapper.no-answer .question-result-meta .question-stat span{color:rgba(0,0,0,0.5)}.question-wrapper.is-correct .question-posted{background-color:rgba(0,187,48,0.1)}.question-wrapper.is-correct .question-result-meta .question-stat.correct span{color:#42bd56;font-weight:400}.question-wrapper.is-correct .question-correct-active{background-color:#42bd56}.question-wrapper.is-wrong .question-posted{background-color:rgba(223,16,16,0.1)}.question-wrapper.is-wrong .question-result-meta .question-stat.wrong span{color:#ff4055;float:right;font-weight:400}.question-wrapper.is-wrong .question-wrong-active{background-color:#ff4055}.question-wrapper .question-title{font-size:17px;line-height:24px;font-weight:700}.question-wrapper .question-meta{font-size:12px;line-height:normal;margin:15px 0 10px}.question-wrapper .question-content{line-height:normal}.question-wrapper .question-input,.question-wrapper .question-posted{border-radius:8px;display:block;width:100%;box-sizing:border-box;padding:15px 20px;font-size:17px;background-color:rgba(0,0,0,0.08);color:rgba(0,0,0,0.7);margin-bottom:15px;border:none;width:100%;resize:none}.question-wrapper .question-expire-time{color:rgba(0,0,0,0.5)}.question-wrapper .question-input:focus{outline:none}.question-wrapper .question-submit{margin:25px auto 10px;text-align:center}.question-wrapper .question-tip{font-size:12px;color:rgba(0,0,0,0.5);line-height:normal;margin-top:10px}.question-wrapper .question-result-meta{margin-bottom:8px;display:flex;width:100%}.question-wrapper .question-result-meta em{font-style:normal}.question-wrapper .question-result-meta .question-stat{font-size:15px;flex:1;color:rgba(0,0,0,0.5)}.question-wrapper .question-result-meta .question-stat span{font-weight:400}.question-wrapper .question-result-meta .question-stat em{font-size:13px;margin:0px 5px 0px 7px}.question-wrapper .question-result-meta .question-stat.wrong span{float:right}.question-wrapper .question-result-meta .correct{text-align:left}.question-wrapper .question-result-meta .wrong{text-align:right}.question-wrapper .question-bar{display:flex;height:10px;background-color:rgba(0,0,0,0.08);margin:5px 0;border-radius:5px;overflow:hidden}.question-wrapper .question-correct-active{display:block;height:100%;background-color:rgba(0,0,0,0.25)}.question-wrapper .question-correct{color:rgba(0,0,0,0.9);font-size:15px;margin-top:10px}.question-bar-split{display:block;width:2px;background-color:#fff}



  .dui-dialog .bd { padding: 40px; font-size: 10pt; }
  .dui-dialog .ft { background: #e4e4e4; height: 40px; }
  .dui-dialog .ft div { padding-top: 15px; }
  .dui-dialog .dui-dialog-prompt { float: left; }
  .dui-dialog.group-promote-dialog .bn-flat { color: #ffffff; float:right; width: 50px; cursor:pointer;}
  .dui-dialog .btn-ok { background: #6fb45d; }
  .dui-dialog .btn-cancel { background: #999999; }
  .aside .mod { margin-bottom: 20px; }
  .topic-doc,.reply-doc{position: relative;}
  .topic-doc .fix{bottom:-40px;}
  .topic-reply li .reply-doc p{font-size:14px; padding-bottom:10px;white-space: pre-line;}
  #content .article { margin-bottom:4em; }
  .comment-private{display: none;}
  .comment-private.comment-private-author{display: block;}
    .gallery_topic {
        display: block;
        border-radius: 2px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        padding: 20px;
        color: #000000;
        margin-bottom: 30px;
        overflow: hidden;
        width: 675px;
        box-sizing: border-box;
    }
    .gallery_topic:hover{
        background: #fff;
    }
    .gallery_topic h2{
        color: #333;
        line-height: 1;
        margin-bottom: 8px;
        font-weight: 500;
    }
    .gallery_topic .meta{
        color: #999999;
        float: left;
        line-height: 1;
    }
    .gallery_topic .link { color: #37a; float: right; line-height: 1; }
    .gallery_topic .link:hover { color: #fff; background: #37a; }

.nav{width:100%;min-width:950px;overflow:hidden;zoom:1;margin-bottom:40px}.nav .nav-wrap{border-bottom:1px solid #e5ebe4}.nav .nav-primary,.nav .nav-secondary{width:950px;margin:0 auto;padding-bottom:0;overflow:hidden;zoom:1}.nav .nav-primary{position:relative;padding:10px 0 5px;overflow:hidden;zoom:1}.nav .nav-logo{float:left;height:56px;width:145px;margin:0 13px 0 0;background:url(/f/shire/8308f83ca66946299fc80efb1f10ea21f99ec2a5/pics/nav/lg_main_a11_1.png) no-repeat 0 12px;background-image:-webkit-image-set(url(/f/shire/8308f83ca66946299fc80efb1f10ea21f99ec2a5/pics/nav/lg_main_a11_1.png) 1x, url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x);background-image:-moz-image-set(url(/f/shire/8308f83ca66946299fc80efb1f10ea21f99ec2a5/pics/nav/lg_main_a11_1.png) 1x, url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x);background-image:-ms-image-set(url(/f/shire/8308f83ca66946299fc80efb1f10ea21f99ec2a5/pics/nav/lg_main_a11_1.png) 1x, url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x);background-image:-o-image-set(url(/f/shire/8308f83ca66946299fc80efb1f10ea21f99ec2a5/pics/nav/lg_main_a11_1.png) 1x, url(/f/shire/8977fa054324c4c7f565447b003ebf75e9b4f9c6/pics/nav/lg_main@2x.png) 2x)}.nav .nav-logo a{display:block;width:100%;height:100%;overflow:hidden;line-height:100em}.nav .nav-logo a:hover,.nav .nav-logo a:active{background:none !important}.ua-iphone .nav{-webkit-text-size-adjust:none}.nav-search{position:relative;overflow:hidden;zoom:1;padding:10px 0 15px 0}.nav-search input{-webkit-appearance:none;border:none;background:transparent}.nav-search label{position:absolute;left:11px;top:10px;line-height:30px;cursor:text;color:#bbb;width:auto}.nav-search ::-webkit-input-placeholder{color:#bbb}.nav-search :-moz-placeholder{color:#bbb}.nav-search ::-moz-placeholder{color:#bbb}.nav-search :-ms-input-placeholder{color:#bbb}.nav-search .inp{float:left;width:470px;height:34px;text-align:center;_margin-right:-3px;cursor:text;background:url(/f/shire/d45aaa7569335285e298dd7f3c045c8b364a19de/pics/nav1/nav_bg_a1.png) no-repeat 0 0}.nav-search .inp input{background:#fff;width:96%;margin:0;text-align:left;height:30px;padding-left:10px;height:28px\9;line-height:28px\9;outline:none}.nav-search legend{display:none}.nav-search fieldset{border:none;padding:0;margin:0;position:static}.nav-search .inp-btn{position:relative;left:-1px;*top:-1px;width:37px;height:34px;zoom:1;overflow:hidden}.nav-search .inp-btn input{width:100%;height:100%;font-size:0;padding:35px 0 0 0;overflow:hidden;background:url(/f/shire/d45aaa7569335285e298dd7f3c045c8b364a19de/pics/nav1/nav_bg_a1.png) no-repeat 0 -40px;color:transparent;cursor:pointer}.nav-search .inp-btn input:hover{background-position:-40px -40px}.nav-search .inp-btn input:active{background-position:0 -40px}.nav-secondary{width:100%;zoom:1}.nav-secondary:after{content:'\0020';display:block;clear:both}.nav-secondary img{vertical-align:middle;margin-right:4px}.nav-secondary ul{margin:9px 0}.nav-secondary li{display:inline;margin-right:30px}.nav-secondary .nav-items{float:none;*padding-bottom:8px;zoom:1;font-size:13px}.nav-secondary .nav-items li{_float:left;_display:inline}#db-nav-book .nav-search .inp{background-image:url(/f/shire/d45aaa7569335285e298dd7f3c045c8b364a19de/pics/nav1/nav_bg_a1.png)}#db-nav-book .nav-search .inp-btn input{background-image:url(/f/shire/d45aaa7569335285e298dd7f3c045c8b364a19de/pics/nav1/nav_bg_a1.png)}#db-nav-movie .nav-search .inp{background-image:url(/f/shire/44552ac9f592ad9d2ef5c8ae708533990e94b605/pics/nav1/nav_mv_bg.png)}#db-nav-movie .nav-search .inp-btn input{background-image:url(/f/shire/44552ac9f592ad9d2ef5c8ae708533990e94b605/pics/nav1/nav_mv_bg.png)}#db-nav-group .nav-search .inp{background-image:url(/f/shire/44552ac9f592ad9d2ef5c8ae708533990e94b605/pics/nav1/nav_mv_bg.png)}#db-nav-group .nav-search .inp-btn input{background-image:url(/f/shire/44552ac9f592ad9d2ef5c8ae708533990e94b605/pics/nav1/nav_mv_bg.png)}#db-nav-music .nav-search .inp{background-image:url(/f/shire/b78a848a3825bda97797e3c1816ad3b01139aa1c/pics/nav1/nav_mu_bg.png)}#db-nav-music .nav-search .inp-btn input{background-image:url(/f/shire/b78a848a3825bda97797e3c1816ad3b01139aa1c/pics/nav1/nav_mu_bg.png)}

.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}.clearfix{*zoom:1}#db-nav-group{position:relative;background:#f0f6f3;overflow:visible}#db-nav-group .nav-wrap{border:none}#db-nav-group .nav-primary{overflow:visible;padding:12px 0 6px 0}#db-nav-group .nav-logo{background-image:url(/f/shire/b5060283627046173eedb53e90e1733059c0a71c/pics/nav/lg_group_a11_2.png);background-image:-webkit-image-set(url(/f/shire/b5060283627046173eedb53e90e1733059c0a71c/pics/nav/lg_group_a11_2.png) 1x, url(/f/shire/86033885f71d164e11b4ecc2fc06e945fe01c10b/pics/nav/lg_group_a11@2x.png) 2x);background-image:-moz-image-set(url(/f/shire/b5060283627046173eedb53e90e1733059c0a71c/pics/nav/lg_group_a11_2.png) 1x, url(/f/shire/86033885f71d164e11b4ecc2fc06e945fe01c10b/pics/nav/lg_group_a11@2x.png) 2x);background-image:-ms-image-set(url(/f/shire/b5060283627046173eedb53e90e1733059c0a71c/pics/nav/lg_group_a11_2.png) 1x, url(/f/shire/86033885f71d164e11b4ecc2fc06e945fe01c10b/pics/nav/lg_group_a11@2x.png) 2x);background-image:-o-image-set(url(/f/shire/b5060283627046173eedb53e90e1733059c0a71c/pics/nav/lg_group_a11_2.png) 1x, url(/f/shire/86033885f71d164e11b4ecc2fc06e945fe01c10b/pics/nav/lg_group_a11@2x.png) 2x)}#db-nav-group a:link,#db-nav-group a:visited{color:#037b82}#db-nav-group a:hover,#db-nav-group a:active{background-color:#037b82;color:#fff}#db-nav-group .nav-search{position:absolute;right:0;*width:282px}#db-nav-group li{display:inline}#db-nav-group .nav-items{float:left;margin-top:15px}#db-nav-group .nav-items li{margin-right:30px;font-size:15px}#db-nav-group .nav-search label{top:11px;line-height:28px}#db-nav-group .nav-search .inp{width:278px;height:28px;background:#fff;border:1px solid #e1e9e1;text-align:left;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}#db-nav-group .nav-search .inp input{margin:0;width:242px;height:28px;line-height:"26px	"}#db-nav-group .nav-search .inp-btn{position:absolute;left:auto;top:10px;right:0;width:30px;height:28px;*height:30px;border:1px solid #e1e9e1;border-left:none;background-color:#fff;font-size:0;overflow:hidden}#db-nav-group .nav-search .inp-btn input{width:30px;height:28px;*height:30px;padding:0;margin:0;line-height:100px;background:transparent url(/f/shire/f71f15922ebd7c0ff0ea0e7a25577529efd8981a/pics/icon/bn_srh_1.png) no-repeat 50% 50%}.nlst,.nlst h3,.bg-img-green h4{background-color:#f0f6f3}


        .cmt-img{display:inline-block;position:relative;overflow:hidden;border:1px solid #f5f5f5}.cmt-img .loading{display:none;position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px}.cmt-img .cmt-img-flag{position:absolute;color:#fff;top:0;right:0;font-size:11px;padding:2px 4px;background:rgba(0,0,0,0.25)}.cmt-img-large{width:auto !important;height:auto !important;max-width:540px !important}.cmt-img img{max-width:initial !important;cursor:pointer;display:block}.cmt-img-large img{max-width:540px !important}.cmt-img-large .cmt-img-flag{display:none}.cmt-img .view-raw{display:none;position:absolute;right:0;bottom:0;width:32px;height:32px;line-height:100em;text-align:center;overflow:hidden;background:url(/f/group/fbe9baba74d3637b0cca89380b58762a60ea6f82/pics/icon_zoom_in.png) no-repeat;opacity:.8;filter:alpha(opacity=80)}.cmt-img-large .view-raw{display:block}.cmt-img .view-raw:hover{opacity:1;filter:alpha(opacity=100)}

    
  .topic-opt {
      font-size: 13px;
  }
  .topic-admin-opts {
      display: inline-block;
      overflow: hidden;
  }
  .topic-content .topic-opt .topic-admin-opts .fleft:before {
    content: "|";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 15px;
    overflow: hidden;
    font-size: 1em;
    line-height: 1;
    color: #bbb;
  }
  .topic-content .topic-opt .topic-admin-opts .fleft {
      display: inline-block;
      margin-left: -12px;
      margin-right: 20px;
  }
  .ad-topic-notice {
    width: 441px;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: -0.2px;
    color: #9b9b9b;
    padding: 3px 0px 0px 7px;
    background-color: #f7f7f7;
  }
  .private {
    color: #c0c0c0;
  }
  
    .action-btn,.action-react .react-add,.action-react .react-cancel{display:inline-block;vertical-align:middle;height:12px;line-height:1;border-radius:2px;padding:6px 9px 4px 24px}.action-btn-cancel,.action-react .react-cancel{color:#CCCCCC;border:1px solid #DFDFDF;background:#EDEDED}.action-react{display:inline-block;margin-right:10px}.action-react .react-add,.action-react .react-cancel{background-position:5px center;background-size:16px 16px;background-repeat:no-repeat}.action-react .react-add{color:#CA6445;background-color:#FBE9D9;background-image:url(/f/shire/4da1c5c7e1d146d33008a6879dee93f45f5de79f/pics/actions/ic_action_like@2x.png)}.action-react .react-add:link,.action-react .react-add:visited{border:1px solid #FAD5B5}.action-react .react-add:hover,.action-react .react-add:active{border:1px solid #f8c79d}.action-react .react-cancel{background-image:url(/f/shire/c23e75b1df37fe79b90c12fa1fdfa913b39def0b/pics/actions/ic_action_liked@2x.png)}

    #doulist-new-function-remind{position:absolute;box-shadow:0 1px 3px 0 rgba(180,148,76,0.15);background-color:rgba(252,247,224,0.95);border:solid 1px #f0d256;width:240px;bottom:40px;left:-100px;border-radius:4px;box-sizing:border-box;padding:12px 15px;text-align:center}#doulist-new-function-remind:after{content:"";position:absolute;width:0;height:0;border:8px solid #fcf7e0;bottom:-8px;left:0;right:0;margin:auto;transform:rotate(45deg)}#doulist-new-function-remind:before{content:"";position:absolute;width:0;height:0;border:8px solid #f0d256;bottom:-8px;left:0;right:0;margin:auto;transform:rotate(45deg) translateY(1px) translateX(1px)}#doulist-new-function-remind .title{font-size:16px;font-weight:500;color:#5a412e;text-align:left;margin-bottom:6px}#doulist-new-function-remind .desc{font-size:13px;color:#5a412e;text-align:left;margin-bottom:6px;line-height:1.4}#doulist-new-function-remind button{border-radius:2px;background-color:#fab143;border:none;color:#fff;text-align:center;padding:3px 10px;font-size:12px;cursor:pointer;outline:none}


.dialog_join_group {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    padding: 45px;
    background: rgb(255,255,255);
    border-radius: 6px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
    text-align: center;
}
.join_group_close {
    font-size: 24px;
    line-height: 1;
    padding: 0 5px;
    color: #cccccc;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.join_group_title {
    font-size: 18px;
    color: #007722;
}
.join_group_desc {
    font-size: 13px;
    color: #9b9b9b;
    padding: 11px 0 20px;
}
.join_group_comfirm, .join_group_cancel {
    display: inline-block;
    font-size: 13px;
    width: 70px;
    height: 30px;
    margin: 0 10px;
    line-height: 30px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
}
a.join_group_comfirm {
    border-color: #3AA253;
    background: #3AA253;
    color: #ffffff;
}
a.join_group_cancel {
    border-color: #dddddd;
    background: #ffffff;
    color: #666666;
}

        .tabs{font-size:0;letter-spacing:-0.31em;*letter-spacing:normal;word-spacing:-0.43em}.tabs a{display:inline-block;*display:inline;zoom:1;padding:1px 8px;margin-right:5px}.tabs a:link,.tabs a:visited,.tabs a:hover,.tabs a:active{font-size:13px;line-height:1.2;letter-spacing:normal;word-spacing:normal}.tabs a:hover,.tabs a:active{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.tabs a.on:link,.tabs a.on:visited,.tabs a.on:hover,.tabs a.on:active{color:#fff;background:#83bf73;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.tabs{margin:40px 0 10px;padding-bottom:8px;border-bottom:1px solid #e6e6e6}.list,.list .content{overflow:hidden;zoom:1}.list .pic{float:left;margin-right:12px}.list p{margin:8px 0 0 0;background:#f9f9f9;padding:8px}.list .pubtime{position:absolute;top:10px;right:0;color:#999}.list .pic img{width:24px;height:24px}.list ul{margin-top:-15px}.list li{position:relative;padding-top:10px;margin-top:10px;border-top:1px dashed #e6e6e6;overflow:hidden;color:#666}.collect-list .content,.topic-fav-list .content{margin-top:4px;width:70%}.collect-list .pubtime,.topic-fav-list .pubtime{top:14px}.topic-rec-list .pubtime a:link,.topic-rec-list .pubtime a:visited{color:#666}.topic-rec-list .pubtime a:hover,.topic-rec-list .pubtime a:active{color:#fff}.topic-rec-list p{padding:0}.topic-rec-list p a{display:block;background:#f9f9f9;padding:8px}.topic-rec-list p a:link,.topic-rec-list p a:visited{color:#666}.topic-rec-list p a:hover,.topic-rec-list p a:active{background-color:#f6f6f6;color:#666}

    
    .comment-form{
        overflow: hidden;
    }
    .comment_textarea{
        border: none;
    }
    .comment-wrapper{
        border: 1px solid #ccc;
        padding: 10px 14px;
        overflow: hidden;
    }
    .comment-wrapper textarea{
        font-family: inherit;
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit;
    }
    .comment-wrapper .img-upload-input{
        display: none;
    }
    .comment-wrapper .upload-icon{
        display: inline-block;
        width: 18px;
        vertical-align: middle;
    }
    .comment-wrapper label{
        display: inline-block;
        vertical-align: middle;
        margin-left: 4px;
        font-size: 13px;
        color: #999;
        line-height: 18px;
        padding-right: 30px;
        cursor: pointer;
        background-image: url(/f/group/e78046e66c5c6893e6fd730f08a42b9915ffd708/pics/group/beta.png);
        background-size: 27px 11px;
        background-repeat: no-repeat;
        background-position: right center;
    }
    .img-uploader-wrapper{
        cursor: pointer;
        float: left;
    }
    .added .upload-icon, .added label{
        display: none;
    }
    .remove-img{
        display: none;
        vertical-align: middle;
        color: #999;
    }
    .added .remove-img{
        display: inline-block;
    }
    .img-preview{
        max-width: 48px;
        max-height: 48px;
        display: inline-block;
        vertical-align: middle;
    }

  .HXXX { background: #000; color: red; font-size: 23px }


.dui-dialog { position:fixed;_position:absolute;z-index:1000; }
.dui-dialog .dui-dialog-content {
  position: relative;
  z-index: 2;
  background: #fff;
  border: 1px solid #bbb;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
}
.dui-dialog .hd {
  padding: 10px 10px 6px;
  background: #ebf5eb;
  font-size: 14px;
  -moz-border-radius: 4px;
  border-radius: 4px 4px 0 0;
}
.dui-dialog .hd h3 { padding:0 40px 0 4px;background:none;color:#060; }
.dui-dialog .hd h3 i { color:#060;font-style:normal;margin-left:0.5ex; }
.dui-dialog .bd { position:relative; padding:15px;*zoom:1;font-size:12px;}
.dui-dialog .bd:after { content:'\0020';clear:both;display:block; }
.dui-dialog .ft .bn-flat,
.dui-dialog .ft input { margin:0 .5em; }
.dui-dialog .ft { text-align:center;padding:10px;padding-top:0; }
.dui-dialog .dui-dialog-close {
  position: absolute;
  top: 10px;
  right: 12px;
  padding: 0 3px;
  z-index: 1;
  font: 11px/1.2 "Comic Sans MS", sans-serif;
}
a.dui-dialog-close:link { color:#b4b4b4; }
a.dui-dialog-close:hover {color: #fab0b6; background:none; }
.dui-dialog .dui-dialog-shd {
    position:absolute;
    left:-8px;
    top:-8px;
    width:100%;
    height:100%;
    padding:8px;
    background:#666;
    opacity:.4;
    filter:alpha(opacity=50);
    -ms-filter:"alpha(opacity=50)";
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.dui-dialog-iframe { border:0;background:transparent;position:absolute;z-index:1;left:-8px;top:-8px;opacity:0;filter:alpha(opacity=0); }
.dui-dialog-msk {
    background:#fff;
    position:absolute;
    width: 100%;
    z-index:999;
    left:0;
    top:0;
    opacity:0.7;
    filter:alpha(opacity=70);
}



#g-side-info { margin-bottom:15px;border:1px solid #eee; }
#g-side-info .bd { padding:10px;overflow:hidden;zoom:1; }
#g-side-info p { margin:5px 0 0 0;color:#666; }
#g-side-info .member-info { color:#111;padding-top:5px; }
.member-info1 { font-size:14px;color:#666;padding-top:3px; }
.need-invite { color: rgba(0, 0, 0, .5);}
.group-item .pic { float:left;margin-right:12px; width: 48px; }
.group-item .pic img { width: 100% }
.group-item .info { overflow:hidden;margin-right:24px; }
.group-item .title { font-size:15px; }
#g-side-info .ft { background-color:#f8f8f8;font-size:14px;padding:6px 0; }
#g-side-info .ft { background-color:#edf6ed;padding:10px 0; }
#g-side-info .ft-members { margin-bottom:10px;line-height:1.5;color:#666; }
#g-side-info .ft-members i { color:#370; }
#g-side-info-member { margin-bottom:15px;border-bottom:1px solid #e3e3e3; }
#g-side-info-member .bd { padding-bottom:15px;overflow:hidden;zoom:1; }
.bn-join-group-disable,
.bn-join,
.lnk-selection {
  padding: 0 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 1.8;
  *height: 1.8em;
  *line-height: 1.9;
  *overflow: hidden;
  text-align: center;
  border-radius: 3px;
}
.bn-join-group-disable,
.bn-join:link,
.bn-join:visited,
.bn-join:hover,
.bn-join:active,
.lnk-selection:link,
.lnk-selection:visited,
.lnk-selection:hover,
.lnk-selection:active {
  background-color: #3fa156;
  color: #fff;
}
.bn-join-group-disable {opacity: .4;cursor: default;}
.lnk-selection:active, .lnk-selection:hover {
  background-color: #44af5d;
}
#g-side-info .group-item .info p i {
  color: #372;
}
#g-side-info .ft .member-status{
  padding-left: 70px;
}
#cancel-join .ft {
  background: #fff;
  height: auto;
}

    .topic-list ul { margin-top: -5px; }
    .topic-list li { padding:5px 0;margin:0;border-bottom: 1px dashed #ddd;line-height:1.4; }
    
.back-to-top{display:none;position:fixed;width:100px;height:40px;overflow:hidden;_position:absolute}.back-to-top a{position:absolute;left:0;top:40px}* html{background-image:url(about:blank);background-attachment:fixed}

@font-face{font-family:"groupicons";src:url(/f/group/538e8d0d55ffbf1f775c7c9519c42db2cab4b430/pics/group/fonts/groupicons.eot);src:url(/f/group/538e8d0d55ffbf1f775c7c9519c42db2cab4b430/pics/group/fonts/groupicons.eot) format("embedded-opentype"),url(/f/group/a66eeba150d7ec8b5eace9c414a1f485b4339151/pics/group/fonts/groupicons.woff) format("woff"),url(/f/group/c61ea0a5cc2e9161108f940debbe7b87292a1d02/pics/group/fonts/groupicons.ttf) format("truetype"),url(/f/group/0f0f6589afa6948c5f89cc9c611cc7aec2d7498a/pics/group/fonts/groupicons.svg) format("svg");font-weight:normal;font-style:normal}[data-icon]:before,.item-3rd .item-weibo:before,.groupicon-weibo:before,.item-3rd .item-qq:before,.groupicon-qq:before{font-family:"groupicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.item-3rd .item-qq:before,.groupicon-qq:before{content:"\e600"}.item-3rd .item-weibo:before,.groupicon-weibo:before{content:"\e601"}[data-icon]:before{content:attr(data-icon)}#wrapper.landing{padding-bottom:61px}.popup-reg-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40)}#g-popup-reg{position:fixed;z-index:100;left:50%;top:20%;margin-left:-170px;overflow:hidden;_position:absolute;_margin-top:0;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 4px 0 rgba(0,0,0,0.2);-o-box-shadow:0 0 4px 0 rgba(0,0,0,0.2);-ms-box-shadow:0 0 4px 0 rgba(0,0,0,0.2);box-shadow:0 0 4px 0 rgba(0,0,0,0.2)}* html{background-image:url(about:blank);background-attachment:fixed}#g-popup-reg .bd{border:1px solid #eee;background:#fff}#g-popup-reg iframe{width:340px;height:448px}#g-popup-reg .lnk-close{position:absolute;left:10px;top:10px}#g-popup-reg .lnk-close:link,#g-popup-reg .lnk-close:visited,#g-popup-reg .lnk-close:hover,#g-popup-reg .lnk-close:active{padding:0 2px;line-height:1;font-size:18px;color:#aaa}#g-popup-reg .lnk-close:hover{color:#fff}#landing-bar{position:fixed;bottom:0;height:60px;width:100%;border-top:1px solid #dee2de;background:#ecf6ed}#landing-bar .bd{position:relative;width:950px;padding-top:15px;margin:0 auto}#landing-bar p{float:left;margin:0 60px 15px 80px;font-size:18px;color:#072;-webkit-font-smoothing:antialiased}#landing-bar .operation{float:left;margin-right:10px}#landing-bar .operation a{display:inline-block;border:1px solid #538643;padding:3px 16px;margin-right:12px;font-size:14px;background:#3fa156;color:#fff;border-radius:2px}#landing-bar .operation .a_show_login{background:#ecf6ed;color:#3fa156}.item-3rd{font-size:13px;line-height:30px;color:#999}.item-3rd a{border-radius:50%;padding:5px 6px 4px;margin-right:5px;color:#fff;font-size:15px}.item-3rd .item-qq{background:#0097e2}.item-3rd .item-qq img{display:none;*display:inline-block}.item-3rd .item-weibo{background:#f32935}.item-3rd .item-weibo img{display:none;*display:inline-block}#landing-bar .lnk-close{position:absolute;top:0;right:0;padding:0 2px;font-size:40px;line-height:1.4;color:#aaa;font-weight:lighter;-webkit-font-smoothing:antialiased}#landing-bar .lnk-close:hover{background:none}