/* Generated by less 2.2.0 */
/* LESS Document */
/***************************************************
		PX转REM
***************************************************/
/***************************************************
		定义 SNH48 GROUP 专属颜色
***************************************************/
/***************************************************
		定义 SNH48 GROUP 专属颜色
***************************************************/
/***************************************************
		定义风格（颜色、渐变、投影、圆角）
***************************************************/
.BG-C {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.TT-LG-BLUE {
  background: linear-gradient(45deg, #badef2, #89c7ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.TT-LG-PINK {
  background: linear-gradient(45deg, #f2e6c8, #f3a1c4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.TT-LG-YELLOW {
  background: linear-gradient(45deg, #f2e8c8, #f7b779);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.TT-LG-VIOLET {
  background: linear-gradient(45deg, #cfd9f4, #a3a5f4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/***************************************************
		定义字体
***************************************************/
.FF-CN {
  font-family: "PingFang SC", "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Microsoft Yahei", sans-serif;
}
.FF-EN {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Century Gothic";
}
.FS-22 {
  font-size: 0.44rem;
}
.FS-20 {
  font-size: 0.4rem;
}
.FS-18 {
  font-size: 0.36rem;
}
.FS-16 {
  font-size: 0.32rem;
}
.FS-15 {
  font-size: 0.3rem;
}
.FS-14 {
  font-size: 0.28rem;
}
.FS-13 {
  font-size: 0.26rem;
}
.FS-12 {
  font-size: 0.24rem;
}
.FS-11 {
  font-size: 0.22rem;
}
.FS-10 {
  font-size: 0.2rem;
}
.LH-10 {
  line-height: 1;
}
.LH-15 {
  line-height: 1.5;
}
.LH-20 {
  line-height: 2;
}
.FW-L {
  font-weight: 200;
}
.FW-R {
  font-weight: 400;
}
.FW-B {
  font-weight: 600;
}
.TT-UPPER {
  text-transform: uppercase;
  font-variant: normal;
}
.TT-LOWER {
  text-transform: lowercase;
  font-variant: normal;
}
.TT-SC {
  text-transform: none;
  font-variant: small-caps;
}
/***************************************************
		定义UIKIT
***************************************************/
/***************************************************
		定义复用风格
***************************************************/
.T2P {
  text-indent: -9999em;
}
.TAJ {
  text-align: justify;
  text-justify: inter-ideograph;
}
.FLEX {
  display: flex;
  flex-wrap: wrap;
}
.FLEX > * {
  flex-grow: 0;
  flex-basis: 100%;
}
.FLEX-NOWRAP {
  display: flex;
}
.FLEX-C {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.FLEX-C > * {
  flex-grow: 0;
  flex-basis: 100%;
}
.FLEX-NOWRAP-C {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.MID > *,
.MID:before {
  display: inline-block;
  vertical-align: middle;
}
.MID:before {
  content: "";
  width: 0;
  height: 100%;
}
.ENTER:after {
  content: "\D\A";
  white-space: pre;
}
.PW {
  max-width: 1920px;
  margin: 0 auto;
}
.CON {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 20px;
}
/***************************************************
		CSS初始化
***************************************************/
* {
  box-sizing: border-box;
  line-height: inherit;
  margin: 0;
  padding: 0;
  touch-action: manipulation;
}
html {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 50px;
}
body {
  font-family: "PingFang SC", "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", "Verdana", "Microsoft Yahei", sans-serif;
  font-size: 0.32rem;
  color: #000000;
  background: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
a {
  color: #000000;
  text-decoration: none;
  display: inline-block;
}
a:hover,
a:visited {
  color: #000000;
}
b {
  font-weight: 600;
}
i {
  font-style: normal;
}
input,
textarea,
select {
  background: none;
  border: none;
  outline: none;
  font-variant: normal;
}
input,
textarea,
select {
  width: 100%;
  height: 100%;
  padding: 4px 8px;
}
img {
  pointer-events: none;
}
a {
  -webkit-tap-highlight-color: transparent;
}
a:hover,
a:visited,
a:active,
a:focus {
  text-decoration: none;
}
/***************************************************
		常用CSS
***************************************************/
.txt-mask {
  background: #43c2f5;
  color: #ffffff;
  line-height: 1.3;
  padding: 0 8px;
  margin: 0 3px;
  display: inline-block;
}
.txt-str {
  color: #43c2f5;
}
.img-fluid {
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  display: table;
}
.img-max {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  display: table;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
  text-justify: inter-ideograph;
}
.mt-xl {
  margin-top: 240px !important;
}
.mt-l {
  margin-top: 120px !important;
}
.mt-m {
  margin-top: 80px !important;
}
.mt-s {
  margin-top: 40px !important;
}
.mt-xs {
  margin-top: 20px !important;
}
.mt-xxs {
  margin-top: 10px !important;
}
.mt-xl {
  margin-top: 240px !important;
}
.mt-l {
  margin-top: 120px !important;
}
.mt-m {
  margin-top: 80px !important;
}
.mt-s {
  margin-top: 40px !important;
}
.mt-xs {
  margin-top: 20px !important;
}
.mt-xxs {
  margin-top: 10px !important;
}
.fs-24 {
  font-size: 0.48rem !important;
}
.fs-22 {
  font-size: 0.44rem !important;
}
.fs-20 {
  font-size: 0.4rem !important;
}
.fs-18 {
  font-size: 0.36rem !important;
}
.fs-16 {
  font-size: 0.32rem !important;
}
.fs-15 {
  font-size: 0.3rem !important;
}
.fs-14 {
  font-size: 0.28rem !important;
}
.fs-13 {
  font-size: 0.26rem !important;
}
.fs-12 {
  font-size: 0.24rem !important;
}
.fs-11 {
  font-size: 0.22rem !important;
}
.fs-10 {
  font-size: 0.2rem !important;
}
