@charset "UTF-8";
.swiper-container {
  width: 100%; }

.swiper-container .swiper-wrapper img {
  width: 100%;
  height: 2.58rem; }

.swiper-pagination-bullet {
  background: #FFFFFF;
  opacity: 0.4; }

.swiper-pagination-bullet-active {
  background: #FFD031;
  opacity: 1; }

.ex-rate {
  width: 100%;
  height: 1.48rem;
  background: #FFFFFF;
  display: flex;
  text-align: center;
  margin-top: .6rem; }
  .ex-rate .ex-rate-content {
    flex: 1; }
    .ex-rate .ex-rate-content:nth-child(1) {
      background: url(../img/yellow_bg.png) no-repeat;
      background-size: 100% 100%;
      margin: 0 .2rem; }
    .ex-rate .ex-rate-content:nth-child(2) {
      background: url(../img/yellow_bg.png) no-repeat;
      background-size: 100% 100%;
      margin-right: .2rem; }
    .ex-rate .ex-rate-content:nth-child(3) {
      background: url(../img/yellow_bg.png) no-repeat;
      background-size: 100% 100%;
      margin-right: .2rem; }
    .ex-rate .ex-rate-content:after {
      height: 0; }
    .ex-rate .ex-rate-content span {
      display: block;
      margin: .09rem 0;
      line-height: .2rem;
      font-weight: 400; }
    .ex-rate .ex-rate-content .coins {
      font-size: .24rem;
      color: #FFFFFF; }
    .ex-rate .ex-rate-content .price {
      font-size: 16px;
      font-weight: 600;
      color: #73D13D; }
    .ex-rate .ex-rate-content .rate {
      font-size: .2rem;
      font-weight: 600;
      color: #FF9D00; }
    .ex-rate .ex-rate-content .rate-price {
      font-size: 10px;
      color: #FFFFFF; }

/*滚动屏样式*/
.announcement {
  width: 100%;
  height: .68rem;
  background: #C7282C;
  display: flex;
  align-items: center; }

.mui-slider-title {
  position: relative;
  padding-left: .8rem;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  background: #C7282C; }

.mui-slider {
  position: absolute; }

.announcement-img {
  z-index: 5;
  height: .37rem;
  padding: 0 .25rem;
  background: #C7282C; }
  .announcement-img img {
    width: .27rem;
    height: .27rem;
    padding-top: .05rem; }

.slider-box {
  width: 100%;
  height: 4.2rem;
  text-align: center; }

.options {
  width: 93%;
  height: 1.91rem;
  background: #FFFFFF;
  display: flex;
  text-align: center;
  align-items: center;
  margin: .2rem auto;
  z-index: 20;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px; }
  .options .options-info {
    flex: 1; }
    .options .options-info img {
      width: .96rem;
      height: .96rem; }
    .options .options-info span {
      font-size: .2rem;
      font-weight: 400;
      color: #333333;
      line-height: .2rem;
      display: block;
      margin-top: .17rem; }

.gain-ranking {
  background: #FFFFFF;
  margin-top: .2rem; }
  .gain-ranking h3 {
    width: 100%;
    height: .6rem;
    font-size: .27rem;
    font-weight: 400;
    color: #333333;
    line-height: .6rem;
    border-bottom: 1px solid #EEEEEE;
    padding-left: .26rem; }
    .gain-ranking h3 img {
      width: .27rem;
      height: .27rem;
      vertical-align: middle;
      margin-right: .1rem; }
  .gain-ranking .more {
    float: right;
    padding-right: .2rem; }
  .gain-ranking .gain-item ul li {
    width: 90%;
    height: 1.1rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EEEEEE; }
    .gain-ranking .gain-item ul li .gain-item-list-ranking {
      width: .43rem;
      height: .43rem;
      font-size: .27rem;
      font-family: Helvetica;
      font-weight: 400;
      background: #C7282C;
      color: #FFFFFF;
      border: 1px solid #C7282C;
      border-radius: 50%;
      text-align: center;
      line-height: .43rem;
      margin-right: 0.25rem; }
    .gain-ranking .gain-item ul li .gain-item-list-name,
    .gain-ranking .gain-item ul li .gain-item-list-price {
      flex: 1; }
      .gain-ranking .gain-item ul li .gain-item-list-name .name1,
      .gain-ranking .gain-item ul li .gain-item-list-name .price1,
      .gain-ranking .gain-item ul li .gain-item-list-price .name1,
      .gain-ranking .gain-item ul li .gain-item-list-price .price1 {
        font-size: .24rem;
        font-weight: 400;
        color: #333333;
        line-height: .2rem;
        display: block;
        padding-bottom: .1rem; }
      .gain-ranking .gain-item ul li .gain-item-list-name .name2,
      .gain-ranking .gain-item ul li .gain-item-list-name .price2,
      .gain-ranking .gain-item ul li .gain-item-list-price .name2,
      .gain-ranking .gain-item ul li .gain-item-list-price .price2 {
        font-size: .2rem;
        font-weight: 400;
        color: #999999;
        line-height: .2rem; }
    .gain-ranking .gain-item ul li .gain-item-list-info {
      width: 1.12rem;
      height: .43rem;
      background: linear-gradient(90deg, #4cd49a 0%, #56d8d3 100%);
      border-radius: 4px;
      font-size: .2rem;
      font-weight: 400;
      color: #FFFFFF;
      text-align: center;
      line-height: .43rem; }

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