/* LESS Document */
/***************************************************
		配色
***************************************************/
/***************************************************
		风格与模块
***************************************************/
html {
  max-width: 100%;
}
body {
  background: #efede3 url(../image/bg.jpg) repeat center;
  color: #151932;
}
a {
  color: #ffff47;
  text-decoration: underline;
}
a:hover,
a:focus {
  color: #bfddf7;
  text-decoration: none;
}
h3 {
  font-size: 0.4rem /* 20/50 */;
  font-weight: 600;
  border-bottom: 2px solid rgba(255, 255, 255, 0.37);
  padding-bottom: 15px;
}
.dropdowns {
  position: relative;
}
.dropdown-menu {
  max-height: 200px;
  overflow: auto;
}
.hint {
  font-size: 0.28rem /* 14/50 */;
  color: #ffff47;
}
.warning {
  font-weight: 600;
  background: #ffd1b0;
  color: #ffffff;
}
.warning2 {
  font-weight: 600;
  color: #ffd1b0;
}
span.mark {
  font-weight: 600;
  border-bottom: 2px dotted #ffd1b0;
  display: inline-block;
}
#about .s1 h2,
#flow .s1 h2,
#flow .s3 h2,
#rewards h2,
#report h2 {
  border-image-slice: 0 76 36 76 fill;
  border-image-width: 0px 76px 36px 76px;
  border-image-repeat: stretch stretch;
  border-image-source: url(../image/title-h2-bg.png);
  height: 34px;
  display: inline-block;
  position: relative;
}
#about .s1 h2 b,
#flow .s1 h2 b,
#flow .s3 h2 b,
#rewards h2 b,
#report h2 b {
  background: url(../image/title-h2-bg-m.png) center / 100% 100%;
  font-size: 0.56rem /* 28/50 */;
  line-height: 1.2 !important;
  text-align: center;
  text-shadow: -3px 0 0 #bfddf7, 0 -3px 0 #bfddf7;
  min-width: 74px;
  height: 100%;
  margin: 0 40px 0 30px;
  padding: 0 20px;
  display: block;
}
#about .s1 h2 span,
#flow .s1 h2 span,
#flow .s3 h2 span,
#rewards h2 span,
#report h2 span {
  font-size: 0.36rem /* 18/50 */;
}
#inner .page {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 20px;
  padding: 0px 20px 60px;
  margin-top: -300px;
}
#index header,
#inner header {
  background: #62a8e3 no-repeat center top;
  background-image: url(../image/banner-bg.jpg);
  overflow: hidden;
  position: relative;
}
#index header .quick-nav,
#inner header .quick-nav {
  background: rgba(0, 0, 0, 0.37);
  border: 1px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.54);
  border-bottom-color: rgba(255, 255, 255, 0.54);
  width: 100%;
}
#index header .quick-nav .content,
#inner header .quick-nav .content {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 20px;
  min-height: 44px;
  padding: 0;
  justify-content: flex-end;
  overflow: hidden;
}
#index header .quick-nav .content > *,
#inner header .quick-nav .content > * {
  flex: auto;
}
#index header .quick-nav ul,
#inner header .quick-nav ul {
  display: flex;
  flex-wrap: wrap;
}
#index header .quick-nav .l,
#inner header .quick-nav .l {
  justify-content: flex-start;
}
#index header .quick-nav .r,
#inner header .quick-nav .r {
  justify-content: flex-end;
}
#index header .quick-nav a,
#inner header .quick-nav a {
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  margin: 0 20px;
}
#index header nav,
#inner header nav {
  height: 120px;
}
#index header nav .menu,
#inner header nav .menu,
#index header nav .logo,
#inner header nav .logo {
  display: none;
}
#index header nav .menu-nav-copy,
#inner header nav .menu-nav-copy {
  display: none;
}
#index header nav ul,
#inner header nav ul {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding: 0;
  justify-content: space-between;
}
#index header nav ul li,
#inner header nav ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#index header nav ul li,
#inner header nav ul li,
#index header nav ul li *,
#inner header nav ul li * {
  transition: all ease-in-out 250ms;
}
#index header nav ul li a,
#inner header nav ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  text-decoration: none;
  padding: 0 20px;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
}
#index header nav ul li b,
#inner header nav ul li b,
#index header nav ul li i,
#inner header nav ul li i {
  color: #ffffff;
}
#index header nav ul li b,
#inner header nav ul li b {
  font-size: 0.4rem /* 20/50 */;
  background: #000000;
  word-break: keep-all;
}
#index header nav ul li i,
#inner header nav ul li i {
  font-family: 'Helvetica Neue', 'Helvetica', 'Hiragino Sans GB', 'Arial', 'Verdana', 'Century Gothic';
  font-size: 0.28rem /* 14/50 */;
  font-weight: 600;
  text-transform: uppercase;
  font-variant: normal;
  margin-top: 5px;
}
#index header nav ul li.seled a,
#inner header nav ul li.seled a,
#index header nav ul li.hover a,
#inner header nav ul li.hover a {
  align-items: center;
}
#index header nav ul li.seled i,
#inner header nav ul li.seled i,
#index header nav ul li.hover i,
#inner header nav ul li.hover i {
  background: #ffd1b0;
  color: #000000;
  text-align: center;
  width: 100%;
  padding: 0 10px;
}
#index header nav ul li.seled a,
#inner header nav ul li.seled a {
  border-left: 3px solid #ffd1b0;
  border-right: 3px solid #ffd1b0;
}
#index header nav ul li.hover,
#inner header nav ul li.hover {
  margin-top: 15px;
}
#index header nav ul li.center,
#inner header nav ul li.center {
  width: 250px;
}
#index header nav ul li.center b,
#inner header nav ul li.center b {
  transform: scale(1.4);
}
#index header nav ul li.center i,
#inner header nav ul li.center i {
  transform: scale(1.2);
}
#index header {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  background-image: url(../image/banner-index.jpg);
  height: 880px;
}
#index header .quick-link {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 38px;
  left: 0;
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#index header .quick-link a {
  width: 164px;
}
#index header .quick-link a > span,
#index header .quick-link a:before,
#index header .quick-link a:after {
  background: #000000;
}
#index header .quick-link a > span {
  color: #ffffff;
}
#index header .enter {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 0 200px;
  flex: 100%;
  justify-content: space-between;
  align-items: flex-end;
}
@keyframes ani-enter {
  0% {
    top: -80px;
    left: 0;
  }
  50% {
    top: -50px;
    left: 5px;
  }
  100% {
    top: -80px;
    left: 0;
  }
}
#index header .enter > div {
  animation: ani-enter infinite linear;
  position: relative;
  top: -80px;
  left: 0;
  transition: all ease-in-out 250ms;
}
#index header .enter > div.vote {
  animation-delay: 250ms;
  animation-duration: 2s;
}
#index header .enter > div.flow {
  animation-delay: 500ms;
  animation-duration: 2.5s;
}
#index header .enter > div:hover {
  transform: scale(0.8) rotate(15deg);
}
#inner header .quick-nav {
  line-height: 1;
}
#inner header nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
#inner header nav > * {
  flex: 0 1 auto;
}
#inner header nav .logo {
  height: 100%;
  display: block;
  flex-basis: 180px;
}
#inner header nav .logo img {
  padding: 5px 0;
  height: 100%;
}
#inner header nav ul {
  max-width: none;
  margin: 0;
  flex-basis: 1010px;
}
#inner header nav ul li.center {
  width: auto;
}
#inner header nav ul li.center b,
#inner header nav ul li.center i {
  transform: none;
}
#inner header .quick-link {
  display: none;
}
#not {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100% !important;
  min-height: 910px;
}
.inner-not {
  background: #151932;
}
.inner-not header,
.inner-not footer {
  background: none !important;
}
.inner-not-report {
  background: url(../image/not-report.jpg) no-repeat center / auto 100%;
}
.inner-not-show {
  background: url(../image/not-show.jpg) no-repeat center / auto 100%;
}
section {
  margin-top: 60px;
}
section h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
section:first-child {
  margin-top: 0 !important;
}
.layer {
  display: none;
  position: relative;
}
.layer-test {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.layer-test a {
  margin: 30px;
}
.layer-open {
  box-shadow: rgba(21, 25, 50, 0.16) -12px 12px 24px !important;
}
.layer-open .layer {
  display: block;
}
.layer-login .input,
.layer-activate-box .input {
  position: relative;
}
.layer-login input,
.layer-activate-box input {
  text-align: left !important;
}
.layer-login .btn-yzm,
.layer-activate-box .btn-yzm {
  position: absolute;
  top: 2px;
  right: 20px;
  bottom: auto;
  left: auto;
  font-size: 0.28rem /* 14/50 */;
  text-decoration: none;
  color: #3098e0;
}
.layer-login .yzm,
.layer-activate-box .yzm {
  margin-top: 5px !important;
}
.layer-activate {
  display: block;
}
.layer-activate-box {
  border-radius: 0 45px;
  box-shadow: rgba(21, 25, 50, 0.16) -12px 12px 24px;
  background: #efede3;
  border: 5px solid #bfddf7;
  max-width: 260px;
  min-height: 400px;
  position: relative;
}
.layer-activate-login,
.layer-activate-vote,
.layer-activate-open {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 20%;
  left: auto;
  transition: all ease-in-out 500ms;
  z-index: 9999;
}
.layer-activate-login,
.layer-activate-vote {
  right: -300px;
  opacity: 0;
  visibility: hidden;
}
.layer-activate-login > *,
.layer-activate-vote > * {
  padding: 10px 15px;
}
.layer-activate-login .content,
.layer-activate-vote .content {
  margin-top: 15px;
}
.layer-activate-login .btn > span,
.layer-activate-vote .btn > span,
.layer-activate-login dt,
.layer-activate-vote dt,
.layer-activate-login input,
.layer-activate-vote input {
  font-size: 0.28rem /* 14/50 */;
}
.layer-activate-login .btn-close,
.layer-activate-vote .btn-close {
  position: absolute;
  top: -15px;
  right: auto;
  bottom: auto;
  left: -15px;
  border-radius: 50px;
  background: white;
  transform: scale(0.8);
}
.layer-activate-login .btn-close:before,
.layer-activate-vote .btn-close:before,
.layer-activate-login .btn-close:after,
.layer-activate-vote .btn-close:after {
  content: '';
  background: #3098e0;
}
.layer-activate-login .btn-close:hover,
.layer-activate-vote .btn-close:hover {
  animation: none;
}
.layer-activate-login .btn-submit > span,
.layer-activate-vote .btn-submit > span {
  font-size: 0.4rem /* 20/50 */;
}
.layer-activate-login .btn-group,
.layer-activate-vote .btn-group {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
  justify-content: space-between;
}
.layer-activate-login .btn-group a,
.layer-activate-vote .btn-group a {
  width: 48%;
  margin-top: 5px;
}
.layer-activate-login .btn-group a > span,
.layer-activate-vote .btn-group a > span {
  padding: 0;
}
.layer-activate-login h2,
.layer-activate-vote h2 {
  font-size: 0.36rem /* 18/50 */;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 5px 0;
}
.layer-activate-login h2,
.layer-activate-vote h2,
.layer-activate-login dt,
.layer-activate-vote dt {
  font-weight: 600;
}
.layer-activate-login p,
.layer-activate-vote p {
  font-size: 0.24rem /* 12/50 */;
  color: rgba(0, 0, 0, 0.64);
  text-transform: uppercase;
  font-variant: normal;
  text-align: center;
  margin: 5px 0;
}
.layer-activate-login dl,
.layer-activate-vote dl {
  margin-bottom: 10px;
}
.layer-activate-login:before,
.layer-activate-vote:before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: rgba(0, 0, 0, 0.5);
  display: block;
}
.layer-activate-login.open,
.layer-activate-vote.open {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.layer-activate-login h2 {
  text-align: center;
}
.layer-activate-vote h2 p {
  font-size: 0.28rem /* 14/50 */;
  font-weight: 400;
  text-align: left;
}
.layer-activate-vote h2 p b {
  color: #ffd1b0;
  display: inline-block;
  padding: 0 5px;
}
.layer-activate-open {
  box-shadow: rgba(21, 25, 50, 0.16) -12px 12px 24px;
  background: #ffffff url(../image/layer-activate-open.png) no-repeat center;
  border-radius: 25px 0 0 25px;
  width: 55px;
  min-height: 400px;
  opacity: 1;
  visibility: visible;
}
.layer-activate-open a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding-left: 10px;
}
.layer-activate-open b {
  font-size: 0.44rem /* 22/50 */;
  color: #000000;
  flex-basis: 0;
}
.layer-activate-open.close {
  right: -100px;
  opacity: 0;
  visibility: hidden;
}
.layer-popup,
.layer-login,
.layer-vote,
.layer-vote-check,
.layer-feedback {
  width: 620px;
}
.layer-popup h2,
.layer-login h2,
.layer-vote h2,
.layer-vote-check h2,
.layer-feedback h2 {
  font-size: 0.4rem /* 20/50 */;
  font-weight: 600;
  text-align: center;
}
.layer-popup h2 p,
.layer-login h2 p,
.layer-vote h2 p,
.layer-vote-check h2 p,
.layer-feedback h2 p {
  font-size: 0.28rem /* 14/50 */;
  margin-top: 15px;
  font-weight: 400;
}
.layer-popup .content,
.layer-login .content,
.layer-vote .content,
.layer-vote-check .content,
.layer-feedback .content {
  text-align: center;
}
.layer-popup dl,
.layer-login dl,
.layer-vote dl,
.layer-vote-check dl,
.layer-feedback dl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.layer-popup dl dt,
.layer-login dl dt,
.layer-vote dl dt,
.layer-vote-check dl dt,
.layer-feedback dl dt {
  font-weight: 600;
}
.layer-popup dl dd,
.layer-login dl dd,
.layer-vote dl dd,
.layer-vote-check dl dd,
.layer-feedback dl dd {
  margin-left: 20px;
}
.layer-popup dl:first-child,
.layer-login dl:first-child,
.layer-vote dl:first-child,
.layer-vote-check dl:first-child,
.layer-feedback dl:first-child {
  margin-top: 0;
}
.layer-popup h2,
.layer-login h2,
.layer-vote h2,
.layer-vote-check h2,
.layer-activate-box h2 {
  line-height: 1.5;
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  padding-bottom: 15px;
}
.layer-popup .content,
.layer-login .content,
.layer-vote .content,
.layer-vote-check .content,
.layer-activate-box .content {
  margin-top: 30px;
}
.layer-popup .btn-close,
.layer-login .btn-close,
.layer-vote .btn-close,
.layer-vote-check .btn-close,
.layer-activate-box .btn-close {
  position: absolute;
  top: -15px;
  right: auto;
  bottom: auto;
  left: -15px;
}
.layer-popup .btn-submit,
.layer-login .btn-submit,
.layer-vote .btn-submit,
.layer-vote-check .btn-submit,
.layer-activate-box .btn-submit {
  margin-top: 30px;
}
.layer-vote-check {
  padding: 50px 30px !important;
}
.layer-vote-check .btn-submit {
  margin-top: 0;
  margin-left: 3%;
}
.layer-vote-check .btn-submit span {
  min-width: 100px;
}
.layer-vote-check .btn-submit:first-child {
  margin-left: 0;
}
.layer-popup p,
.layer-login p {
  color: rgba(0, 0, 0, 0.64);
  font-size: 0.28rem /* 14/50 */;
  color: white;
  margin-top: 10px;
}
.layer-popup p:first-of-type,
.layer-login p:first-of-type {
  margin-top: 30px;
}
.layer-popup .link a,
.layer-login .link a {
  font-weight: 600;
  padding: 0 30px;
}
.layer-popup .link a:first-child,
.layer-login .link a:first-child {
  border-right: 1px solid white;
}
.layer-vote h2,
.layer-vote-check h2 {
  font-weight: 400;
}
.layer-vote h2 b,
.layer-vote-check h2 b {
  color: #ffd1b0;
  padding: 0 5px;
  display: inline-block;
}
.layer-feedback {
  background: url(../image/layer-feedback-bg.png) no-repeat center !important;
  border-image: none !important;
  box-shadow: 0 0 0 1.5px #000000 inset;
  width: 600px;
  height: 252px;
  padding: 0 !important;
  position: relative;
}
.layer-feedback .content {
  float: right;
}
.layer-feedback .content h2,
.layer-feedback .content p {
  width: 100%;
}
.layer-feedback .content h2 {
  color: #ffffff;
  font-size: 0.6rem /* 30/50 */;
}
.layer-feedback .content h2:first-line {
  font-size: 0.8rem /* 40/50 */;
}
.layer-feedback .content p {
  font-size: 0.28rem /* 14/50 */;
  color: rgba(255, 255, 255, 0.64);
}
.layer-feedback .content .l {
  display: none;
}
.layer-feedback .content .r {
  border-radius: 0 60px 0 0;
  background: rgba(21, 25, 50, 0.9);
  height: 252px;
  padding: 32px 10px;
}
.layer-feedback .content .btn {
  background: #ffffff;
  color: #000000;
  margin: 10px 0;
  padding: 0 15px;
}
.layer-feedback,
.layer-feedback:before {
  border-radius: 0 60px;
}
.layer-feedback:before {
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: auto;
  left: auto;
  content: '';
  box-shadow: 0 0 0 1.5px #bfddf7 inset;
  width: 100%;
  height: 100%;
  display: block;
}
.folders {
  border-image-slice: 80 80 80 80 fill;
  border-image-width: 80px 80px 80px 80px;
  border-image-repeat: repeat repeat;
  border-image-source: url(../image/bg-content.png);
  padding: 30px;
  position: relative;
  border-radius: 20px;
  color: white;
}
.tab {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0;
}
.tab,
.tab * {
  text-decoration: none;
  transition: all ease-in-out 250ms;
}
.tab a {
  font-weight: 600;
  border: 2px solid transparent;
  color: white;
  padding: 0 40px;
  height: 40px;
}
.tab .seled {
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: none;
  color: #3098e0;
  display: flex;
  align-items: center;
  padding: 0 40px;
}
.step ol {
  display: flex;
  flex-wrap: wrap;
  background: url(../image/step-bg.png) no-repeat center;
  margin: 30px -20px 0;
  justify-content: space-between;
}
.step ol li {
  min-height: 219px;
  padding-top: 12px;
  flex: 0 25%;
}
.step ol li div {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid transparent;
  position: relative;
  flex-direction: column;
  align-items: center;
}
.step ol li div b {
  font-size: 0.44rem /* 22/50 */;
}
.step ol li div a {
  margin-top: 8px;
}
.step ol li div a span {
  min-width: 80px;
}
.step ol li div:before {
  content: '';
  background: url(../image/step-1.png) no-repeat center / 100% auto;
  width: 60px;
  height: 60px;
}
.step ol li p {
  color: rgba(0, 0, 0, 0.64);
  font-size: 0.28rem /* 14/50 */;
  line-height: 1.5;
  text-align: center;
  margin-top: 20px;
}
.step ol li:nth-child(1) div:before {
  background-image: url(../image/step-1.png);
}
.step ol li:nth-child(2) div:before {
  background-image: url(../image/step-2.png);
}
.step ol li:nth-child(3) div:before {
  background-image: url(../image/step-3.png);
}
.step ol li:nth-child(4) div:before {
  background-image: url(../image/step-4.png);
}
.btn {
  background: #151932;
  color: #ffffff;
  height: 20px;
  display: inline-block;
  position: relative;
  border-image-slice: 23 75 24 30 fill;
  border-image-width: 23px 75px 24px 30px;
  border-image-repeat: repeat repeat;
  border-image-source: url('../image/btn.png');
  background-color: transparent;
  transition: all 0.15s linear;
}
.btn,
.btn * {
  text-decoration: none;
}
.btn > span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 75px 0 25px;
  color: black;
  font-weight: bold;
}
.btn-ani {
  animation: btn-ani infinite 500ms;
}
.btn:hover {
  transform: translate(0px, 2px);
}
.btn-h20,
.btn-h22 {
  height: 22px;
}
.btn-h20 > span,
.btn-h22 > span {
  color: #ffffff;
}
.btn-h30 {
  height: 47px;
}
.btn-h45 {
  height: 46px;
}
.btn-h45 > span {
  font-size: 0.4rem /* 20/50 */;
  font-weight: 600;
}
.btn-sub,
.btn-sub:hover,
.btn-sub:focus {
  background: #bfddf7;
  color: #000000;
}
.btn-block {
  width: 100% !important;
  margin: 0 auto;
}
.btn-select {
  box-shadow: none;
}
.btn-select > span {
  padding-right: 15px;
  padding-left: 25px;
}
.btn-select > span:after {
  content: '';
  border: 6px solid transparent;
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  width: 0;
  height: 0;
  margin: 10px;
  display: block;
  transform: rotate(135deg);
  position: relative;
  top: -4px;
  right: auto;
  bottom: auto;
  left: auto;
}
.btn-upimg:before,
.btn-close:before,
.btn-upimg:after,
.btn-close:after {
  position: absolute;
  top: 50%;
  right: 50%;
  bottom: auto;
  left: auto;
  content: '';
  background: #000000;
  mask: none;
  -webkit-mask: none;
  width: 20px;
  height: 2px;
  margin: -1px -10px 0;
}
.btn-upimg {
  background: #bfddf7;
  width: 50px;
  height: 50px;
  border-image: none;
}
.btn-upimg:hover {
  animation: none;
}
.btn-upimg:after {
  transform: rotate(90deg);
}
.btn-upimg span {
  text-indent: -9999em;
  margin: 0;
  padding: 0;
}
.btn-close {
  border-radius: 50px;
  background: white;
  width: 40px;
  height: 40px;
  position: relative;
  z-index: 999;
}
.btn-close:before,
.btn-close:after {
  background: #3098e0;
  width: 30px;
  margin-right: -15px;
}
.btn-close:before {
  transform: rotate(45deg);
}
.btn-close:after {
  transform: rotate(-45deg);
}
.btn-close span {
  text-indent: -9999em;
  margin: 0;
  padding: 0;
}
.btn-logout {
  cursor: pointer;
  font-size: 15px;
  text-decoration: underline;
}
@keyframes btn-ani {
  0% {
    transform: translate(0px, 2px);
  }
  100% {
    transform: translate(0px, 0);
  }
}
@keyframes btn-ani {
  0% {
    transform: translate(0px, 2px);
  }
  100% {
    transform: translate(0px, 0);
  }
}
.input,
.select,
.textarea {
  background: #ffffff;
  padding: 0 10px;
  border-radius: 3px;
}
.input > input {
  text-align: center;
}
.input-box {
  background: rgba(21, 25, 50, 0.12);
  margin: 30px 10%;
  padding: 30px;
}
.input-box dl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.input-box dl:first-child {
  margin-top: 0;
}
.input-box dt {
  font-weight: 600;
  text-align: right;
  min-width: 100px;
}
.input-box dd {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  margin-left: 20px;
  padding-left: 20px;
  flex-grow: 1;
}
.select {
  color: rgba(0, 0, 0, 0.57);
}
.select option {
  color: #000000;
}
.select option:first-child {
  color: rgba(0, 0, 0, 0.57);
}
.select optgroup {
  color: rgba(0, 0, 0, 0.64);
  font-size: 0.28rem /* 14/50 */;
  font-weight: 400;
}
.select.snh,
.select.bej,
.select.gnz,
.select.idft {
  border-color: transparent;
  color: #ffffff;
}
.select.snh .s2,
.select.bej .s2,
.select.gnz .s2,
.select.idft .s2 {
  color: #53b8ff;
}
.select.snh .n2,
.select.bej .n2,
.select.gnz .n2,
.select.idft .n2 {
  color: #bd9cc6;
}
.select.snh .h2,
.select.bej .h2,
.select.gnz .h2,
.select.idft .h2 {
  color: #f8a722;
}
.select.snh .x,
.select.bej .x,
.select.gnz .x,
.select.idft .x {
  color: #a6ce28;
}
.select.snh .b,
.select.bej .b,
.select.gnz .b,
.select.idft .b {
  color: #e6356c;
}
.select.snh .e,
.select.bej .e,
.select.gnz .e,
.select.idft .e {
  color: #24b7b5;
}
.select.snh .j,
.select.bej .j,
.select.gnz .j,
.select.idft .j {
  color: #006ab7;
}
.select.snh .g,
.select.bej .g,
.select.gnz .g,
.select.idft .g {
  color: #abca11;
}
.select.snh .n3,
.select.bej .n3,
.select.gnz .n3,
.select.idft .n3 {
  color: #f4d020;
}
.select.snh .z,
.select.bej .z,
.select.gnz .z,
.select.idft .z {
  color: #ea627b;
}
.select.snh .c,
.select.bej .c,
.select.gnz .c,
.select.idft .c {
  color: #ffba07;
}
.select.snh .k,
.select.bej .k,
.select.gnz .k,
.select.idft .k {
  color: #ff5043;
}
.select.snh .c2,
.select.bej .c2,
.select.gnz .c2,
.select.idft .c2 {
  color: #e60000;
}
.select.snh .g2,
.select.bej .g2,
.select.gnz .g2,
.select.idft .g2 {
  color: #01559b;
}
.select.snh .idft,
.select.bej .idft,
.select.gnz .idft,
.select.idft .idft {
  color: #b4006e;
}
.select.snh {
  background: #43c2f5;
}
.select.bej {
  background: #f84972;
}
.select.gnz {
  background: #91c63e;
}
.select.idft {
  background: #b4006e;
}
textarea {
  min-height: 100px;
}
.dropdowns,
.dropdowns * {
  text-decoration: none;
}
.dropdowns li {
  padding: 5px 0;
}
.dropdowns.snh > a,
.dropdowns.bej > a,
.dropdowns.gnz > a,
.dropdowns.ckg > a,
.dropdowns.idft > a {
  background: #ffffff;
}
.dropdowns.snh .dropdown-menu li a,
.dropdowns.bej .dropdown-menu li a,
.dropdowns.gnz .dropdown-menu li a,
.dropdowns.ckg .dropdown-menu li a,
.dropdowns.idft .dropdown-menu li a {
  color: #ffffff;
}
.dropdowns.snh > a {
  box-shadow: 1px 2px #43c2f5;
  color: #43c2f5;
}
.dropdowns.snh > a > span:after {
  border-top-color: #43c2f5;
  border-right-color: #43c2f5;
}
.dropdowns.bej > a {
  box-shadow: 1px 2px #f84972;
  color: #f84972;
}
.dropdowns.bej > a > span:after {
  border-top-color: #f84972;
  border-right-color: #f84972;
}
.dropdowns.gnz > a {
  box-shadow: 1px 2px #91c63e;
  color: #91c63e;
}
.dropdowns.gnz > a > span:after {
  border-top-color: #91c63e;
  border-right-color: #91c63e;
}
.dropdowns.ckg > a {
  box-shadow: 1px 2px #c7821b;
  color: #c7821b;
}
.dropdowns.ckg > a > span:after {
  border-top-color: #c7821b;
  border-right-color: #c7821b;
}
.dropdowns.idft > a {
  box-shadow: 1px 2px #b4006e;
  color: #b4006e;
}
.dropdowns.idft > a > span:after {
  border-top-color: #b4006e;
  border-right-color: #b4006e;
}
.dropdowns .dropdown-menu .group {
  background: #43c2f5;
}
.dropdowns .dropdown-menu .group a:hover {
  color: #43c2f5;
}
.dropdowns .dropdown-menu .s2,
.dropdowns .dropdown-menu .snh-def,
.dropdowns .dropdown-menu li[class~='S预备生'] {
  background: #53b8ff;
}
.dropdowns .dropdown-menu .s2 a:hover,
.dropdowns .dropdown-menu .snh-def a:hover,
.dropdowns .dropdown-menu li[class~='S预备生'] a:hover {
  color: #53b8ff;
}
.dropdowns .dropdown-menu .n2 {
  background: #bd9cc6;
}
.dropdowns .dropdown-menu .n2 a:hover {
  color: #53b8ff;
}
.dropdowns .dropdown-menu .h2 {
  background: #f8a722;
}
.dropdowns .dropdown-menu .h2 a:hover {
  color: #53b8ff;
}
.dropdowns .dropdown-menu .x {
  background: #a6ce28;
}
.dropdowns .dropdown-menu .x a:hover {
  color: #53b8ff;
}
.dropdowns .dropdown-menu .b,
.dropdowns .dropdown-menu .bej-def,
.dropdowns .dropdown-menu .BEJ48,
.dropdowns .dropdown-menu .bej {
  background: #e6356c;
}
.dropdowns .dropdown-menu .b a:hover,
.dropdowns .dropdown-menu .bej-def a:hover,
.dropdowns .dropdown-menu .BEJ48 a:hover,
.dropdowns .dropdown-menu .bej a:hover {
  color: #e6356c;
}
.dropdowns .dropdown-menu .e {
  background: #24b7b5;
}
.dropdowns .dropdown-menu .e a:hover {
  color: #24b7b5;
}
.dropdowns .dropdown-menu .j {
  background: #006ab7;
}
.dropdowns .dropdown-menu .j a:hover {
  color: #006ab7;
}
.dropdowns .dropdown-menu .g,
.dropdowns .dropdown-menu .gnz-def,
.dropdowns .dropdown-menu li[class~='G预备生'] {
  background: #abca11;
}
.dropdowns .dropdown-menu .g a:hover,
.dropdowns .dropdown-menu .gnz-def a:hover,
.dropdowns .dropdown-menu li[class~='G预备生'] a:hover {
  color: #abca11;
}
.dropdowns .dropdown-menu .n3 {
  background: #f4d020;
}
.dropdowns .dropdown-menu .n3 a:hover {
  color: #f4d020;
}
.dropdowns .dropdown-menu .z {
  background: #ea627b;
}
.dropdowns .dropdown-menu .z a:hover {
  color: #ea627b;
}
.dropdowns .dropdown-menu .c,
.dropdowns .dropdown-menu .ckg,
.dropdowns .dropdown-menu .CKG48 {
  background: #ffba07;
}
.dropdowns .dropdown-menu .c a:hover,
.dropdowns .dropdown-menu .ckg a:hover,
.dropdowns .dropdown-menu .CKG48 a:hover {
  color: #ffba07;
}
.dropdowns .dropdown-menu .k {
  background: #ff5043;
}
.dropdowns .dropdown-menu .k a:hover {
  color: #ff5043;
}
.dropdowns .dropdown-menu .idft {
  background: #b4006e;
}
.dropdowns .dropdown-menu .idft a:hover {
  color: #b4006e;
}
.list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.list li {
  list-style: none;
  text-align: center;
  width: 150px;
  margin: 40px 10px 0;
}
.list li .pinyin,
.list li .team {
  font-size: 0.24rem /* 12/50 */;
  color: rgba(0, 0, 0, 0.57);
  line-height: 1.2;
}
.list li .team {
  text-transform: uppercase;
  font-variant: normal;
  display: inline-block;
}
.list li .btn {
  box-shadow: none;
  margin-top: 5px;
}
.list li .photo {
  border: 1px solid #151932;
  line-height: 0;
}
.list li .photo img {
  width: 100%;
}
.list li p,
.list li .btn {
  width: 90%;
}
.list li p {
  border-bottom: 1px solid #151932;
  line-height: 1.2;
  margin-top: 15px;
  display: inline-block;
}
.list li p .name {
  font-size: 0.36rem /* 18/50 */;
  display: block;
}
.list li.s2 .btn > span,
.list li.n2 .btn > span,
.list li.h2 .btn > span,
.list li.x .btn > span,
.list li.snh-def .btn > span,
.list li.snh-wfb .btn > span,
.list li.b .btn > span,
.list li.e .btn > span,
.list li.j .btn > span,
.list li.bej-def .btn > span,
.list li.bej-wfb .btn > span,
.list li.g .btn > span,
.list li.n3 .btn > span,
.list li.z .btn > span,
.list li.gnz-def .btn > span,
.list li.gnz-wfb .btn > span,
.list li.ckg .btn > span,
.list li.k .btn > span,
.list li.idft .btn > span {
  color: #ffffff;
}
.list li.s2 .photo,
.list li.snh-def .photo,
.list li.snh-wfb .photo,
.list li[class~='S预备生'] .photo {
  border-color: #53b8ff;
}
.list li.s2 p,
.list li.snh-def p,
.list li.snh-wfb p,
.list li[class~='S预备生'] p {
  border-bottom-color: #53b8ff;
}
.list li.s2 .btn,
.list li.snh-def .btn,
.list li.snh-wfb .btn,
.list li[class~='S预备生'] .btn {
  background: #53b8ff;
}
.list li.n2 .photo {
  border-color: #bd9cc6;
}
.list li.n2 p {
  border-bottom-color: #bd9cc6;
}
.list li.n2 .btn {
  background: #bd9cc6;
}
.list li.h2 .photo {
  border-color: #f8a722;
}
.list li.h2 p {
  border-bottom-color: #f8a722;
}
.list li.h2 .btn {
  background: #f8a722;
}
.list li.x .photo {
  border-color: #a6ce28;
}
.list li.x p {
  border-bottom-color: #a6ce28;
}
.list li.x .btn {
  background: #a6ce28;
}
.list li.b .photo,
.list li.bej-def .photo,
.list li.bej-wfb .photo,
.list li.BEJ48 .photo,
.list li.bej .photo {
  border-color: #e6356c;
}
.list li.b p,
.list li.bej-def p,
.list li.bej-wfb p,
.list li.BEJ48 p,
.list li.bej p {
  border-bottom-color: #e6356c;
}
.list li.b .btn,
.list li.bej-def .btn,
.list li.bej-wfb .btn,
.list li.BEJ48 .btn,
.list li.bej .btn {
  background: #e6356c;
}
.list li.e .photo {
  border-color: #24b7b5;
}
.list li.e p {
  border-bottom-color: #24b7b5;
}
.list li.e .btn {
  background: #24b7b5;
}
.list li.j .photo {
  border-color: #006ab7;
}
.list li.j p {
  border-bottom-color: #006ab7;
}
.list li.j .btn {
  background: #006ab7;
}
.list li.g .photo,
.list li.gnz-def .photo,
.list li.gnz-wfb .photo,
.list li[class~='G预备生'] .photo {
  border-color: #abca11;
}
.list li.g p,
.list li.gnz-def p,
.list li.gnz-wfb p,
.list li[class~='G预备生'] p {
  border-bottom-color: #abca11;
}
.list li.g .btn,
.list li.gnz-def .btn,
.list li.gnz-wfb .btn,
.list li[class~='G预备生'] .btn {
  background: #abca11;
}
.list li.n3 .photo {
  border-color: #f4d020;
}
.list li.n3 p {
  border-bottom-color: #f4d020;
}
.list li.n3 .btn {
  background: #f4d020;
}
.list li.z .photo {
  border-color: #ea627b;
}
.list li.z p {
  border-bottom-color: #ea627b;
}
.list li.z .btn {
  background: #ea627b;
}
.list li.ckg .photo {
  border-color: #ffba07;
}
.list li.ckg p {
  border-bottom-color: #ffba07;
}
.list li.ckg .btn {
  background: #ffba07;
}
.list li.k .photo {
  border-color: #ff5043;
}
.list li.k p {
  border-bottom-color: #ff5043;
}
.list li.k .btn {
  background: #ff5043;
}
.list li.idft .photo {
  border-color: #b4006e;
}
.list li.idft p {
  border-bottom-color: #b4006e;
}
.list li.idft .btn {
  background: #b4006e;
}
.search {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-end;
}
.search > a {
  margin-left: 10px;
}
.search > a span {
  color: #3098e0;
  padding: 0 35px;
}
.search .input {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.table {
  width: 100%;
}
.table b {
  color: #ffff47;
}
.table th,
.table td {
  text-align: center;
}
.table thead tr {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
  height: 40px;
}
.table tbody tr {
  background: rgba(255, 255, 255, 0.25);
  height: 50px;
}
.table tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.12);
}
.view-detail {
  position: relative;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.view-detail-hide {
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 10px;
}
.view-detail-open {
  max-height: 1000px;
  visibility: visible;
  opacity: 1;
}
.pic-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pic-list li {
  line-height: 0;
  padding: 5px;
}
.pic-list img {
  border-radius: 25px 0;
  height: 180px;
}
.pic-list-remark {
  text-align: center;
  margin-top: 10px !important;
}
.pic-list-area {
  display: flex;
  align-items: center;
}
.pic-list-area .pic-list {
  flex: 0 50%;
  position: relative;
}
.pic-list-area .pic-list:after {
  position: absolute;
  top: 20%;
  right: 0;
  bottom: 20%;
  left: auto;
  content: '';
  background: rgba(0, 0, 0, 0.16);
  width: 1px;
  display: block;
}
.pic-list-area .pic-list:first-child:before {
  position: absolute;
  top: 20%;
  right: auto;
  bottom: 20%;
  left: 0;
  content: '';
  background: rgba(0, 0, 0, 0.16);
  width: 1px;
  display: block;
}
.pic-list-s img {
  height: 118px;
}
.pic-list-l img {
  height: 250px;
}
.page-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-container * {
  border-radius: 99em !important;
  border: none !important;
  background: transparent !important;
}
.page-container-prev,
.page-container-next,
.page-container-cell {
  font-weight: 600;
  background: #bfddf7 !important;
}
.page-container-cell:hover {
  color: #ffd1b0 !important;
}
.page-container-checked {
  background: #151932 !important;
  color: #ffffff !important;
}
footer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.64);
  font-size: 0.28rem /* 14/50 */;
  background: #3098e0;
  color: #ffffff;
  height: 50px;
}
/***************************************************
		index.html
***************************************************/
#index .page {
  padding: 60px 0;
}
#index .page > div {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 20px;
  margin-top: 60px;
}
#index .page > div .container {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 20px;
}
#index .page > div .container-fluid {
  max-width: 100%;
}
#index .page .rewards,
#index .page .ep {
  max-width: 100%;
  padding: 0;
}
#index .page .rewards {
  margin-top: 0;
}
#index .page .step h1 {
  text-align: center;
}
#index .rewards dl {
  margin: 60px -20px 0;
  display: flex;
  align-items: center;
}
#index .rewards dl.great dt {
  margin: 50px -150px 0 0;
  position: relative;
  z-index: 2;
}
#index .rewards dl.great p {
  margin-top: 30px;
}
#index .rewards dl.great .img {
  position: relative;
}
#index .rewards dl.great .img:before {
  position: absolute;
  top: 0;
  right: 75%;
  bottom: 0;
  left: 0;
  background: linear-gradient(145deg, #fff3fe, transparent);
  content: '';
  display: block;
}
#index .rewards dl.great-repeat {
  flex: 100% !important;
}
#index .rewards dl.great-repeat dd:first-of-type {
  overflow: hidden;
}
#index .rewards dl.great-repeat p:first-of-type {
  margin-top: 0;
}
#index .rewards dl.great-repeat .img-report {
  border-radius: 50px 0;
  line-height: 0;
  margin-right: 50px;
  float: left;
  overflow: hidden;
}
#index .rewards dl.great-repeat img {
  width: 100%;
}
#index .rewards dl.film-other {
  margin-top: 30px;
}
#index .rewards dl.mv,
#index .rewards dl.film,
#index .rewards dl.zy {
  margin-top: 0;
  flex-wrap: wrap;
}
#index .rewards dl.mv dt,
#index .rewards dl.film dt,
#index .rewards dl.zy dt {
  flex: 100%;
}
#index .rewards dl.mv dd,
#index .rewards dl.film dd,
#index .rewards dl.zy dd {
  flex: 1;
}
#index .rewards dl.mv dd.img,
#index .rewards dl.film dd.img,
#index .rewards dl.zy dd.img {
  flex: 0 1 auto;
}
#index .rewards dl.film h2,
#index .rewards dl.zy h2 {
  text-align: center;
}
#index .rewards dl p {
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.5;
  margin-top: 10px;
  word-break: break-all;
}
#index .rewards dl p b {
  font-size: 0.4rem /* 20/50 */;
}
#index .rewards dl p:first-child {
  margin-top: 0;
}
#index .rewards dl dt,
#index .rewards dl dd {
  margin: 10px 20px;
}
#index .rewards dl:first-child {
  margin-top: 0;
  align-items: flex-start;
}
#index .rewards .rank {
  margin-top: 80px;
  flex-wrap: wrap;
}
#index .rewards .rank dd {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 100%;
}
#index .rewards .rank dd div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: no-repeat center;
  text-align: center;
  height: 140px;
  margin-top: 0;
  align-content: center;
  flex: 1;
  flex-wrap: wrap;
}
#index .rewards .rank dd div b,
#index .rewards .rank dd div i {
  flex: 100%;
}
#index .rewards .rank dd div b {
  font-family: 'Helvetica Neue', 'Helvetica', 'Hiragino Sans GB', 'Arial', 'Verdana', 'Century Gothic';
  font-size: 1rem /* 50/50 */;
  margin-top: 28px;
}
#index .rewards .rank dd .btn {
  margin-top: 10px;
}
#index .rewards .more {
  justify-content: center;
  margin-top: 30px;
}
#index .rewards .container-fluid {
  background: #151932 url(../image/banner-bg.jpg) no-repeat center top;
  margin: 80px 0px;
  padding: 45px 0;
}
#index .rewards .container-fluid dl {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 20px;
  color: #ffffff;
  align-items: center;
  justify-content: center;
}
#index .rewards .container-fluid dl dd {
  flex-basis: 65%;
}
#index .rewards .container-fluid dl:nth-child(even) dt {
  order: 1;
}
#index .ep {
  background: #151932 url(../image/banner-bg.jpg) no-repeat center top;
  padding: 25px 0 !important;
}
#index .ep > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#index .ep > div h1 {
  display: none;
}
#index .ep > div dl {
  padding: 20px 0;
  flex: 0 1 25%;
}
#index .ep > div dl dt,
#index .ep > div dl dd {
  text-align: center;
}
#index .ep > div dl dt {
  width: 230px;
  margin: 0 auto;
  position: relative;
}
#index .ep > div dl dt img {
  width: 100%;
}
#index .ep > div dl dt i {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: -20px;
  font-size: 0.28rem /* 14/50 */;
  background: #ffd1b0;
  color: #000000;
  padding: 2px 10px;
  display: block;
}
#index .ep > div dl dt i:before {
  position: absolute;
  top: 100%;
  right: 0;
  bottom: auto;
  left: auto;
  content: '';
  border: 5px solid transparent;
  border-top-color: #ffd1b0;
  border-right-color: #ffd1b0;
  width: 0;
  height: 0;
  display: block;
}
#index .ep > div dl dd {
  color: #ffffff;
  margin-top: 15px;
}
#index .ep > div dl dd b {
  font-size: 0.52rem /* 26/50 */;
}
#index .ep > div dl dd .btn {
  background: #ffffff;
  margin-left: 15px;
}
#index .ep > div dl dd .btn > span {
  color: #000000;
}
#index .members .toolsbar {
  margin-top: -50px;
  position: relative;
}
#index .members .toolsbar .container {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  justify-content: flex-end;
}
#index .members .toolsbar .container > div {
  margin-left: 10px;
}
#index .members .toolsbar .container .search {
  display: none;
}
#index .members .list {
  justify-content: space-between;
}
/***************************************************
		激活投票权
***************************************************/
#activate .hint {
  margin-top: 10px;
}
#activate .mem .content {
  padding: 30px 60px;
}
#activate .mem .content > div {
  margin-top: 30px;
}
#activate .mem .content > div:first-child {
  margin-top: 0;
}
#activate .mem .content > .info {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
#activate .mem .content > .info > div {
  width: 50%;
  padding: 0 20px;
}
#activate .mem .content > .info > div > div {
  margin-top: 20px;
}
#activate .mem .content > .info i {
  font-size: 0.28rem /* 14/50 */;
}
#activate .mem .content > .info b {
  font-size: 0.4rem /* 20/50 */;
  color: #ffd1b0;
  margin: 0 5px;
  display: inline-block;
}
#activate .mem .content > .info dl {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.25);
  height: 55px;
}
#activate .mem .content > .info dl dt {
  font-size: 0.4rem /* 20/50 */;
  font-weight: 600;
  border-right: 1px solid white;
  margin-right: 20px;
  padding-right: 20px;
}
#activate .mem .content > .enter,
#activate .mem .content > .exit {
  text-align: center;
}
#activate .mem .content > .enter b,
#activate .mem .content > .exit b {
  color: #ffd1b0;
  padding: 0 5px;
  display: inline-block;
}
#activate .mem .content > .enter a,
#activate .mem .content > .exit a {
  margin-top: 10px;
}
#activate .mem .content > .enter {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 30px;
}
#activate .mem .content > .enter .btn {
  margin: 0 5px;
}
#activate .mem .content > .enter .btn img {
  margin-right: 10px;
}
#activate .mem .content > .intro {
  font-size: 0.28rem /* 14/50 */;
  line-height: 1.5;
}
#activate .mem .content > .intro ol {
  list-style: inside decimal;
  margin: 10px 0;
}
#activate .mem .content > .voted h3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#activate .mem .content > .voted h3 a > span {
  font-weight: 400;
  font-size: initial;
}
#activate .mem .content > .voted li {
  margin-top: 20px;
}
#activate .mem .content > .voted li p {
  border: none;
}
#activate .mem .content > .voted li span {
  font-weight: 600;
  color: #ffd1b0;
  padding: 0 5px;
  display: inline-block;
}
#activate .mem .content > .voted .btn {
  margin-top: 10px;
}
#activate .mem .content > .data {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
#activate .mem .content > .data .tab {
  padding-top: 20px;
  justify-content: center;
}
#activate .mem .content > .data .tab-content li.swiper-slide {
  padding: 20px;
}
#activate .mem .content > .data .tab-content .search {
  margin-bottom: 10px;
  align-items: center;
}
#activate .mem .content > .data .tab-content .search b {
  margin-right: 20px;
}
#activate .mem .content > .data .tab-content .search .input {
  min-width: 30%;
  height: 30px;
}
#activate .mem .content > .data .tab-content .page-container {
  margin-top: 20px;
}
#activate .mem .content > .data .tab-content .view-btn span {
  min-width: 90px;
}
#activate .mem .content > .data .tab-content .view-detail {
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.2rem /* 10/50 */;
  background: rgba(191, 221, 247, 0.37);
  margin-top: 10px;
  justify-content: center;
}
#activate .mem .content > .data .tab-content .view-detail .l {
  min-width: 35%;
  margin-right: 40px;
}
#activate .mem .content > .data .tab-content .view-detail .r dd {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
#activate .mem .content > .data .tab-content .view-detail .r a {
  margin-right: 10px;
}
#activate .mem .content > .data .tab-content .view-detail .a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
}
#activate .mem .content > .data .tab-content .view-detail dl {
  margin-top: 10px;
}
#activate .mem .content > .data .tab-content .view-detail dl:first-child {
  margin-top: 0;
}
#activate .mem .content > .data .tab-content .view-detail dt {
  font-weight: 600;
}
#activate .mem .content > .data .tab-content .view-detail-open {
  padding: 30px 0;
}
#activate .mem .content > .data .tab-content .feed {
  margin-top: 30px;
}
#activate .mem .content > .data .tab-content .feed .title {
  text-align: center;
  margin-bottom: 15px;
}
#activate .mem .content > .data .tab-content .feed .info {
  font-size: 0.28rem /* 14/50 */;
  background: rgba(255, 255, 255, 0.25);
  padding: 10px 20px;
}
#activate .mem .content > .data .tab-content .feed .swiper-container {
  margin-top: 20px;
  --swiper-navigation-color: #bfddf7;
  --swiper-navigation-size: 30px;
}
#activate .mem .content > .data .tab-content .feed .swiper-container ul li {
  width: auto !important;
  padding: 0 100px;
  position: relative;
}
#activate .mem .content > .data .tab-content .feed .swiper-container ul li > * {
  text-align: center;
  display: block;
}
#activate .mem .content > .data .tab-content .feed .swiper-container ul li span {
  font-size: 0.28rem /* 14/50 */;
  display: block;
}
#activate .mem .content > .data .tab-content .feed .swiper-container ul li i {
  margin-top: 40px;
}
#activate .mem .content > .data .tab-content .feed .swiper-container ul li:before {
  position: absolute;
  top: 35px;
  right: 50%;
  bottom: auto;
  left: auto;
  border-radius: 99em;
  content: '';
  background: #ffff47;
  width: 10px;
  height: 10px;
  margin-right: -5px;
  display: block;
}
#activate .mem .content > .data .tab-content .feed .swiper-container .swiper-button-prev,
#activate .mem .content > .data .tab-content .feed .swiper-container .swiper-button-next {
  color: #fff !important;
  margin-top: -25px;
}
#activate .mem .content > .data .tab-content .feed .swiper-container:before {
  position: absolute;
  top: 40px;
  right: 5%;
  bottom: auto;
  left: auto;
  content: '';
  background: #bfddf7;
  width: 90%;
  height: 1px;
}
#activate .mem .content > .exit .btn {
  color: #000000;
}
#activate .non .input-box {
  z-index: auto;
}
#activate .non .content {
  text-align: center;
}
#activate .non .content .info .input {
  width: 65%;
}
#activate .non .content .info .member dd {
  display: flex;
  flex-wrap: wrap;
}
#activate .non .content .info .member dd > * {
  margin-right: 10px;
}
#activate .non .content .info .member dd select {
  align-items: flex-end;
}
#activate .non .content b {
  color: #ffd1b0;
}
#activate .non .content p {
  font-size: 0.28rem /* 14/50 */;
  margin-top: 10px;
}
#activate .non .content p:first-child {
  font-size: 0.32rem /* 16/50 */;
}
/***************************************************
		成员列表与详情
***************************************************/
#members .toolsbar,
#member-detail .toolsbar {
  border-bottom: 2px solid #000000;
  padding-bottom: 20px;
  transition: all ease-in-out 250ms;
}
#members .toolsbar .container,
#member-detail .toolsbar .container {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
}
#members .toolsbar .container > *,
#member-detail .toolsbar .container > * {
  margin-left: 10px;
}
#members .toolsbar .container > *:first-child,
#member-detail .toolsbar .container > *:first-child {
  margin-left: 0;
}
#members .toolsbar .container .flow,
#member-detail .toolsbar .container .flow {
  display: none;
}
#members .toolsbar.fixed,
#member-detail .toolsbar.fixed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  background: rgba(255, 255, 255, 0.87);
  border-bottom: 3px solid rgba(255, 209, 176, 0.37);
  padding-top: 20px;
  z-index: 9999;
}
#members .mark {
  text-align: center;
  padding: 0 20px 30px;
}
#members .content h2 {
  line-height: 1;
  text-align: center;
  margin-top: 40px;
  position: relative;
}
#members .content h2 b {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  text-transform: uppercase;
  font-variant: normal;
  background: #efede3;
  font-size: 0.56rem /* 28/50 */;
  width: 40%;
  height: 100%;
  margin: 0 auto;
  display: block;
}
#members .content h2:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: #000000;
  display: block;
  mask: url(../image/title-bg.png) repeat center;
  -webkit-mask: url(../image/title-bg.png) repeat center;
}
#members .content h2.s2 b,
#members .content h2.snh-def b,
#members .content h2.snh-wfb b,
#members .content h2[class~='S预备生'] b {
  color: #53b8ff;
}
#members .content h2.s2:before,
#members .content h2.snh-def:before,
#members .content h2.snh-wfb:before,
#members .content h2[class~='S预备生']:before {
  background: #53b8ff;
}
#members .content h2.n2 b {
  color: #bd9cc6;
}
#members .content h2.n2:before {
  background: #bd9cc6;
}
#members .content h2.h2 b {
  color: #f8a722;
}
#members .content h2.h2:before {
  background: #f8a722;
}
#members .content h2.x b {
  color: #a6ce28;
}
#members .content h2.x:before {
  background: #a6ce28;
}
#members .content h2.b b,
#members .content h2.bej-def b,
#members .content h2.bej-wfb b,
#members .content h2.BEJ48 b,
#members .content h2.bej b {
  color: #e6356c;
}
#members .content h2.b:before,
#members .content h2.bej-def:before,
#members .content h2.bej-wfb:before,
#members .content h2.BEJ48:before,
#members .content h2.bej:before {
  background: #e6356c;
}
#members .content h2.e b {
  color: #24b7b5;
}
#members .content h2.e:before {
  background: #24b7b5;
}
#members .content h2.j b {
  color: #006ab7;
}
#members .content h2.j:before {
  background: #006ab7;
}
#members .content h2.g b,
#members .content h2.gnz-def b,
#members .content h2.gnz-wfb b,
#members .content h2[class~='G预备生'] b {
  color: #abca11;
}
#members .content h2.g:before,
#members .content h2.gnz-def:before,
#members .content h2.gnz-wfb:before,
#members .content h2[class~='G预备生']:before {
  background: #abca11;
}
#members .content h2.n3 b {
  color: #f4d020;
}
#members .content h2.n3:before {
  background: #f4d020;
}
#members .content h2.z b {
  color: #ea627b;
}
#members .content h2.z:before {
  background: #ea627b;
}
#members .content h2.ckg b {
  color: #ffba07;
}
#members .content h2.ckg:before {
  background: #ffba07;
}
#members .content h2.k b {
  color: #ff5043;
}
#members .content h2.k:before {
  background: #ff5043;
}
#members .content h2.idft b {
  color: #b4006e;
}
#members .content h2.idft:before {
  background: #b4006e;
}
#member-detail .content > * {
  margin-top: 40px;
}
#member-detail .content .intro {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
}
#member-detail .content .intro h2 {
  border-bottom: 1px solid #151932;
  padding-bottom: 10px;
}
#member-detail .content .intro h2 b {
  font-size: 0.64rem /* 32/50 */;
}
#member-detail .content .intro h2 i {
  margin-left: 15px;
}
#member-detail .content .intro .photo {
  border: 1px solid #151932;
  width: 250px;
}
#member-detail .content .intro .photo img {
  width: 100%;
}
#member-detail .content .intro .info {
  margin-left: 40px;
  flex-grow: 1;
}
#member-detail .content .intro .info dl {
  margin-top: 5px;
}
#member-detail .content .intro .info dl > * {
  display: inline-block;
}
#member-detail .content .intro .info dl dt {
  width: 100px;
}
#member-detail .content .intro .info dl dd {
  color: rgba(0, 0, 0, 0.64);
}
#member-detail .content .intro .info dl:first-of-type {
  margin-top: 20px;
}
#member-detail .content .intro .info a {
  margin-top: 20px;
}
#member-detail .content .intro:before {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  content: '';
  background: no-repeat center / auto 100%;
  width: 406px;
  height: 305px;
  display: block;
  opacity: 0.37;
}
#member-detail .content .intro.s2 h2 {
  border-bottom-color: #53b8ff;
}
#member-detail .content .intro.s2 .photo {
  border-color: #53b8ff;
}
#member-detail .content .intro.s2:before {
  background-image: url(../image/team/s2.png);
}
#member-detail .content .intro.n2 h2 {
  border-bottom-color: #bd9cc6;
}
#member-detail .content .intro.n2 .photo {
  border-color: #bd9cc6;
}
#member-detail .content .intro.n2:before {
  background-image: url(../image/team/n2.png);
}
#member-detail .content .intro.h2 h2 {
  border-bottom-color: #f8a722;
}
#member-detail .content .intro.h2 .photo {
  border-color: #f8a722;
}
#member-detail .content .intro.h2:before {
  background-image: url(../image/team/h2.png);
}
#member-detail .content .intro.x h2 {
  border-bottom-color: #a6ce28;
}
#member-detail .content .intro.x .photo {
  border-color: #a6ce28;
}
#member-detail .content .intro.x:before {
  background-image: url(../image/team/x.png);
}
#member-detail .content .intro.b h2,
#member-detail .content .intro.bej-def h2 {
  border-bottom-color: #e6356c;
}
#member-detail .content .intro.b .photo,
#member-detail .content .intro.bej-def .photo {
  border-color: #e6356c;
}
#member-detail .content .intro.b:before,
#member-detail .content .intro.bej-def:before {
  background-image: url(../image/team/b.png);
}
#member-detail .content .intro.bej-def:before {
  background-image: none;
}
#member-detail .content .intro.e h2 {
  border-bottom-color: #24b7b5;
}
#member-detail .content .intro.e .photo {
  border-color: #24b7b5;
}
#member-detail .content .intro.e:before {
  background-image: url(../image/team/e.png);
}
#member-detail .content .intro.j h2 {
  border-bottom-color: #006ab7;
}
#member-detail .content .intro.j .photo {
  border-color: #006ab7;
}
#member-detail .content .intro.j:before {
  background-image: url(../image/team/j.png);
}
#member-detail .content .intro.g h2,
#member-detail .content .intro.gnz-def h2 {
  border-bottom-color: #abca11;
}
#member-detail .content .intro.g .photo,
#member-detail .content .intro.gnz-def .photo {
  border-color: #abca11;
}
#member-detail .content .intro.g:before,
#member-detail .content .intro.gnz-def:before {
  background-image: url(../image/team/g.png);
}
#member-detail .content .intro.gnz-def:before {
  background-image: none;
}
#member-detail .content .intro.n3 h2 {
  border-bottom-color: #f4d020;
}
#member-detail .content .intro.n3 .photo {
  border-color: #f4d020;
}
#member-detail .content .intro.n3:before {
  background-image: url(../image/team/n3.png);
}
#member-detail .content .intro.z h2 {
  border-bottom-color: #ea627b;
}
#member-detail .content .intro.z .photo {
  border-color: #ea627b;
}
#member-detail .content .intro.z:before {
  background-image: url(../image/team/z.png);
}
#member-detail .content .intro.ckg h2 {
  border-bottom-color: #ffba07;
}
#member-detail .content .intro.ckg .photo {
  border-color: #ffba07;
}
#member-detail .content .intro.k h2 {
  border-bottom-color: #ff5043;
}
#member-detail .content .intro.k .photo {
  border-color: #ff5043;
}
#member-detail .content .intro.k:before {
  background-image: url(../image/team/k.png);
}
#member-detail .content .intro.idft h2 {
  border-bottom-color: #b4006e;
}
#member-detail .content .intro.idft .photo {
  border-color: #b4006e;
}
#member-detail .gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#member-detail .gallery img {
  width: 100%;
  height: 500px;
  object-fit: contain;
}
#member-detail .gallery .mv > div,
#member-detail .gallery .pic > div {
  background: #bfddf7;
  height: 500px;
  margin-top: 10px;
}
#member-detail .gallery .mv {
  width: 715px;
}
#member-detail .gallery .mv .zoom-img {
  cursor: pointer;
}
#member-detail .gallery .pic {
  width: 370px;
}
#member-detail .gallery .pic .swiper-pagination {
  text-align: left;
  width: 15px;
  left: 20px;
}
#member-detail .gallery .pic .swiper-pagination span {
  width: 15px;
  height: 15px;
  margin: 0;
}
#member-detail .gallery .pic .swiper-pagination-bullet-active {
  background: #151932;
}
/***************************************************
		总选介绍
***************************************************/
#about .s1 .content,
#flow .s1 .content,
#about .s3 .content,
#flow .s3 .content {
  display: flex;
  flex-wrap: wrap;
  margin-top: -40px;
}
#about .s1 .content *,
#flow .s1 .content *,
#about .s3 .content *,
#flow .s3 .content * {
  line-height: 2;
}
#about .s1 .content dl,
#flow .s1 .content dl,
#about .s3 .content dl,
#flow .s3 .content dl {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  flex-basis: 100%;
  padding: 40px 0;
}
#about .s1 .content dl dd,
#flow .s1 .content dl dd,
#about .s3 .content dl dd,
#flow .s3 .content dl dd {
  padding: 20px 50px 0;
}
#about .s1 .content dl dd > *,
#flow .s1 .content dl dd > *,
#about .s3 .content dl dd > *,
#flow .s3 .content dl dd > * {
  font-size: 0.32rem /* 16/50 */ !important;
  margin-top: 10px;
}
#about .s1 .content dl dd > *:first-child,
#flow .s1 .content dl dd > *:first-child,
#about .s3 .content dl dd > *:first-child,
#flow .s3 .content dl dd > *:first-child {
  margin-top: 0;
}
#about .s1 .content dl dd .flow,
#flow .s1 .content dl dd .flow,
#about .s3 .content dl dd .flow,
#flow .s3 .content dl dd .flow {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -5px 0;
}
#about .s1 .content dl dd .flow > div,
#flow .s1 .content dl dd .flow > div,
#about .s3 .content dl dd .flow > div,
#flow .s3 .content dl dd .flow > div {
  border-radius: 0 15px;
  background: #bfddf7;
  margin: 0 5px;
  padding: 10px;
  flex: 1;
}
#about .s1 .content dl dd .flow > div h4,
#flow .s1 .content dl dd .flow > div h4,
#about .s3 .content dl dd .flow > div h4,
#flow .s3 .content dl dd .flow > div h4 {
  background: linear-gradient(90deg, #bfddf7, rgba(255, 255, 255, 0));
  border-radius: 5px;
  font-size: 0.32rem /* 16/50 */;
  color: #ffffff;
  padding: 0 10px;
}
#about .s1 .content dl dd .flow > div ol,
#flow .s1 .content dl dd .flow > div ol,
#about .s3 .content dl dd .flow > div ol,
#flow .s3 .content dl dd .flow > div ol {
  margin-top: 10px;
  padding: 0 10px;
}
#about .s1 .content dl dd .flow > div li,
#flow .s1 .content dl dd .flow > div li,
#about .s3 .content dl dd .flow > div li,
#flow .s3 .content dl dd .flow > div li {
  font-size: 0.28rem /* 14/50 */;
}
#about .s1 .content dl dd .flow > div:before,
#flow .s1 .content dl dd .flow > div:before,
#about .s3 .content dl dd .flow > div:before,
#flow .s3 .content dl dd .flow > div:before {
  content: none;
}
#about .s1 .content dl dd .tb,
#flow .s1 .content dl dd .tb,
#about .s3 .content dl dd .tb,
#flow .s3 .content dl dd .tb {
  min-width: 100%;
  max-width: 300px;
  overflow: auto;
}
#about .s1 .content dl dd .tb-report table,
#flow .s1 .content dl dd .tb-report table,
#about .s3 .content dl dd .tb-report table,
#flow .s3 .content dl dd .tb-report table {
  width: 100%;
}
#about .s1 .content dl dd .tb-report th:nth-child(1),
#flow .s1 .content dl dd .tb-report th:nth-child(1),
#about .s3 .content dl dd .tb-report th:nth-child(1),
#flow .s3 .content dl dd .tb-report th:nth-child(1),
#about .s1 .content dl dd .tb-report td:nth-child(1),
#flow .s1 .content dl dd .tb-report td:nth-child(1),
#about .s3 .content dl dd .tb-report td:nth-child(1),
#flow .s3 .content dl dd .tb-report td:nth-child(1) {
  flex: 12%;
}
#about .s1 .content dl dd .tb-report th:nth-child(2),
#flow .s1 .content dl dd .tb-report th:nth-child(2),
#about .s3 .content dl dd .tb-report th:nth-child(2),
#flow .s3 .content dl dd .tb-report th:nth-child(2),
#about .s1 .content dl dd .tb-report td:nth-child(2),
#flow .s1 .content dl dd .tb-report td:nth-child(2),
#about .s3 .content dl dd .tb-report td:nth-child(2),
#flow .s3 .content dl dd .tb-report td:nth-child(2) {
  flex: 12%;
}
#about .s1 .content dl dd .tb-report th:nth-child(3),
#flow .s1 .content dl dd .tb-report th:nth-child(3),
#about .s3 .content dl dd .tb-report th:nth-child(3),
#flow .s3 .content dl dd .tb-report th:nth-child(3),
#about .s1 .content dl dd .tb-report td:nth-child(3),
#flow .s1 .content dl dd .tb-report td:nth-child(3),
#about .s3 .content dl dd .tb-report td:nth-child(3),
#flow .s3 .content dl dd .tb-report td:nth-child(3) {
  flex: 76%;
}
#about .s1 .content dl dd .tb-report tbody tr,
#flow .s1 .content dl dd .tb-report tbody tr,
#about .s3 .content dl dd .tb-report tbody tr,
#flow .s3 .content dl dd .tb-report tbody tr {
  border-top: 1px solid #bfddf7;
}
#about .s1 .content dl dd .tb-report tbody tr:first-child,
#flow .s1 .content dl dd .tb-report tbody tr:first-child,
#about .s3 .content dl dd .tb-report tbody tr:first-child,
#flow .s3 .content dl dd .tb-report tbody tr:first-child {
  border-top: none;
}
#about .s1 .content dl dd table,
#flow .s1 .content dl dd table,
#about .s3 .content dl dd table,
#flow .s3 .content dl dd table {
  width: 100%;
  min-width: 700px;
}
#about .s1 .content dl dd table tr,
#flow .s1 .content dl dd table tr,
#about .s3 .content dl dd table tr,
#flow .s3 .content dl dd table tr {
  display: flex;
  flex-wrap: wrap;
}
#about .s1 .content dl dd table th,
#flow .s1 .content dl dd table th,
#about .s3 .content dl dd table th,
#flow .s3 .content dl dd table th,
#about .s1 .content dl dd table td,
#flow .s1 .content dl dd table td,
#about .s3 .content dl dd table td,
#flow .s3 .content dl dd table td {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid transparent;
  flex-basis: 10%;
  flex-grow: 1;
}
#about .s1 .content dl dd table th,
#flow .s1 .content dl dd table th,
#about .s3 .content dl dd table th,
#flow .s3 .content dl dd table th {
  background: #bfddf7;
  color: #ffffff;
}
#about .s1 .content dl dd table td,
#flow .s1 .content dl dd table td,
#about .s3 .content dl dd table td,
#flow .s3 .content dl dd table td {
  background: #ffffff;
}
#about .s1 .content dl dd ol,
#flow .s1 .content dl dd ol,
#about .s3 .content dl dd ol,
#flow .s3 .content dl dd ol {
  list-style: inside decimal;
}
#about .s1 .content dl.half,
#flow .s1 .content dl.half,
#about .s3 .content dl.half,
#flow .s3 .content dl.half {
  flex-basis: 50%;
}
#about .s1 .content dl:first-child,
#flow .s1 .content dl:first-child,
#about .s3 .content dl:first-child,
#flow .s3 .content dl:first-child {
  border: none;
}
#about .s2 .content .tab,
#flow .s2 .content .tab {
  justify-content: center;
}
#about .s2 .content .tab-content,
#flow .s2 .content .tab-content {
  margin-top: 10px;
}
#about .s2 .content .tab-content.folders,
#flow .s2 .content .tab-content.folders {
  padding: 0;
}
#about .s2 .content .tab-content li.swiper-slide,
#flow .s2 .content .tab-content li.swiper-slide {
  padding: 60px 94px;
}
#about .s2 .content h2,
#flow .s2 .content h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.64rem /* 32/50 */;
}
#about .s2 .content h2 b,
#flow .s2 .content h2 b,
#about .s2 .content h2:before,
#flow .s2 .content h2:before,
#about .s2 .content h2:after,
#flow .s2 .content h2:after {
  display: block;
}
#about .s2 .content h2:before,
#flow .s2 .content h2:before,
#about .s2 .content h2:after,
#flow .s2 .content h2:after {
  content: '';
  height: 3px;
  margin: 0 30px;
  flex-grow: 1;
}
#about .s2 .content h2:before,
#flow .s2 .content h2:before {
  background: linear-gradient(270deg, #151932, transparent);
}
#about .s2 .content h2:after,
#flow .s2 .content h2:after {
  background: linear-gradient(90deg, #151932, transparent);
}
#about .s2 .content .intro,
#flow .s2 .content .intro {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
#about .s2 .content .intro p,
#flow .s2 .content .intro p {
  line-height: 2;
  margin-left: 30px;
  padding-left: 30px;
  position: relative;
}
#about .s2 .content .intro p:before,
#flow .s2 .content .intro p:before {
  position: absolute;
  top: 10%;
  right: auto;
  bottom: auto;
  left: 0;
  background: #151932;
  content: '';
  width: 1px;
  height: 80%;
  display: block;
}
#about .s2 .content .rank,
#flow .s2 .content .rank {
  margin-top: 30px;
}
#about .s2 .content .rank > div,
#flow .s2 .content .rank > div {
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#about .s2 .content .rank > div a,
#flow .s2 .content .rank > div a {
  margin: 4px 0 0 4px;
  float: left;
}
#about .s2 .content .rank > div a:first-child,
#flow .s2 .content .rank > div a:first-child {
  margin-left: 0;
}
#about .s2 .content .rank > ul,
#flow .s2 .content .rank > ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
#about .s2 .content .rank > ul li,
#flow .s2 .content .rank > ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  counter-increment: number;
  outline: 1px solid #bfddf7;
  outline-offset: -5px;
  min-width: 80px;
  height: 50px;
  position: relative;
  flex-basis: 16.66%;
}
#about .s2 .content .rank > ul li a,
#flow .s2 .content .rank > ul li a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0.36rem /* 18/50 */;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #000000;
  text-decoration: none;
  transition: all linear 100ms;
}
#about .s2 .content .rank > ul li a:hover,
#flow .s2 .content .rank > ul li a:hover {
  background: rgba(255, 209, 176, 0.16);
}
#about .s2 .content .rank > ul li a:before,
#flow .s2 .content .rank > ul li a:before {
  content: counter(number, decimal) '.';
}
#about .s2 .content .rank > ul li.fir a,
#flow .s2 .content .rank > ul li.fir a,
#about .s2 .content .rank > ul li.sec a,
#flow .s2 .content .rank > ul li.sec a,
#about .s2 .content .rank > ul li.thi a,
#flow .s2 .content .rank > ul li.thi a {
  font-weight: 600;
  color: #bfddf7;
}
#about .s2 .content .rank > ul li.fir a,
#flow .s2 .content .rank > ul li.fir a {
  color: #ffd1b0;
}
#about .s2 .content .rank-zx7 > div,
#flow .s2 .content .rank-zx7 > div,
#about .s2 .content .rank-zx6 > div,
#flow .s2 .content .rank-zx6 > div,
#about .s2 .content .rank-zx5 > div,
#flow .s2 .content .rank-zx5 > div,
#about .s2 .content .rank-zx4 > div,
#flow .s2 .content .rank-zx4 > div {
  left: 25px;
}
#about .s2 .content .rank-zx3 > div,
#flow .s2 .content .rank-zx3 > div,
#about .s2 .content .rank-zx2 > div,
#flow .s2 .content .rank-zx2 > div,
#about .s2 .content .rank-zx1 > div,
#flow .s2 .content .rank-zx1 > div {
  left: 20px;
}
#about .s2 .content .ep,
#flow .s2 .content .ep {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
#about .s2 .content .ep h3,
#flow .s2 .content .ep h3 {
  flex-basis: 100%;
}
#about .s2 .content .ep div,
#flow .s2 .content .ep div {
  background: #bfddf7;
  margin: 10px 0 0 40px;
  padding: 10px;
}
#about .s2 .content .ep div:first-of-type,
#flow .s2 .content .ep div:first-of-type {
  margin-left: 0;
}
#about .s2 .content .ep .mv,
#flow .s2 .content .ep .mv {
  flex-grow: 1;
}
#about .s2 .content .ep .cover img,
#flow .s2 .content .ep .cover img {
  width: 100%;
}
/***************************************************
		奖励页面
***************************************************/
#rewards .neigh {
  border-top: none !important;
  padding-top: 0 !important;
}
#rewards .s1 dl {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  margin: 0 -20px;
  padding: 40px 0;
  align-items: center;
  flex-basis: 100%;
}
#rewards .s1 dl h2 {
  margin-bottom: 30px;
}
#rewards .s1 dl dd {
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 0 20px;
  align-content: center;
  flex: 1;
}
#rewards .s1 dl dd.img {
  flex: 0 1 auto;
}
#rewards .s1 dl dd p {
  line-height: 1.5;
  margin-top: 15px;
  flex: 100%;
}
#rewards .s1 dl dd p:first-of-type {
  margin-top: 0;
}
#rewards .s1 dl:nth-child(odd) {
  flex-direction: row-reverse;
}
#rewards .s1 dl:first-child {
  border: none;
  padding-top: 0;
}
#rewards .s2 .content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -30px;
}
#rewards .s2 .content dl {
  border-left: 1px solid rgba(21, 25, 50, 0.37);
  padding: 0 30px;
  flex: 1;
}
#rewards .s2 .content dl:first-child {
  border: none;
}
#rewards .s2 .content dd {
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.5;
}
#rewards .s2 .content dd.img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  height: 178px;
}
/***************************************************
		数据发表，功能更新
***************************************************/
.rank-grid {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(7, 1fr);
  grid-template-areas: '. . . r1 . . .' '. . r3 r2 r4 . .' '. r8 r6 r5 r7 r9 .' 'r15 r13 r11 r10 r12 r14 r16';
}
.rank-grid > li {
  counter-increment: number;
}
.rank-grid > li > div {
  position: relative;
}
.rank-grid > li > div a {
  width: 134px;
  height: 192px;
  display: block;
  position: relative;
}
.rank-grid > li > div a > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.rank-grid > li > div a .photo-bg {
  background: url(../image/mask-member-bg.png) no-repeat center bottom / 100% auto;
}
.rank-grid > li > div a .photo {
  background: no-repeat center bottom / 105% auto;
  mask: url(../image/mask-member.png) no-repeat center bottom / 100% auto;
  -webkit-mask: url(../image/mask-member.png) no-repeat center bottom / 100% auto;
}
.rank-grid > li > div p {
  text-align: center;
}
.rank-grid > li > div p.name {
  font-weight: 600;
  font-size: 0.56rem /* 28/50 */;
}
.rank-grid > li > div p.name i {
  font-size: 0.44rem /* 22/50 */;
  margin: 3px auto 0 !important;
  display: table !important;
}
.rank-grid > li > div p.num {
  color: #ffd1b0;
}
.rank-grid > li > div p.num b {
  margin-right: 5px;
}
.rank-grid > li > div p:first-of-type {
  margin-top: 10px;
}
.rank-grid > li > div:after {
  position: absolute;
  top: 120px;
  right: auto;
  bottom: auto;
  left: -10px;
  font-size: 0.44rem /* 22/50 */;
  font-weight: 600;
  content: counter(number);
  background: #ffffff;
  mask: url(../image/mask-tag.png) no-repeat center / 100% auto;
  -webkit-mask: url(../image/mask-tag.png) no-repeat center / 100% auto;
  color: #ffd1b0;
  text-align: center;
  width: 44px;
  height: 44px;
  padding-top: 5px;
}
.rank-grid > li:nth-child(1) {
  grid-area: r1;
}
.rank-grid > li:nth-child(1) > div {
  margin-bottom: 20px;
  transform: scale(1.2);
}
.rank-grid > li:nth-child(1) > div:after {
  background: #f25ca0;
  color: #ffffff;
}
.rank-grid > li:nth-child(2) {
  grid-area: r2;
}
.rank-grid > li:nth-child(2) > div:after {
  background: #f76fad;
  color: #ffffff;
}
.rank-grid > li:nth-child(3) {
  grid-area: r3;
}
.rank-grid > li:nth-child(3) > div:after {
  background: #fc8abe;
  color: #ffffff;
}
.rank-grid > li:nth-child(4) {
  grid-area: r4;
}
.rank-grid > li:nth-child(5) {
  grid-area: r5;
}
.rank-grid > li:nth-child(6) {
  grid-area: r6;
}
.rank-grid > li:nth-child(7) {
  grid-area: r7;
}
.rank-grid > li:nth-child(8) {
  grid-area: r8;
}
.rank-grid > li:nth-child(9) {
  grid-area: r9;
}
.rank-grid > li:nth-child(10) {
  grid-area: r10;
}
.rank-grid > li:nth-child(11) {
  grid-area: r11;
}
.rank-grid > li:nth-child(12) {
  grid-area: r12;
}
.rank-grid > li:nth-child(13) {
  grid-area: r13;
}
.rank-grid > li:nth-child(14) {
  grid-area: r14;
}
.rank-grid > li:nth-child(15) {
  grid-area: r15;
}
.rank-grid > li:nth-child(16) {
  grid-area: r16;
}
.rank-grid-32 {
  counter-reset: number 16;
}
.rank-grid-48 {
  counter-reset: number 32;
}
/*<ul class="rank-grid rank-grid-16">
	<li><div><a href="javascript:;"><img src="image/members/1.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/2.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/3.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/4.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/1.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/2.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/3.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/4.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/1.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/2.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/3.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/4.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/1.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/2.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/3.png"></a></div></li>								
	<li><div><a href="javascript:;"><img src="image/members/4.png"></a></div></li>								
</ul>*/
/*.rank-grid{
	display: grid; grid-gap: 10px; grid-template-columns: repeat(8, 1fr);
	grid-template-areas: "r1 r1 r1 r2 r2 r3 r3 r4"
						 "r1 r1 r1 r2 r2 r3 r3 r5"
						 "r1 r1 r1 r6 r7 r8 r9 r10"
						 "r11 r12 r13 r14 r15 r16 r17 r17";
	>li{
		border: 1px solid fade(@C-3, 16%); counter-increment: number;
		>div{
			position: relative;
			&, a, img{width: 100%; height: 100%;}
			img{object-fit: cover;}
			p{
				text-align: center;
				&.name i{margin: 3px auto 0 !important; display: table !important;}
				&.num{
					color: @C-2;
					b{margin-right: 5px;}
				}
				&:first-of-type{margin-top: 10px;}
			}
			&:after{.POS(absolute, -10px, auto, auto, -10px); .FS-22; .FW-B; content: counter(number); background: #ffdbca; mask: url(../image/mask-tag.png) no-repeat center / 100% auto; -webkit-mask: url(../image/mask-tag.png) no-repeat center / 100% auto; color: #fa6356; text-align: center; width: 44px; height: 44px; padding-top: 5px;}
		}
		&:nth-child(1){
			grid-area: r1;
			>div:after{background: #f84239; color: @C-LIGHT;}
		}
		&:nth-child(2){
			grid-area: r2;
			>div:after{background: #ff6348; color: @C-LIGHT;}
		}
		&:nth-child(3){
			grid-area: r3;
			>div:after{background: #ff8d59; color: @C-LIGHT;}
		}
		&:nth-child(4){grid-area: r4;}
		&:nth-child(5){grid-area: r5;}
		&:nth-child(6){grid-area: r6;}
		&:nth-child(7){grid-area: r7;}
		&:nth-child(8){grid-area: r8;}
		&:nth-child(9){grid-area: r9;}
		&:nth-child(10){grid-area: r10;}
		&:nth-child(11){grid-area: r11;}
		&:nth-child(12){grid-area: r12;}
		&:nth-child(13){grid-area: r13;}
		&:nth-child(14){grid-area: r14;}
		&:nth-child(15){grid-area: r15;}
		&:nth-child(16){grid-area: r16;}
	}
	&-32{counter-reset: number 16;}
	&-48{counter-reset: number 32;}
	&:after{content: "123"; background: @C-1 url(../image/logo.png) no-repeat center / 100% auto; border: 1px solid fade(@C-3, 16%); grid-area: r17;}
}*/
#index .rewards > div:first-child {
  display: flex;
  flex-wrap: wrap;
}
#index .rewards dl.great,
#index .rewards dl.report {
  margin: 0;
  flex: 0 50%;
  flex-flow: column;
  align-items: center;
}
#index .rewards dl.great {
  flex: 0 45%;
  justify-content: space-between;
}
#index .rewards dl.great .img {
  display: none;
}
#index .rewards dl.great dt {
  margin: 0;
}
#index .rewards dl.report {
  flex: 0 55%;
}
#index .rewards dl.report dt {
  position: relative;
}
#index .rewards dl.report dt p {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 70px;
  left: auto;
  font-weight: 600;
}
#index .rewards dl.report .name,
#index .rewards dl.report .num {
  display: none;
}
#index .rewards dl.mv {
  margin-top: 60px;
}
#index .rewards .rank-grid {
  zoom: 0.5;
}
#index .rewards .rank {
  flex: 100%;
}
#report .tab {
  justify-content: center;
}
#report .tab a {
  padding: 0 15px;
}
#report h2 b {
  font-size: 40px;
}
#report .name i {
  position: relative;
  top: -1px;
  right: auto;
  bottom: auto;
  left: auto;
  border-radius: 15px 0;
  line-height: 1;
  color: #ffffff;
  margin-left: 5px;
  padding: 0 10px;
  display: inline-block;
}
#report .name i.s2,
#report .name i.snh-def,
#report .name i[class~='S预备生'] {
  background: #53b8ff;
}
#report .name i.n2 {
  background: #bd9cc6;
}
#report .name i.h2 {
  background: #f8a722;
}
#report .name i.x {
  background: #a6ce28;
}
#report .name i.b,
#report .name i.bej,
#report .name i.BEJ48 {
  background: #e6356c;
}
#report .name i.e {
  background: #24b7b5;
}
#report .name i.j {
  background: #006ab7;
}
#report .name i.g,
#report .name i.gnz-def,
#report .name i[class~='G预备生'] {
  background: #abca11;
}
#report .name i.n3 {
  background: #f4d020;
}
#report .name i.z {
  background: #ea627b;
}
#report .name i.idft,
#report .name i.IDFT {
  background: #b4006e;
}
#report .name i.ckg,
#report .name i.CKG48 {
  background: #ffba07;
}
#report .swiper-slide > div {
  margin-top: 80px;
}
#report .info {
  text-align: center;
  margin-top: 20px;
}
#report .rank {
  display: grid;
  justify-content: center;
  grid-gap: 60px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: 'a a' 'b c';
}
#report .rank ul {
  background: transparent no-repeat center top / 100% auto;
  justify-self: center;
}
#report .rank ul.rank-grid-16 {
  background-image: url(../image/rank-top16-bg.png);
}
#report .rank ul.rank-grid-32 {
  background-image: url(../image/rank-top32-bg.png);
}
#report .rank ul.rank-grid-48 {
  background-image: url(../image/rank-top48-bg.png);
}
#report .rank-grid-16 {
  grid-area: a;
  zoom: 0.8;
}
#report .rank-grid-32,
#report .rank-grid-48 {
  zoom: 0.55;
}
#report .rank-omit {
  background: linear-gradient(90deg, #ffd1b0, #bfddf7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.96rem /* 48/50 */;
  margin: 0 auto;
  display: table;
}
#report .rank-other h2,
#report .rank-increase h2 {
  margin: 0 auto;
  display: table;
}
#report .rank-other ul,
#report .rank-increase ul {
  margin-top: 20px;
}
#report .rank-other .title {
  text-align: center;
}
#report .rank-other .title img {
  height: 45px;
}
#report .rank-other .title i {
  font-size: 0.28rem /* 14/50 */;
  color: rgba(0, 0, 0, 0.64);
  margin-top: 5px;
  display: block;
}
#report .rank-other ul {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  justify-content: center;
}
#report .rank-other ul li {
  border-radius: 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  background: #ffffff;
  border: 6px solid #efede3;
  width: 16.66%;
  height: 65px;
  padding: 10px 0;
}
#report .rank-other ul li i,
#report .rank-other ul li .num {
  font-size: 0.28rem /* 14/50 */;
}
#report .rank-other ul li i {
  top: 0;
}
#report .rank-other ul li .num {
  color: #ffd1b0;
}
#report .rank-increase .rank-grid {
  display: flex;
  justify-content: space-around;
  zoom: 0.9;
}
#report .rank-increase .rank-grid li .pm b {
  font-size: 0.44rem /* 22/50 */;
  color: #ffd1b0;
  margin: 0 5px;
  display: inline-block;
}
#report .rank-increase .rank-grid li:first-child > div {
  transform: none;
}
/***************************************************
		投票攻略
***************************************************/
#flow * {
  line-height: 1.5;
}
#flow a {
  font-weight: 600;
}
#flow .tab-content h3 {
  border: none;
  color: #ffd1b0;
  margin: 30px 0 15px;
}
#flow .tab-content h3:before {
  content: '◣';
  margin-right: 10px;
  display: inline-block;
}
#flow .content img {
  border: 1px solid #151932;
  margin: 20px 10px;
  vertical-align: bottom;
}
#flow dl ul {
  list-style: disc;
  margin: 10px 0;
  padding-left: 30px;
}
/***************************************************
		查票系统
***************************************************/
#share .content {
  text-align: center;
  padding: 30px 60px;
}
#share .content .input-box {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
#share .content p {
  font-size: 0.28rem /* 14/50 */;
  color: #ffd1b0;
  margin-top: 15px;
}
#share .content .btn {
  margin-top: 20px;
}
#share .content .share {
  margin-top: 40px;
}
/***************************************************
		登录页面
***************************************************/
#maxH_div {
  min-height: 700px;
}
.vl_box {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 20px;
}
.vlb_login {
  border-image-slice: 80 80 80 80 fill;
  border-image-width: 80px 80px 80px 80px;
  border-image-repeat: repeat repeat;
  border-image-source: url(../image/bg-content.png);
  padding: 30px;
  position: relative;
  border-radius: 20px;
  color: white;
  margin: 60px;
}
.dialog_title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.dialog_txt {
  text-align: center;
}
.dialog_txt > * {
  margin-top: 15px;
}
.dialog_txt dl {
  display: flex;
  justify-content: center;
}
.dialog_txt dl dd {
  min-width: 300px;
}
.dialog_txt .input {
  position: relative;
}
.dialog_txt input {
  font-size: 0.32rem /* 16/50 */;
  text-align: left;
  height: 30px;
}
.dialog_txt .btn {
  margin-top: 20px;
}
.dialog_txt .login_yzm {
  position: absolute;
  top: 3px;
  right: 20px;
  bottom: auto;
  left: auto;
  border-radius: 5px;
  font-size: 0.28rem /* 14/50 */;
  font-weight: 600;
  background: #ffd1b0;
  color: #ffffff;
  text-decoration: none;
  padding: 2px 10px;
  display: block;
}
.dialog_txt .p-yzm {
  font-size: 0.28rem /* 14/50 */;
  color: #ffd1b0;
  text-align: left;
  margin-top: 5px;
}
.dialog_txt i {
  color: #bfddf7;
}
/***************************************************
		响应式布局
***************************************************/
/***************************************************
		总选宣传版本
***************************************************/
/***************************************************
		更新的css
***************************************************/
.title-line {
  width: 100%;
  display: table;
}
.title-line > *,
.title-line:before,
.title-line:after {
  display: table-cell;
}
.title-line > * {
  margin: 0 auto;
}
.title-line:before,
.title-line:after {
  content: '';
  background: url(../image/line.png) repeat-x center;
  width: calc(100% / 3);
}
.score-windows iframe {
  position: fixed;
}
.score-iframe {
  color: white;
}
.score-iframe .score-mem {
  border-top: 3px solid #151932;
  border-bottom: 1px solid #151932;
  display: flex;
  align-items: stretch;
}
.score-iframe .score-mem .left {
  text-align: center;
}
.score-iframe .score-mem .left .mem-img {
  border-radius: 0 25px;
  width: 180px;
  margin: 0 auto;
  overflow: hidden;
}
.score-iframe .score-mem .left .mem-xm {
  font-weight: 600;
  margin-top: 4px;
}
.score-iframe .score-mem .left .mem-py {
  font-size: 0.28rem /* 14/50 */;
  color: #bd88e6;
}
.score-iframe .score-mem .right > div,
.score-iframe .score-mem .right > div span {
  position: relative;
}
.score-iframe .score-mem .right > div.mvp b {
  font-size: 0.44rem /* 22/50 */;
  background: url(../image/bg-linear.jpg) no-repeat center / cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.score-iframe .score-mem .right > div span {
  padding: 5px 20px;
  display: block;
}
.score-iframe .score-mem .right > div img {
  margin-right: 10px;
  display: inline-block;
  vertical-align: bottom;
}
.score-iframe .score-mem .right > div:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  content: '';
  background: linear-gradient(90deg, #151932, transparent);
  width: 100%;
  height: 100%;
  display: block;
  transform: skewX(-15deg);
}
.score-iframe .score-mem .right:before {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  content: '';
  background: url(../image/team/s2.png) no-repeat center / auto 100%;
  width: 250px;
  height: 180px;
  display: block;
  opacity: 0.37;
}
.score-iframe .score-mem .right.s2:before {
  background-image: url(../image/team/s2.png);
}
.score-iframe .score-mem .right.n2:before {
  background-image: url(../image/team/n2.png);
}
.score-iframe .score-mem .right.h2:before {
  background-image: url(../image/team/h2.png);
}
.score-iframe .score-mem .right.x:before {
  background-image: url(../image/team/x.png);
}
.score-iframe .score-mem .right.g:before {
  background-image: url(../image/team/g.png);
}
.score-iframe .score-mem .right.n3:before {
  background-image: url(../image/team/n3.png);
}
.score-iframe .score-mem .right.z:before {
  background-image: url(../image/team/z.png);
}
.score-iframe .score-mem .right.bej:before {
  background-image: url(../image/team/b.png);
}
.score-iframe .score-mem .right.ckg:before {
  background-image: url(../image/team/c.png);
}
.score-time {
  font-size: 0.28rem /* 14/50 */;
  text-align: center;
}
.score-tab .left {
  display: flex;
  flex-flow: column;
}
.score-tab .left select {
  border: 1px solid rgba(21, 25, 50, 0.37);
  background: #ffffff;
  min-width: 150px;
  min-height: 30px;
  width: auto;
  height: auto;
}
.score-tab .left select:first-of-type {
  margin-left: 0;
}
.score-tab .left option {
  color: #000000;
}
.score-tab .left option.s2 {
  color: #53b8ff;
}
.score-tab .left option.n2 {
  color: #bd9cc6;
}
.score-tab .left option.h2 {
  color: #f8a722;
}
.score-tab .left option.x {
  color: #a6ce28;
}
.score-tab .left option.g {
  color: #abca11;
}
.score-tab .left option.n3 {
  color: #f4d020;
}
.score-tab .left option.z {
  color: #ea627b;
}
.score-tab .left option.bej {
  color: #f84972;
}
.score-tab .left option.ckg {
  color: #c7821b;
}
.score-tab .left option.b {
  color: #e6356c;
}
.score-tab .left option.e {
  color: #24b7b5;
}
.score-tab .left option.j {
  color: #006ab7;
}
.score-tab .left option.c {
  color: #ffba07;
}
.score-tab .left option.k {
  color: #ff5043;
}
.score-tab .left option.c2 {
  color: #e60000;
}
.score-tab .left option.g2 {
  color: #01559b;
}
.score-tab .left option.idft {
  color: #b4006e;
}
.score-tab .right .btn {
  margin-right: 0;
}
.score-table {
  width: 100%;
  display: table;
}
.score-table .th,
.score-table .tr {
  display: table-row;
}
.score-table .td {
  text-align: center;
  min-width: 20%;
  padding: 20px 0;
  display: table-cell;
}
.score-table .th {
  font-weight: 600;
  color: #bfddf7;
}
.score-table .th .td {
  border-top: 3px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.score-table .tr .td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.score-table .tr .td b {
  font-size: 0.4rem /* 20/50 */;
  background: url(../image/bg-linear.jpg) no-repeat center / cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.score-table .tr .td:first-of-type {
  text-align: left;
}
.score-table .mem-img {
  border-radius: 99em;
  width: 64px;
  height: 64px;
  margin: 0 10px 0 20px;
  overflow: hidden;
}
.score-table .mem-img,
.score-table .mem-name {
  display: inline-block;
  vertical-align: middle;
}
.score-table .mem-xm {
  font-weight: 600;
  margin-top: 4px;
}
.score-table .mem-py {
  font-size: 0.28rem /* 14/50 */;
}
.score-table .ico {
  margin-right: 10px;
  vertical-align: bottom;
}
.total-xmz {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.total-xmz input {
  border-radius: 5px;
  border: 1px solid #ffd1b0;
  background: #ffffff;
  width: 30%;
  height: 35px;
  color: black;
}
.layer-confirm {
  text-align: center;
}
.layer-confirm .pop-title {
  font-size: 0.36rem /* 18/50 */;
  margin-bottom: 15px;
}
.layer-confirm .content dl {
  font-weight: 600;
  font-size: 0.48rem /* 24/50 */;
}
.layer-confirm .btn {
  margin-top: 30px;
}
.saoma {
  display: flex;
  align-items: center;
}
.saoma .ico-saoma {
  width: 20%;
  margin-right: 10px;
  display: none;
}
.saoma-tit:after {
  content: '输入星梦兑换码';
}
.layer-popup.folders {
  width: 100% !important;
  border-radius: 20px;
}
.round-btn {
  border-image: none;
  border-radius: 30px;
  background-color: #fff;
  background-image: none;
  height: 30px;
  line-height: 30px;
}
.round-btn span {
  color: #3098e0;
  font-weight: bold;
  padding: 0 25px 0 25px;
}