.top_wrap {
  margin-top: 40px;
  height: 2180px; }
  .top_wrap > .blk01 {
    overflow: scroll; }
  .top_wrap > .blk02 {
    display: flex;
    flex-flow: column;
    justify-content: space-between; }
  .top_wrap .story .story_wrap {
    height: auto; }

.slider,
.nf {
  width: 660px;
  position: relative; }

.top_bnr {
  margin-top: 60px; }
  .top_bnr img {
    width: 100%; }

.slider .swiper-slide p {
  font-size: 22px;
  transform: translateY(5px);
  margin-left: 10px; }
.slider .swiper-container {
  background: #ff9100;
  position: relative;
  padding-bottom: 5px; }
.slider .swiper-pagination-bullet {
  width: 14px;
  height: 14px; }
.slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px; }
.slider .swiper-container-horizontal > .swiper-pagination-bullets,
.slider .swiper-pagination-custom,
.slider .swiper-pagination-fraction {
  bottom: 3px; }

:root {
  --swiper-theme-color: #ffffff; }

.nf {
  border: 1px solid #ff9100;
  margin-top: 40px; }
  .nf .inner {
    width: 563px;
    margin-left: auto;
    margin-right: auto;
    height: 1490px;
    overflow-y: scroll; }
  .nf .nf_wrap {
    padding-bottom: 20px; }
  .nf .nf_col {
    width: 555px; }

.rt {
  border: 1px solid #ff9100; }
  .rt .sort_radio {
    margin-bottom: 20px; }

.rank .rank_outer {
  border: 1px solid #ff9100; }
.rank .rank_col {
  margin-top: 0; }

.swiper-wrapper {
  opacity: 0;
  height: 0; }

.top_swiper .swiper-wrapper {
  opacity: 1 !important;
  height: auto !important; }

.swiper-button-prev {
  opacity: 0;
  height: 0; }

.swiper-button-next {
  opacity: 0;
  height: 0; }

.shop_top .bread {
  margin-top: 10px; }
.shop_top .seo_disc {
  margin: 20px 0;
  font-size: 12px; }
.shop_top .story_wrap {
  height: 2170px; }
.shop_top .slider .swiper-container {
  background: none;
  position: relative;
  padding-bottom: 32px; }
.shop_top .swiper-pagination-bullet {
  background: #fff; }
.shop_top .tab h2 {
  background: #000;
  border: 1px solid #fff;
  margin-right: 0;
  padding: 10px;
  margin: 20px 0; }
.shop_top .tab h2.active {
  background: #fff;
  color: #000;
  position: relative; }
  .shop_top .tab h2.active::after {
    content: "";
    position: absolute;
    top: 89%;
    left: 50%;
    margin-left: -13px;
    border: 13px solid transparent;
    border-top: 15px solid #fff; }
.shop_top .news {
  width: 660px; }
  .shop_top .news .news_wrap {
    height: 1624px;
    overflow: scroll;
    padding: 20px 20px 0;
    border: 1px solid #ff9100; }
  .shop_top .news .tab h2 {
    width: 330px; }
  .shop_top .news img {
    max-width: 100%; }
.shop_top .rt_nf {
  border: none;
  margin-top: 20px; }
  .shop_top .rt_nf .tab h2 {
    width: 50%; }
  .shop_top .rt_nf .sort_radio {
    margin: 20px 0; }
.shop_top .nf .outer {
  width: 1139px;
  margin-left: auto;
  margin-right: auto; }
.shop_top .nf_2col {
  width: auto;
  margin-top: 20px;
  border: none;
  padding: 0; }
  .shop_top .nf_2col .more {
    border: none;
    width: auto;
    background: none;
    margin-top: 0;
    font-size: 16px; }
    .shop_top .nf_2col .more a {
      width: auto;
      display: inline;
      border: none;
      font-size: 16px; }
  .shop_top .nf_2col .nf_col {
    margin-bottom: 8px;
    width: 565px; }
    .shop_top .nf_2col .nf_col .blk02 .nf_txt {
      font-size: 12px; }
.shop_top .outer {
  flex-flow: wrap; }
.shop_top .rank {
  margin-top: 0; }
  .shop_top .rank .tab h2 {
    width: 33.333333%; }
  .shop_top .rank .rank_outer {
    border: none; }

.btn_submit input {
  background: #ff4cc0;
  width: 100px;
  height: 32px;
  border-radius: 5px;
  text-align: center;
  font-size: 20px; }

.top_more_btn {
  text-align: right;
  padding-right: 32px; }
  .top_more_btn a {
    color: #ff4cc0; }
    .top_more_btn a:hover {
      opacity: .8; }

/*# sourceMappingURL=top.css.map */