/* Generated by less 2.2.0 */
/* LESS Document */
/***************************************************
		定义（布局上的）复用风格
***************************************************/

/* 顶部 */
.top_fixed_main{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.top_index_box {
  width: 87.2vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5.07vw;
}
.top_logo {
  width: 29.87vw;
}
body#snh #index .select_snh{
  box-shadow: rgba(142, 210, 245, 0.2) -1.07vw 1.07vw 5.33vw;
}
body#bej #index .select_snh{
  box-shadow: rgba(246, 99, 134, 0.2) -1.07vw 1.07vw 5.33vw;
}
body#gnz #index .select_snh{
  box-shadow: rgba(164, 216, 139, 0.2) -1.07vw 1.07vw 5.33vw;
}
body#ckg #index .select_snh{
  box-shadow: rgba(254, 186, 7, 0.2) -1.07vw 1.07vw 5.33vw;
}
body#cgt #index .select_snh{
  box-shadow: rgba(179, 39, 40, 0.2) -1.07vw 1.07vw 5.33vw;
}
.select_snh {
  width: 22.93vw;
  height: 6.93vw;
  border-radius: 26.4vw;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4.27vw;
  position: relative;
  box-shadow: rgba(142, 210, 245, 0.2) -1.07vw 1.07vw 5.33vw;
}
.select_snh_text {
  font-size: 3.47vw;
  line-height: 4.8vw;
  font-weight: 400;
}
.select_group_flex{
  display: flex;
  align-items: center;
}
.select_avatar_box{
  position: absolute;
  top: 8.27vw;
  right: 0;
  width: 22.13vw;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 99;
  /* transition: all 0.3s ease-in-out; */
}
.select_avatar_img{
  width: 13.33vw;
  height: 10.67vw;
  border-radius: 5.33vw;
  margin-bottom: 1.33vw;
  object-fit: cover;
  pointer-events: auto;
}
.select_line {
  width: 0.27vw;
  height: 3.2vw;
  border-left: 0.27vw solid #ffecec;
  margin: 0 2.13vw;
}
body#snh #index .select_c_icon {
  background: rgba(86, 184, 255, 1);
}
body#bej #index .select_c_icon {
  background: #f688a2;
}
body#gnz #index .select_c_icon {
  background: #a3d4a2;
}
body#ckg #index .select_c_icon {
  background: #fcce56;
}
body#cgt #index .select_c_icon {
  background: #da4e4f;
}
.select_c_icon {
  background: rgba(86, 184, 255, 1);
  mask: url(../image/ui/down.png) no-repeat 0 0 / auto auto;
  -webkit-mask: url(../image/ui/down.png) no-repeat 0 0 / auto auto;
  width: 3.73vw;
  height: 1.87vw;
  display: inline-block;
}

.top_box_flex {
  display: flex;
  align-items: center;
}
body#snh #index .top_menu {
  background: rgba(86, 184, 255, 1);
}
body#bej #index .top_menu {
  background: #f688a2;
}
body#gnz #index .top_menu {
  background: #a3d4a2;
}
body#ckg #index .top_menu {
  background: #fcce56;
}
body#cgt #index .top_menu {
  background: #da4e4f;
}
.top_menu {
  /* width: 8vw;
  pointer-events: auto; */
  background: rgba(86, 184, 255, 1);
  mask: url(../image/ui/icon.png) no-repeat -2.5rem -0.76rem / auto 8.7rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -2.5rem -0.76rem / auto 8.7rem;
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
}
.navbar_new_index{
  position: relative;
  width: 29.87vw;
}
.new_to_style{
  display: block;
}
/* 顶部 */

/* 导航条 */
.menu_nav_box{
  width: 62.93vw;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(0.8vw);
  z-index: 1500;
  display: none;
}
.menu_nav_close{
  text-align: right;
}
.menu_nav_close_img{
  width: 8.53vw;
  margin-top: 3.2vw;
  margin-right: 3.2vw;
  pointer-events: auto;
}
.menu_tip_main{
  width: 56.53vw;
  margin: 0 auto;
}
.menu_tip_box{
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 0.27vw solid rgba(255, 255, 255, 0.2);
  padding-bottom: 3.2vw;
  margin-bottom: 3.2vw;
}
.menu_icon{
  width: 8.53vw;
  margin-left: 2.13vw;
}
.menu_text{
  font-size: 4.27vw;
  color: #fff;
  line-height: 6.13vw;
  font-weight: 400;
  margin-left: 3.2vw;
}
/* 导航条 */

.NAV-LOGO:before {
  position: absolute;
  top: 0.16rem;
  right: 0.08rem;
  bottom: auto;
  left: 0.08rem;
  content: "";
  background: url(../image/logo-snh48.png) no-repeat center / contain;
  height: 118%;
  display: inline-block;
  z-index: 0;
}
.TITLE h2 {
  font-size: 0.4rem;
  line-height: 1.27;
  font-weight: 600;
  margin: 0.68rem 0 0.36rem;
  position: relative;
}
.TITLE h2 > a {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  background: linear-gradient(45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.26) -12px 12px 24px;
  border-radius: 99em;
  text-indent: -9999em;
  width: 0.72rem;
  height: 0.44rem;
  padding: 0;
  margin-top: -0.22rem;
}
.TITLE h2 > a:before {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  content: "";
  background: #ffffff;
  mask: url(../image/ui/icon.png) no-repeat -3.04rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -3.04rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
  margin: -0.28rem 0 0 -0.28rem;
  transform: scale(0.75, 0.75);
}
.MEMBER-LI li {
  position: relative;
}
.MEMBER-LI li div {
  background: linear-gradient(45deg, #f2e6c8, #f3a1c4);
  box-shadow: rgba(243, 161, 196, 0.26) -6px 6px 12px;
  background: #ffffff;
  border-radius: 99em;
  line-height: 0;
  width: 2rem;
  height: 2rem;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.MEMBER-LI li img {
  width: 75%;
  height: 100%;
  margin: 0 auto;
  display: table;
  object-fit: cover;
}
.MEMBER-LI li p {
  font-size: 0.24rem;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.56);
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Century Gothic";
  text-align: center;
  margin-top: 0.16rem;
}
.MEMBER-LI li p b {
  font-size: 0.3rem;
  line-height: 1.29;
  color: #000000;
  font-family: "PingFang SC", "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Microsoft Yahei", sans-serif;
}
.MEMBER-LI li p b:after {
  content: "\D\A";
  white-space: pre;
}
.TIMELINE-TITLE {
  font-size: 1.44rem;
  font-weight: 600;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Century Gothic";
  line-height: 1;
}
.H3-FIXED {
  position: fixed;
  top: 0.92rem;
  right: auto;
  bottom: auto;
  left: auto;
  font-size: 0.4rem;
  line-height: 1.27;
  color: #ffffff !important;
  border-radius: 99em;
  text-align: center !important;
  line-height: 1.44rem;
  width: 1.44rem;
  height: 1.44rem;
  margin-left: -0.16rem;
  z-index: 3;
}
.LOADING {
  background-color: #f5f5f5 !important;
  position: relative;
}
@keyframes anti-loading {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
  }
}
.LOADING > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.LOADING:before {
  position: absolute;
  top: 50%;
  right: 50%;
  bottom: auto;
  left: auto;
  content: "";
  animation: anti-loading 1s infinite ease-in-out;
  background: url(../image/ui/loading.png) no-repeat center 100% / cover;
  width: 32px;
  height: 32px;
  margin: -16px -16px 0 0;
  display: block;
}
/***************************************************
		定义 UIKit 控件
***************************************************/
.switch {
  position: fixed;
  top: auto;
  right: 0.2rem;
  bottom: 1.6rem;
  left: auto;
  z-index: 9999;
}
.switch * {
  font-size: 0.24rem;
  line-height: 1.38;
  color: #ffffff;
}
.switch *,
.switch *:before,
.switch *:after,
.switch,
.switch:before,
.switch:after {
  transition: all ease-in-out 250ms;
}
.switch ul {
  position: relative;
}
.switch ul li {
  position: relative;
  background: #ffffff center / cover no-repeat;
  border-radius: 99em;
  text-align: center;
  width: 0.96rem;
  height: 0.8rem;
}
.switch ul li > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -9999em;
}
.switch ul li.group,
.switch ul li.snh,
.switch ul li.bej,
.switch ul li.gnz,
.switch ul li.ckg,
.switch ul li.cgt {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: auto;
  opacity: 0;
  visibility: hidden;
}
.switch ul li.group {
  box-shadow: rgba(142, 210, 245, 0.26) -12px 12px 24px;
  background-color: #8ed2f5;
  background-image: url(../pic/avatar-group.png);
}
.switch ul li.snh {
  box-shadow: rgba(142, 210, 245, 0.26) -12px 12px 24px;
  background-color: #8ed2f5;
  background-image: url(../pic/avatar-snh.png);
}
.switch ul li.bej {
  box-shadow: rgba(246, 99, 134, 0.26) -12px 12px 24px;
  background-color: #f66386;
  background-image: url(../pic/avatar-bej.png);
}
.switch ul li.gnz {
  box-shadow: rgba(164, 216, 139, 0.26) -12px 12px 24px;
  background-color: #a4d88b;
  background-image: url(../pic/avatar-gnz.png);
}
.switch ul li.ckg {
  box-shadow: rgba(254, 186, 7, 0.26) -12px 12px 24px;
  background-color: #feba07;
  background-image: url(../pic/avatar-ckg.png);
}
.switch ul li.cgt {
  box-shadow: rgba(179, 39, 40, 0.26) -12px 12px 24px;
  background-color: #b32728;
  background-image: url(../pic/avatar-cgt.png);
}
.switch ul li.menu {
  background: linear-gradient(45deg, rgba(81, 80, 89, 0.87), rgba(48, 48, 58, 0.87));
  box-shadow: rgba(217, 218, 238, 0.26) -12px 12px 24px;
}
.switch ul li.menu a {
  font-weight: 600;
  text-indent: 0;
  padding: 0.32rem 0 0;
}
.switch ul li.menu:before {
  position: relative;
  top: 0.08rem;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border: 0.08rem solid transparent;
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  width: 0;
  height: 0;
  display: inline-block;
  transform: rotate(-45deg);
}
.switch.menu-open .group,
.switch.menu-open .snh,
.switch.menu-open .bej,
.switch.menu-open .gnz,
.switch.menu-open .ckg,
.switch.menu-open .cgt {
  opacity: 1;
  visibility: visible;
}
.switch.menu-open .snh {
  top: -4.4rem;
}
.switch.menu-open .bej {
  top: -3.52rem;
}
.switch.menu-open .gnz {
  top: -2.64rem;
}
.switch.menu-open .ckg {
  top: -1.76rem;
}
.switch.menu-open .cgt {
  top: -0.88rem;
}
.switch.menu-open .snh {
  animation: menu-snh ease-in-out 250ms forwards;
}
.switch.menu-open .menu:before {
  top: 0;
  transform: rotate(135deg);
}
.gotop {
  position: fixed;
  top: auto;
  right: 0.2rem;
  bottom: 1.16rem;
  left: auto;
  background: rgba(137, 199, 255, 0.37);
  border-radius: 99em;
  width: 0.8rem;
  height: 0.8rem;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}
.gotop:before {
  content: "";
  border: 0.16rem solid transparent;
  border-bottom-color: #ffffff;
  margin: -0.28rem -0.16rem 0;
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 50%;
}
.gotop a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -9999em;
}
.page {
  padding: 2.12rem 0 1.16rem;
  position: relative;
  overflow: hidden;
}
.page h2 {
  font-size: 0.4rem;
  line-height: 1.27;
  font-weight: 600;
  margin: 0.68rem 0 0.36rem;
  position: relative;
}
.page h2 > a {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  background: linear-gradient(45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.26) -12px 12px 24px;
  border-radius: 99em;
  text-indent: -9999em;
  width: 0.72rem;
  height: 0.44rem;
  padding: 0;
  margin-top: -0.22rem;
}
.page h2 > a:before {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  content: "";
  background: #ffffff;
  mask: url(../image/ui/icon.png) no-repeat -3.04rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -3.04rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
  margin: -0.28rem 0 0 -0.28rem;
  transform: scale(0.75, 0.75);
}
.page > .container {
  padding: 0 12px;
  width: 100%;
}
.page > .container-fill {
  width: 100%;
}
.navbar {
  margin: 0 auto;
  /* min-height: 70px; */
}
.navbar {
  width: 29.87vw;
  height: 9.33vw;
  background: url(../image/img/logo-snh48.png) no-repeat center / contain;
  background-size: 100% 100%;
  display: inline-block;
  z-index: 1;
}
.navbar *,
.navbar *:before,
.navbar *:after,
.navbar,
.navbar:before,
.navbar:after {
  transition: all ease-in-out 500ms;
}
.navbar h1 {
  font-size: 0.44rem;
  line-height: 1.21;
  font-weight: 600;
  line-height: 1.04rem;
  height: 1.04rem;
  margin-top: 0.88rem;
  position: relative;
  z-index: 1;
}
.navbar-index {
  text-indent: -9999em;
}
.navbar-fixed {
  min-height: 0.88rem;
  overflow: hidden;
  opacity: .87;
  z-index: 2;
}
.navbar-fixed h1 {
  color: #ffffff;
  margin-top: 0;
}
.navbar-fixed:before {
  content: "";
  background-size: auto 100%;
  height: 80%;
  top: 0.1rem;
}
.navbar-inner div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: 0.88rem;
  height: 0.88rem;
  z-index: 2;
}
.navbar-inner div a {
  padding-left: 0.64rem;
  position: relative;
}
.navbar-inner div a:before {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  content: "";
  background: #000000;
  mask: url(../image/ui/icon.png) no-repeat -1.52rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -1.52rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
  margin-top: -0.28rem;
}
.navbar-inner h1 > * {
  line-height: 1;
  display: block;
}
.navbar-inner h1 b {
  padding-top: 0.08rem;
}
.navbar-inner h1 b:after {
  content: "\D\A";
  white-space: pre;
}
.navbar-inner h1 i {
  font-size: 0.24rem;
  line-height: 1.38;
}
.navbar-inner:before {
  opacity: 1;
  visibility: visible;
}
.navbar-inner-fixed {
  z-index: 2;
}
.navbar-inner-fixed h1 {
  opacity: 0;
  height: 0;
  margin-top: 0;
}
.navbar-inner-fixed:before {
  opacity: 0;
  visibility: hidden;
}
.tabbar {
  width: 100%;
  height: 20vw;
  margin: 0 auto;
  box-shadow: rgba(137, 199, 255, 0.26) 0 0 12px;
  border-radius: 8.53vw 8.53vw 0 0;
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 99;
}
.tabbar ul {
  text-align: center;
  font-size: 0;
  letter-spacing: -4px;
  margin-top: 0.1rem;
}
.tabbar ul > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
.tabbar ul * {
  letter-spacing: normal;
}
.tabbar ul:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
.tabbar ul li {
  text-align: center;
  width: 20%;
  height: 0.96rem;
  position: relative;
}
.tabbar ul li > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -9999em;
}
.tabbar ul li a {
  font-weight: 600;
  font-size: 0.25rem;
  line-height: 1.1;
  color: rgba(0, 0, 0, 0.37);
  text-indent: 0;
  padding: 0.94rem 0 0;
}
.tabbar ul li:before {
  position: relative;
  top: 0.08rem;
}
.tabbar ul li:nth-child(1):before {
  content: "";
  background: #d9daee;
  mask: url(../image/ui/icon.png) no-repeat 0.09rem 0 / auto 9rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0.09rem 0 / auto 9rem;
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
}
.tabbar ul li:nth-child(2):before {
  content: "";
  background: #d9daee;
  mask: url(../image/ui/icon.png) no-repeat -0.79rem 0 / auto 9rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.79rem 0 / auto 9rem;
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
}
.tabbar ul li:nth-child(3):before {
  content: "";
  background: #d9daee;
  mask: url(../image/ui/icon.png) no-repeat -1.66rem 0 / auto 9rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -1.66rem 0 / auto 9rem;
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
}
.tabbar ul li:nth-child(4):before {
  content: "";
  background: #d9daee;
  mask: url(../image/ui/icon.png) no-repeat -2.55rem 0 / auto 9rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -2.55rem 0 / auto 9rem;
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
}
.tabbar ul li:nth-child(5):before {
  content: "";
  background: #d9daee;
  mask: url(../image/ui/icon.png) no-repeat -2.28rem 0 / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -2.28rem 0 / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
.tabbar ul li:nth-child(1).seled:before {
  content: "";
  background: linear-gradient(45deg, #badef2, #89c7ff);
  mask: url(../image/ui/icon.png) no-repeat 0.09rem 0 / auto 9rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0.09rem 0 / auto 9rem;
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
}
.tabbar ul li:nth-child(2).seled:before {
  content: "";
  background: linear-gradient(45deg, #badef2, #89c7ff);
  mask: url(../image/ui/icon.png) no-repeat -0.79rem 0 / auto 9rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.79rem 0 / auto 9rem;
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
}
.tabbar ul li:nth-child(3).seled:before {
  content: "";
  background: linear-gradient(45deg, #badef2, #89c7ff);
  mask: url(../image/ui/icon.png) no-repeat -1.66rem 0 / auto 9rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -1.66rem 0 / auto 9rem;
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
}
.tabbar ul li:nth-child(4).seled:before {
  content: "";
  background: linear-gradient(45deg, #badef2, #89c7ff);
  mask: url(../image/ui/icon.png) no-repeat -2.55rem 0 / auto 9rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -2.55rem 0 / auto 9rem;
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
}
.tabbar ul li:nth-child(5).seled:before {
  content: "";
  background: linear-gradient(45deg, #badef2, #89c7ff);
  mask: url(../image/ui/icon.png) no-repeat -2.28rem 0 / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -2.28rem 0 / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
.tabbar ul li.seled a {
  color: #89c7ff;
}
.btn-normal,
.btn-none {
  color: #ffffff;
  border-radius: 99em;
  padding: 0.16rem 0.64rem;
  display: inline-block;
}
.btn-normal {
  background: linear-gradient(45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.56) -12px 12px 24px;
}
.btn-none {
  background: #d9daee;
}
.tab {
  text-align: center;
  font-size: 0;
  letter-spacing: -4px;
}
.tab > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
.tab * {
  letter-spacing: normal;
}
.tab:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
.tab > * {
  font-size: 0.4rem;
  line-height: 1.27;
  background: transparent !important;
  border-radius: 0;
  width: auto;
  height: auto;
  margin: 0 6%;
  padding: 0 2%;
  position: relative;
  opacity: 1 !important;
}
.tab > * a {
  color: rgba(0, 0, 0, 0.64);
  font-size: inherit;
  position: relative;
}
.tab > *.seled a {
  color: #000000;
}
.tab > *.seled:before {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 4px;
  left: 0;
  box-shadow: rgba(142, 210, 245, 0.26) -12px 12px 24px;
  content: "";
  background: linear-gradient(45deg, #badef2, #89c7ff);
  height: 8px;
  display: block;
}
.page-load {
  color: rgba(0, 0, 0, 0.56);
  text-align: center;
  padding: 20% 0;
}
.comingsoon {
  text-align: center;
  width: 100%;
  margin-top: 0.2rem;
}
.comingsoon img {
  width: 2.56rem;
  height: 2.56rem;
}
.comingsoon p {
  font-size: 0.24rem;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.56);
  line-height: 1.6;
  margin-top: 0.2rem;
}
.comingsoon p:first-line {
  font-size: 0.3rem;
  line-height: 1.29;
  color: #000000;
}
.layer-box {
  background: transparent !important;
  box-shadow: none !important;
}
.layer-box,
.layer-box * {
  box-sizing: border-box !important;
}
.layer-box.videoplayer {
  width: 100%;
}
.layer-box.videoplayer .vb-iframe {
  width: 100%;
  padding-bottom: 56.25%;
}
.layer-box.videoplayer .vb-iframe iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layer-alert,
.layer-alert * {
  box-sizing: border-box !important;
}
.layer-alert > div:first-child {
  text-align: left;
  padding: 5%;
}
/***************************************************
		覆盖 swiper 插件样式
***************************************************/
.swiper-pagination span {
  border-radius: 99em;
}
.swiper-pagination-bullet {
  background: #d9daee;
  opacity: .54;
}
.swiper-pagination-bullet-active {
  background: #89c7ff;
  width: 0.4rem !important;
  opacity: 1;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 99em;
  overflow: hidden;
}
.swiper-pagination-progressbar-fill {
  background: #f3a1c4 !important;
}
.swiper-scrollbar {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 99em;
  height: 0.1rem !important;
  overflow: hidden;
}
.swiper-scrollbar-drag {
  background: #f3a1c4;
}
.swiper-lazy {
  display: none;
}
.swiper-lazy-loaded {
  display: inline-block;
}
/***************************************************
		定义 index.html 布局
***************************************************/
#index .banner,
#news .banner,
#feed .banner {
  margin: 0.32rem 0 0;
  position: relative;
}
#index .banner li,
#news .banner li,
#feed .banner li {
  padding: 0 12px;
}
#index .banner li a,
#news .banner li a,
#feed .banner li a {
  width: 100%;
  height: 100%;
}
#index .banner li a p,
#news .banner li a p,
#feed .banner li a p {
  background-color: #f5f5f5 !important;
  border-radius: 0.2rem;
  line-height: 0;
  padding-bottom: 62.68%;
  position: relative;
  overflow: hidden;
}
@keyframes anti-loading {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
  }
}
#index .banner li a p > img,
#news .banner li a p > img,
#feed .banner li a p > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#index .banner li a p:before,
#news .banner li a p:before,
#feed .banner li a p:before {
  position: absolute;
  top: 50%;
  right: 50%;
  bottom: auto;
  left: auto;
  content: "";
  animation: anti-loading 1s infinite ease-in-out;
  background: url(../image/ui/loading.png) no-repeat center 100% / cover;
  width: 32px;
  height: 32px;
  margin: -16px -16px 0 0;
  display: block;
}
#index .banner li a p img,
#news .banner li a p img,
#feed .banner li a p img {
  border-radius: 0.2rem;
}
#index .banner li a h2,
#news .banner li a h2,
#feed .banner li a h2 {
  font-size: 0.36rem;
  line-height: 1.25;
  color: rgba(0, 0, 0, 0.56);
  font-weight: 600;
  margin-top: 0.22rem;
}
#index .banner li a h2 i,
#news .banner li a h2 i,
#feed .banner li a h2 i {
  position: relative;
  top: -0.06rem;
  right: auto;
  bottom: auto;
  left: auto;
  font-size: 0.24rem;
  line-height: 1.38;
  color: #ffffff;
  background: #89c7ff;
  border-radius: 99em;
  padding: 0.06rem 0.18rem;
}
#index .banner li a h2 b,
#news .banner li a h2 b,
#feed .banner li a h2 b {
  font-size: 0.4rem;
  line-height: 1.27;
  color: #000000;
}
#index .banner li a h2 i:after,
#news .banner li a h2 i:after,
#feed .banner li a h2 i:after,
#index .banner li a h2 b:after,
#news .banner li a h2 b:after,
#feed .banner li a h2 b:after {
  content: "\D\A";
  white-space: pre;
}
#index .banner .swiper-pagination,
#news .banner .swiper-pagination,
#feed .banner .swiper-pagination {
  bottom: 2rem;
}
#index .banner .swiper-pagination span,
#news .banner .swiper-pagination span,
#feed .banner .swiper-pagination span {
  background: #ffffff;
  width: 0.16rem;
  height: 0.16rem;
  margin: 0 0.08rem;
}
#index .large-tabber,
#news .large-tabber,
#feed .large-tabber {
  background: linear-gradient(45deg, #ffffff, #ffffff);
  box-shadow: rgba(217, 218, 238, 0.26) -6px 6px 12px;
  border-radius: 0.2rem;
  margin-top: 0.32rem;
  position: relative;
}
#index .large-tabber ul,
#news .large-tabber ul,
#feed .large-tabber ul {
  text-align: justify;
  font-size: 0;
  letter-spacing: -4px;
  padding: 0 0.2rem;
  position: relative;
}
#index .large-tabber ul > *,
#news .large-tabber ul > *,
#feed .large-tabber ul > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#index .large-tabber ul *,
#news .large-tabber ul *,
#feed .large-tabber ul * {
  letter-spacing: normal;
}
#index .large-tabber ul:after,
#news .large-tabber ul:after,
#feed .large-tabber ul:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#index .large-tabber ul li,
#news .large-tabber ul li,
#feed .large-tabber ul li {
  text-align: center;
  width: 25%;
  height: 1.76rem;
  position: relative;
}
#index .large-tabber ul li > *,
#news .large-tabber ul li > *,
#feed .large-tabber ul li > *,
#index .large-tabber ul li:before,
#news .large-tabber ul li:before,
#feed .large-tabber ul li:before {
  display: inline-block;
  vertical-align: middle;
}
#index .large-tabber ul li:before,
#news .large-tabber ul li:before,
#feed .large-tabber ul li:before {
  content: "";
  width: 0;
  height: 100%;
}
#index .large-tabber ul li a,
#news .large-tabber ul li a,
#feed .large-tabber ul li a {
  font-size: 0.24rem;
  line-height: 1.38;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.56);
  padding-top: 1.12rem;
}
#index .large-tabber ul li a b,
#news .large-tabber ul li a b,
#feed .large-tabber ul li a b {
  color: #000000;
}
#index .large-tabber ul li:after,
#news .large-tabber ul li:after,
#feed .large-tabber ul li:after {
  vertical-align: middle;
  margin-top: -0.4rem;
}
#index .large-tabber ul li:nth-child(1):after,
#news .large-tabber ul li:nth-child(1):after,
#feed .large-tabber ul li:nth-child(1):after {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat 0 0;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .large-tabber ul li:nth-child(2):after,
#news .large-tabber ul li:nth-child(2):after,
#feed .large-tabber ul li:nth-child(2):after {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -0.92rem 0;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .large-tabber ul li:nth-child(3):after,
#news .large-tabber ul li:nth-child(3):after,
#feed .large-tabber ul li:nth-child(3):after {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -3.68rem 0;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .large-tabber ul li:nth-child(4):after,
#news .large-tabber ul li:nth-child(4):after,
#feed .large-tabber ul li:nth-child(4):after {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -2.76rem 0;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .large-tabber ul li:nth-child(5):after,
#news .large-tabber ul li:nth-child(5):after,
#feed .large-tabber ul li:nth-child(5):after {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -4.6rem 0;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .large-tabber ul li:nth-child(6):after,
#news .large-tabber ul li:nth-child(6):after,
#feed .large-tabber ul li:nth-child(6):after {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -5.52rem 0;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .large-tabber ul li:nth-child(7):after,
#news .large-tabber ul li:nth-child(7):after,
#feed .large-tabber ul li:nth-child(7):after {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -1.84rem 0;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .large-tabber ul li:nth-child(8):after,
#news .large-tabber ul li:nth-child(8):after,
#feed .large-tabber ul li:nth-child(8):after {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -6.44rem 0;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .large-tabber ul:before,
#news .large-tabber ul:before,
#feed .large-tabber ul:before {
  position: absolute;
  top: 1.76rem;
  right: 0.24rem;
  bottom: auto;
  left: 0.24rem;
  content: "";
  background: rgba(0, 0, 0, 0.12);
  height: 1px;
  display: block;
}
#index .news > div,
#news .news > div,
#feed .news > div,
#index .ticket > div,
#news .ticket > div,
#feed .ticket > div {
  position: relative;
}
#index .news > div dl,
#news .news > div dl,
#feed .news > div dl,
#index .ticket > div dl,
#news .ticket > div dl,
#feed .ticket > div dl {
  position: relative;
}
#index .news > div dl dt,
#news .news > div dl dt,
#feed .news > div dl dt,
#index .ticket > div dl dt,
#news .ticket > div dl dt,
#feed .ticket > div dl dt,
#index .news > div dl dd,
#news .news > div dl dd,
#feed .news > div dl dd,
#index .ticket > div dl dd,
#news .ticket > div dl dd,
#feed .ticket > div dl dd {
  display: inline-block;
}
#index .news > div dl dt,
#news .news > div dl dt,
#feed .news > div dl dt,
#index .ticket > div dl dt,
#news .ticket > div dl dt,
#feed .ticket > div dl dt {
  font-size: 0.24rem;
  line-height: 1.38;
  color: #ffffff;
  background: #89c7ff;
  border-radius: 0.2rem;
  font-weight: 600;
  text-align: center;
  width: 0.96rem;
  height: 0.96rem;
}
#index .news > div dl dt b,
#news .news > div dl dt b,
#feed .news > div dl dt b,
#index .ticket > div dl dt b,
#news .ticket > div dl dt b,
#feed .ticket > div dl dt b {
  font-weight: 600;
  font-size: 0.32rem;
  line-height: 1.29;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Century Gothic";
  margin-top: 0.08rem;
  display: inline-block;
}
#index .news > div dl dd,
#news .news > div dl dd,
#feed .news > div dl dd,
#index .ticket > div dl dd,
#news .ticket > div dl dd,
#feed .ticket > div dl dd {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 1.16rem;
}
#index .news > div dl dd > *,
#news .news > div dl dd > *,
#feed .news > div dl dd > *,
#index .ticket > div dl dd > *,
#news .ticket > div dl dd > *,
#feed .ticket > div dl dd > *,
#index .news > div dl dd:before,
#news .news > div dl dd:before,
#feed .news > div dl dd:before,
#index .ticket > div dl dd:before,
#news .ticket > div dl dd:before,
#feed .ticket > div dl dd:before {
  display: inline-block;
  vertical-align: middle;
}
#index .news > div dl dd:before,
#news .news > div dl dd:before,
#feed .news > div dl dd:before,
#index .ticket > div dl dd:before,
#news .ticket > div dl dd:before,
#feed .ticket > div dl dd:before {
  content: "";
  width: 0;
  height: 100%;
}
#index .news > div dl dd a,
#news .news > div dl dd a,
#feed .news > div dl dd a,
#index .ticket > div dl dd a,
#news .ticket > div dl dd a,
#feed .ticket > div dl dd a {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  position: absolute;
  top: 0.08rem;
  right: 0;
  bottom: 0;
  left: 0;
}
#index .news > div dl dd:after,
#news .news > div dl dd:after,
#feed .news > div dl dd:after,
#index .ticket > div dl dd:after,
#news .ticket > div dl dd:after,
#feed .ticket > div dl dd:after {
  position: absolute;
  top: -10px;
  right: auto;
  bottom: auto;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.12);
  width: 100%;
  height: 1px;
  display: inline-block;
}
#index .news dt.group,
#news .news dt.group,
#feed .news dt.group {
  background: linear-gradient(45deg, #badef2, #89c7ff) !important;
}
#index .news dt.snh,
#news .news dt.snh,
#feed .news dt.snh {
  background: #8ed2f5 !important;
}
#index .news dt.bej,
#news .news dt.bej,
#feed .news dt.bej {
  background: #f66386 !important;
}
#index .news dt.gnz,
#news .news dt.gnz,
#feed .news dt.gnz {
  background: #a4d88b !important;
}
#index .news dt.ckg,
#news .news dt.ckg,
#feed .news dt.ckg {
  background: #feba07 !important;
}
#index .news dt.cgt,
#news .news dt.cgt,
#feed .news dt.cgt {
  background: #b32728 !important;
}
#index .news dd a,
#news .news dd a,
#feed .news dd a {
  max-height: 0.8rem !important;
}
#index .news dd a i,
#news .news dd a i,
#feed .news dd a i {
  font-size: 0.24rem;
  line-height: 1.38;
  border: 1px solid #ff5e71;
  border-radius: 99em;
  color: #ff5e71;
  margin-left: 0.1rem;
  padding: 0 0.1rem;
  display: inline-block;
}
#index .ticket > div dl,
#news .ticket > div dl,
#feed .ticket > div dl {
  margin: 0.4rem 0;
}
#index .ticket > div dl dt,
#news .ticket > div dl dt,
#feed .ticket > div dl dt {
  background: transparent;
}
#index .ticket > div dl dt b,
#news .ticket > div dl dt b,
#feed .ticket > div dl dt b {
  color: #89c7ff;
  margin: 0;
}
#index .ticket > div dl dt i,
#news .ticket > div dl dt i,
#feed .ticket > div dl dt i {
  color: #ffffff;
  background: #89c7ff;
  border-radius: 99em;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Century Gothic";
  padding: 0.04rem 0.12rem;
  display: inline-block;
}
#index .ticket > div dl dd,
#news .ticket > div dl dd,
#feed .ticket > div dl dd {
  font-size: 0.24rem;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.56);
}
#index .ticket > div dl dd p,
#news .ticket > div dl dd p,
#feed .ticket > div dl dd p {
  position: absolute;
  top: 0.08rem;
  right: 1.24rem;
  bottom: 0;
  left: 0;
}
#index .ticket > div dl dd p b,
#news .ticket > div dl dd p b,
#feed .ticket > div dl dd p b {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  font-size: 0.3rem;
  line-height: 1.29;
  color: #000000;
  font-weight: 400;
  text-align: left;
}
#index .ticket > div dl dd p b:after,
#news .ticket > div dl dd p b:after,
#feed .ticket > div dl dd p b:after {
  content: "\D\A";
  white-space: pre;
}
#index .ticket > div dl dd p i,
#news .ticket > div dl dd p i,
#feed .ticket > div dl dd p i {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
#index .ticket > div dl dd a,
#news .ticket > div dl dd a,
#feed .ticket > div dl dd a {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  font-size: 0.24rem;
  line-height: 1.38;
  line-height: 0.48rem;
  height: 0.48rem;
  margin-top: -0.22rem;
  padding: 0 0.36rem;
}
#index .ticket > div dl:first-child dd:after,
#news .ticket > div dl:first-child dd:after,
#feed .ticket > div dl:first-child dd:after {
  background: transparent;
}
#index .member div,
#news .member div,
#feed .member div {
  margin-top: 0.36rem;
  position: relative;
}
#index .member div h3,
#news .member div h3,
#feed .member div h3 {
  font-size: 0.36rem;
  line-height: 1.25;
  color: #f3a1c4;
  font-weight: 600;
}
#index .member div ul,
#news .member div ul,
#feed .member div ul {
  text-align: left;
  font-size: 0;
  letter-spacing: -4px;
  letter-spacing: 0.3rem;
  white-space: nowrap;
  margin-top: 0.36rem;
}
#index .member div ul > *,
#news .member div ul > *,
#feed .member div ul > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#index .member div ul *,
#news .member div ul *,
#feed .member div ul * {
  letter-spacing: normal;
}
#index .member div ul:after,
#news .member div ul:after,
#feed .member div ul:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#index .member div ul li,
#news .member div ul li,
#feed .member div ul li {
  position: relative;
}
#index .member div ul li div,
#news .member div ul li div,
#feed .member div ul li div {
  background: linear-gradient(45deg, #f2e6c8, #f3a1c4);
  box-shadow: rgba(243, 161, 196, 0.26) -6px 6px 12px;
  background: #ffffff;
  border-radius: 99em;
  line-height: 0;
  width: 2rem;
  height: 2rem;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
#index .member div ul li img,
#news .member div ul li img,
#feed .member div ul li img {
  width: 75%;
  height: 100%;
  margin: 0 auto;
  display: table;
  object-fit: cover;
}
#index .member div ul li p,
#news .member div ul li p,
#feed .member div ul li p {
  font-size: 0.24rem;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.56);
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Century Gothic";
  text-align: center;
  margin-top: 0.16rem;
}
#index .member div ul li p b,
#news .member div ul li p b,
#feed .member div ul li p b {
  font-size: 0.3rem;
  line-height: 1.29;
  color: #000000;
  font-family: "PingFang SC", "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Microsoft Yahei", sans-serif;
}
#index .member div ul li p b:after,
#news .member div ul li p b:after,
#feed .member div ul li p b:after {
  content: "\D\A";
  white-space: pre;
}
#index .member div:first-of-type,
#news .member div:first-of-type,
#feed .member div:first-of-type {
  margin-top: 0;
}
#index .member .swiper-scrollbar,
#news .member .swiper-scrollbar,
#feed .member .swiper-scrollbar {
  position: absolute;
  top: auto;
  right: 0.08rem;
  bottom: -0.2rem;
  left: 0.08rem;
  width: auto;
  z-index: 1;
}
#index .team-swiper,
#news .team-swiper,
#feed .team-swiper {
  margin: 0.32rem 0 0;
  position: relative;
  overflow: visible;
}
#index .team-swiper .swiper-pagination,
#news .team-swiper .swiper-pagination,
#feed .team-swiper .swiper-pagination {
  font-size: 0.2rem;
  line-height: 1.18;
  color: rgba(0, 0, 0, 0.56);
  bottom: -0.48rem;
}
#index .team div,
#news .team div,
#feed .team div {
  background: linear-gradient(45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.26) -12px 12px 24px;
  height: 3.3rem;
  margin-top: 1.4rem;
  position: relative;
}
#index .team div:before,
#news .team div:before,
#feed .team div:before {
  position: absolute;
  top: 0.16rem;
  right: 0.08rem;
  bottom: auto;
  left: 0.08rem;
  content: "";
  background: url(../image/logo-snh48.png) no-repeat center / contain;
  height: 118%;
  display: inline-block;
  z-index: 0;
}
#index .team div .team-link,
#news .team div .team-link,
#feed .team div .team-link {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  color: #ffffff;
  text-align: center;
  width: 100%;
  height: 100%;
  padding-top: 3%;
}
#index .team div:before,
#news .team div:before,
#feed .team div:before {
  height: 2.24rem;
  top: auto;
  bottom: 0;
}
#index .team div ul,
#news .team div ul,
#feed .team div ul {
  text-align: center;
  font-size: 0;
  letter-spacing: -4px;
  position: relative;
  top: -0.92rem;
}
#index .team div ul > *,
#news .team div ul > *,
#feed .team div ul > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#index .team div ul *,
#news .team div ul *,
#feed .team div ul * {
  letter-spacing: normal;
}
#index .team div ul:after,
#news .team div ul:after,
#feed .team div ul:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#index .team div ul li,
#news .team div ul li,
#feed .team div ul li {
  border-radius: 99em;
  width: 2.1rem;
  height: 1.72rem;
  margin: 0.2rem 0 0 0.2rem;
  position: relative;
  overflow: hidden;
}
#index .team div ul li:first-child,
#news .team div ul li:first-child,
#feed .team div ul li:first-child {
  margin-left: 0;
}
#index .team div ul li a,
#news .team div ul li a,
#feed .team div ul li a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -9999em;
}
#index .team div ul li a:before,
#news .team div ul li a:before,
#feed .team div ul li a:before {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  content: "";
  margin: -0.36rem 0 0 -0.36rem;
  transform: scale(1.7, 1.7);
}
#index .team div.snh,
#news .team div.snh,
#feed .team div.snh {
  box-shadow: rgba(186, 222, 242, 0.26) 0 12px 24px;
  background: #badef2;
}
#index .team div.snh ul li:nth-child(1),
#news .team div.snh ul li:nth-child(1),
#feed .team div.snh ul li:nth-child(1) {
  background: linear-gradient(45deg, #87c7f4, #53b8ff);
  box-shadow: rgba(83, 184, 255, 0.26) -12px 12px 24px;
}
#index .team div.snh ul li:nth-child(2),
#news .team div.snh ul li:nth-child(2),
#feed .team div.snh ul li:nth-child(2) {
  background: linear-gradient(45deg, #d495e7, #bd9cc6);
  box-shadow: rgba(189, 156, 198, 0.26) -12px 12px 24px;
}
#index .team div.snh ul li:nth-child(3),
#news .team div.snh ul li:nth-child(3),
#feed .team div.snh ul li:nth-child(3) {
  background: linear-gradient(45deg, #f8c022, #f8a722);
  box-shadow: rgba(248, 167, 34, 0.26) -12px 12px 24px;
}
#index .team div.snh ul li:nth-child(4),
#news .team div.snh ul li:nth-child(4),
#feed .team div.snh ul li:nth-child(4) {
  background: linear-gradient(45deg, #bfdd20, #a6ce28);
  box-shadow: rgba(166, 206, 40, 0.26) -12px 12px 24px;
}
#index .team div.snh ul li:nth-child(1) a:before,
#news .team div.snh ul li:nth-child(1) a:before,
#feed .team div.snh ul li:nth-child(1) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat 0 -0.92rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.snh ul li:nth-child(2) a:before,
#news .team div.snh ul li:nth-child(2) a:before,
#feed .team div.snh ul li:nth-child(2) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -0.92rem -0.92rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.snh ul li:nth-child(3) a:before,
#news .team div.snh ul li:nth-child(3) a:before,
#feed .team div.snh ul li:nth-child(3) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -1.84rem -0.92rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.snh ul li:nth-child(4) a:before,
#news .team div.snh ul li:nth-child(4) a:before,
#feed .team div.snh ul li:nth-child(4) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -2.76rem -0.92rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.bej,
#news .team div.bej,
#feed .team div.bej {
  box-shadow: rgba(246, 136, 162, 0.26) 0 12px 24px;
  background: #f688a2;
}
#index .team div.bej:before,
#news .team div.bej:before,
#feed .team div.bej:before {
  background-image: url(../image/logo-bej48.png);
}
#index .team div.bej ul li:nth-child(1),
#news .team div.bej ul li:nth-child(1),
#feed .team div.bej ul li:nth-child(1) {
  background: linear-gradient(45deg, #eb648e, #e6356c);
  box-shadow: rgba(230, 53, 108, 0.26) -12px 12px 24px;
}
#index .team div.bej ul li:nth-child(2),
#news .team div.bej ul li:nth-child(2),
#feed .team div.bej ul li:nth-child(2) {
  background: linear-gradient(45deg, #56c9c7, #24b7b5);
  box-shadow: rgba(36, 183, 181, 0.26) -12px 12px 24px;
}
#index .team div.bej ul li:nth-child(3),
#news .team div.bej ul li:nth-child(3),
#feed .team div.bej ul li:nth-child(3) {
  background: linear-gradient(45deg, #439dde, #006ab7);
  box-shadow: rgba(0, 106, 183, 0.26) -12px 12px 24px;
}
#index .team div.bej ul li:nth-child(1) a:before,
#news .team div.bej ul li:nth-child(1) a:before,
#feed .team div.bej ul li:nth-child(1) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat 0 -2.76rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.bej ul li:nth-child(2) a:before,
#news .team div.bej ul li:nth-child(2) a:before,
#feed .team div.bej ul li:nth-child(2) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -0.92rem -2.76rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.bej ul li:nth-child(3) a:before,
#news .team div.bej ul li:nth-child(3) a:before,
#feed .team div.bej ul li:nth-child(3) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -1.84rem -2.76rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.gnz,
#news .team div.gnz,
#feed .team div.gnz {
  box-shadow: rgba(163, 212, 162, 0.26) 0 12px 24px;
  background: #a3d4a2;
}
#index .team div.gnz:before,
#news .team div.gnz:before,
#feed .team div.gnz:before {
  background-image: url(../image/logo-gnz48.png);
}
#index .team div.gnz ul li:nth-child(1),
#news .team div.gnz ul li:nth-child(1),
#feed .team div.gnz ul li:nth-child(1) {
  background: linear-gradient(45deg, #c5db59, #abca11);
  box-shadow: rgba(171, 202, 17, 0.26) -12px 12px 24px;
}
#index .team div.gnz ul li:nth-child(2),
#news .team div.gnz ul li:nth-child(2),
#feed .team div.gnz ul li:nth-child(2) {
  background: linear-gradient(45deg, #ffe879, #f4d020);
  box-shadow: rgba(244, 208, 32, 0.26) -12px 12px 24px;
}
#index .team div.gnz ul li:nth-child(3),
#news .team div.gnz ul li:nth-child(3),
#feed .team div.gnz ul li:nth-child(3) {
  background: linear-gradient(45deg, #f58a9e, #ea627b);
  box-shadow: rgba(234, 98, 123, 0.26) -12px 12px 24px;
}
#index .team div.gnz ul li:nth-child(1) a:before,
#news .team div.gnz ul li:nth-child(1) a:before,
#feed .team div.gnz ul li:nth-child(1) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -2.76rem -2.76rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.gnz ul li:nth-child(2) a:before,
#news .team div.gnz ul li:nth-child(2) a:before,
#feed .team div.gnz ul li:nth-child(2) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -3.68rem -2.76rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.gnz ul li:nth-child(3) a:before,
#news .team div.gnz ul li:nth-child(3) a:before,
#feed .team div.gnz ul li:nth-child(3) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -4.6rem -2.76rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.ckg,
#news .team div.ckg,
#feed .team div.ckg {
  box-shadow: rgba(252, 206, 86, 0.26) 0 12px 24px;
  background: #fcce56;
}
#index .team div.ckg:before,
#news .team div.ckg:before,
#feed .team div.ckg:before {
  background-image: url(../image/logo-ckg48.png);
}
#index .team div.ckg ul li:nth-child(1),
#news .team div.ckg ul li:nth-child(1),
#feed .team div.ckg ul li:nth-child(1) {
  background: linear-gradient(45deg, #fcce55, #feba07);
  box-shadow: rgba(254, 186, 7, 0.26) -12px 12px 24px;
}
#index .team div.ckg ul li:nth-child(2),
#news .team div.ckg ul li:nth-child(2),
#feed .team div.ckg ul li:nth-child(2) {
  background: linear-gradient(45deg, #fd8985, #f05752);
  box-shadow: rgba(240, 87, 82, 0.26) -12px 12px 24px;
}
#index .team div.ckg ul li:nth-child(1) a:before,
#news .team div.ckg ul li:nth-child(1) a:before,
#feed .team div.ckg ul li:nth-child(1) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -3.68rem -0.92rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.ckg ul li:nth-child(2) a:before,
#news .team div.ckg ul li:nth-child(2) a:before,
#feed .team div.ckg ul li:nth-child(2) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -4.6rem -0.92rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.cgt,
#news .team div.cgt,
#feed .team div.cgt {
  box-shadow: rgba(218, 78, 79, 0.26) 0 12px 24px;
  background: #da4e4f;
}
#index .team div.cgt:before,
#news .team div.cgt:before,
#feed .team div.cgt:before {
  background-image: url(../image/logo-cgt48.png);
}
#index .team div.cgt ul li:nth-child(1),
#news .team div.cgt ul li:nth-child(1),
#feed .team div.cgt ul li:nth-child(1) {
  background: linear-gradient(45deg, #f84545, #e60000);
  box-shadow: rgba(230, 0, 0, 0.26) -12px 12px 24px;
}
#index .team div.cgt ul li:nth-child(2),
#news .team div.cgt ul li:nth-child(2),
#feed .team div.cgt ul li:nth-child(2) {
  background: linear-gradient(45deg, #1e6cad, #00559b);
  box-shadow: rgba(0, 85, 155, 0.26) -12px 12px 24px;
}
#index .team div.cgt ul li:nth-child(1) a:before,
#news .team div.cgt ul li:nth-child(1) a:before,
#feed .team div.cgt ul li:nth-child(1) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -5.52rem -2.76rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .team div.cgt ul li:nth-child(2) a:before,
#news .team div.cgt ul li:nth-child(2) a:before,
#feed .team div.cgt ul li:nth-child(2) a:before {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -6.44rem -2.76rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#index .feed > ul > li,
#news .feed > ul > li,
#feed .feed > ul > li {
  background: linear-gradient(45deg, #ffffff, #ffffff);
  box-shadow: rgba(217, 218, 238, 0.26) -12px 12px 24px;
  border-radius: 0.2rem;
  margin: 0.36rem 0 0;
  padding: 0.24rem 0.32rem 0.96rem;
  position: relative;
}
#index .feed > ul > li *,
#news .feed > ul > li *,
#feed .feed > ul > li * {
  font-size: 0.26rem;
  line-height: 1.33;
}
#index .feed > ul > li .avatar,
#news .feed > ul > li .avatar,
#feed .feed > ul > li .avatar {
  text-indent: -9999em;
  background: #d9daee center / cover no-repeat;
  border-radius: 99em;
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
}
#index .feed > ul > li .user,
#news .feed > ul > li .user,
#feed .feed > ul > li .user {
  position: absolute;
  top: 0.44rem;
  right: auto;
  bottom: auto;
  left: 1.76rem;
}
#index .feed > ul > li .user b,
#news .feed > ul > li .user b,
#feed .feed > ul > li .user b {
  font-size: 0.3rem;
  line-height: 1.29;
}
#index .feed > ul > li .user b:after,
#news .feed > ul > li .user b:after,
#feed .feed > ul > li .user b:after {
  content: "\D\A";
  white-space: pre;
}
#index .feed > ul > li .user i,
#news .feed > ul > li .user i,
#feed .feed > ul > li .user i {
  color: rgba(0, 0, 0, 0.56);
}
#index .feed > ul > li .txt,
#news .feed > ul > li .txt,
#feed .feed > ul > li .txt {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.3rem;
  line-height: 1.29;
  margin: 0.32rem 0 0;
}
#index .feed > ul > li .txt a,
#news .feed > ul > li .txt a,
#feed .feed > ul > li .txt a {
  color: #1d77ff !important;
}
#index .feed > ul > li .gallery,
#news .feed > ul > li .gallery,
#feed .feed > ul > li .gallery {
  text-align: left;
  font-size: 0;
  letter-spacing: -4px;
  margin: -2%;
  margin-top: 0.28rem;
}
#index .feed > ul > li .gallery > *,
#news .feed > ul > li .gallery > *,
#feed .feed > ul > li .gallery > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#index .feed > ul > li .gallery *,
#news .feed > ul > li .gallery *,
#feed .feed > ul > li .gallery * {
  letter-spacing: normal;
}
#index .feed > ul > li .gallery:after,
#news .feed > ul > li .gallery:after,
#feed .feed > ul > li .gallery:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#index .feed > ul > li .gallery > div,
#news .feed > ul > li .gallery > div,
#feed .feed > ul > li .gallery > div {
  text-indent: -9999em;
  background-color: #f5f5f5 !important;
  position: relative;
  background: #ffffff center / cover no-repeat;
  text-align: center;
  width: 29%;
  height: 0;
  margin: 2%;
  padding: 0 0 29%;
  overflow: hidden;
}
@keyframes anti-loading {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
  }
}
#index .feed > ul > li .gallery > div > img,
#news .feed > ul > li .gallery > div > img,
#feed .feed > ul > li .gallery > div > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#index .feed > ul > li .gallery > div:before,
#news .feed > ul > li .gallery > div:before,
#feed .feed > ul > li .gallery > div:before {
  position: absolute;
  top: 50%;
  right: 50%;
  bottom: auto;
  left: auto;
  content: "";
  animation: anti-loading 1s infinite ease-in-out;
  background: url(../image/ui/loading.png) no-repeat center 100% / cover;
  width: 32px;
  height: 32px;
  margin: -16px -16px 0 0;
  display: block;
}
#index .feed > ul > li .like,
#news .feed > ul > li .like,
#feed .feed > ul > li .like,
#index .feed > ul > li .link,
#news .feed > ul > li .link,
#feed .feed > ul > li .link {
  color: rgba(0, 0, 0, 0.56);
}
#index .feed > ul > li .like a,
#news .feed > ul > li .like a,
#feed .feed > ul > li .like a,
#index .feed > ul > li .link a,
#news .feed > ul > li .link a,
#feed .feed > ul > li .link a {
  color: inherit;
}
#index .feed > ul > li .like,
#news .feed > ul > li .like,
#feed .feed > ul > li .like {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0.16rem;
  left: 0.32rem;
}
#index .feed > ul > li .like > *,
#news .feed > ul > li .like > *,
#feed .feed > ul > li .like > *,
#index .feed > ul > li .like:before,
#news .feed > ul > li .like:before,
#feed .feed > ul > li .like:before {
  display: inline-block;
  vertical-align: middle;
}
#index .feed > ul > li .like:before,
#news .feed > ul > li .like:before,
#feed .feed > ul > li .like:before {
  content: "";
  width: 0;
  height: 100%;
}
#index .feed > ul > li .like b,
#news .feed > ul > li .like b,
#feed .feed > ul > li .like b {
  color: #89c7ff;
  margin: 0 0.08rem 0 0;
}
#index .feed > ul > li .like:before,
#news .feed > ul > li .like:before,
#feed .feed > ul > li .like:before {
  content: "";
  background: #89c7ff;
  mask: url(../image/ui/icon.png) no-repeat 0 -2.28rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0 -2.28rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#index .feed > ul > li .link,
#news .feed > ul > li .link,
#feed .feed > ul > li .link {
  position: absolute;
  top: auto;
  right: 0.32rem;
  bottom: 0.16rem;
  left: auto;
}
#index .feed > ul > li .link > *,
#news .feed > ul > li .link > *,
#feed .feed > ul > li .link > *,
#index .feed > ul > li .link:before,
#news .feed > ul > li .link:before,
#feed .feed > ul > li .link:before {
  display: inline-block;
  vertical-align: middle;
}
#index .feed > ul > li .link:before,
#news .feed > ul > li .link:before,
#feed .feed > ul > li .link:before {
  content: "";
  width: 0;
  height: 100%;
}
#index .feed > ul > li .link:before,
#news .feed > ul > li .link:before,
#feed .feed > ul > li .link:before {
  content: "";
  background: #ff5e71;
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -2.28rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -2.28rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#index .feed > ul > li:first-child,
#news .feed > ul > li:first-child,
#feed .feed > ul > li:first-child {
  margin: 0;
}
/***************************************************
		定义 event.html 布局
***************************************************/
#event .history,
#shows-list .history {
  padding-bottom: 20%;
}
#event .history > div,
#shows-list .history > div {
  margin: 0.48rem 0 -0.84rem;
  padding-bottom: 0.68rem;
  position: relative;
}
#event .history > div h3,
#shows-list .history > div h3 {
  font-size: 1.44rem;
  font-weight: 600;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Century Gothic";
  line-height: 1;
  transition: all ease-in-out 500ms;
  transition-property: border-radius, color, font-size, line-height, width, height, margin, top, right, bottom, left;
}
#event .history > div h3.fixed,
#shows-list .history > div h3.fixed {
  position: fixed;
  top: 0.92rem;
  right: auto;
  bottom: auto;
  left: auto;
  font-size: 0.4rem;
  line-height: 1.27;
  color: #ffffff !important;
  border-radius: 99em;
  text-align: center !important;
  line-height: 1.44rem;
  width: 1.44rem;
  height: 1.44rem;
  margin-left: -0.16rem;
  z-index: 3;
}
#event .history > div ul,
#shows-list .history > div ul {
  text-align: right;
  line-height: 0;
  margin: -0.28rem 0 0.28rem;
  position: relative;
}
#event .history > div ul *,
#shows-list .history > div ul * {
  text-align: left;
  line-height: normal;
}
#event .history > div ul h4,
#shows-list .history > div ul h4,
#event .history > div ul b,
#shows-list .history > div ul b {
  font-size: 0.4rem;
  line-height: 1.27;
  font-weight: 600;
}
#event .history > div ul h4,
#shows-list .history > div ul h4 {
  position: absolute;
  top: 0.36rem;
  right: auto;
  bottom: auto;
  left: 0;
}
#event .history > div ul li,
#shows-list .history > div ul li {
  width: 100%;
  height: 2.4rem;
  margin-bottom: 0.36rem;
  padding: 0 0 0 0.8rem;
  display: inline-block;
  position: relative;
}
#event .history > div ul li a,
#shows-list .history > div ul li a {
  background: linear-gradient(-45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.26) -6px 6px 12px;
  border-radius: 0.2rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
#event .history > div ul li img,
#shows-list .history > div ul li img {
  border-radius: 0 0.2rem 0.2rem 2rem;
  width: 45%;
  height: 100%;
  float: right;
  object-fit: cover;
  opacity: .87;
}
#event .history > div ul li p,
#shows-list .history > div ul li p {
  position: absolute;
  top: 0.36rem;
  right: 0.2rem;
  bottom: 0.2rem;
  left: 0.2rem;
  color: #ffffff;
  width: 50%;
}
#event .history > div ul li p b:after,
#shows-list .history > div ul li p b:after {
  content: "\D\A";
  white-space: pre;
}
#event .history > div ul li:before,
#shows-list .history > div ul li:before,
#event .history > div ul li:after,
#shows-list .history > div ul li:after {
  content: "";
  display: inline-block;
  z-index: 1;
}
#event .history > div ul li:before,
#shows-list .history > div ul li:before {
  position: absolute;
  top: 0.48rem;
  right: auto;
  bottom: auto;
  left: 0.24rem;
  background: #ffffff;
  border: 0.08rem solid #89c7ff;
  border-radius: 99em;
  width: 0.16rem;
  height: 0.16rem;
}
#event .history > div ul li:after,
#shows-list .history > div ul li:after {
  position: absolute;
  top: 0.52rem;
  right: auto;
  bottom: auto;
  left: 0.52rem;
  border: 0.16rem solid transparent;
  border-right-color: #89c7ff;
  width: 0;
  height: 0;
}
#event .history > div h3,
#shows-list .history > div h3,
#event .history > div h4,
#shows-list .history > div h4 {
  color: #89c7ff;
}
#event .history > div:first-of-type,
#shows-list .history > div:first-of-type {
  margin-top: 0;
}
#event .history > div:before,
#shows-list .history > div:before,
#event .history > div:after,
#shows-list .history > div:after {
  content: "";
  display: inline-block;
}
#event .history > div:before,
#shows-list .history > div:before {
  position: absolute;
  top: 1.8rem;
  right: auto;
  bottom: 1.8rem;
  left: 0.38rem;
  background: #89c7ff;
  width: 0.04rem;
}
#event .history > div:after,
#shows-list .history > div:after {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0.08rem;
  left: 0.38rem;
  background: linear-gradient(180deg, #89c7ff, transparent);
  width: 0.04rem;
  height: 1.8rem;
}
#event .history > div:nth-of-type(4n+1) a,
#shows-list .history > div:nth-of-type(4n+1) a {
  background: linear-gradient(-45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.26) -6px 6px 12px;
}
#event .history > div:nth-of-type(4n+1) li:before,
#shows-list .history > div:nth-of-type(4n+1) li:before {
  border-color: #89c7ff;
}
#event .history > div:nth-of-type(4n+1) li:after,
#shows-list .history > div:nth-of-type(4n+1) li:after {
  border-right-color: #89c7ff;
}
#event .history > div:nth-of-type(4n+1) h3,
#shows-list .history > div:nth-of-type(4n+1) h3,
#event .history > div:nth-of-type(4n+1) h4,
#shows-list .history > div:nth-of-type(4n+1) h4 {
  color: #89c7ff;
}
#event .history > div:nth-of-type(4n+1) h3.fixed,
#shows-list .history > div:nth-of-type(4n+1) h3.fixed {
  background: linear-gradient(-45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.26) -6px 6px 12px;
}
#event .history > div:nth-of-type(4n+1):before,
#shows-list .history > div:nth-of-type(4n+1):before {
  background: #89c7ff;
}
#event .history > div:nth-of-type(4n+1):after,
#shows-list .history > div:nth-of-type(4n+1):after {
  background: linear-gradient(180deg, #89c7ff, transparent);
}
#event .history > div:nth-of-type(4n+2) a,
#shows-list .history > div:nth-of-type(4n+2) a {
  background: linear-gradient(-45deg, #f2e6c8, #f3a1c4);
  box-shadow: rgba(243, 161, 196, 0.26) -6px 6px 12px;
}
#event .history > div:nth-of-type(4n+2) li:before,
#shows-list .history > div:nth-of-type(4n+2) li:before {
  border-color: #f3a1c4;
}
#event .history > div:nth-of-type(4n+2) li:after,
#shows-list .history > div:nth-of-type(4n+2) li:after {
  border-right-color: #f3a1c4;
}
#event .history > div:nth-of-type(4n+2) h3,
#shows-list .history > div:nth-of-type(4n+2) h3,
#event .history > div:nth-of-type(4n+2) h4,
#shows-list .history > div:nth-of-type(4n+2) h4 {
  color: #f3a1c4;
}
#event .history > div:nth-of-type(4n+2) h3.fixed,
#shows-list .history > div:nth-of-type(4n+2) h3.fixed {
  background: linear-gradient(-45deg, #f2e6c8, #f3a1c4);
  box-shadow: rgba(243, 161, 196, 0.26) -6px 6px 12px;
}
#event .history > div:nth-of-type(4n+2):before,
#shows-list .history > div:nth-of-type(4n+2):before {
  background: #f3a1c4;
}
#event .history > div:nth-of-type(4n+2):after,
#shows-list .history > div:nth-of-type(4n+2):after {
  background: linear-gradient(180deg, #f3a1c4, transparent);
}
#event .history > div:nth-of-type(4n+3) a,
#shows-list .history > div:nth-of-type(4n+3) a {
  background: linear-gradient(-45deg, #f2e8c8, #f7b779);
  box-shadow: rgba(247, 183, 121, 0.26) -6px 6px 12px;
}
#event .history > div:nth-of-type(4n+3) li:before,
#shows-list .history > div:nth-of-type(4n+3) li:before {
  border-color: #f7b779;
}
#event .history > div:nth-of-type(4n+3) li:after,
#shows-list .history > div:nth-of-type(4n+3) li:after {
  border-right-color: #f7b779;
}
#event .history > div:nth-of-type(4n+3) h3,
#shows-list .history > div:nth-of-type(4n+3) h3,
#event .history > div:nth-of-type(4n+3) h4,
#shows-list .history > div:nth-of-type(4n+3) h4 {
  color: #f7b779;
}
#event .history > div:nth-of-type(4n+3) h3.fixed,
#shows-list .history > div:nth-of-type(4n+3) h3.fixed {
  background: linear-gradient(-45deg, #f2e8c8, #f7b779);
  box-shadow: rgba(247, 183, 121, 0.26) -6px 6px 12px;
}
#event .history > div:nth-of-type(4n+3):before,
#shows-list .history > div:nth-of-type(4n+3):before {
  background: #f7b779;
}
#event .history > div:nth-of-type(4n+3):after,
#shows-list .history > div:nth-of-type(4n+3):after {
  background: linear-gradient(180deg, #f7b779, transparent);
}
#event .history > div:nth-of-type(4n+4) a,
#shows-list .history > div:nth-of-type(4n+4) a {
  background: linear-gradient(-45deg, #cfd9f4, #a3a5f4);
  box-shadow: rgba(163, 165, 244, 0.26) -6px 6px 12px;
}
#event .history > div:nth-of-type(4n+4) li:before,
#shows-list .history > div:nth-of-type(4n+4) li:before {
  border-color: #a3a5f4;
}
#event .history > div:nth-of-type(4n+4) li:after,
#shows-list .history > div:nth-of-type(4n+4) li:after {
  border-right-color: #a3a5f4;
}
#event .history > div:nth-of-type(4n+4) h3,
#shows-list .history > div:nth-of-type(4n+4) h3,
#event .history > div:nth-of-type(4n+4) h4,
#shows-list .history > div:nth-of-type(4n+4) h4 {
  color: #a3a5f4;
}
#event .history > div:nth-of-type(4n+4) h3.fixed,
#shows-list .history > div:nth-of-type(4n+4) h3.fixed {
  background: linear-gradient(-45deg, #cfd9f4, #a3a5f4);
  box-shadow: rgba(163, 165, 244, 0.26) -6px 6px 12px;
}
#event .history > div:nth-of-type(4n+4):before,
#shows-list .history > div:nth-of-type(4n+4):before {
  background: #a3a5f4;
}
#event .history > div:nth-of-type(4n+4):after,
#shows-list .history > div:nth-of-type(4n+4):after {
  background: linear-gradient(180deg, #a3a5f4, transparent);
}
/***************************************************
		定义 show.html 布局
***************************************************/
#show .show {
  padding-bottom: 20%;
  position: relative;
}
#show .show .swiper-container {
  overflow: initial;
}
#show .show .swiper-slide {
  visibility: hidden;
  opacity: 0;
}
#show .show .swiper-slide-active {
  visibility: visible;
  opacity: 1;
}
#show .show .swiper-pagination {
  font-size: 0.2rem;
  line-height: 1.18;
  color: rgba(0, 0, 0, 0.56);
}
#show .show .list {
  text-align: left;
  font-size: 0;
  letter-spacing: -4px;
}
#show .show .list > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#show .show .list * {
  letter-spacing: normal;
}
#show .show .list:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#show .show .list * {
  white-space: normal;
}
#show .show .list li {
  background: linear-gradient(45deg, #ffffff, #ffffff);
  box-shadow: rgba(217, 218, 238, 0.26) -6px 6px 12px;
  border-radius: 0.2rem;
  width: 100%;
  padding: 0.2rem 0.2rem 0.9rem;
  margin-top: 0.4rem;
  position: relative;
}
#show .show .list li .tag {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  font-size: 0.26rem;
  line-height: 1.33;
  border-radius: 0.2rem;
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
}
#show .show .list li .tag-name {
  position: absolute;
  top: 0.08rem;
  right: 0.12rem;
  bottom: auto;
  left: auto;
  color: #ffffff;
  z-index: 1;
}
#show .show .list li .tag-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  border-top: 0.8rem solid #87c7f4;
  border-left: 0.8rem solid transparent;
  width: 0;
  height: 0;
}
#show .show .list li .tag .group {
  display: none;
}
#show .show .list li .tag .team-s {
  border-top-color: #87c7f4;
}
#show .show .list li .tag .team-n {
  border-top-color: #d495e7;
}
#show .show .list li .tag .team-h {
  border-top-color: #f8c022;
}
#show .show .list li .tag .team-x {
  border-top-color: #bfdd20;
}
#show .show .list li .tag .team-b {
  border-top-color: #eb648e;
}
#show .show .list li .tag .team-e {
  border-top-color: #56c9c7;
}
#show .show .list li .tag .team-j {
  border-top-color: #439dde;
}
#show .show .list li .tag .team-g {
  border-top-color: #c5db59;
}
#show .show .list li .tag .team-n3 {
  border-top-color: #ffe879;
}
#show .show .list li .tag .team-z {
  border-top-color: #f58a9e;
}
#show .show .list li .tag .team-ckg {
  border-top-color: #fcce55;
}
#show .show .list li .tag .team-c {
  border-top-color: #fcce55;
}
#show .show .list li .tag .team-k {
  border-top-color: #fd8985;
}
#show .show .list li .tag .team-c2 {
  border-top-color: #f84545;
}
#show .show .list li .tag .team-g2 {
  border-top-color: #1e6cad;
}
#show .show .list li h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 0.2rem;
}
#show .show .list li h3 b {
  font-weight: 600;
  font-size: 0.32rem;
  line-height: 1.29;
  color: #89c7ff;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Century Gothic";
}
#show .show .list li h3 b:after {
  content: "\D\A";
  white-space: pre;
}
#show .show .list li h3 b:before {
  content: "";
  background: linear-gradient(45deg, #badef2, #89c7ff);
  mask: url(../image/ui/icon.png) no-repeat 0 -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0 -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 0.2rem;
}
#show .show .list li p {
  font-size: 0.24rem;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.56);
  margin-top: 0.2rem;
}
#show .show .list li a {
  position: absolute;
  top: auto;
  right: 0.2rem;
  bottom: 0.2rem;
  left: auto;
  font-size: 0.24rem;
  line-height: 1.38;
  font-weight: 600;
  padding: 0.12rem 0.36rem;
}
#show .show .list li:first-of-type {
  margin-top: 0;
}
#show .show .list-plan li {
  padding-bottom: 0.2rem;
}
#show .show .list-plan li h3 {
  border-bottom: none;
  width: 75%;
  padding-bottom: 0;
}
#show .show .list-plan li h3 b.tv:before {
  content: "";
  background: linear-gradient(45deg, #badef2, #89c7ff);
  mask: url(../image/ui/icon.png) no-repeat 0 -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0 -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#show .show .list-plan li h3 b.show:before {
  content: "";
  background: linear-gradient(45deg, #badef2, #89c7ff);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#show .show .list-plan li h3 b.book:before {
  content: "";
  background: linear-gradient(45deg, #badef2, #89c7ff);
  mask: url(../image/ui/icon.png) no-repeat -1.52rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -1.52rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#show .show .list-plan li h3 b.radio:before {
  content: "";
  background: linear-gradient(45deg, #badef2, #89c7ff);
  mask: url(../image/ui/icon.png) no-repeat -2.28rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -2.28rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#show .show .list-plan li h3 b.wsh:before {
  content: "";
  background: linear-gradient(45deg, #badef2, #89c7ff);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
/***************************************************
		定义 shows-detail.html 布局
***************************************************/
#shows-detail > div {
  padding: 0 12px;
}
#shows-detail > div .gallery {
  margin: 5% 0 10%;
  position: relative;
}
#shows-detail > div .gallery li {
  background: linear-gradient(45deg, #87c7f4, #53b8ff);
  box-shadow: rgba(83, 184, 255, 0.26) -12px 12px 24px;
  border-radius: 0.2rem;
  background: #ffffff !important;
  line-height: 0;
  overflow: hidden;
}
#shows-detail > div .gallery li img {
  width: 100%;
}
#shows-detail > div .gallery .swiper-pagination {
  bottom: -20%;
}
#shows-detail > div .gallery .swiper-pagination-bullet-active {
  color: #8ed2f5;
}
#shows-detail > div .title {
  margin-top: 5%;
  overflow: hidden;
}
#shows-detail > div .title > img {
  border: 1px solid #8ed2f5;
  width: 40%;
  margin-right: 3%;
  float: left;
}
#shows-detail > div .title h2 {
  margin: 1% 0;
}
#shows-detail > div .title i {
  color: rgba(0, 0, 0, 0.56);
}
#shows-detail > div .intro p {
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.5;
}
#shows-detail > div .intro .video {
  margin: 5% 0;
  padding-bottom: 56.25%;
  position: relative;
}
#shows-detail > div .intro .video > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#shows-detail > div .intro .list {
  border-radius: 0.2rem;
  background: linear-gradient(45deg, #87c7f4, #53b8ff);
  box-shadow: rgba(83, 184, 255, 0.26) -12px 12px 24px;
  background: #ffffff !important;
  padding: 3%;
}
#shows-detail > div .intro .list h3 {
  background: linear-gradient(45DEG, #8ed2f5, transparent);
  font-weight: 600;
  color: #ffffff;
  padding: 1% 3%;
}
#shows-detail > div .intro .list ul {
  list-style: decimal-leading-zero inside;
  overflow: hidden;
}
#shows-detail > div .intro .list ul li {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
  margin-top: 3%;
  padding: 0 3%;
  float: left;
  overflow: hidden;
}
#shows-detail > div .songs {
  counter-reset: number;
}
#shows-detail > div .songs dl {
  border-top: 1px solid rgba(142, 210, 245, 0.26);
  margin-top: 5%;
  padding-top: 3%;
  position: relative;
}
#shows-detail > div .songs dl dt {
  font-weight: 600;
  font-size: 0.32rem;
  line-height: 1.29;
  margin: 3% 0 1.5%;
}
#shows-detail > div .songs dl dd {
  color: rgba(0, 0, 0, 0.56);
  line-height: 1.5;
}
#shows-detail > div .songs dl:first-of-type {
  border-top: none;
}
#shows-detail > div .songs dl:before {
  position: absolute;
  top: 15%;
  right: 0;
  bottom: auto;
  left: auto;
  content: "" counter(number, decimal-leading-zero);
  counter-increment: number;
  color: rgba(142, 210, 245, 0.26);
  font-size: 1rem;
  line-height: 1;
}
/***************************************************
		定义 member.html 布局
***************************************************/
#member .swiper-pagination {
  bottom: auto;
  margin-top: 0.32rem;
}
#member .swiper-lazy-preloader {
  position: absolute;
  top: 36%;
  right: auto;
  bottom: auto;
  left: 6%;
  background: transparent !important;
  zoom: .5;
}
#member .container-fill {
  margin-top: 0.4rem;
}
#member .container-fill > div {
  padding: 0 12px;
  text-align: center;
}
#member .container-fill > div h2 {
  text-indent: -9999em;
  position: relative;
  transform: scale(2, 2);
}
#member .container-fill > div ul {
  text-align: justify;
  font-size: 0;
  letter-spacing: -4px;
  margin: 0.2rem -0.24rem 0;
}
#member .container-fill > div ul > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#member .container-fill > div ul * {
  letter-spacing: normal;
}
#member .container-fill > div ul:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#member .container-fill > div ul li {
  position: relative;
}
#member .container-fill > div ul li div {
  background: linear-gradient(45deg, #f2e6c8, #f3a1c4);
  box-shadow: rgba(243, 161, 196, 0.26) -6px 6px 12px;
  background: #ffffff;
  border-radius: 99em;
  line-height: 0;
  width: 2rem;
  height: 2rem;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
#member .container-fill > div ul li img {
  width: 75%;
  height: 100%;
  margin: 0 auto;
  display: table;
  object-fit: cover;
}
#member .container-fill > div ul li p {
  font-size: 0.24rem;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.56);
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Century Gothic";
  text-align: center;
  margin-top: 0.16rem;
}
#member .container-fill > div ul li p b {
  font-size: 0.3rem;
  line-height: 1.29;
  color: #000000;
  font-family: "PingFang SC", "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Microsoft Yahei", sans-serif;
}
#member .container-fill > div ul li p b:after {
  content: "\D\A";
  white-space: pre;
}
#member .container-fill > div ul li {
  text-align: center;
  width: 33.33%;
  margin-bottom: 0.68rem;
  position: relative;
}
#member .container-fill > div ul i {
  position: absolute;
  top: -0.36rem;
  right: auto;
  bottom: auto;
  left: 50%;
  font-size: 0.24rem;
  line-height: 1.38;
  content: "";
  background: linear-gradient(45deg, #87c7f4, #53b8ff);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
  color: #ffffff;
  font-weight: 600;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Century Gothic";
  line-height: 0.68rem;
  margin-left: -0.36rem;
}
#member .container-fill > div.team-s h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat 0 -1.84rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-s div {
  background: linear-gradient(45deg, #87c7f4, #53b8ff);
  box-shadow: rgba(83, 184, 255, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-s i {
  content: "";
  background: linear-gradient(45deg, #87c7f4, #53b8ff);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-n h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -0.92rem -1.84rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-n div {
  background: linear-gradient(45deg, #d495e7, #bd9cc6);
  box-shadow: rgba(189, 156, 198, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-n i {
  content: "";
  background: linear-gradient(45deg, #d495e7, #bd9cc6);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-h h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -1.84rem -1.84rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-h div {
  background: linear-gradient(45deg, #f8c022, #f8a722);
  box-shadow: rgba(248, 167, 34, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-h i {
  content: "";
  background: linear-gradient(45deg, #f8c022, #f8a722);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-x h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -2.76rem -1.84rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-x div {
  background: linear-gradient(45deg, #bfdd20, #a6ce28);
  box-shadow: rgba(166, 206, 40, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-x i {
  content: "";
  background: linear-gradient(45deg, #bfdd20, #a6ce28);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-b h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat 0 -3.68rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-b div {
  background: linear-gradient(45deg, #eb648e, #e6356c);
  box-shadow: rgba(230, 53, 108, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-b i {
  content: "";
  background: linear-gradient(45deg, #eb648e, #e6356c);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-e h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -0.92rem -3.68rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-e div {
  background: linear-gradient(45deg, #56c9c7, #24b7b5);
  box-shadow: rgba(36, 183, 181, 0.26) -6px 6px 12px;
}
#bej .team-new h2:before {
  background: linear-gradient(0DEG, transparent, #f66386) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
#bej .team-new div{
  box-shadow: rgba(246, 99, 134, 0.26) -6px 6px 12px !important;
}
#member .container-fill > div.team-e i {
  content: "";
  background: linear-gradient(45deg, #56c9c7, #24b7b5);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-j h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -1.84rem -3.68rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-j div {
  background: linear-gradient(45deg, #439dde, #006ab7);
  box-shadow: rgba(0, 106, 183, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-j i {
  content: "";
  background: linear-gradient(45deg, #439dde, #006ab7);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-g h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -2.76rem -3.68rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-g div {
  background: linear-gradient(45deg, #c5db59, #abca11);
  box-shadow: rgba(171, 202, 17, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-g i {
  content: "";
  background: linear-gradient(45deg, #c5db59, #abca11);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-n3 h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -3.68rem -3.68rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-n3 div {
  background: linear-gradient(45deg, #ffe879, #f4d020);
  box-shadow: rgba(244, 208, 32, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-n3 i {
  content: "";
  background: linear-gradient(45deg, #ffe879, #f4d020);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-z h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -4.6rem -3.68rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-z div {
  background: linear-gradient(45deg, #f58a9e, #ea627b);
  box-shadow: rgba(234, 98, 123, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-z i {
  content: "";
  background: linear-gradient(45deg, #f58a9e, #ea627b);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-c h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -3.68rem -1.84rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-c div {
  background: linear-gradient(45deg, #fcce55, #feba07);
  box-shadow: rgba(254, 186, 7, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-c i {
  content: "";
  background: linear-gradient(45deg, #fcce55, #feba07);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-k h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -4.6rem -1.84rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-k div {
  background: linear-gradient(45deg, #fd8985, #f05752);
  box-shadow: rgba(240, 87, 82, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-k i {
  content: "";
  background: linear-gradient(45deg, #fd8985, #f05752);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-c2 h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -5.52rem -3.68rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-c2 div {
  background: linear-gradient(45deg, #f84545, #e60000);
  box-shadow: rgba(230, 0, 0, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-c2 i {
  content: "";
  background: linear-gradient(45deg, #f84545, #e60000);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-g2 h2 {
  content: "";
  background: url(../image/ui/icon-large.png) no-repeat -6.44rem -3.68rem;
  background-size: auto 8rem;
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
}
#member .container-fill > div.team-g2 div {
  background: linear-gradient(45deg, #1e6cad, #00559b);
  box-shadow: rgba(0, 85, 155, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-g2 i {
  content: "";
  background: linear-gradient(45deg, #1e6cad, #00559b);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-new h2:before,
#member .container-fill > div.team-newmember h2:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0.24rem;
  line-height: 1.38;
  background: linear-gradient(0DEG, transparent, #a4d88b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  content: "预备生";
  text-indent: 0;
}
#member .container-fill > div.team-new div,
#member .container-fill > div.team-newmember div {
  background: linear-gradient(45deg, #c5db59, #abca11);
  box-shadow: rgba(171, 202, 17, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-new i,
#member .container-fill > div.team-newmember i {
  content: "";
  background: linear-gradient(45deg, #c5db59, #abca11);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-x ~ .team-new i {
  content: "";
  background: linear-gradient(45deg, #87c7f4, #53b8ff);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-new.team-snh48 h2:before {
  content: "SNH48 GROUP\D\A海外练习生";
  line-height: 1;
  height: 35px;
  white-space: break-spaces;
}
#member .container-fill > div.team-bej h2:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0.24rem;
  line-height: 1.38;
  background: linear-gradient(0DEG, transparent, #f66386);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  content: "BEJ48";
  text-indent: 0;
}
#member .container-fill > div.team-bej div {
  background: linear-gradient(45deg, #eb648e, #e6356c);
  box-shadow: rgba(230, 53, 108, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-bej i {
  content: "";
  background: linear-gradient(45deg, #eb648e, #e6356c);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div.team-ckg h2:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0.24rem;
  line-height: 1.38;
  background: linear-gradient(0DEG, transparent, #feba07);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  content: "CKG48";
  text-indent: 0;
}
#member .container-fill > div.team-ckg div {
  background: linear-gradient(45deg, #fcce55, #feba07);
  box-shadow: rgba(254, 186, 7, 0.26) -6px 6px 12px;
}
#member .container-fill > div.team-ckg i {
  content: "";
  background: linear-gradient(45deg, #fcce55, #feba07);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div ul li.rank-1st div {
  border: 0.04rem dashed rgba(240, 200, 66, 0.57);
  box-shadow: rgba(240, 200, 66, 0.64) -12px 12px 24px;
}
#member .container-fill > div ul li.rank-1st i {
  content: "";
  background: linear-gradient(45deg, #ffe693, #f0c842);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div ul li.rank-2nd div {
  border: 0.04rem dashed rgba(188, 188, 188, 0.57);
  box-shadow: rgba(188, 188, 188, 0.64) -12px 12px 24px;
}
#member .container-fill > div ul li.rank-2nd i {
  content: "";
  background: linear-gradient(45deg, #d3d4d3, #bcbcbc);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div ul li.rank-3rd div {
  border: 0.04rem dashed rgba(235, 143, 118, 0.57);
  box-shadow: rgba(235, 143, 118, 0.64) -12px 12px 24px;
}
#member .container-fill > div ul li.rank-3rd i {
  content: "";
  background: linear-gradient(45deg, #fac0ac, #eb8f76);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div ul li.rank-4-7 div {
  border: 0.04rem dashed rgba(238, 137, 177, 0.57);
  box-shadow: rgba(238, 137, 177, 0.64) -12px 12px 24px;
}
#member .container-fill > div ul li.rank-4-7 i {
  content: "";
  background: linear-gradient(45deg, #fca5c7, #ee89b1);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
#member .container-fill > div ul li div {
  background: #ffffff !important;
}
#member .container-fill > div ul li div.swiper-lazy-preloader {
  border: none !important;
  box-shadow: none !important;
}
#snh .team-new h2:before {
  background: linear-gradient(0DEG, transparent, #8ed2f5) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

#snh .team-new div {
  background: linear-gradient(45deg, #87c7f4, #53b8ff) !important;
  box-shadow: rgba(83, 184, 255, 0.26) -6px 6px 12px !important;
}
#snh .team-newmember h2:before {
  background: linear-gradient(0DEG, transparent, #8ed2f5) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  content: "新人组" !important;
}
/***************************************************
		定义 member-detail.html 布局
***************************************************/
#member-detail > div {
  padding: 0 12px;
  margin-top: 0.2rem;
}
#member-detail .gallery {
  position: relative;
  z-index: 1;
}
#member-detail .gallery .swiper-pagination {
  margin-bottom: -0.12rem;
}
#member-detail .gallery ul {
  text-align: left;
  font-size: 0;
  letter-spacing: -4px;
  white-space: nowrap;
  letter-spacing: 0.32rem;
}
#member-detail .gallery ul > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#member-detail .gallery ul * {
  letter-spacing: normal;
}
#member-detail .gallery ul:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#member-detail .gallery ul li {
  background: #ffffff !important;
  border-radius: 0.2rem;
  line-height: 0;
  width: 5.4rem;
  overflow: hidden;
}
#member-detail .gallery ul img {
  width: 100%;
  position: relative;
}
#member-detail .detail {
  position: relative;
}
#member-detail .detail dl {
  text-align: left;
  font-size: 0;
  letter-spacing: -4px;
  margin-top: -0.16rem;
  position: relative;
  z-index: 1;
}
#member-detail .detail dl > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#member-detail .detail dl * {
  letter-spacing: normal;
}
#member-detail .detail dl:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#member-detail .detail dl dt {
  font-weight: 600;
  font-size: 0.32rem;
  line-height: 1.29;
  width: 28%;
}
#member-detail .detail dl dd {
  color: rgba(0, 0, 0, 0.56);
  width: 72%;
}
#member-detail .detail dl dt,
#member-detail .detail dl dd {
  line-height: 2;
}
#member-detail .detail:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  margin-right: -0.24rem;
  background: no-repeat top;
  background-size: contain;
  opacity: .37;
}
#member-detail .history {
  padding-bottom: 100px;
}
#member-detail .history ul {
  text-align: left;
  font-size: 0;
  letter-spacing: -4px;
  white-space: nowrap;
  margin-top: 0.68rem;
  position: relative;
}
#member-detail .history ul > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#member-detail .history ul * {
  letter-spacing: normal;
}
#member-detail .history ul:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#member-detail .history ul li {
  font-size: 0.24rem;
  line-height: 1.38;
  line-height: 1.6;
  white-space: normal;
  max-width: 50%;
  padding-right: 1rem;
  position: relative;
}
#member-detail .history ul li i {
  font-weight: 600;
}
#member-detail .history ul li i:after {
  content: "\D\A";
  white-space: pre;
}
#member-detail .history ul li:before {
  position: absolute;
  top: -0.3rem;
  right: auto;
  bottom: auto;
  left: 0;
  content: "";
  background: #89c7ff;
  width: 100%;
  height: 0.04rem;
  display: inline-block;
}
#member-detail .history ul li:after {
  position: absolute;
  top: -0.44rem;
  right: auto;
  bottom: auto;
  left: 0;
  content: "";
  background: #ffffff;
  border: 0.08rem solid #89c7ff;
  border-radius: 99em;
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
}
#member-detail .history ul li:last-of-type:before {
  background: linear-gradient(90deg, #89c7ff 50%, #ffffff);
}
#member-detail .container.team-s .gallery li {
  background: linear-gradient(45deg, #87c7f4, #53b8ff);
  box-shadow: rgba(83, 184, 255, 0.26) -12px 12px 24px;
}
#member-detail .container.team-s .swiper-pagination-bullet-active {
  background: #53b8ff;
}
#member-detail .container.team-s .detail:before {
  background-image: url(../image/ui/team-s.png);
}
#member-detail .container.team-s .history li:before {
  background: #53b8ff;
}
#member-detail .container.team-s .history li:after {
  border-color: #53b8ff;
}
#member-detail .container.team-s .history li:last-of-type:before {
  background: linear-gradient(90deg, #53b8ff 50%, #ffffff);
}
#member-detail .container.team-n .gallery li {
  background: linear-gradient(45deg, #d495e7, #bd9cc6);
  box-shadow: rgba(189, 156, 198, 0.26) -12px 12px 24px;
}
#member-detail .container.team-n .swiper-pagination-bullet-active {
  background: #bd9cc6;
}
#member-detail .container.team-n .detail:before {
  background-image: url(../image/ui/team-n.png);
}
#member-detail .container.team-n .history li:before {
  background: #bd9cc6;
}
#member-detail .container.team-n .history li:after {
  border-color: #bd9cc6;
}
#member-detail .container.team-n .history li:last-of-type:before {
  background: linear-gradient(90deg, #bd9cc6 50%, #ffffff);
}
#member-detail .container.team-h .gallery li {
  background: linear-gradient(45deg, #f8c022, #f8a722);
  box-shadow: rgba(248, 167, 34, 0.26) -12px 12px 24px;
}
#member-detail .container.team-h .swiper-pagination-bullet-active {
  background: #f8a722;
}
#member-detail .container.team-h .detail:before {
  background-image: url(../image/ui/team-h.png);
}
#member-detail .container.team-h .history li:before {
  background: #f8a722;
}
#member-detail .container.team-h .history li:after {
  border-color: #f8a722;
}
#member-detail .container.team-h .history li:last-of-type:before {
  background: linear-gradient(90deg, #f8a722 50%, #ffffff);
}
#member-detail .container.team-x .gallery li {
  background: linear-gradient(45deg, #bfdd20, #a6ce28);
  box-shadow: rgba(166, 206, 40, 0.26) -12px 12px 24px;
}
#member-detail .container.team-x .swiper-pagination-bullet-active {
  background: #a6ce28;
}
#member-detail .container.team-x .detail:before {
  background-image: url(../image/ui/team-x.png);
}
#member-detail .container.team-x .history li:before {
  background: #a6ce28;
}
#member-detail .container.team-x .history li:after {
  border-color: #a6ce28;
}
#member-detail .container.team-x .history li:last-of-type:before {
  background: linear-gradient(90deg, #a6ce28 50%, #ffffff);
}
#member-detail .container.team-b .gallery li {
  background: linear-gradient(45deg, #eb648e, #e6356c);
  box-shadow: rgba(230, 53, 108, 0.26) -12px 12px 24px;
}
#member-detail .container.team-b .swiper-pagination-bullet-active {
  background: #e6356c;
}
#member-detail .container.team-b .detail:before {
  background-image: url(../image/ui/team-b.png);
}
#member-detail .container.team-b .history li:before {
  background: #e6356c;
}
#member-detail .container.team-b .history li:after {
  border-color: #e6356c;
}
#member-detail .container.team-b .history li:last-of-type:before {
  background: linear-gradient(90deg, #e6356c 50%, #ffffff);
}
#member-detail .container.team-e .gallery li {
  background: linear-gradient(45deg, #56c9c7, #24b7b5);
  box-shadow: rgba(36, 183, 181, 0.26) -12px 12px 24px;
}
#member-detail .container.team-e .swiper-pagination-bullet-active {
  background: #24b7b5;
}
#member-detail .container.team-e .detail:before {
  background-image: url(../image/ui/team-e.png);
}
#member-detail .container.team-e .history li:before {
  background: #24b7b5;
}
#member-detail .container.team-e .history li:after {
  border-color: #24b7b5;
}
#member-detail .container.team-e .history li:last-of-type:before {
  background: linear-gradient(90deg, #24b7b5 50%, #ffffff);
}
#member-detail .container.team-j .gallery li {
  background: linear-gradient(45deg, #439dde, #006ab7);
  box-shadow: rgba(0, 106, 183, 0.26) -12px 12px 24px;
}
#member-detail .container.team-j .swiper-pagination-bullet-active {
  background: #006ab7;
}
#member-detail .container.team-j .detail:before {
  background-image: url(../image/ui/team-j.png);
}
#member-detail .container.team-j .history li:before {
  background: #006ab7;
}
#member-detail .container.team-j .history li:after {
  border-color: #006ab7;
}
#member-detail .container.team-j .history li:last-of-type:before {
  background: linear-gradient(90deg, #006ab7 50%, #ffffff);
}
#member-detail .container.team-g .gallery li {
  background: linear-gradient(45deg, #c5db59, #abca11);
  box-shadow: rgba(171, 202, 17, 0.26) -12px 12px 24px;
}
#member-detail .container.team-g .swiper-pagination-bullet-active {
  background: #abca11;
}
#member-detail .container.team-g .detail:before {
  background-image: url(../image/ui/team-g.png);
}
#member-detail .container.team-g .history li:before {
  background: #abca11;
}
#member-detail .container.team-g .history li:after {
  border-color: #abca11;
}
#member-detail .container.team-g .history li:last-of-type:before {
  background: linear-gradient(90deg, #abca11 50%, #ffffff);
}
#member-detail .container.team-n3 .gallery li {
  background: linear-gradient(45deg, #ffe879, #f4d020);
  box-shadow: rgba(244, 208, 32, 0.26) -12px 12px 24px;
}
#member-detail .container.team-n3 .swiper-pagination-bullet-active {
  background: #f4d020;
}
#member-detail .container.team-n3 .detail:before {
  background-image: url(../image/ui/team-n3.png);
}
#member-detail .container.team-n3 .history li:before {
  background: #f4d020;
}
#member-detail .container.team-n3 .history li:after {
  border-color: #f4d020;
}
#member-detail .container.team-n3 .history li:last-of-type:before {
  background: linear-gradient(90deg, #f4d020 50%, #ffffff);
}
#member-detail .container.team-z .gallery li {
  background: linear-gradient(45deg, #f58a9e, #ea627b);
  box-shadow: rgba(234, 98, 123, 0.26) -12px 12px 24px;
}
#member-detail .container.team-z .swiper-pagination-bullet-active {
  background: #ea627b;
}
#member-detail .container.team-z .detail:before {
  background-image: url(../image/ui/team-z.png);
}
#member-detail .container.team-z .history li:before {
  background: #ea627b;
}
#member-detail .container.team-z .history li:after {
  border-color: #ea627b;
}
#member-detail .container.team-z .history li:last-of-type:before {
  background: linear-gradient(90deg, #ea627b 50%, #ffffff);
}
#member-detail .container.team-ckg .gallery li,
#member-detail .container.team-c .gallery li {
  background: linear-gradient(45deg, #fcce55, #feba07);
  box-shadow: rgba(254, 186, 7, 0.26) -12px 12px 24px;
}
#member-detail .container.team-ckg .swiper-pagination-bullet-active,
#member-detail .container.team-c .swiper-pagination-bullet-active {
  background: #feba07;
}
#member-detail .container.team-ckg .history li:before,
#member-detail .container.team-c .history li:before {
  background: #feba07;
}
#member-detail .container.team-ckg .history li:after,
#member-detail .container.team-c .history li:after {
  border-color: #feba07;
}
#member-detail .container.team-ckg .history li:last-of-type:before,
#member-detail .container.team-c .history li:last-of-type:before {
  background: linear-gradient(90deg, #feba07 50%, #ffffff);
}
#member-detail .container.team-c .detail:before {
  background-image: url(../image/ui/team-c.png);
}
#member-detail .container.team-k .gallery li {
  background: linear-gradient(45deg, #fd8985, #f05752);
  box-shadow: rgba(240, 87, 82, 0.26) -12px 12px 24px;
}
#member-detail .container.team-k .swiper-pagination-bullet-active {
  background: #f05752;
}
#member-detail .container.team-k .detail:before {
  background-image: url(../image/ui/team-k.png);
}
#member-detail .container.team-k .history li:before {
  background: #f05752;
}
#member-detail .container.team-k .history li:after {
  border-color: #f05752;
}
#member-detail .container.team-k .history li:last-of-type:before {
  background: linear-gradient(90deg, #f05752 50%, #ffffff);
}
#member-detail .container.team-c2 .gallery li {
  background: linear-gradient(45deg, #f84545, #e60000);
  box-shadow: rgba(230, 0, 0, 0.26) -12px 12px 24px;
}
#member-detail .container.team-c2 .swiper-pagination-bullet-active {
  background: #e60000;
}
#member-detail .container.team-c2 .detail:before {
  background-image: url(../image/ui/team-c2.png);
}
#member-detail .container.team-c2 .history li:before {
  background: #e60000;
}
#member-detail .container.team-c2 .history li:after {
  border-color: #e60000;
}
#member-detail .container.team-c2 .history li:last-of-type:before {
  background: linear-gradient(90deg, #e60000 50%, #ffffff);
}
#member-detail .container.team-g2 .gallery li {
  background: linear-gradient(45deg, #1e6cad, #00559b);
  box-shadow: rgba(0, 85, 155, 0.26) -12px 12px 24px;
}
#member-detail .container.team-g2 .swiper-pagination-bullet-active {
  background: #00559b;
}
#member-detail .container.team-g2 .detail:before {
  background-image: url(../image/ui/team-g2.png);
}
#member-detail .container.team-g2 .history li:before {
  background: #00559b;
}
#member-detail .container.team-g2 .history li:after {
  border-color: #00559b;
}
#member-detail .container.team-g2 .history li:last-of-type:before {
  background: linear-gradient(90deg, #00559b 50%, #ffffff);
}
/***************************************************
		定义 music.html 布局
***************************************************/
#music > div:first-child {
  margin-top: 0.4rem;
}
#music .ep {
  padding-bottom: 20%;
}
#music .container > div h3 {
  font-size: 1.44rem;
  font-weight: 600;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Century Gothic";
  line-height: 1;
  color: #89c7ff;
  transition: all ease-in-out 500ms;
  transition-property: border-radius, color, font-size, line-height, width, height, margin, top, right, bottom, left;
}
#music .container > div h3.fixed {
  position: fixed;
  top: 0.92rem;
  right: auto;
  bottom: auto;
  left: auto;
  font-size: 0.4rem;
  line-height: 1.27;
  color: #ffffff !important;
  border-radius: 99em;
  text-align: center !important;
  line-height: 1.44rem;
  width: 1.44rem;
  height: 1.44rem;
  margin-left: -0.16rem;
  z-index: 3;
}
#music .container > div ul {
  text-align: center;
  font-size: 0;
  letter-spacing: -4px;
  margin-top: -0.36rem;
}
#music .container > div ul > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#music .container > div ul * {
  letter-spacing: normal;
}
#music .container > div ul:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#music .container > div ul li {
  width: 50%;
  margin-bottom: 0.36rem;
  padding: 0 0.24rem;
}
#music .container > div ul li div {
  line-height: 0;
  width: 3.04rem;
  height: 3.04rem;
  position: relative;
}
#music .container > div ul li div img {
  background: #ffffff;
  width: 3.04rem;
  height: 3.04rem;
  position: relative;
  z-index: 1;
}
#music .container > div ul li div:after {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: auto;
  content: "";
  background: #19191d;
  border-radius: 99em;
  width: 100%;
  height: 100%;
  margin-left: 0.2rem;
  display: block;
  z-index: 0;
}
#music .container > div ul li p {
  margin-top: 0.16rem;
}
#music .container > div ul li i {
  font-size: 0.24rem;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.56);
  text-align: left;
  margin-bottom: 0.08rem;
  display: block;
}
#music .container > div:nth-of-type(4n+1) h3 {
  color: #89c7ff;
}
#music .container > div:nth-of-type(4n+1) h3.fixed {
  background: linear-gradient(45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.26) -6px 6px 12px;
}
#music .container > div:nth-of-type(4n+1) div {
  background: linear-gradient(45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.26) -6px 6px 12px;
}
#music .container > div:nth-of-type(4n+2) h3 {
  color: #f3a1c4;
  text-align: right;
}
#music .container > div:nth-of-type(4n+2) h3.fixed {
  background: linear-gradient(45deg, #f2e6c8, #f3a1c4);
  box-shadow: rgba(243, 161, 196, 0.26) -6px 6px 12px;
}
#music .container > div:nth-of-type(4n+2) div {
  background: linear-gradient(45deg, #f2e6c8, #f3a1c4);
  box-shadow: rgba(243, 161, 196, 0.26) -6px 6px 12px;
}
#music .container > div:nth-of-type(4n+3) h3 {
  color: #f7b779;
}
#music .container > div:nth-of-type(4n+3) h3.fixed {
  background: linear-gradient(45deg, #f2e8c8, #f7b779);
  box-shadow: rgba(247, 183, 121, 0.26) -6px 6px 12px;
}
#music .container > div:nth-of-type(4n+3) div {
  background: linear-gradient(45deg, #f2e8c8, #f7b779);
  box-shadow: rgba(247, 183, 121, 0.26) -6px 6px 12px;
}
#music .container > div:nth-of-type(4n+4) h3 {
  color: #a3a5f4;
  text-align: right;
}
#music .container > div:nth-of-type(4n+4) h3.fixed {
  background: linear-gradient(45deg, #cfd9f4, #a3a5f4);
  box-shadow: rgba(163, 165, 244, 0.26) -6px 6px 12px;
}
#music .container > div:nth-of-type(4n+4) div {
  background: linear-gradient(45deg, #cfd9f4, #a3a5f4);
  box-shadow: rgba(163, 165, 244, 0.26) -6px 6px 12px;
}
/***************************************************
		定义 news.html 布局
***************************************************/
#news {
  margin-top: 0;
}
#news > .container {
  margin-top: 0.8rem;
}
#news dl {
  margin: 0.4rem 0;
}
#news dl dd:after {
  background: rgba(0, 0, 0, 0.12) !important;
}
#news dl:first-child dd:after {
  background: transparent !important;
}
/***************************************************
		定义 news-detail.html 布局
***************************************************/
#news-detail > .container {
  margin-top: 0.8rem;
  padding: 0 0.48rem;
}
#news-detail > .container * {
  font-variant: normal;
  letter-spacing: 0.04rem;
  line-height: 1.8;
  text-align: left;
}
#news-detail > .container header h2 {
  text-indent: 0 !important;
  text-align: center;
}
#news-detail > .container header h2 * {
  text-align: center;
}
#news-detail > .container article {
  color: rgba(0, 0, 0, 0.56);
  line-height: 1.6;
}
#news-detail > .container article h2 {
  color: #000000;
  margin-bottom: 0.36rem;
}
#news-detail > .container article img {
  width: 100% !important;
  height: auto !important;
}
#news-detail > .container article p {
  margin-top: 0.4rem;
}
#news-detail > .container article p:first-of-type {
  margin-top: 0;
}
#news-detail > .container article a {
  text-indent: 0 !important;
}
/***************************************************
		定义 video.html 布局
***************************************************/
#video .video ul {
  text-align: left;
  font-size: 0;
  letter-spacing: -4px;
  margin: -1.5%;
}
#video .video ul > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#video .video ul * {
  letter-spacing: normal;
}
#video .video ul:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#video .video ul li {
  position: relative;
  width: 47%;
  margin: 1.5%;
}
#video .video ul li > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -9999em;
}
#video .video ul li div {
  background: #d9daee;
  border-radius: 0.2rem;
  line-height: 0;
  padding-bottom: 56%;
  position: relative;
  overflow: hidden;
}
#video .video ul li div img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#video .video ul li p,
#video .video ul li b {
  padding: 0 0.08rem;
}
#video .video ul li p {
  font-size: 0.22rem;
  line-height: 1.33;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.56);
  margin: 0.16rem 0 0;
}
#video .video ul li b {
  font-size: 0.26rem;
  line-height: 1.33;
  text-transform: uppercase;
  font-variant: normal;
  margin: 0.08rem 0 0;
  display: block;
}
#video .video ul li b.group {
  color: #8ed2f5;
}
#video .video ul li b.snh {
  color: #8ed2f5;
}
#video .video ul li b.bej {
  color: #f66386;
}
#video .video ul li b.gnz {
  color: #a4d88b;
}
#video .video ul li b.ckg {
  color: #feba07;
}
#video .video ul li b.cgt {
  color: #b32728;
}
#video .video ul li:first-child {
  width: 97%;
}
/***************************************************
		定义 live.html 布局
***************************************************/
#live .official > div {
  background: linear-gradient(45deg, #cfd9f4, #a3a5f4);
  box-shadow: rgba(163, 165, 244, 0.26) -12px 12px 24px;
  position: relative;
  border-radius: 0.2rem;
  text-align: center;
  height: 2.68rem;
}
#live .official > div > *,
#live .official > div:before {
  display: inline-block;
  vertical-align: middle;
}
#live .official > div:before {
  content: "";
  width: 0;
  height: 100%;
}
#live .official > div > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -9999em;
}
#live .official > div * {
  color: #ffffff;
}
#live .official > div img {
  border-radius: 0.32rem;
  width: 1.88rem;
  height: 1.88rem;
}
#live .official > div p {
  text-align: left;
  margin: 0 0 0 0.28rem;
}
#live .official > div p b {
  font-size: 0.44rem;
  line-height: 1.21;
}
#live .official > div p b:after {
  content: "\D\A";
  white-space: pre;
}
#live .official > div p i {
  margin: 0.16rem 0 0;
  display: inline-block;
}
#live .official > div p i:before {
  position: relative;
  top: 0.06rem;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #ffffff;
  width: 0.06rem;
  height: 0.36rem;
  margin: 0 0.16rem 0 0;
  display: inline-block;
}
#live .other > ul {
  text-align: left;
  font-size: 0;
  letter-spacing: -4px;
  margin: -2%;
}
#live .other > ul > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#live .other > ul * {
  letter-spacing: normal;
}
#live .other > ul:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#live .other > ul li {
  background: linear-gradient(45deg, #ffffff, #ffffff);
  box-shadow: rgba(217, 218, 238, 0.26) -12px 12px 24px;
  border-radius: 0.2rem;
  line-height: 0;
  width: 46%;
  margin: 2%;
  padding-bottom: 31%;
  position: relative;
}
#live .other > ul li > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -9999em;
}
#live .other > ul li img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20%;
  object-fit: contain;
}
#live .other > ul li:first-child {
  padding-bottom: 66%;
  float: left;
}
/***************************************************
		定义 inner-detail(通用内页) 布局
***************************************************/
#inner-detail .btn {
  font-size: 0.36rem;
  line-height: 1.25;
  font-weight: 600;
  border-radius: 99em;
  color: #ffffff;
  text-align: center;
  width: 100%;
  margin: 1% 0 5%;
  padding: 2.5% 0;
}
#inner-detail .info #dituContent,
#inner-detail .txt #dituContent {
  margin-bottom: 0.4rem;
  overflow: hidden;
}
#inner-detail .info .vid-ifr,
#inner-detail .txt .vid-ifr,
#inner-detail .info .map,
#inner-detail .txt .map {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}
#inner-detail .info .vid-ifr > *,
#inner-detail .txt .vid-ifr > *,
#inner-detail .info .map > *,
#inner-detail .txt .map > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#inner-detail .info p,
#inner-detail .txt p,
#inner-detail .info dl,
#inner-detail .txt dl,
#inner-detail .info .vid-ifr,
#inner-detail .txt .vid-ifr,
#inner-detail .info .map,
#inner-detail .txt .map {
  margin: 0.4rem 0;
}
#inner-detail .info p:first-of-type,
#inner-detail .txt p:first-of-type,
#inner-detail .info dl:first-of-type,
#inner-detail .txt dl:first-of-type,
#inner-detail .info .vid-ifr:first-of-type,
#inner-detail .txt .vid-ifr:first-of-type,
#inner-detail .info .map:first-of-type,
#inner-detail .txt .map:first-of-type {
  margin-top: 0;
}
#inner-detail .info p,
#inner-detail .txt p,
#inner-detail .info dl,
#inner-detail .txt dl {
  text-align: justify;
  line-height: 1.6;
}
#inner-detail .info p,
#inner-detail .txt p {
  color: rgba(0, 0, 0, 0.56);
  text-indent: 2em;
}
#inner-detail .info dl,
#inner-detail .txt dl {
  border-left: 0.06rem solid #89c7ff;
  padding-left: 0.24rem;
}
#inner-detail .info dl dt,
#inner-detail .txt dl dt {
  font-weight: 600;
  font-size: 0.32rem;
  line-height: 1.29;
  margin-bottom: 0.16rem;
}
#inner-detail .txt * {
  line-height: 1.6;
}
#inner-detail .txt p {
  text-indent: 0;
}
#inner-detail .txt ul,
#inner-detail .txt ol {
  border-left: 2px dotted #000000;
  margin: 0.48rem 2px 0;
  padding-left: 0.72rem;
}
#inner-detail .txt ul li,
#inner-detail .txt ol li {
  margin-top: 0.16rem;
}
#inner-detail .txt ul li:first-child,
#inner-detail .txt ol li:first-child {
  margin-top: 0;
}
#inner-detail .txt ul:first-child,
#inner-detail .txt ol:first-child {
  margin-top: 0;
}
#inner-detail .txt ul {
  list-style: circle outside;
}
#inner-detail .txt ol {
  list-style: decimal outside;
}
#inner-detail .txt a {
  font-weight: 600;
  color: #ff5e71;
  text-decoration: underline;
}
#inner-detail .gallery ul {
  text-align: left;
  font-size: 0;
  letter-spacing: -4px;
  margin-bottom: -0.2rem;
}
#inner-detail .gallery ul > * {
  font-size: 0.3rem;
  line-height: 1.29;
  vertical-align: top;
  display: inline-block;
}
#inner-detail .gallery ul * {
  letter-spacing: normal;
}
#inner-detail .gallery ul:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
#inner-detail .gallery ul li {
  line-height: 0;
  width: 50%;
  margin-bottom: 0.2rem;
}
#inner-detail .gallery ul li:nth-child(odd) {
  padding-right: 0.1rem;
}
#inner-detail .gallery ul li:nth-child(even) {
  padding-left: 0.1rem;
}
#inner-detail .gallery ul img {
  width: 100%;
}
/***************************************************
		@media 响应式布局
***************************************************/
@supports (bottom: constant(safe-area-inset-bottom)) {
  .navbar,
  .tabbar,
  .page > .container {
    padding: 0 0.4rem;
  }
  .gotop {
    margin-bottom: constant(safe-area-inset-bottom);
  }
  .navbar {
    padding-top: constant(safe-area-inset-top);
  }
  .tabbar {
    padding-bottom: constant(safe-area-inset-bottom);
  }
  .page > .container {
    padding-bottom: constant(safe-area-inset-bottom);
  }
}
/***************************************************
		分团皮肤
***************************************************/
body .navbar,
body .tabbar,
body .btn-blue,
body .btn-normal {
  visibility: hidden;
  opacity: 0;
}
body#group .navbar,
body#snh .navbar,
body#bej .navbar,
body#gnz .navbar,
body#ckg .navbar,
body#cgt .navbar,
body#group .tabbar,
body#snh .tabbar,
body#bej .tabbar,
body#gnz .tabbar,
body#ckg .tabbar,
body#cgt .tabbar,
body#group .btn-blue,
body#snh .btn-blue,
body#bej .btn-blue,
body#gnz .btn-blue,
body#ckg .btn-blue,
body#cgt .btn-blue,
body#group .btn-normal,
body#snh .btn-normal,
body#bej .btn-normal,
body#gnz .btn-normal,
body#ckg .btn-normal,
body#cgt .btn-normal {
  visibility: visible;
  opacity: 1;
}
body#group .navbar {
  background: url(../image/logo-group.png) no-repeat center / contain;
  background-size: 100% 100%;
  top: -0.16rem;
}
body#group .navbar-fixed:before {
  top: 0.1rem;
}
body#group .navbar-inner-fixed:before {
  top: 0;
}
body#snh .navbar {
  background: url(../image/img/logo-snh48.png) no-repeat center / contain;
  background-size: 100% 100%;
}
body#snh .btn-blue,
body#snh .btn-normal {
  box-shadow: rgba(142, 210, 245, 0.56) -12px 12px 24px !important;
  background: #8ed2f5 !important;
}
body#snh #event .history > div a,
body#snh #shows-list .history > div a {
  background: linear-gradient(-45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.26) -6px 6px 12px;
  background: linear-gradient(45deg, #badef2, #89c7ff);
}
body#snh #event .history > div li:before,
body#snh #shows-list .history > div li:before {
  border-color: #badef2;
}
body#snh #event .history > div li:after,
body#snh #shows-list .history > div li:after {
  border-right-color: #badef2;
}
body#snh #event .history > div h3,
body#snh #shows-list .history > div h3,
body#snh #event .history > div h4,
body#snh #shows-list .history > div h4 {
  color: #87c7f4;
}
body#snh #event .history > div h3.fixed,
body#snh #shows-list .history > div h3.fixed {
  background: linear-gradient(-45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.26) -6px 6px 12px;
}
body#snh #event .history > div:before,
body#snh #shows-list .history > div:before {
  background: linear-gradient(45deg, #badef2, #89c7ff);
}
body#snh #event .history > div:after,
body#snh #shows-list .history > div:after {
  background: linear-gradient(180deg, #badef2, transparent);
}
body#snh #music .container > div h3 {
  color: #87c7f4;
}
body#snh #music .container > div h3.fixed {
  background: linear-gradient(45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.26) -6px 6px 12px;
}
body#snh #music .container > div div {
  background: linear-gradient(45deg, #badef2, #89c7ff);
  box-shadow: rgba(137, 199, 255, 0.26) -6px 6px 12px;
}

body#bej .navbar {
  background: url(../image/img/logo-bej48.png) no-repeat center / contain;
  background-size: 100% 100%;
}
body#bej .tabbar {
  box-shadow: rgba(246, 99, 134, 0.26) 0 0 12px;
}
body#bej .tabbar .seled a {
  color: #f688a2;
}
body#bej .tabbar .seled:before {
  background: linear-gradient(45deg, #f688a2, #f66386);
}
body#bej .tab .seled:before {
  box-shadow: rgba(246, 99, 134, 0.26) -12px 12px 24px;
  background: linear-gradient(45deg, #f688a2, #f66386);
}
body#bej .btn-blue,
body#bej .btn-normal {
  box-shadow: rgba(246, 99, 134, 0.56) -12px 12px 24px !important;
  background: #f66386 !important;
}
body#bej #index .banner i {
  background: #f688a2;
}
body#bej #index .ticket dt b {
  color: #f66386;
}
body#bej #index .ticket dt i {
  background: #f688a2;
}
body#bej #inner-detail .info dl {
  border-left-color: #f66386;
}
body#bej #show h3 b {
  color: #f66386;
}
body#bej #show h3 b:before {
  content: "";
  background: linear-gradient(45deg, #f688a2, #f66386);
  mask: url(../image/ui/icon.png) no-repeat 0 -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0 -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#bej #show h3 b.tv:before {
  content: "";
  background: linear-gradient(45deg, #f688a2, #f66386);
  mask: url(../image/ui/icon.png) no-repeat 0 -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0 -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#bej #show h3 b.show:before {
  content: "";
  background: linear-gradient(45deg, #f688a2, #f66386);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#bej #show h3 b.book:before {
  content: "";
  background: linear-gradient(45deg, #f688a2, #f66386);
  mask: url(../image/ui/icon.png) no-repeat -1.52rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -1.52rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#bej #show h3 b.radio:before {
  content: "";
  background: linear-gradient(45deg, #f688a2, #f66386);
  mask: url(../image/ui/icon.png) no-repeat -2.28rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -2.28rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#bej #show h3 b.wsh:before {
  content: "";
  background: linear-gradient(45deg, #f688a2, #f66386);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#bej #shows-detail .gallery li {
  background: linear-gradient(45deg, #eb648e, #e6356c);
  box-shadow: rgba(230, 53, 108, 0.26) -12px 12px 24px;
}
body#bej #shows-detail .gallery .swiper-pagination-bullet-active {
  background: #f66386;
}
body#bej #shows-detail .title img {
  border-color: #f66386;
}
body#bej #shows-detail .intro .list {
  background: linear-gradient(45deg, #eb648e, #e6356c);
  box-shadow: rgba(230, 53, 108, 0.26) -12px 12px 24px;
}
body#bej #shows-detail .intro .list h3 {
  background: linear-gradient(45DEG, #f66386, transparent);
}
body#bej #shows-detail .songs dl {
  border-top-color: rgba(246, 99, 134, 0.26);
}
body#bej #shows-detail .songs dl:before {
  color: rgba(246, 99, 134, 0.26);
}
body#bej #member .swiper-pagination-bullet-active {
  background: #f66386;
}
body#bej #event .history > div a,
body#bej #shows-list .history > div a {
  background: linear-gradient(-45deg, #eb648e, #e6356c);
  box-shadow: rgba(230, 53, 108, 0.26) -6px 6px 12px;
  background: linear-gradient(45deg, #f688a2, #f66386);
}
body#bej #event .history > div li:before,
body#bej #shows-list .history > div li:before {
  border-color: #f688a2;
}
body#bej #event .history > div li:after,
body#bej #shows-list .history > div li:after {
  border-right-color: #f688a2;
}
body#bej #event .history > div h3,
body#bej #shows-list .history > div h3,
body#bej #event .history > div h4,
body#bej #shows-list .history > div h4 {
  color: #f66386;
}
body#bej #event .history > div h3.fixed,
body#bej #shows-list .history > div h3.fixed {
  background: linear-gradient(-45deg, #eb648e, #e6356c);
  box-shadow: rgba(230, 53, 108, 0.26) -6px 6px 12px;
}
body#bej #event .history > div:before,
body#bej #shows-list .history > div:before {
  background: #f688a2;
}
body#bej #event .history > div:after,
body#bej #shows-list .history > div:after {
  background: linear-gradient(180deg, #f688a2, transparent);
}
body#bej #music .container > div h3 {
  color: #f66386;
}
body#bej #music .container > div h3.fixed {
  background: linear-gradient(45deg, #eb648e, #e6356c);
  box-shadow: rgba(230, 53, 108, 0.26) -6px 6px 12px;
}
body#bej #music .container > div div {
  background: linear-gradient(45deg, #eb648e, #e6356c);
  box-shadow: rgba(230, 53, 108, 0.26) -6px 6px 12px;
}

body#gnz .navbar {
  background: url(../image/img/logo-gnz48.png) no-repeat center / contain;
  background-size: 100% 100%;
}
body#gnz .tabbar {
  box-shadow: rgba(164, 216, 139, 0.26) 0 0 12px;
}
body#gnz .tabbar .seled a {
  color: #a3d4a2;
}
body#gnz .tabbar .seled:before {
  background: linear-gradient(45deg, #a3d4a2, #a4d88b);
}
body#gnz .tab .seled:before {
  box-shadow: rgba(164, 216, 139, 0.26) -12px 12px 24px;
  background: linear-gradient(45deg, #a3d4a2, #a4d88b);
}
body#gnz .btn-blue,
body#gnz .btn-normal {
  box-shadow: rgba(164, 216, 139, 0.56) -12px 12px 24px !important;
  background: #a4d88b !important;
}
body#gnz #index .banner i {
  background: #a3d4a2;
}
body#gnz #index .ticket dt b {
  color: #a4d88b;
}
body#gnz #index .ticket dt i {
  background: #a3d4a2;
}
body#gnz #inner-detail .info dl {
  border-left-color: #a4d88b;
}
body#gnz #show h3 b {
  color: #a4d88b;
}
body#gnz #show h3 b:before {
  content: "";
  background: linear-gradient(45deg, #a3d4a2, #a4d88b);
  mask: url(../image/ui/icon.png) no-repeat 0 -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0 -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#gnz #show h3 b.tv:before {
  content: "";
  background: linear-gradient(45deg, #a3d4a2, #a4d88b);
  mask: url(../image/ui/icon.png) no-repeat 0 -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0 -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#gnz #show h3 b.show:before {
  content: "";
  background: linear-gradient(45deg, #a3d4a2, #a4d88b);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#gnz #show h3 b.book:before {
  content: "";
  background: linear-gradient(45deg, #a3d4a2, #a4d88b);
  mask: url(../image/ui/icon.png) no-repeat -1.52rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -1.52rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#gnz #show h3 b.radio:before {
  content: "";
  background: linear-gradient(45deg, #a3d4a2, #a4d88b);
  mask: url(../image/ui/icon.png) no-repeat -2.28rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -2.28rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#gnz #show h3 b.wsh:before {
  content: "";
  background: linear-gradient(45deg, #a3d4a2, #a4d88b);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#gnz #shows-detail .gallery li {
  background: linear-gradient(45deg, #c5db59, #abca11);
  box-shadow: rgba(171, 202, 17, 0.26) -12px 12px 24px;
}
body#gnz #shows-detail .gallery .swiper-pagination-bullet-active {
  background: #a4d88b;
}
body#gnz #shows-detail .title img {
  border-color: #a4d88b;
}
body#gnz #shows-detail .intro .list {
  background: linear-gradient(45deg, #c5db59, #abca11);
  box-shadow: rgba(171, 202, 17, 0.26) -12px 12px 24px;
}
body#gnz #shows-detail .intro .list h3 {
  background: linear-gradient(45DEG, #a4d88b, transparent);
}
body#gnz #shows-detail .songs dl {
  border-top-color: rgba(164, 216, 139, 0.26);
}
body#gnz #shows-detail .songs dl:before {
  color: rgba(164, 216, 139, 0.26);
}
body#gnz #member .swiper-pagination-bullet-active {
  background: #a4d88b;
}
body#gnz #event .history > div a,
body#gnz #shows-list .history > div a {
  background: linear-gradient(-45deg, #c5db59, #abca11);
  box-shadow: rgba(171, 202, 17, 0.26) -6px 6px 12px;
  background: linear-gradient(45deg, #a3d4a2, #a4d88b);
}
body#gnz #event .history > div li:before,
body#gnz #shows-list .history > div li:before {
  border-color: #a3d4a2;
}
body#gnz #event .history > div li:after,
body#gnz #shows-list .history > div li:after {
  border-right-color: #a3d4a2;
}
body#gnz #event .history > div h3,
body#gnz #shows-list .history > div h3,
body#gnz #event .history > div h4,
body#gnz #shows-list .history > div h4 {
  color: #a4d88b;
}
body#gnz #event .history > div h3.fixed,
body#gnz #shows-list .history > div h3.fixed {
  background: linear-gradient(-45deg, #c5db59, #abca11);
  box-shadow: rgba(171, 202, 17, 0.26) -6px 6px 12px;
}
body#gnz #event .history > div:before,
body#gnz #shows-list .history > div:before {
  background: #a3d4a2;
}
body#gnz #event .history > div:after,
body#gnz #shows-list .history > div:after {
  background: linear-gradient(180deg, #a3d4a2, transparent);
}
body#gnz #music .container > div h3 {
  color: #a4d88b;
}
body#gnz #music .container > div h3.fixed {
  background: linear-gradient(45deg, #c5db59, #abca11);
  box-shadow: rgba(171, 202, 17, 0.26) -6px 6px 12px;
}
body#gnz #music .container > div div {
  background: linear-gradient(45deg, #c5db59, #abca11);
  box-shadow: rgba(171, 202, 17, 0.26) -6px 6px 12px;
}

body#ckg .navbar {
  background: url(../image/img/logo-ckg48.png) no-repeat center / contain;
  background-size: 100% 100%;
}
body#ckg .tabbar {
  box-shadow: rgba(254, 186, 7, 0.26) 0 0 12px;
}
body#ckg .tabbar .seled a {
  color: #fcce56;
}
body#ckg .tabbar .seled:before {
  background: linear-gradient(45deg, #fcce56, #feba07);
}
body#ckg .tab .seled:before {
  box-shadow: rgba(254, 186, 7, 0.26) -12px 12px 24px;
  background: linear-gradient(45deg, #fcce56, #feba07);
}
body#ckg .btn-blue,
body#ckg .btn-normal {
  box-shadow: rgba(254, 186, 7, 0.56) -12px 12px 24px !important;
  background: #feba07 !important;
}
body#ckg #index .banner i {
  background: #fcce56;
}
body#ckg #index .ticket dt b {
  color: #feba07;
}
body#ckg #index .ticket dt i {
  background: #fcce56;
}
body#ckg #inner-detail .info dl {
  border-left-color: #feba07;
}
body#ckg #show h3 b {
  color: #feba07;
}
body#ckg #show h3 b:before {
  content: "";
  background: linear-gradient(45deg, #fcce56, #feba07);
  mask: url(../image/ui/icon.png) no-repeat 0 -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0 -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#ckg #show h3 b.tv:before {
  content: "";
  background: linear-gradient(45deg, #fcce56, #feba07);
  mask: url(../image/ui/icon.png) no-repeat 0 -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0 -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#ckg #show h3 b.show:before {
  content: "";
  background: linear-gradient(45deg, #fcce56, #feba07);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#ckg #show h3 b.book:before {
  content: "";
  background: linear-gradient(45deg, #fcce56, #feba07);
  mask: url(../image/ui/icon.png) no-repeat -1.52rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -1.52rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#ckg #show h3 b.radio:before {
  content: "";
  background: linear-gradient(45deg, #fcce56, #feba07);
  mask: url(../image/ui/icon.png) no-repeat -2.28rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -2.28rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#ckg #show h3 b.wsh:before {
  content: "";
  background: linear-gradient(45deg, #fcce56, #feba07);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#ckg #shows-detail .gallery li {
  background: linear-gradient(45deg, #fcce55, #feba07);
  box-shadow: rgba(254, 186, 7, 0.26) -12px 12px 24px;
}
body#ckg #shows-detail .gallery .swiper-pagination-bullet-active {
  background: #feba07;
}
body#ckg #shows-detail .title img {
  border-color: #feba07;
}
body#ckg #shows-detail .intro .list {
  background: linear-gradient(45deg, #fcce55, #feba07);
  box-shadow: rgba(254, 186, 7, 0.26) -12px 12px 24px;
}
body#ckg #shows-detail .intro .list h3 {
  background: linear-gradient(45DEG, #feba07, transparent);
}
body#ckg #shows-detail .songs dl {
  border-top-color: rgba(254, 186, 7, 0.26);
}
body#ckg #shows-detail .songs dl:before {
  color: rgba(254, 186, 7, 0.26);
}
body#ckg #member .swiper-pagination-bullet-active {
  background: #feba07;
}
body#ckg #member .team-new h2:before {
  background: linear-gradient(0DEG, transparent, #feba07);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body#ckg #member .team-new div {
  background: linear-gradient(45deg, #fcce55, #feba07);
  box-shadow: rgba(254, 186, 7, 0.26) -6px 6px 12px;
}
body#ckg #member .team-new i {
  content: "";
  background: linear-gradient(45deg, #fcce55, #feba07);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#ckg #event .history > div a,
body#ckg #shows-list .history > div a {
  background: linear-gradient(-45deg, #fcce55, #feba07);
  box-shadow: rgba(254, 186, 7, 0.26) -6px 6px 12px;
  background: linear-gradient(45deg, #fcce56, #feba07);
}
body#ckg #event .history > div li:before,
body#ckg #shows-list .history > div li:before {
  border-color: #fcce56;
}
body#ckg #event .history > div li:after,
body#ckg #shows-list .history > div li:after {
  border-right-color: #fcce56;
}
body#ckg #event .history > div h3,
body#ckg #shows-list .history > div h3,
body#ckg #event .history > div h4,
body#ckg #shows-list .history > div h4 {
  color: #feba07;
}
body#ckg #event .history > div h3.fixed,
body#ckg #shows-list .history > div h3.fixed {
  background: linear-gradient(-45deg, #fcce55, #feba07);
  box-shadow: rgba(254, 186, 7, 0.26) -6px 6px 12px;
}
body#ckg #event .history > div:before,
body#ckg #shows-list .history > div:before {
  background: #fcce56;
}
body#ckg #event .history > div:after,
body#ckg #shows-list .history > div:after {
  background: linear-gradient(180deg, #fcce56, transparent);
}
body#ckg #music .container > div h3 {
  color: #feba07;
}
body#ckg #music .container > div h3.fixed {
  background: linear-gradient(45deg, #fcce55, #feba07);
  box-shadow: rgba(254, 186, 7, 0.26) -6px 6px 12px;
}
body#ckg #music .container > div div {
  background: linear-gradient(45deg, #fcce55, #feba07);
  box-shadow: rgba(254, 186, 7, 0.26) -6px 6px 12px;
}

body#cgt .navbar{
  background: url(../image/img/logo-cgt48.png) no-repeat center / contain;
  background-size: 100% 100%;
}
body#cgt .tabbar {
  box-shadow: rgba(179, 39, 40, 0.26) 0 0 12px;
}
body#cgt .tabbar .seled a {
  color: #da4e4f;
}
body#cgt .tabbar .seled:before {
  background: linear-gradient(45deg, #da4e4f, #b32728);
}
body#cgt .tab .seled:before {
  box-shadow: rgba(179, 39, 40, 0.26) -12px 12px 24px;
  background: linear-gradient(45deg, #da4e4f, #b32728);
}
body#cgt .btn-blue,
body#cgt .btn-normal {
  box-shadow: rgba(179, 39, 40, 0.56) -12px 12px 24px !important;
  background: #b32728 !important;
}
body#cgt #index .banner i {
  background: #da4e4f;
}
body#cgt #index .ticket dt b {
  color: #b32728;
}
body#cgt #index .ticket dt i {
  background: #da4e4f;
}
body#cgt #inner-detail .info dl {
  border-left-color: #b32728;
}
body#cgt #show h3 b {
  color: #b32728;
}
body#cgt #show h3 b:before {
  content: "";
  background: linear-gradient(45deg, #da4e4f, #b32728);
  mask: url(../image/ui/icon.png) no-repeat 0 -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0 -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#cgt #show h3 b.tv:before {
  content: "";
  background: linear-gradient(45deg, #da4e4f, #b32728);
  mask: url(../image/ui/icon.png) no-repeat 0 -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat 0 -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#cgt #show h3 b.show:before {
  content: "";
  background: linear-gradient(45deg, #da4e4f, #b32728);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#cgt #show h3 b.book:before {
  content: "";
  background: linear-gradient(45deg, #da4e4f, #b32728);
  mask: url(../image/ui/icon.png) no-repeat -1.52rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -1.52rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#cgt #show h3 b.radio:before {
  content: "";
  background: linear-gradient(45deg, #da4e4f, #b32728);
  mask: url(../image/ui/icon.png) no-repeat -2.28rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -2.28rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#cgt #show h3 b.wsh:before {
  content: "";
  background: linear-gradient(45deg, #da4e4f, #b32728);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -1.52rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#cgt #shows-detail .gallery li {
  background: linear-gradient(45deg, #f84545, #e60000);
  box-shadow: rgba(230, 0, 0, 0.26) -12px 12px 24px;
}
body#cgt #shows-detail .gallery .swiper-pagination-bullet-active {
  background: #b32728;
}
body#cgt #shows-detail .title img {
  border-color: #b32728;
}
body#cgt #shows-detail .intro .list {
  background: linear-gradient(45deg, #f84545, #e60000);
  box-shadow: rgba(230, 0, 0, 0.26) -12px 12px 24px;
}
body#cgt #shows-detail .intro .list h3 {
  background: linear-gradient(45DEG, #b32728, transparent);
}
body#cgt #shows-detail .songs dl {
  border-top-color: rgba(179, 39, 40, 0.26);
}
body#cgt #shows-detail .songs dl:before {
  color: rgba(179, 39, 40, 0.26);
}
body#cgt #member .swiper-pagination-bullet-active {
  background: #b32728;
}
body#cgt #member .team-new h2:before {
  background: linear-gradient(0DEG, transparent, #b32728);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body#cgt #member .team-new div {
  background: linear-gradient(45deg, #f84545, #e60000);
  box-shadow: rgba(230, 0, 0, 0.26) -6px 6px 12px;
}
body#cgt #member .team-new i {
  content: "";
  background: linear-gradient(45deg, #f84545, #e60000);
  mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  -webkit-mask: url(../image/ui/icon.png) no-repeat -0.76rem -0.76rem / auto 8rem;
  width: 0.56rem;
  height: 0.56rem;
  display: inline-block;
}
body#cgt #event .history > div a,
body#cgt #shows-list .history > div a {
  background: linear-gradient(-45deg, #f84545, #e60000);
  box-shadow: rgba(230, 0, 0, 0.26) -6px 6px 12px;
  background: linear-gradient(45deg, #da4e4f, #b32728);
}
body#cgt #event .history > div li:before,
body#cgt #shows-list .history > div li:before {
  border-color: #da4e4f;
}
body#cgt #event .history > div li:after,
body#cgt #shows-list .history > div li:after {
  border-right-color: #da4e4f;
}
body#cgt #event .history > div h3,
body#cgt #shows-list .history > div h3,
body#cgt #event .history > div h4,
body#cgt #shows-list .history > div h4 {
  color: #b32728;
}
body#cgt #event .history > div h3.fixed,
body#cgt #shows-list .history > div h3.fixed {
  background: linear-gradient(-45deg, #f84545, #e60000);
  box-shadow: rgba(230, 0, 0, 0.26) -6px 6px 12px;
}
body#cgt #event .history > div:before,
body#cgt #shows-list .history > div:before {
  background: #da4e4f;
}
body#cgt #event .history > div:after,
body#cgt #shows-list .history > div:after {
  background: linear-gradient(180deg, #da4e4f, transparent);
}
body#cgt #music .container > div h3 {
  color: #b32728;
}
body#cgt #music .container > div h3.fixed {
  background: linear-gradient(45deg, #f84545, #e60000);
  box-shadow: rgba(230, 0, 0, 0.26) -6px 6px 12px;
}
body#cgt #music .container > div div {
  background: linear-gradient(45deg, #f84545, #e60000);
  box-shadow: rgba(230, 0, 0, 0.26) -6px 6px 12px;
}