@charset "utf-8";
body {
	position:relative;
	background-color:#f6f6f6;
	color:#1a1a1a;
	font-family:"Arial";
	margin:0px;
	padding:0px;
	font-size:16px;
	min-height:100vh;
	z-index:500;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
}
a {
	text-decoration:none;
}
a,a:visited {
	color:inherit;
}
a:hover {
	text-decoration:underline;
}
a.lc,.al_trend_tag > a,.play_mode > a {
	color:#06c;
	cursor:pointer;
}
img {
	-moz-force-broken-image-icon:1;
}
.header_nav {
	width:100%;
	min-width: 1128px;
	background-color:#336699;
	color:#fff;
}
.header_nav ul {
	list-style:none;
	font-size:12px;
	text-align:center;
	margin:0px auto;
	padding:0;
}
.header_nav > ul > li {
	position:relative;
	display:inline-flex;
	align-items:center;
	margin:0px 20px 0px 0px;
	height:24px;
	cursor:pointer;
}
.header_nav > ul > li ul {
	position:absolute;
	display:none;
	z-index:100;
	background-color:#336699;
	margin:0px 5px 10px 5px;
	padding:10px 10px;
	border :1px solid #345;
	min-width:100px;
	text-align:left;
	white-space:nowrap;
}
.top_login_ddl li {
	cursor:default;
}
.body_rect {
	margin:auto;
	max-width:1124px;
	min-width:1124px;
}
.h_ba {
	height:90px;
	margin-top:3px;
	font-size:13px;
}
.h_site_bnr {
	float:left;
}
.h_site_bnr img {
	float:left;
	width:320px;
	height:60px;
}
.h_ba h3 {
	clear:both;
	float:left;
	font-size:14px;
	margin:0px 3px;
	color:#03f;
}
.h_sp {
	float:right;
	position:relative;
	margin-right:5px;
	width:468px;
	height:60px;
}
.h_sp img:nth-of-type(1) {
	display:block;
	border:none;
	width:468px;
	height:60px;
}
.h_sp img:nth-of-type(2),.h_sp img:nth-of-type(3) {
	display:block;
	border:none;
	width:1px;
	height:1px;
}
.h_sp div {
	position:absolute;
	color:#1a1a1a;
	font-size:14px;
	bottom:-21px;
	left:0px;
	white-space:nowrap;
}
.bc_rect {
	float:left;
	font-size:13px;
	margin:2px 5px 10px 3px;
}
.ss_area {
	float:right;
	margin:0px 10px 0px 5px;
	font-size: 13px;
}
.ss_w {
	float:right;
	width:140px;
	height:24px;
	margin:0px 5px 0px 0px;
	line-height:normal;
	box-sizing:border-box;
	border:1px solid #999;
	-webkit-appearance: none;
}
.ss_btn {
	float:right;
	height:24px;
	box-sizing:border-box;
	margin:0px;
	border:1px solid #999;
	-webkit-appearance: none;
}
.ss_btn:hover {
	background-color:#ccc;
}
.tb_top_date {
	float:left;
	margin-right:20px;
	vertical-align: middle;
}
.dp_area {
	clear:both;
	width:1120px;
	height:33px;
	white-space:nowrap;
	overflow:hidden;
}
.dp_area div {
	white-space:nowrap;
	overflow:hidden;
}
#top_dp {
	float:left;
	margin-right:20px;
}
.top_tag {
	float: left;
	margin-bottom:5px;
	font-size:12px;
	color:white;
}
.top_tag span,.top_tag a {
	display:inline-flex;
	align-items: center;
	height:26px;
	margin:0px 1px 3px 0px;
	padding:0px 11px;
}
.top_tag span {
	background-color:#191970;
}
.top_tag a {
	background-color:#1a73e8;
}
.top_tag a:hover {
	background-color:#3a89f8;
}
.vl_sort {
	font-size:13px;
	background-color:#f5f5f5;
	height:28px;
	width:125px;
}
.pager_area {
	clear: both;
	margin:auto;
	height:36px;
}
.v_list_pager_num {
	margin:3px 5px;
	float:left;
	font-size: 13px;
	white-space:nowrap;
}
.footer_pager {
	height:32px;
	margin:10px auto;
	text-align:center;
}
.footer_pager1 {
	clear:both;
	margin:auto;
	text-align:center;
}
.main_title {
	clear:both;
	display:inline-flex;
	align-items:center;
	width: 861px;
	height:33px;
	font-size:16px;
	margin:10px 0px;
	padding-left:10px;
	border-left:5px solid #225590;
}
.v_rect_l {
	float:left;
	width:275px;
	height:231px;
	margin-right:4px;
	padding:5px;
	font-size:12px;
	border:1px solid #ccc;
	margin-bottom: 8px;
}
.v_rect_nf {
	height:251px;
}
.v_img {
	float:left;
	position:relative;
	margin-bottom:5px;
	width:275px;
	height:155px;
	color:#fff;
	font-size:12px;
}
.v_img img {
	width:275px;
	height:155px;
	display:block;
}
.v_img > div:not(.my_vlist),.v_img > a:not(.v_imga),.sc_vi div:first-of-type,.r_via > div:not(.my_vlist),.r_ct,.r_prd,.r_du,.plv_img > div,.plv_img > a,.cd_via > div:not(.my_vlist),.plv_state {
	position:absolute;
	display:inline-flex;
	align-items:center;
	white-space:nowrap;
	overflow:hidden;
	max-width:275px;
	height:22px;
	padding:0px 5px;
	background:rgba(0,0,0,0.5);
	box-sizing:border-box;
	color:#fff;
}
.v_img > a {
	cursor:pointer;
}
.v_img > a:hover {
	text-decoration:underline;
}
.c_title,.v_prd,.v_cnt,.v_ccnt,.v_du,.v_private,.v_m_only,.ol_v_cnt,.ol_v_du {
	position:absolute;
	background:rgba(0,0,0,0.5);
	text-decoration:none;
	color:#fff;
	height:22px;
}
.c_title {
	top:0px;
	left:0px;
}
.c_title a {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	max-width:265px;
	text-decoration:none;
}
.c_title a:hover {
	text-decoration: underline;
}
.v_title {
	float:left;
	overflow:hidden;
	white-space:nowrap;
	width:275px;
	height:24px;
	font-size:13px;
}
.v_title span {
	font-size:14px;
	overflow:hidden;
	display: inline-block;
}
.v_title span:hover {
	text-decoration: underline;
}
.v_prd {
	top:22px;
	left:0px;
	margin-right:10px;
	max-width:265px;
}
.v_prd a {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	text-decoration:none;
}
.v_prd a:hover {
	text-decoration: underline;
}
.v_desc {
	overflow:hidden;
	white-space:nowrap;
	border:1px solid #ccc;
	padding:3px 8px;
	font-size: 12px;
	margin-bottom: 5px;
	height:16px;
	font-family:"Arial";
}
.v_cnt {
	left:0px;
	bottom:0px;
	height:22px;
}
.v_ccnt {
	left:0px;
	bottom:22px;
	height:22px;
}
.ol_v_img_rect {
	position:relative;
	cursor:pointer;
	height:90px;
}
.ol_v_img_rect > div > span {
	display:table-cell;
	vertical-align:middle;
	padding: 0px 5px;
}
div.ol_v_cnt {
	left:1px;
	bottom:0px;
}
div.ol_v_cnt > span {
	padding:0px 3px;
}
.ol_v_du {
	right:0px;
	bottom:0px;
}
div.ol_v_du > span {
	padding:0px 4px;
}
.v_du {
	right:0px;
	bottom:0px;
	height:22px;
}
.my_vlist {
	display:none;
	position:absolute;
	color:#111;
	top:0px;
	right:0px;
	background:rgba(255,255,255,0.5);
	font-size:22px;
	padding:1px 7px;
	text-align:center;
	cursor:pointer;
	width:22px;
}
.my_vlist:hover {
	background-color:#f7cec9;
}
.v_private,.v_m_only {
	top:0px;
	right:0px;
}
.v_private,.v_m_only {
	color:#1a1a1a !important;
}
.v_private {
	background:rgba(255,255,0,0.8) !important;
}
.v_m_only {
	background:rgba(255,180,184,1) !important;
}
table.list_yt {
	margin:auto;
	border-collapse:separate;
	border-spacing:0;
	font-size:14px;
}
table.list_yt th {
	text-align:center;
	color:white;
	background:linear-gradient(#829ebc,#225590);
	border-left:1px solid #3c6890;
	border-top:1px solid #3c6890;
	border-bottom:1px solid #3c6890;
	box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset;
	padding:10px 0;
	height:43px;
	box-sizing:border-box;
}
table.list_yt td {
	border-left:1px solid #a8b7c5;
	border-bottom:1px solid #a8b7c5;
	border-top:none;
	box-shadow:0px -3px 5px 1px #eee inset;
	padding:5px;
}
table.list_yt td:last-child {
	border-right:1px solid #a8b7c5;
}
#page_limit {
	margin:5px 0px;
	float:right;
}
.main_pager {
	margin:auto;
	text-align:center;
	height:0px;
	font-size:13px;
}
.cl_main {
	margin-bottom: 5px;
}
.cl_main:after {
	content: "";
	display: block;
	clear:both;
}
.pager_btn {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	margin:0px 1px 2px 1px;
	min-width:33px;
	border:1px solid #aaa;
	border-radius:3px 3px;
	height:26px;
	font-size:14px;
}
.pbd {
	background-color:#ddd;
}
.pbe {
	background-color:#fff;
}
.pager_form {
	margin:0px 1px;
	display:inline-block;
}
.pager_tb {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	font-size:15px;
	width:32px;
	height:28px;
}
.title_rect {
	float:left;
	margin:10px 0px;
	border-left:5px solid #225590;
	padding-left:10px;
}
.page_desc,.page_desc1 {
	clear:both;
	font-size:14px;
	text-align: left;
}
.page_desc a,.page_desc1 a {
	color:#06c;
}
.page_desc {
	margin:0px 20px 20px 20px;
}
.page_desc1 {
	margin:0px 20px 5px 20px;
}
.sort_area {
	float:right;
	margin-right:5px;
}
.c_v_sort {
	float:right;
	display:inline-block;
	margin-right:10px;
}
.footer_area {
	background-color:#336699;
	padding:25px 0px 10px 0px;
	text-align:center;
	font-size:13px;
	color:#fff;
	width:100%;
	min-width:1128px;
}
.footer_area > a {
	display:inline-block;
	margin:8px 12px;
}
.footer_area > a:last-of-type {
	margin-bottom:20px;
}
.f_bnr_area {
	clear:both;
	text-align:center;
	margin:auto;
	padding:25px 0px;
	width:1124px;
	height:90px;
}
.f_sp_area {
	clear:both;
	text-align:center;
	margin:10px auto;
	font-size:14px;
	width:1124px;
}
.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.f16 {
	font-size:16px;
}
.f15 {
	font-size:15px;
}
.f14 {
	font-size:14px;
}
.f13 {
	font-size:13px;
}
.f12 {
	font-size:12px;
}
.f11 {
	font-size:11px;
}
.f10 {
	font-size:11px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.cl {
	clear:both;
}
.tdn {
	text-decoration:none;
}
.v_yt {
	float:right;
	height:18px;
	width:18px;
	background-image:url(../img/yt.gif);
	background-size:auto 18px;
	margin-right:3px;
}
.v_yt:hover {
	text-decoration:none;
}
.bdd {
	width:105px;
	margin-right:5px;
}
.btn_tr {
	width:25px;
	margin-right:5px;
}
.div_btn1 {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	font-size:13px;
	border:1px solid #ccc;
	border-radius:5px;
	height:26px;
	color:#2a2a2a;
	background-color:#eee;
	background:linear-gradient(to bottom, #fff, #e3e3e3);
	box-sizing:border-box;
}
.div_on {
	color:#333;
	background-color:#ccc;
	background:linear-gradient(to bottom, #e7e7e7, #e3e3e3);
}
a.div_btn1:hover {
	background-color:#f6f6f6;
	background:linear-gradient(to bottom, #e7e7e7, #f3f3f3);
	text-decoration:none;
}
a.div_btn1:active {
	background-color:#fff;
	color:#000;
	text-decoration:none;
}
li {
	margin-bottom:3px;
}
.lm_l {
	float:left;
	white-space:nowrap;
	overflow:hidden;
	border:1px solid #aaa;
	width:220px;
	margin:3px 13px 20px 0px;
	padding:7px 6px 0px 3px;
	font-size:12px;
}
.lm_l > a {
	clear:both;
	float:left;
	margin:0px 0px 6px 5px;
}
.lm_l > div {
	clear:both;
	float:left;
	margin:0px 0px 6px 0px;
}
.lm_l span {
	display:inline-block;
	width:28px;
	text-align:center;
}
.l_sub_c_list {
	padding-left:6px;
}
.l_sub_c_list > a {
	display:block;
	clear:both;
	float:left;
	margin-bottom:5px;
}
.lm_new {
	vertical-align:-3px;
	width:34px;
	height:14px;
}
.lm_ls {
	vertical-align:-5px;
	width:18px;
	height:18px;
}
.lm_l > div.lm_prd {
	clear:both;
	float:left;
	margin-left:10px;
	margin-bottom:0px;
}
.lm_prd > a {
	display:block;
	float:left;
	width:82px;
	height:16px;
	margin-left:1px;
	margin-bottom:5px;
}
.lm_l > a.lm_sub {
	margin-left:14px;
}
.lm_l > .lmhr {
	clear:both;
	width:211px;
	border-bottom:1px solid #aaa;
	margin:0px 6px 6px 6px;
	text-align:center;
	box-sizing:border-box;
}
.main_body {
	float:left;
	border:0;
	max-width:878px;
	padding:0px;
}
.pm_if {
	width:275px;
	height:155px;
	border:0px;
}
.dhr {
	border-bottom:1px solid #ccc;
}
.dhrt {
	border-top:1px solid #ccc;
}
.dhrli {
	clear:both;
	border-bottom:1px solid #aaa;
	margin:3px 10px 10px 10px;
}
.ddlhrli {
	clear:both;
	border-bottom:1px solid #aaa;
	margin:10px 0px;
}
.play_mode {
	float:right;
	margin:5px;
	font-size: 13px;
}
.top_ls_ddl:hover ul,.top_live_ddl:hover ul,.top_rk_ddl:hover ul,.top_al_ddl:hover ul,.top_login_ddl:hover ul {
	display:block;
	top:20px;
	left:0px;
}
.top_login_ddl:hover ul {
	display:block;
	top:20px;
	left:-55px;
}
.top_tw_img {
	float:right;
	width:18px;
	height:18px;
	margin:3px 5px 0px 0px;
}
.nf_pub {
	float:left;
	font-size:13px;
	width:310px;
}
.pp_area {
	border:1px solid #111;
	padding:20px;
	text-align:left;
	margin-bottom:25px;
}
.popup_msg {
	display: none;
	position: absolute;
	top:0px;
	left:0px;
	font-size: 15px;
	color:#111;
	background-color: #eee;
	border:1px solid #ccc;
	padding:2px 5px;
}
.img_main_w {
	width:876px;
	height:1px;
}
.vd_rl_tag {
	font-size:13px;
	margin-right:10px;
	font-weight:700;
}
.l_ico {
	width:16px;
	height:16px;
	margin-right:5px;
	vertical-align:-4px;
}
.pr_c_rect {
	float:left;
	border:1px solid #aaa;
	padding:3px;
	width:157px;
	white-space:nowrap;
	overflow:hidden;
	margin:0px 5px 7px 0px;
	font-size:11px;
}
.pr_t {
	clear:both;
	float:left;
	margin-bottom:3px;
}
.pr_d {
	float:right;
	margin-bottom:3px;
}
.pr_c_rect > a {
	clear: both;
	float:left;
}
.pr_c_rect > a:nth-of-type(1) {
	width:157px;
	height:157px;
	margin-bottom:3px;
}
.pr_c_rect > a:nth-of-type(2) {
	font-size:13px;
	height:16px;
}
.pr_c_rect img {
	width:155px;
	height:155px;
	border:1px solid #eee;
}
.sub_title {
	clear:both;
	display:block;
	float:left;
	margin:10px;
	border-bottom:2px solid #225590;
}
.sub_title:hover {
	background-color: #e6e6fa;
	border-bottom:2px solid #000080;
	text-decoration: none;
}
.sub_title a {
	text-decoration: none;
}
.top_btw {
	width:18px;
	height:18px;
	vertical-align:-5px;
	text-align:center;
	margin:5px auto;
}
span.link_ht {
	color:#06c;
	display:inline;
	cursor:pointer;
	padding:0px 3px;
}
span.link_ftr {
	display:inline;
	cursor:pointer;
	padding:0px 3px;
}
.v_title > span {
	color:#000;
	display:inline;
}
span.link_al {
	cursor:pointer;
}
.link_c_ftr {
	padding:0px 3px;
	color:#06c;
	cursor:pointer;
}
.link_ht:hover,.v_title > span:hover,.link_ftr:hover {
	background-color:#f9d5d1;
}
.link_al:hover,.link_c_ftr:hover {
	text-decoration:underline;
}
.v_menu {
	text-decoration:none;
}
.v_menu:hover{
	cursor:pointer;
	text-decoration: none;
}
#v_menu_list {
	clear:both;
	list-style-type:none;
	display:none;
	font-size:12px;
	padding:5px;
	margin:0;
	background-color:#ddd;
	border-color:#aaa;
	width:140px;
}
#v_menu_list li {
	min-width:136px;
	padding:2px 5px;
	box-sizing:border-box;
}
#v_menu_list li:hover {
	background-color:#ffd;
}
.v_menu:hover,#v_menu_list a:hover {
	background-color:#ffd;
	text-decoration: none;
}
.flt_area1 {
	clear:both;
	float:left;
	font-size:13px;
	width:858px;
	margin:0px 5px 5px 10px;
}
.vflt_t {
	float:left;
	font-weight:700;
	margin-right:15px;
}
.vflt {
	float:left;
	margin-bottom:5px;
}
.vflt > span {
	padding:2px 5px;
	background-color:#06c;
	color:#fff;
	margin-bottom:5px;
}
.vflt > a {
	padding:2px 5px;
	color:#06c;
	cursor:pointer;
	margin-bottom:5px;
}
.flt_form {
	display:block;
	float:right;
}
.flt_btn,.flt_textbox {
	float:right;
	height:24px;
	box-sizing:border-box;
	border:1px solid #999;
	-webkit-appearance: none;
}
.flt_textbox {
	width:120px;
}
.flt_btn {
	width:66px;
	margin:0px 0px 0px 5px;
	padding:0px;
	line-height:normal;
}
.flt_btn:hover {
	background-color:#ccc;
}
.graph_vnum_per_hour,.graph_con_per_hour,.graph_con_per_prd,.graph_vas {
	float:left;
	border:1px solid #aaa;
	padding:7px;
}
.graph_vnum_per_hour,.graph_con_per_hour {
	width:411px;
	margin:10px 0px 8px 5px;
}
.graph_con_per_prd {
	width:658px;
	margin:0px 0px 5px 5px;
}
.graph_vas {
	width:615px;
	margin:10px 0px 20px 5px;
}
.fwb {
	font-weight:700;
}
.ico_holo,.ico_niji,.ico_vspo,.ico_nns,.ico_ao,.ico_dl,.ico_rct,.ico_np,.ico_riot,.ico_v,ico_sp {
	display:inline-block;
	background-size:auto 16px;
	background-repeat:no-repeat;
	padding-left:22px;
}
.ico_holo {
	background-image:url(../img/hololive.png);
}
.ico_niji {
	background-image:url(../img/nijisanji.png);
}
.ico_vspo {
	background-image:url(../img/vspo.png);
}
.ico_nns {
	background-image:url(../img/nanashi.png);
}
.ico_ao {
	background-image:url(../img/aogiri.png);
}
.ico_dl {
	background-image:url(../img/dotlive.png);
}
.ico_rct {
	background-image:url(../img/react.png);
}
.ico_riot {
	background-image:url(../img/riot.png);
}
.ico_np {
	background-image:url(../img/neoporte.png);
}
.ico_v {
	background-image:url(../img/v.png);
}
.ico_c:before {
	content:'🏢 ';
	font-size:12px;
}
.ico_i:before  {
	content:'👩‍👧‍👧 ';
	font-size:13px;
}
.no_data {
	clear:both;
	float:left;
	font-size:14px;
	margin:25px 0px 40px 20px;
	text-align:left;
}
.v_img .ls_now,.r_via .ls_now,.mr_vi .ls_now,.cd_via .ls_now  {
	position:absolute;
	top:0px;
	right:0px;
}
.v_img .ls_now,.r_via .ls_now,.cd_via .ls_now {
	width:74px;
	height:22px;
}
.oth_link {
	clear:both;
	display:block;
	font-size:14px;
	color:#06c;
	margin:0px 0px 5px 20px;
}
.v_r {
}
.ifv {
}
.al_trend_tag {
	clear:both;
	position:relative;
	float:left;
	font-size:13px;
	width:1124px;
	max-height:36px;
	overflow-y:hidden;
	padding:0px 3px;
	margin-bottom:7px;
	box-sizing:border-box;
	word-break: break-all;
	color:#222;
}
.al_trend_tag > div {
	position:absolute;
	left:1040px;
	bottom:-3px;
	box-sizing:border-box;
	background-color:rgba(246,246,246,0.9);
	font-size:12px;
	cursor:pointer;
	padding:2px 5px 0px 5px;
}