/**** /content/css/survey.css ****/
@CHARSET "UTF-8";
.survey-init { display: none; }
.pop-wrap.survey { width: 600px; background: #eee; }
.pop-wrap.survey .s-inp { width: 100%; border-radius: 12px; }
.pop-wrap.survey h2 { text-align: center; }
.survey-bl { width: 100%; }
.survey-bl .impor { text-align: center; margin-bottom: 20px; color: #08868f; }
.survey-bl .survey-desc { margin-bottom: 20px; font-size: 16px; color: #333; line-height: 23px; }
.survey-bl .bot-acts { margin-top: 26px; padding-top: 20px; border-top: dashed 1px #ddd; text-align: center; }
.survey-bl .bot-acts .bt { padding: 16px 20px; }
.survey-bl .s-answer { padding: 8px 20px; border-radius: 12px; color: #3b5998; font-size: 18px; font-weight: 600; margin-bottom: 10px; cursor: pointer; user-select: none; display: flex; align-items: center; position: relative; }
.survey-bl .s-answer:hover { background-color: rgba(43, 126, 223, 0.1); }
.survey-bl .s-answer:before { background: #0000001a; content: ""; display: block; flex-shrink: 0; height: 20px; margin-right: 10px; width: 20px; border-radius: 50%; }
.survey-bl .s-answer:after { background: #fff; content: ""; position: absolute; border: 0; height: 6px; left: 27px; border-radius: 100%; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); width: 6px; }
.survey-bl .s-answer.active:before,
.survey-bl .s-answer:hover:before { background: #009be3; }
.survey-bl .s-answer.active:after,
.survey-bl .s-answer:hover:after { transform: translateY(-50%) scale(1); opacity: 1; }
@media screen and (max-width: 800px) { .pop-wrap.survey { width: 98%; box-sizing: border-box; }
}
@media screen and (max-width: 500px) { .pop-wrap.survey { padding: 30px 20px 20px; }
}


/**** /content/css/article.css ****/
@CHARSET "UTF-8";
.articles-list .title { font-size: 20px !important; }
.articles-list .art-actions { border-top: dashed 1px #ddd; padding: 2px; }
.articles-list .art-actions .thumbs { float: right; padding-right: 10px; }
.articles-list .art-numbers { float: left; color: #666; margin: 10px; }
.articles-list h2 { line-height: 26px; }
.articles-list .art-numbers .elm { margin: -4px 6px 0 0; }
.articles-list .main-cat { padding: 0px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; background: #eee; margin-right: 10px; display: inline-block; }
.articles-list .top-line { margin-bottom: 6px; }
.articles-list .pub-date { font-size: 13px; color: #888; }
.articles-list img { max-width: 100%; }
.art-box img { max-width: 100%; }
.art-box ul { margin-bottom: 20px; }
.art-box .numi { background: #eaf4fd; display: inline-block; padding: 8px 14px; border-radius: 50%; margin-right: 8px; border: solid 1px #cfdeec; font-weight: bold; }
.art-box .important { padding: 30px 40px; margin-bottom: 20px; border-radius: 20px; font-size: 14px; line-height: 22px; border:none; background: #eee; }
.art-box h3 { margin: 30px 0 12px; }
.art-box .important .head { font-weight: bold; font-size: 18px; margin: 0 0 20px; }
.art-box .little-mark { display: inline-block; padding: 2px 10px; border-radius: 3px; background: #eee; }
.art-box .strong { font-weight: bold; }
.art-box h2 { margin-top: 40px; }
.similar-arts span { white-space: normal; height: 40px; }
.one-article .essence-rating,
.one-article .art-box { margin-bottom: 20px; }
.one-article h1 { line-height: 26px; }
.one-article .art-img img { display: block; }
.one-article .art-tags { margin: 20px 0; }
.one-article .art-tags a { border-radius: 4px; padding: 5px 9px 5px; font-size: 14px; color: #393f61b3; text-decoration: none; background: #eaf4fd; }
.r-menu .new-author { line-height: 20px; }
.r-menu .new-author .btn-wrap { text-align: center; margin-top: 13px; }
@media screen and (max-width: 760px) { .r-cont { display: block !important; width: 100%; text-align: center; margin-top: 30px; }
}