/**** /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/summary.css ****/
@CHARSET "UTF-8";
.one-sum-cat .live-list { padding-top: 30px; }
.one-sum-cat .cat-img { float: left; width: 50px; height: 50px; display: block; }
.one-sum-cat .cat-img img { max-width: 50px; }
.one-sum-cat .st-bl.std.big .hdr.imgwith { padding: 10px; }
.one-sum-cat .hdr.imgwith .addinfo { margin-left: 60px; margin-top: 2px; }
.one-sum-cat .hdr.imgwith .addinfo .amount { color: #999; }
.one-sum-cat .hdr.imgwith h1 { margin-bottom: 6px; }
.one-sum .diary-desc { background: #eaf4fd; padding: 20px !important; margin: 10px 10px; border-radius: 3px; }
.one-sum .d-text p,
.one-sum .d-text blockquote { margin-bottom: 20px; }
.one-sum .short-desc { margin-top: 20px; border-top: dashed 1px #ddd; padding-top: 20px; }
.one-sum .diary-desc img { float: left; margin-right: 20px; display: block; max-height: 200px; border-radius: 10px; display: block; max-width: 115px; }
.one-sum .s-table td { font-weight: bold; }
.one-sum .item { margin-bottom: 30px; }
.one-sum .item h2 { margin-bottom: 16px; }
.one-sum .item h3 { margin: 30px 0 20px; font-size: 20px; }
.one-sum .item h4 { margin: 20px 0 20px; font-size: 18px; }
.one-sum .hero { background: #eaf4fd; display: inline-block; padding: 2px 10px; border-radius: 3px; }
.one-sum .heros-list ul { margin-bottom: 22px; }
.one-sum .heros-list li { margin-bottom: 8px; }
.one-sum .tale-cats { margin: 20px 0; }
.one-sum q { background: #eee; padding: 1px 4px; }
.one-sum blockquote { margin: 0; color: #231E28; padding: 30px 30px 20px 60px; border-left: 6px solid #ccc; position: relative; background: #FAF8EB; font-weight: 300; }
.one-sum  blockquote:before { content: "\201C"; font-family: Arial; color: #ccc; font-size: 70px; position: absolute; left: 15px; top: 30px; }
.one-sum  blockquote p { font-style: italic; font-size: 16px; line-height: 26px; margin-bottom: 0 !important; }
.one-sum blockquote.lit { background: none; }
.one-sum blockquote .name { margin-top: 10px; }
.one-sum .summary-box { margin-bottom: 20px; }
.one-sum .h-summary,
.one-sum .end-summary { background: #FCEDB1; padding: 20px; border-radius: 10px; line-height: 25px; }
.one-sum .end-summary { background: #cccce3; }
.one-sum .h-summary p,
.one-sum .end-summary p { margin-bottom: 12px; }
.one-sum .rtime { color: #666; margin: -14px 0 10px; text-align: center; }
.one-sum .rtime .elm { margin: -4px 6px 0 0; }
.essence-test { text-align: center; }
.essence-test .actions { margin-top: 20px; font-size: 16px; }
.summary-box .adv-hor.adv-din { border-top: solid 1px #ddd; border-bottom: none; display: none; }
.summary-box .adv-hor.adv-din.active { display: block; }
.summary-box .adv-hor.adv-din.active .ad-block { display: flex; align-items: center; justify-content: center; background: #eee; }
@media screen and (max-width: 510px) { .one-sum .diary-desc img { float: none; margin: 0 auto 10px auto; }
.one-sum .short-desc { display: none; }
}