.pc-style .mid {
  margin: 10px auto;
  width: 1120px;
  font-size: 16px;
}

.pc-style .mid .ranking {
  background: #ffffff;
  padding: 20px;
}

.pc-style .mid .ranking .ranking-tabs {
  display: none;
}

.pc-style .mid .ranking .banner {
  background: #ff9900 url(../Images/rankingBanner.png) center center no-repeat;
  background-size: 100% auto;
  margin-bottom: 20px;
  border-radius: 5px;
}

.pc-style .mid .ranking .banner .banner-inner:before {
  content: "";
  padding-top: 27.7%;
  display: block;
}

.pc-style .mid .ranking .banner .banner-inner h1 {
  position: absolute;
  left: -99999em;
}

.pc-style .mid .ranking .ranking-list {
  overflow: hidden;
  zoom: 1;
  margin: 0px -20px;
}

.pc-style .mid .ranking .ranking-list-block {
  float: left;
  width: 50%;
}

.pc-style .mid .ranking .ranking-list-block-inner {
  margin: 10px 20px;
}

.pc-style .mid .ranking .ranking-list-block .ranking-list-title {
  font-size: 20px;
  padding: 10px 20px;
  background: #f5f5f5;
  border-radius: 5px;
  font-weight: bold;
}

.pc-style .mid .ranking .ranking-list-block .ranking-item {
  border-bottom: 1px dashed #e5e5e5;
  padding: 10px 20px;
  line-height: 50px;
  overflow: hidden;
  zoom: 1;
}

.pc-style .mid .ranking .ranking-list-block .ranking-item:last-child {
  border-bottom: none;
}

.pc-style .mid .ranking .ranking-item .ranking-item-no {
  float: left;
  width: 30px;
  height: 30px;
  padding: 10px 0px;
  margin-right: 20px;
  line-height: 28px;
  text-align: center;
}

.pc-style .mid .ranking .ranking-item .ranking-item-no .no1 {
  display: block;
  border-radius: 100px;
  border: 1px solid #fec23d;
  background: #ffd955;
  background-image: linear-gradient(-45deg, #fec23d, #ffe464, #fec23d);
  background-image: -webkit-linear-gradient(-45deg, #fec23d, #ffe464, #fec23d);
  color: #977123;
  font-weight: bold;
}

.pc-style .mid .ranking .ranking-item .ranking-item-no .no2 {
  display: block;
  border-radius: 100px;
  border: 1px solid #d5d5d5;
  background-image: linear-gradient(-45deg, #e5e5e5, #ffffff, #e5e5e5);
  background-image: -webkit-linear-gradient(-45deg, #e5e5e5, #ffffff, #e5e5e5);
  font-weight: bold;
}

.pc-style .mid .ranking .ranking-item .ranking-item-no .no3 {
  display: block;
  border-radius: 100px;
  background: #d1754d;
  border: 1px solid #b36442;
  background-image: linear-gradient(-45deg, #d1754d, #ec956f, #d1754d);
  background-image: -webkit-linear-gradient(-45deg, #d1754d, #ec956f, #d1754d);
  color: #ffffff;
  font-weight: bold;
}

.pc-style .mid .ranking .ranking-item .ranking-item-no .no {
  display: block;
  border-radius: 100px;
  border: 1px solid #e5e5e5;
}

.pc-style .mid .ranking .ranking-item .ranking-item-head {
  float: left;
  margin-right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #cccccc;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.pc-style .mid .ranking .ranking-item .ranking-item-head img {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 100%;
  opacity: 0;
}

.pc-style .mid .ranking .ranking-item .ranking-item-head:after {
  content: "";
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.pc-style .mid .ranking .ranking-item .ranking-item-name {
  float: left;
}

.pc-style .mid .ranking .ranking-item .ranking-item-money {
  float: right;
  color: #e53737;
}

.pc-style .mid .ranking .ranking-item .ranking-item-money .num {
  font-size: 20px;
}

/* 移动端样式 */

.mobile-style {
  background: #ffffff;
}

.mobile-style #top {
  display: none;
}

.mobile-style #bot {
  display: none;
}

.mobile-style .mid {
  margin: 0px auto;
  font-size: 16px;
}

.mobile-style .mid .ranking {
  background: #ffffff;
}

.mobile-style .mid .ranking .ranking-tabs {
  display: block;
  text-align: center;
  font-size: 0px;
  padding: 10px;
  background: #f5f5f5;
}

.mobile-style .mid .ranking .ranking-tabs .ranking-tabs-inner {
  border: 1px solid #e53737;
  color: #e53737;
  border-radius: 100px;
  overflow: hidden;
  background: #ffffff;
  display: inline-block;
}

.mobile-style .mid .ranking .ranking-tabs .ranking-tabs-item {
  display: inline-block;
  text-align: center;
  font-size: 16px;
}

.mobile-style .mid .ranking .ranking-tabs .ranking-tabs-item a {
  display: block;
  cursor: pointer;
  line-height: 30px;
  padding: 0px 20px;
}

.mobile-style .mid .ranking .ranking-tabs .ranking-tabs-item .over {
  background: #e53737;
  color: #ffffff;
}

.mobile-style .mid .ranking .banner {
  background: url(../Images/rankingBanner.png) center center no-repeat;
  background-size: cover;
}

.mobile-style .mid .ranking .banner .banner-inner:before {
  content: "";
  padding-top: 40%;
  display: block;
}

.mobile-style .mid .ranking .banner .banner-inner h1 {
  position: absolute;
  left: -99999em;
}

.mobile-style .mid .ranking .ranking-list {
  overflow: hidden;
  zoom: 1;
  padding: 20px;
}

.mobile-style .mid .ranking .ranking-list-block {}

.mobile-style .mid .ranking .ranking-list-block-inner {}

.mobile-style .mid .ranking .ranking-list-block .ranking-list-title {
  font-size: 20px;
  padding: 10px 20px;
  background: #f5f5f5;
  border-radius: 5px;
  text-align: center;
  display: none;
}

.mobile-style .mid .ranking .ranking-list-block .ranking-item {
  border-bottom: 1px dashed #e5e5e5;
  padding: 10px 0px;
  line-height: 50px;
  overflow: hidden;
  zoom: 1;
}

.mobile-style .mid .ranking .ranking-list-block .ranking-item:last-child {
  border-bottom: none;
}

.mobile-style .mid .ranking .ranking-item .ranking-item-no {
  float: left;
  width: 30px;
  height: 30px;
  padding: 10px 0px;
  margin-right: 10px;
  line-height: 28px;
  text-align: center;
}

.mobile-style .mid .ranking .ranking-item .ranking-item-no .no1 {
  display: block;
  border-radius: 100px;
  border: 1px solid #fec23d;
  background: #ffd955;
  background-image: linear-gradient(-45deg, #fec23d, #ffe464, #fec23d);
  background-image: -webkit-linear-gradient(-45deg, #fec23d, #ffe464, #fec23d);
  color: #977123;
  font-weight: bold;
}

.mobile-style .mid .ranking .ranking-item .ranking-item-no .no2 {
  display: block;
  border-radius: 100px;
  border: 1px solid #d5d5d5;
  background-image: linear-gradient(-45deg, #e5e5e5, #ffffff, #e5e5e5);
  background-image: -webkit-linear-gradient(-45deg, #e5e5e5, #ffffff, #e5e5e5);
  font-weight: bold;
}

.mobile-style .mid .ranking .ranking-item .ranking-item-no .no3 {
  display: block;
  border-radius: 100px;
  background: #d1754d;
  border: 1px solid #b36442;
  background-image: linear-gradient(-45deg, #d1754d, #ec956f, #d1754d);
  background-image: -webkit-linear-gradient(-45deg, #d1754d, #ec956f, #d1754d);
  color: #ffffff;
  font-weight: bold;
}

.mobile-style .mid .ranking .ranking-item .ranking-item-no .no {
  display: block;
  border-radius: 100px;
  border: 1px solid #e5e5e5;
}

.mobile-style .mid .ranking .ranking-item .ranking-item-head {
  float: left;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #cccccc;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.mobile-style .mid .ranking .ranking-item .ranking-item-head img {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 100%;
  opacity: 0;
}

.mobile-style .mid .ranking .ranking-item .ranking-item-head:after {
  content: "";
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.mobile-style .mid .ranking .ranking-item .ranking-item-name {
  float: left;
}

.mobile-style .mid .ranking .ranking-item .ranking-item-money {
  float: right;
  color: #e53737;
}

.mobile-style .mid .ranking .ranking-item .ranking-item-money .num {
  font-size: 20px;
}

.mobile-style .mid .ranking #conrankingA2 {
  display: none;
}

.mobile-style .ServiceStyle01, .mobile-style .ServiceStyle02, .mobile-style .ServiceStyle03, .mobile-style .ServiceStyle04, .mobile-style .ServiceStyle05, .mobile-style .ServiceStyle06 {
  display: none;
}
.mobile-style .fixed-top-serch{
  display: none !important;
}