/* LESS Document */
/***************************************************
		定义 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';
}
/***************************************************
		PX转REM
***************************************************/
.FS-22 {
  font-size: 0.44rem /* 22/50 */;
}
.FS-20 {
  font-size: 0.4rem /* 20/50 */;
}
.FS-18 {
  font-size: 0.36rem /* 18/50 */;
}
.FS-16 {
  font-size: 0.32rem /* 16/50 */;
}
.FS-15 {
  font-size: 0.3rem /* 15/50 */;
}
.FS-14 {
  font-size: 0.28rem /* 14/50 */;
}
.FS-13 {
  font-size: 0.26rem /* 13/50 */;
}
.FS-12 {
  font-size: 0.24rem /* 12/50 */;
}
.FS-11 {
  font-size: 0.22rem /* 11/50 */;
}
.FS-10 {
  font-size: 0.2rem /* 10/50 */;
}
.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-C {
  display: flex;
  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 /* 16/50 */;
  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;
}
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;
  color: black;
}
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;
}
.hor-l {
  margin: 0;
  margin-right: auto;
}
.hor-r {
  margin: 0;
  margin-left: auto;
}
.txt-l {
  text-align: left;
}
.txt-r {
  text-align: right;
}
.txt-c {
  text-align: center;
}
.txt-j {
  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;
}
.mb-xl {
  margin-bottom: 240px !important;
}
.mb-l {
  margin-bottom: 120px !important;
}
.mb-m {
  margin-bottom: 80px !important;
}
.mb-s {
  margin-bottom: 40px !important;
}
.mb-xs {
  margin-bottom: 20px !important;
}
.mb-xxs {
  margin-bottom: 10px !important;
}
.pd-lr-xl {
  padding: 0 240px !important;
}
.pd-lr-l {
  padding: 0 120px !important;
}
.pd-lr-m {
  padding: 0 80px !important;
}
.pd-lr-s {
  padding: 0 40px !important;
}
.pd-lr-xs {
  padding: 0 20px !important;
}
.pd-lr-xxs {
  padding: 0 10px !important;
}
.pd-tb-xl {
  padding: 240px 0 !important;
}
.pd-tb-l {
  padding: 120px 0 !important;
}
.pd-tb-m {
  padding: 80px 0 !important;
}
.pd-tb-s {
  padding: 40px 0 !important;
}
.pd-tb-xs {
  padding: 20px 0 !important;
}
.pd-tb-xxs {
  padding: 10px 0 !important;
}