/*/liveshow/on_air/css/liveshow_nav.css*/
* {margin: 0;padding: 0;}.live_nav {width: 100%;overflow: hidden;background: #1ba196;height: 48px;overflow: hidden;background-color: var(--theme_color);display: table;}.live_nav .mob_nav_dialog {display: none;}.live_nav .liveshow_nav_item {width: 100px;float: left;text-align: center;height: 48px;line-height: 48px;font-size: 0;vertical-align: middle;-webkit-animation: font_show 2s linear infinite;animation: font_show 2s linear infinite;padding: 0;color: #fff;color: var(--font_color);position: relative;}.live_nav .liveshow_nav_item i {font-size: 30px;line-height: initial;display: inline-block;color: inherit;vertical-align: middle;}.live_nav .liveshow_nav_item span {line-height: inherit;display: inline-block;font-size: 16px;vertical-align: middle;margin-left: 5px;}.live_nav .liveshow_nav_item.current,.live_nav .liveshow_nav_item.not_animate {-webkit-animation: none;animation: none;}.live_nav .liveshow_nav_item.current {background: #1ba196;color: #fff;background-color: var(--tab_bg_color);color: var(--tab_font_color);}.live_nav .liveshow_nav_item:hover {background: #1ba196;color: #fff;background-color: var(--tab_bg_color);color: var(--tab_font_color);}.live_nav .all {display: table;width: 100%;}.nav_list_items {display: table;width: 100%;}.live_nav.all .liveshow_nav_item {display: table-cell;width: auto;float: none;}.sub_nav {width: 100%;display: table;height: 40px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #e3e3e3;}.sub_nav .sub_nav_item {display: table-cell;width: auto;height: 40px;position: relative;text-align: center;cursor: pointer;}.sub_nav .sub_nav_item.type_sub_nav {width: 130px;}.sub_nav .sub_nav_others {display: table-cell;height: 40px;vertical-align: middle;}.sub_nav .sub_nav_others:after {content: "";clear: both;zoom: 1;}.sub_nav .sub_nav_others .sub_nav_item {width: auto;float: left;padding: 0 20px;}.sub_nav .sub_nav_item.type_sub_nav:after {content: "";width: 2px;height: 30px;background-color: #f2f2f2;position: absolute;display: block;top: 5px;}.sub_nav .sub_nav_item.type_sub_nav:first-child:after {right: 0;}.sub_nav .sub_nav_item.type_sub_nav:last-child:after {left: 0;}.sub_nav .sub_nav_item .sub_nav_info {height: 40px;line-height: 40px;font-size: 0;display: block;color: #333;}.sub_nav .sub_nav_item .sub_nav_info span {font-size: 16px;display: inline-block;color: inherit;}.sub_nav .sub_nav_item .sub_nav_info i {font-size: 16px;display: inline-block;color: inherit;margin-left: 5px;}.sub_nav .sub_nav_item .sub_nav_info.ascending .descending_icon {display: none;}.sub_nav .sub_nav_item .sub_nav_info.descending .ascending_icon {display: none;}.sub_nav .sub_nav_item .hover_list {position: absolute;top: 100%;min-width: 100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);display: none;z-index: 10;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;max-height: 300px;overflow-y: scroll;}#liveshow_type {width: auto;vertical-align: middle;font-size: 0;}#liveshow_type .hover_list {display: inline-block;position: static;margin: 0;overflow: hidden;transform: translateX(0);text-align: center;padding: 0 5px;white-space: nowrap;}#liveshow_type:hover .hover_list {box-shadow: none;}#liveshow_type .hover_list li {width: auto;height: auto;padding: 0;border: none;vertical-align: middle;margin: 0 5px;display: inline-block;}#liveshow_type .hover_list li a {padding: 0 20px;height: 26px;line-height: 26px;background-color: #bdbdbd;color: #fff;border-radius: 999px;}#liveshow_type .hover_list li a.current {background-color: #1ba196;background-color: var(--theme_color);}#liveshow_type .hover_list li a:hover {background-color: #1ba196;background-color: var(--theme_color);}#liveshow_type .sub_nav_info {display: none;}.sub_nav .sub_nav_item:hover .sub_nav_info {color: #1ba196;color: var(--theme_color);}.sub_nav .sub_nav_item:hover .hover_list {display: block;-webkit-box-shadow: 0 5px 5px #999;box-shadow: 0 5px 5px #999;}.sub_nav .sub_nav_item .hover_list li {font-size: 16px;height: 50px;line-height: 50px;width: auto;white-space: nowrap;background-color: #fff;border: 1px solid #e3e3e3;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 1em;}.sub_nav .sub_nav_item .hover_list li + li {border-top: none;}.sub_nav .sub_nav_item .hover_list li a {display: block;width: 100%;height: 50px;color: inherit;}.sub_nav .sub_nav_item .hover_list li a.current {color: var(--theme_color);}.sub_nav .sub_nav_item .hover_list li:hover {color: #1ba196;color: var(--theme_color);}.liveshow_title {width: 100%;height: 35px;line-height: 35px;font-size: 16px;background: #1ba196;background-color: var(--theme_color);color: #fff;color: var(--font_color);text-indent: 10px;}.content {overflow: hidden;}.hide_text {display: none;}.nav_dialog {display: none;}.live_nav + .liveshow_title {margin-top: 10px;}@media all and (max-width: 768px) {.live_nav + .liveshow_title {margin-top: 0.1rem;}.live_nav {margin-bottom: 0;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0.14rem 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 1.2rem;}.live_nav .nav_list {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: flex;align-items: center;}.live_nav .nav_list .nav_list_items {width: auto;display: block;white-space: nowrap;float: left;font-size: 0;-webkit-overflow-scrolling: touch;}.live_nav .nav_list:after,.live_nav .nav_list::before {content: "";display: block;}.live_nav .nav_list.all {overflow-x: scroll;height: 1.1rem;padding: 0 0.2rem;margin-top: -0.1rem;}.live_nav .liveshow_nav_item,.live_nav.all .liveshow_nav_item,.live_nav .liveshow_nav_item.pc_hide {display: inline-block !important;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: auto;width: 1.1rem;line-height: normal;position: relative;margin: 0;text-indent: 0;background: none;}.live_nav .liveshow_nav_item i {font-size: 0.55rem;}.live_nav .liveshow_nav_item > span {font-size: 0.24rem;margin: 0;line-height: normal;display: block;white-space: nowrap;display: flex;align-items: center;justify-content: center;}.live_nav .liveshow_nav_item > span span {font-size: 0.2rem;vertical-align: middle;display: inline;margin-left: 0.05rem;line-height: normal;}.live_nav .liveshow_nav_item .fixed_new {position: absolute;right: 0;top: 0;background: #f00;color: #fff;font-size: 0.2rem;padding: 0.05rem 0.1rem;border-radius: 999px;}.live_nav .liveshow_nav_item.current {background-color: transparent;position: relative;color: #fff;border-radius: 999px;color: var(--font_color);}.live_nav .liveshow_nav_item.current::after {content: "";display: block;width: 100%;bottom: -0.06rem;height: 0.04rem;position: absolute;background-color: #fff;background-color: var(--font_color);}.live_nav .mob_nav_dialog {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 1.08rem;border-left: 2px solid #cdcdcd;}.live_nav .mob_nav_dialog i {font-size: 0.5rem;color: #fff;font-weight: bold;color: var(--font_color);}.live_nav a:hover {background: none;color: #2f2f2f;}.liveshow_title {font-size: 0.3rem;height: 0.8rem;line-height: 0.8rem;}.hide_text {display: inline;float: none !important;}.live_nav .liveshow_nav_item:hover {background: transparent;color: #fff;color: var(--font_color);}.sub_nav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background-color: #fff;height: 0.74rem;}.sub_nav .sub_nav_item {width: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: auto;padding: 0;}.sub_nav .sub_nav_item .sub_nav_info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: auto;line-height: normal;width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.sub_nav .sub_nav_item.type_sub_nav {width: 1.9rem;}.sub_nav .sub_nav_others {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;height: auto;justify-content: space-between;}.sub_nav .sub_nav_others:after {display: none;}.sub_nav .sub_nav_others::before,.sub_nav .sub_nav_others::after {content: "";display: block;}.sub_nav .sub_nav_others .sub_nav_item {width: auto;padding: 0;}.sub_nav .sub_nav_item .sub_nav_info span {font-size: 0.3rem;display: block;}.sub_nav .sub_nav_item .sub_nav_info i {font-size: 0.24rem;display: block;margin-left: 0.05rem;}.sub_nav .sub_nav_item.type_sub_nav:after {height: 0.5rem;top: 0.12rem;}.sub_nav .sub_nav_item .hover_list li {font-size: 0.24rem;height: 0.68rem;line-height: normal;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.sub_nav .sub_nav_item .hover_list li a {height: 0.68rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.sub_nav .sub_nav_item:hover .hover_list {display: none;-webkit-box-shadow: none;box-shadow: none;}.nav_dialog {position: fixed;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 999;display: none;left: 100%;}.nav_dialog_body {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}.nav_dialog .nav_header {width: 100%;height: 0.84rem;border-bottom: 1px solid #e3e3e3;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;}.nav_dialog .nav_header .back_area {width: 0.7rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: absolute;left: 0;height: 0.84rem;}.nav_dialog .nav_header .center_area {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 0.3rem;color: #333;}.nav_dialog .nav_header .back_area i {font-size: 0.36rem;color: #6a6a6a;}.nav_dialog .nav_content {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;height: 0;}.nav_dialog .nav_content .right_nav_content {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;overflow: hidden;overflow-y: scroll;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0.2rem 0.3rem;-webkit-overflow-scrolling: touch;}.nav_dialog .nav_content .right_nav_content:after {content: "";display: block;flex: 1;padding-top: 1px;}.nav_dialog .nav_content .left_navs {width: 1.9rem;background-color: #f2f2f2;border-right: 1px solid #e3e3e3;}.left_navs .left_nav_item {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 0.8rem;font-size: 0.3rem;color: #333;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.left_navs .left_nav_item.current {background-color: #fff;}.right_nav_content .nav_title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 0.3rem;color: #333;height: 0.6rem;border-bottom: 1px solid #e3e3e3;}.right_nav_content .nav_list_box {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}.nav_list_box .nav_list_item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 0.15rem;margin-left: 0.2rem;}.nav_list_box .nav_list_item:first-child {margin-left: 0;}.nav_list_box .nav_list_item i {width: 0.7rem;height: 0.7rem;background-color: #f2f2f2;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 0.45rem;color: #1ba196;border-radius: 0.1rem;}.nav_list_box .nav_list_item span {font-size: 0.24rem;margin-top: 0.1rem;}.nav_list_box .nav_list_item .img_border {width: 1.54rem;height: 1.05rem;border: 1px solid #e3e3e3;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0;}.nav_list_box .nav_list_item .img_border img {display: block;max-width: 90%;max-height: 80%;}.right_nav_content .nav_list_box.stage_list {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;}.right_nav_content .nav_list_box.stage_list .nav_list_item {margin-left: 0;width: 30%;}.right_nav_content .nav_list_box.stage_list .stage_name {max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}.right_nav_content .nav_list_box.time_list {width: 100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.right_nav_content .nav_list_box.time_list:after {content: "";}.right_nav_content .nav_list_box .nav_list_btn {padding: 0.05rem 0.2rem;background-color: #f2f2f2;margin-left: 0;width: 30%;}.right_nav_content .nav_list_box .nav_list_btn:last-child:nth-child(3n + 2) {margin-left: 5%;margin-right: auto;}.right_nav_content .nav_list_box .nav_list_btn:last-child:nth-child(3n + 1) {margin-right: auto;}.right_nav_content .nav_list_box .nav_list_btn span {margin: 0;white-space: nowrap;overflow: hidden;display: block;max-width: 100%;text-overflow: ellipsis;}.nav_list_box + .nav_title {margin-top: 0.6rem;}#liveshow_type {width: 1.9rem;}#liveshow_type .hover_list {display: none;position: absolute;margin: 0;overflow: hidden;transform: translateX(-50%);text-align: center;padding: 0;white-space: nowrap;}#liveshow_type .hover_list li {height: 0.68rem;display: flex;align-items: center;border: 1px solid #e3e3e3;}#liveshow_type .hover_list li a {height: 0.68rem;display: flex;align-items: center;padding: 0;justify-content: center;background: none !important;color: #333;border-radius: 0;}#liveshow_type .sub_nav_info {display: flex;}#liveshow_type .hover_list li a.current {color: var(--theme_color);background: none;}#liveshow_type .hover_list li + li {border-top: none;}}@media (max-width: 432px) {}@media (max-width: 360px) {}@media (max-width: 320px) {.three_nav_btn a {/* line-height: 0.68rem; */}}@-webkit-keyframes font_show {0% {opacity: 1;}50% {opacity: 0.5;}to {opacity: 1;}}@keyframes font_show {0% {opacity: 1;}50% {opacity: 0.5;}to {opacity: 1;}}