/**** /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/film.css ****/
@CHARSET "UTF-8";
.one-film .film-desc img,
.one-film-part .film-desc img { float: left; margin-right: 20px; display: block; max-height: 200px; }
.one-film .film-part { margin-bottom: 30px; }
.live-list.fvideos .filter { padding: 0; }
.seasons-menu { margin-bottom: 20px; }
.seasons-menu a { display: inline-block; font-size: 13px; height: 25px; line-height: 25px; margin: 0 0 0 2px; padding: 0 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; }
.seasons-menu a:hover { background: #aaa; color: #fff; }
.seasons-menu a.active { color: #fff; background: #419adf; }
.one-film .st-bl.std.big .cnt.film-desc,
.one-film-season .st-bl.std.big .cnt.film-desc,
.one-film-part .st-bl.std.big .cnt.film-desc { border-bottom: solid 1px #ddd; padding-top: 20px; padding-bottom: 20px; margin-bottom: 30px; }
.one-film .full-film .st-bl.std.big .cnt.film-desc { margin-bottom: 0; }
.one-film-video .st-bl.std.big .cnt.film-desc { padding-bottom: 0; }
.one-film-season .st-bl.std.big .cnt.film-desc,
.one-film-part .st-bl.std.big .cnt.film-desc { margin-bottom: 0; }
.fvideo-list .o-video { display: block; float: left; width: 31%; box-sizing: border-box; margin: 0 1% 14px 1%; padding: 0; text-decoration: none; }
.fvideo-list .p-wrap { display: block; position: relative; }
.fvideo-list .vname { margin-top: 6px; font-weight: bold; height: 42px; overflow: hidden; }
.fvideo-list .vname:before { display: inline-block; width: 8px; height: 8px; margin-right: 5px; margin-bottom: 1px; content: ""; border-radius: 50%; background: #bbb; }
.fvideo-list .o-video img { max-width: 100%; display: block; border-radius: 10px; }
.one-film-video .prev-video,
.one-film-video .next-video { width: 50%; float: left; }
.one-film-video .next-video { float: right; }
.one-film-video .p-wrap { display: block; position: relative; }
.one-film-video .p-wrap img { max-width: 100%; display: block; border-radius: 10px; }
.one-film-video .prev-video .o-video,
.one-film-video .next-video .o-video { display: inline-block; float: right; box-sizing: border-box; margin: 0 0% 10px 1%; padding: 0; text-decoration: none; max-width: 150px; }
.one-film-video .std.big .hdr.with-a,
.one-film-season .std.big .hdr.with-a { padding-bottom: 12px; }
.one-film-video .hdr.with-a .aut,
.one-film-season .hdr.with-a .aut { margin-top: 6px; color: #888; }
.one-film-video .hdr.with-a .aut a,
.one-film-season .hdr.with-a .aut a { display: inline-block; color: #888; }
.one-film-video .prev-video .o-video { margin-left: 0; }
.one-film-video .prev-video .vname,
.one-film-video .next-video .vname { font-size: 13px; margin-top: 6px; font-weight: bold; }
.one-film-video .video-cont { margin-bottom: 20px; }
.one-film-video .prev-video .o-video { float: left; }
.one-film-video .st-bl.std.big .cnt.adv-hor { padding: 20px 20px 0; }
.films-main .pop-films .film { display: block; float: left; width: 23%; box-sizing: border-box; margin: 0 1% 10px 1%; padding: 6px 6px; text-align: center; text-decoration: none; overflow: hidden; }
.films-main .pop-films .film img { max-width: 100%; display: block; margin: 0 auto 6px; }
.goto-btn { text-align: center; }
.one-film-part .o-season { margin-bottom: 30px; }
.similar-films { margin-top: 30px; }
.similar-films .item { display: block; float: left; width: 23%; box-sizing: border-box; margin: 0 1% 10px 1%; padding: 10px; text-align: center; text-decoration: none; }
.similar-films img { max-width: 100%; }
.similar-films .b-title { font-size: 20px; margin-bottom: 20px; }
.yt-player-wrap { position: relative; background: #000; }
.yt-player-wrap.video-cont { padding-bottom: calc(56.25% + 120px); }
.yt-player-wrap.p-pause #yt-player { filter: blur(5px); }
.p-overlay { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; background: rgba(0,0,0,.8); }
.p-overlay .p-play { width: 100px; height: 100px; background: #419adf; border-radius: 50%; display: none; }
.yt-player-wrap .p-acts { top: 0; left: 0; right: 0; position: absolute; z-index: 2; padding: 10px 12px 0; background: #000; overflow-x: auto; display: flex; }
.yt-player-wrap .p-acts select { color: #fff; margin: 0; border: none; padding: 10px 16px 10px 6px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 38px; font-size: 16px; }
.yt-player-wrap .p-acts .pl-prev,
.yt-player-wrap .p-acts .pl-next { color: #fff; border-radius: 4px; cursor: pointer; height: 38px; width: 38px; box-sizing: border-box; background-color: #393d51; padding: 7px; }
.yt-player-wrap .p-acts .pl-prev:hover,
.yt-player-wrap .p-acts .pl-next:hover { background-color: #666; }
.yt-player-wrap .p-acts .sel-wrap { position: relative; margin: 0 0 12px; z-index: 2; background: #393d51; border-radius: 4px; }
.yt-player-wrap .p-acts .sel-wrap:after { position: absolute; content: ""; top: 50%; right: 6px; margin-top: -2px; border: 5px solid; border-color: #fff transparent transparent; z-index: -1; }
.yt-player-wrap .p-acts .marm { margin-right: 20px; }
.yt-player-wrap .p-acts .sel-season { max-width: 190px; }
.yt-player-wrap .p-acts .sel-video { max-width: 360px; }
@media screen and (max-width: 940px) { .films-main .pop-films .film { width: 31%; }
.similar-films .item { width: 31%; }
}
@media screen and (max-width: 600px) { .fvideo-list .o-video { width: 48%; }
}
@media screen and (max-width: 510px) { .films-main .pop-films .film { width: 48%; }
.similar-films .item { width: 48%; }
}
@media screen and (max-width: 400px) { .one-film .film-desc .cont, .one-film-season .film-desc, .one-film-part .film-desc, .one-film-video .film-desc { display: none; }
.one-film .film-desc img { float: none; width: 100%; max-height: none; }
.fvideo-list .o-video { width: 98%; }
.fvideo-list .o-video img { width: 100%; display: block; }
}
@media screen and (max-width: 300px) { .films-main .pop-films .film { width: 98%; }
.similar-films .item { width: 98%; }
}