@keyframes rippleout {
  0% {
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
  }
  100% {
    transform: scale(1.2, 1.8);
    opacity: 0;
    visibility: visible;
  }
}
.banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 900px;
  margin-top: -108px;
}
.banner img {
  position: absolute;
  width: 1920px;
  height: 900px;
  top: 50%;
  margin-top: -450px;
  left: 50%;
  margin-left: -960px;
}
.intro {
  width: 100%;
  height: 520px;
  overflow: hidden;
  position: relative;
}
.intro .intro_bac {
  position: absolute;
  width: 1920px;
  height: 520px;
  top: 50%;
  left: 50%;
  margin-left: -960px;
  margin-top: -260px;
  z-index: -1;
}
.intro .intro_tit {
  font-size: 42px;
  color: #ff7c1c;
  margin-top: 50px;
  margin-bottom: 20px;
}
.intro .intro_item {
  color: #B9B9BA;
  font-size: 16px;
  margin-bottom: 15px;
  position: relative;
  box-sizing: border-box;
  padding-left: 44px;
  width: 710px;
  line-height: 1.8em;
}
.intro .intro_item .item_tit {
  font-weight: bold;
}
.intro .intro_item .item_text {
  font-size: 16px;
}
.intro .intro_item .item_text.prize_item {
  color: #ff7c1c;
  font-weight: bold;
}
.intro .intro_item .num {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 0;
  border-radius: 50%;
  background: #ff7c1c;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
}
.intro .intro_btn {
  width: 170px;
  height: 60px;
  display: inline-block;
  color: #fff;
  font-size: 18px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  margin-top: 20px;
  margin-left: 10px;
}
.intro .intro_btn.rule_btn,
.intro .intro_btn.go_jinghang {
  background: #5E5E7F;
  transition: 0.3s all ease;
}
.intro .intro_btn.rule_btn:hover,
.intro .intro_btn.go_jinghang:hover {
  background: #737395;
}
.intro .intro_btn.match_btn {
  background: #ff7c1c;
  transition: 0.3s all ease;
  float: right;
  position: relative;
}
.intro .intro_btn.match_btn:hover {
  background: #ff7c1c;
}
.intro .intro_btn.match_btn:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 8px solid #12DC33;
  top: 0;
  left: 0;
  visibility: hidden;
}
.intro .intro_btn.match_btn.playanimation:after {
  animation: rippleout 1.2s infinite;
}
.intro .right_ewm {
  position: absolute;
  right: -5px;
  top: 110px;
}
.intro .right_ewm .ewm_dec {
  font-size: 14px;
  color: #ff7c1c;
  width: 170px;
  box-sizing: border-box;
  padding: 0 15px;
  line-height: 2em;
}
.intro .right_ewm .wh {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: #5E5E7F;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  line-height: 22px;
  margin-left: 10px;
  cursor: pointer;
}
.intro .right_ewm .ewm {
  border: 4px solid #1D1932;
  margin-top: 10px;
}
.intro .right_ewm .ewm img {
  display: block;
  width: 164px;
  height: 164px;
  border: 4px solid #7272a8;
}
.content_area {
  width: 100%;
  overflow: hidden;
  height: 1580px;
  position: relative;
}
.content_area.cur1 {
  height: 2250px;
}
.content_area.cur2 {
  height: 1700px;
}
.content_area.cur3 {
  height: 2180px;
}
.content_area .bottom_bac {
  position: absolute;
  width: 1920px;
  height: 1580px;
  top: 0;
  left: 50%;
  margin-left: -960px;
  z-index: -1;
}
.content_area .tab_btn_area {
  margin-top: 110px;
}
.content_area .tab_btn_area:before {
  content: "";
  display: table;
  clear: both;
}
.content_area .tab_btn_area:after {
  content: "";
  display: table;
  clear: both;
}
.content_area .tab_btn_area .tab_btn_item {
  width: 33.3%;
  float: left;
  text-align: center;
}
.content_area .tab_btn_area .tab_btn_item .tab_btn {
  display: inline-block;
  width: 187px;
  height: 120px;
  background: url('/static/user/activity/img/jinghang/tab_normal.png');
  font-size: 18px;
  color: #000;
  font-weight: bold;
  box-sizing: border-box;
  padding-top: 15px;
  cursor: pointer;
  margin-bottom: 5px;
}
.content_area .tab_btn_area .tab_btn_item .tab_btn.cur {
  background: url('/static/user/activity/img/jinghang/tab_cur.png');
}
.content_area .tab_btn_area .tab_btn_item .tab_btn:hover {
  background: url('/static/user/activity/img/jinghang/tab_cur.png');
}
.content_area .tab_btn_area .tab_btn_item .tab_point {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  background: url('/static/user/activity/img/jinghang/grey_point.png');
  margin-bottom: 10px;
}
.content_area .tab_btn_area .tab_btn_item .tab_point.ing {
  background: url('/static/user/activity/img/jinghang/check_point.png');
}
.content_area .tab_btn_area .tab_btn_item .tab_time {
  font-size: 20px;
  color: #545252;
}
.content_area .tab_btn_area .tab_btn_item .tab_time.ing {
  color: #20ea41;
}
.content_area .bottom_content {
  text-align: center;
  display: none;
}
.content_area .bottom_content.cur {
  display: block;
}
.content_area .bottom_content .bottom_tit {
  font-size: 48px;
  color: #20ea41;
  position: relative;
  display: inline-block;
  margin-top: 70px;
  margin-bottom: 40px;
}
.content_area .bottom_content .bottom_tit:before {
  content: "";
  display: block;
  width: 218px;
  height: 30px;
  background: url('/static/user/activity/img/jinghang/tit_icon.png');
  position: absolute;
  left: -240px;
  bottom: 8px;
}
.content_area .bottom_content .bottom_tit:after {
  content: "";
  display: block;
  width: 218px;
  height: 30px;
  background: url('/static/user/activity/img/jinghang/tit_icon.png');
  position: absolute;
  right: -240px;
  bottom: 8px;
  transform: rotateY(180deg);
}
.content_area .bottom_content .bottom_rule {
  color: #B9B9BA;
  margin-bottom: 100px;
}
.content_area .bottom_content .bottom_rule .rule_tit {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 30px;
}
.content_area .bottom_content .bottom_rule .rule_text {
  font-size: 16px;
  text-align: left;
  margin-bottom: 10px;
}
.content_area .bottom_content .bottom_rule .final_rule {
  width: 50%;
  box-sizing: border-box;
  padding-right: 10px;
}
.content_area .bottom_content .bottom_rule .fr1 {
  float: left;
}
.content_area .bottom_content .bottom_rule .fr2 {
  float: right;
}
.content_area .bottom_content .month_item {
  width: 15%;
  float: left;
  position: relative;
  height: 550px;
  cursor: pointer;
  transition: 0.5s all ease;
  overflow: hidden;
}
.content_area .bottom_content .month_item.cur {
  width: 40%;
}
.content_area .bottom_content .month_item.cur img {
  display: none;
}
.content_area .bottom_content .month_item.cur .oncover {
  display: none;
}
.content_area .bottom_content .month_item.cur .cur_content {
  display: block;
}
.content_area .bottom_content .month_item .oncover {
  position: absolute;
  top: 0;
  left: 0;
  writing-mode: vertical-lr;
  text-align: left;
}
.content_area .bottom_content .month_item .oncover .month_text {
  font-size: 20px;
  color: #20ea41;
  position: relative;
  display: block;
  margin-top: 35px;
  margin-left: 20px;
}
.content_area .bottom_content .month_item .oncover .oncover_text {
  font-size: 20px;
  color: #fff;
  position: relative;
  display: block;
  margin-top: 35px;
  margin-left: 5px;
}
.content_area .bottom_content .month_item .cur_content {
  display: none;
}
.content_area .bottom_content .month_item .cur_content .tit {
  color: #20ea41;
  font-size: 30px;
  text-align: left;
  margin-top: 55px;
  margin-left: 30px;
  margin-bottom: 85px;
  width: 394px;
}
.content_area .bottom_content .month_item .cur_content .cur_dec {
  font-size: 16px;
  color: #20ea41;
  margin-bottom: 25px;
}
.content_area .bottom_content .month_item .cur_content .cur_table {
  box-sizing: border-box;
  padding: 0 20px;
  width: 424px;
}
.content_area .bottom_content .month_item .cur_content .boy_table,
.content_area .bottom_content .month_item .cur_content .girl_table {
  width: 50%;
  float: left;
  box-sizing: border-box;
  text-align: left;
  text-indent: 14px;
}
.content_area .bottom_content .month_item .cur_content .boy_table .table_tit,
.content_area .bottom_content .month_item .cur_content .girl_table .table_tit {
  font-size: 18px;
  color: #fff;
  background: #5E5E7F;
  padding: 8px 0;
}
.content_area .bottom_content .month_item .cur_content .boy_table .table_content,
.content_area .bottom_content .month_item .cur_content .girl_table .table_content {
  box-sizing: border-box;
  border-bottom: 1px solid #000;
  background: #2e2e47;
}
.content_area .bottom_content .month_item .cur_content .boy_table .table_content {
  border-right: 0.5px solid #000;
  font-size: 14px;
  color: #fff;
  padding: 8px 0;
}
.content_area .bottom_content .month_item .cur_content .girl_table .table_content {
  border-left: 0.5px solid #000;
  font-size: 14px;
  color: #fff;
  padding: 8px 0;
}
.content_area .bottom_content .month6 {
  background: url('/static/user/activity/img/jinghang/bac6.png') no-repeat 100%;
}
.content_area .bottom_content .month7 {
  background: url('/static/user/activity/img/jinghang/bac7.png') no-repeat 100%;
}
.content_area .bottom_content .month8 {
  background: url('/static/user/activity/img/jinghang/bac8.png') no-repeat 100%;
}
.content_area .bottom_content .month9 {
  background: url('/static/user/activity/img/jinghang/bac9.png') no-repeat 100%;
}
.content_area .bottom_content .month10 {
  background: url('/static/user/activity/img/jinghang/bac10.png') no-repeat 100%;
}
.content_area .bottom_content .rank_area .rank_table {
  min-height: 564px;
}
.content_area .bottom_content .rank_area .rank_tit {
  font-size: 30px;
  font-weight: bold;
  color: #ff7c1c;
  margin-top: 90px;
  margin-bottom: 55px;
}
.content_area .bottom_content .rank_area .group {
  display: inline-block;
  width: 160px;
  height: 50px;
  padding-bottom: 13px;
  background: url('/static/user/activity/img/racearea/group.png') no-repeat;
  font-size: 18px;
  color: #707092;
  line-height: 50px;
  cursor: pointer;
}
.content_area .bottom_content .rank_area .group.cur {
  background: url('/static/user/activity/img/racearea/group_cur.png') no-repeat;
  color: #ff7c1c;
}
.content_area .bottom_content .rank_area .group.disable {
  background: url('/static/user/activity/img/racearea/group_disable.png') no-repeat;
  color: #2e2e47;
  cursor: default;
}
.content_area .bottom_content .rank_area .group_content {
  display: none;
  margin-top: 30px;
}
.content_area .bottom_content .rank_area .group_content.cur {
  display: block;
}
.content_area .bottom_content .rank_area .t_tit {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #12131D;
  padding: 15px 0;
}
.content_area .bottom_content .rank_area .t_item {
  font-size: 16px;
  color: #fff;
  padding: 15px 0;
}
.content_area .bottom_content .rank_area .t_item.j {
  background: #1d1f33;
}
.content_area .bottom_content .rank_area .t_item.o {
  background: #1a1c2d;
}
.content_area .bottom_content .rank_area .t_item .riderank {
  text-decoration: underline;
  cursor: pointer;
}
.content_area .bottom_content .rank_area .rank {
  width: 11%;
  float: left;
}
.content_area .bottom_content .rank_area .name {
  width: 40%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding-left: 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content_area .bottom_content .rank_area .peoplenum,
.content_area .bottom_content .rank_area .matchnum {
  width: 15%;
  float: left;
}
.content_area .bottom_content .rank_area .operating {
  width: 19%;
  float: left;
}
.content_area .bottom_content .rank_area .pages {
  text-align: right;
}
.content_area .bottom_content .rank_area .pages .page_num,
.content_area .bottom_content .rank_area .pages .skip {
  display: inline-block;
}
.content_area .bottom_content .rank_area .pages .slh {
  font-size: 16px;
  color: #999999;
}
.content_area .bottom_content .rank_area .pages .page {
  font-size: 16px;
  color: #999999;
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}
.content_area .bottom_content .rank_area .pages .page.cur {
  color: #20ea41;
  text-decoration: underline;
}
.content_area .bottom_content .rank_area .pages .page:hover {
  color: #20ea41;
  text-decoration: underline;
}
.content_area .bottom_content .rank_area .pages .skip_input {
  display: inline-block;
  box-sizing: border-box;
  width: 40px;
  height: 24px;
  border: 1px solid #5C5C7D;
  background: transparent;
  color: #fff;
}
.content_area .bottom_content .rank_area .pages .skip {
  font-size: 16px;
  color: #fff;
}
.content_area .bottom_content .rank_area .pages .go_skip {
  cursor: pointer;
  text-decoration: underline;
}
.content_area .bottom_content .ct_item {
  width: 12.5%;
  float: left;
  height: 40px;
  font-size: 18px;
  background: url('/static/user/activity/img/jinghang/normal_city.png') no-repeat center;
  color: #707092;
  line-height: 40px;
  cursor: pointer;
  position: relative;
}
.content_area .bottom_content .ct_item .date {
  position: absolute;
  bottom: -43px;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.content_area .bottom_content .ct_item.cur {
  background: url('/static/user/activity/img/jinghang/cur_city.png') no-repeat center;
  color: #20ea41;
}
.content_area .bottom_content .ct_item.disable {
  background: url('/static/user/activity/img/jinghang/disable_city.png') no-repeat center;
  color: #2e2e47;
  cursor: default;
}
.content_area .bottom_content .city_mes {
  position: relative;
}
.content_area .bottom_content .city_mes .map {
  width: 382px;
  height: 702px;
  margin-left: 75px;
  margin-top: 66px;
  position: relative;
}
.content_area .bottom_content .city_mes .map .map_mark {
  width: 85px;
  height: 45px;
  background: url('/static/user/activity/img/jinghang/city_bac.png');
  font-size: 16px;
  font-weight: bold;
  box-sizing: border-box;
  padding-top: 6px;
  display: none;
}
.content_area .bottom_content .city_mes .map .map_mark.cur {
  display: block;
}
.content_area .bottom_content .city_mes .map .map_mark.m1 {
  position: absolute;
  top: 122px;
  left: 48px;
}
.content_area .bottom_content .city_mes .map .map_mark.m2 {
  position: absolute;
  top: 160px;
  left: 83px;
}
.content_area .bottom_content .city_mes .map .map_mark.m3 {
  position: absolute;
  top: 246px;
  left: 69px;
}
.content_area .bottom_content .city_mes .map .map_mark.m4 {
  position: absolute;
  top: 372px;
  left: 129px;
}
.content_area .bottom_content .city_mes .map .map_mark.m5 {
  position: absolute;
  top: 378px;
  left: 192px;
}
.content_area .bottom_content .city_mes .map .map_mark.m6 {
  position: absolute;
  top: 432px;
  left: 205px;
}
.content_area .bottom_content .city_mes .map .map_mark.m7 {
  position: absolute;
  top: 472px;
  left: 252px;
}
.content_area .bottom_content .city_mes .map .map_mark.m8 {
  position: absolute;
  top: 514px;
  left: 236px;
}
.content_area .bottom_content .city_mes .up_mes {
  position: absolute;
  width: 340px;
  text-align: left;
  color: #fff;
  top: 100px;
  right: 100px;
  display: none;
}
.content_area .bottom_content .city_mes .up_mes.cur {
  display: block;
}
.content_area .bottom_content .city_mes .up_mes .tit {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}
.content_area .bottom_content .city_mes .up_mes .boy_table,
.content_area .bottom_content .city_mes .up_mes .girl_table {
  width: 50%;
  float: left;
  text-indent: 34px;
}
.content_area .bottom_content .city_mes .up_mes .boy_table .t_tit,
.content_area .bottom_content .city_mes .up_mes .girl_table .t_tit {
  font-size: 18px;
  font-weight: bold;
  background: #5E5E7F;
  padding: 12px 0;
}
.content_area .bottom_content .city_mes .up_mes .boy_table .t_content,
.content_area .bottom_content .city_mes .up_mes .girl_table .t_content {
  font-size: 14px;
  background: #2E2E47;
  padding: 12px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.content_area .bottom_content .final_rank .fr_tit {
  font-size: 30px;
  color: #20ea41;
  font-weight: bold;
  margin-bottom: 55px;
}
.content_area .bottom_content .final_rank .item_tit {
  height: 60px;
  background: url('/static/user/activity/img/jinghang/couple_bac.png') no-repeat center;
  font-size: 24px;
  color: #20ea41;
  font-weight: bold;
  line-height: 60px;
  margin-bottom: 55px;
}
.content_area .bottom_content .final_rank .winner {
  width: 33.3%;
  float: left;
  margin-bottom: 80px;
  position: relative;
}
.content_area .bottom_content .final_rank .winner .pic_area,
.content_area .bottom_content .final_rank .winner .win_mes {
  display: inline-block;
  position: relative;
}
.content_area .bottom_content .final_rank .winner .on_sj {
  position: absolute;
  width: 135px;
  height: 100px;
  background: url('/static/user/activity/img/jinghang/sj.png');
  top: 30px;
  left: -10px;
}
.content_area .bottom_content .final_rank .winner .on_num {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #198C2B;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  top: 65px;
  left: 10px;
}
.content_area .bottom_content .final_rank .winner .win_mes {
  top: -60px;
  left: -10px;
  font-weight: bold;
  text-align: left;
  position: absolute;
  top: 80px;
  left: 240px;
}
.content_area .bottom_content .final_rank .winner .win_mes .name {
  font-size: 18px;
  color: #fff;
  margin-bottom: 10px;
}
.content_area .bottom_content .final_rank .winner .win_mes .prize {
  font-size: 18px;
  color: #20ea41;
}
.content_area .zysx_tit {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
}
.content_area .zysx_content {
  background: rgba(26, 28, 45, 0.6);
  font-size: 16px;
  color: #aaaec3;
  box-sizing: border-box;
  padding: 30px 30px 30px 40px;
  line-height: 1.6em;
}
.content_area .zysx_item {
  position: relative;
  margin-bottom: 15px;
}
.content_area .zysx_item .num {
  position: absolute;
  top: 0;
  left: -20px;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  display: none;
}
.mask.show {
  display: block;
}
.mask .pop_window {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 2px solid #5E5E7F;
  background: #1F2031;
  box-sizing: border-box;
  display: none;
}
.mask .pop_window.show {
  display: block;
}
.mask .close_btn {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.mask .signin_window {
  width: 544px;
  height: 264px;
  margin-top: -132px;
  margin-left: -272px;
  text-align: center;
}
.mask .signin_window .sigin_tit {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 40px;
}
.mask .signin_window .signin_input {
  width: 290px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #5E5E7F;
  background: #2E2E47;
  color: #fff;
  text-indent: 10px;
}
.mask .signin_window .tips {
  font-size: 14px;
  color: #f15353;
  padding: 12px 0;
  visibility: hidden;
}
.mask .signin_window .tips.err {
  visibility: visible;
}
.mask .signin_window .btn {
  display: inline-block;
  float: left;
  width: 140px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
}
.mask .signin_window .btn.no {
  background: #5e5e7f;
  margin-left: 125px;
  margin-right: 10px;
  transition: 0.3s all ease;
}
.mask .signin_window .btn.no:hover {
  background: #737395;
}
.mask .signin_window .btn.sure {
  background: #198e2c;
  transition: 0.3s all ease;
}
.mask .signin_window .btn.sure:hover {
  background: #27b33d;
}
.mask .signin_window .accept {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('/static/user/activity/img/jinghang/agree.png') no-repeat;
  background-position: 0 -16px;
  vertical-align: -3px;
  cursor: pointer;
}
.mask .signin_window .accept.isaccept {
  background-position: 0 0;
}
.mask .signin_window .sure_text {
  display: inline-block;
  font-size: 14px;
  color: #fff;
}
.mask .signin_window .sure_text .mzsm {
  color: #20ea41;
  text-decoration: underline;
  cursor: pointer;
}
.mask .bindrule_window {
  width: 664px;
  height: 324px;
  margin-top: -162px;
  margin-left: -332px;
  text-align: center;
}
.mask .bindrule_window .br_tit {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  margin-top: 24px;
}
.mask .bindrule_window .step1 {
  font-size: 16px;
  color: #20ea41;
  margin-top: 35px;
}
.mask .bindrule_window .csewm {
  width: 119px;
  height: 119px;
  margin-top: 18px;
}
.mask .bindrule_window .step2 {
  font-size: 14px;
  color: #aaaec3;
  margin-top: 8px;
}
.mask .bindrule_window .step2 .to_bind {
  color: #20ea41;
  text-decoration: underline;
  cursor: pointer;
}
.mask .bindsuc_window {
  width: 544px;
  height: 244px;
  margin-top: -122px;
  margin-left: -272px;
}
.mask .bindsuc_window .bind_suc {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 96px;
  margin-bottom: 50px;
}
.mask .bindsuc_window .bind_f {
  width: 140px;
  height: 40px;
  font-size: 18px;
  margin: 0 auto;
  background: #5E5E7F;
  color: #fff;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.mask .mzsm_window {
  width: 664px;
  height: 326px;
  margin-top: -163px;
  margin-left: -332px;
}
.mask .mzsm_window .mz_tit {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  margin-top: 24px;
  text-align: center;
  margin-bottom: 30px;
}
.mask .mzsm_window .mz_content {
  width: 625px;
  height: 215px;
  margin: 0 auto;
  overflow-y: scroll;
  font-size: 14px;
  color: #aaaec3;
}
.mask .rule_window {
  width: 664px;
  height: 324px;
  margin-top: -162px;
  margin-left: -334px;
}
.mask .rule_window .rule_tit {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 30px;
  text-align: center;
}
.mask .rule_window .rule_content {
  color: #aaaec3;
  font-size: 14px;
  box-sizing: border-box;
  padding: 0 20px;
  height: 220px;
  overflow-y: scroll;
}
.mask .rule_window .rule_content p {
  margin-bottom: 35px;
}
.mask .ride_window {
  width: 1064px;
  height: 604px;
  margin-top: -302px;
  margin-left: -532px;
}
.mask .ride_window .pages {
  text-align: right;
  box-sizing: border-box;
  padding-right: 56px;
}
.mask .ride_window .pages .page_num,
.mask .ride_window .pages .skip {
  display: inline-block;
}
.mask .ride_window .pages .slh {
  font-size: 16px;
  color: #999999;
}
.mask .ride_window .pages .page {
  font-size: 16px;
  color: #999999;
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}
.mask .ride_window .pages .page.cur {
  color: #20ea41;
  text-decoration: underline;
}
.mask .ride_window .pages .page:hover {
  color: #20ea41;
  text-decoration: underline;
}
.mask .ride_window .pages .skip_input {
  display: inline-block;
  box-sizing: border-box;
  width: 40px;
  height: 24px;
  border: 1px solid #5C5C7D;
  background: transparent;
  color: #fff;
}
.mask .ride_window .pages .skip {
  font-size: 16px;
  color: #fff;
}
.mask .ride_window .pages .go_skip {
  cursor: pointer;
  text-decoration: underline;
}
.mask .ride_window .ride_tit {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.mask .ride_window .ride_t_table {
  box-sizing: border-box;
  padding: 0 56px;
}
.mask .ride_window .ride_t_tit {
  font-size: 16px;
  color: #ff7c1c;
  text-align: center;
}
.mask .ride_window .ride_t_tit:before {
  content: "";
  display: table;
  clear: both;
}
.mask .ride_window .ride_t_tit:after {
  content: "";
  display: table;
  clear: both;
}
.mask .ride_window .ride_item {
  text-align: center;
}
.mask .ride_window .ride_item:before {
  content: "";
  display: table;
  clear: both;
}
.mask .ride_window .ride_item:after {
  content: "";
  display: table;
  clear: both;
}
.mask .ride_window .rank,
.mask .ride_window .sex {
  width: 6%;
  float: left;
}
.mask .ride_window .name {
  width: 16%;
  float: left;
}
.mask .ride_window .date,
.mask .ride_window .time {
  width: 16%;
  float: left;
}
.mask .ride_window .power,
.mask .ride_window .np,
.mask .ride_window .pw,
.mask .ride_window .ap {
  width: 10%;
  float: left;
}
.mask .ride_window .ride_t_content {
  margin-top: 12px;
}
.mask .ride_window .ride_item {
  font-size: 16px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  background: #262838;
  border-top: 1px solid #1a1c2d;
}
.wrap {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
  position: relative;
}
.clear:before {
  content: "";
  display: table;
  clear: both;
}
.clear:after {
  content: "";
  display: table;
  clear: both;
}