html {
    height: 100%;
}
body {
    background-color: #F5F5F5;
    min-width: 100%;
    min-height: 100%;
}
.shoujiang__main main{
  background: url(/images/newsojiang/mobile/login-bg-new.png) no-repeat;
  background-size: 100% 47.696477%;
}
.sm-logo{
  background: url(/images/newsojiang/mobile/home-logo@2x.png) no-repeat center;
  background-size: 100%;
  float: left;
  margin: 0.4rem 0 0 0.32rem;
  height: 0.8rem;
  width: 1.6rem;
}
.areas-left i {
    background: url(/images/newsojiang/mobile/home-task@2x.png) no-repeat center;
    background-size: 100%;
}

.areas-right i {
    background: url(/images/newsojiang/mobile/home-person@2x.png) no-repeat center;
    background-size: 100%;
}
.center-logo i {
    height: 2.773333333333333rem;
    width: 100%;
    background: url(/images/newsojiang/mobile/login-title@2x.png) no-repeat center;
    background-size: 100%;
    display: block;
}
.center-logo {
    font-size: 26px;
    color: #fff;
    text-align: center;
    padding-top: 2.3rem;
    width: 5.706666666666667rem;
    margin: 0 auto;
    /*padding-top: 0.8266666666666667rem;*/
}

.index-center-btn {
    padding: 0.8rem 0 0.5866666666666667rem 0;
    width: 6.16rem;
    margin: 0 auto;
}
.index-center-btn:after,.display-count:after{
  content: '';
  display: block;
  clear: both;
}
.index-center-btn a{
  width: 2.8rem;
  height: 0.96rem;
  font-size: 0.4rem;
  line-height: 0.96rem;
  border-radius: 0.48rem;
  text-align: center;
}
    .index-center-btn .index-login {
        float: left;
        color: #fff;
        background: #C38C00;
        box-shadow: 0 0.1733333333333333rem 0.3866666666666667rem rgba(119,93,0,0.36);
    }
.index-center-btn .index-register{
  float:right;
  background: #fff;
  color:#bb8e00;
  box-shadow: 0 0.1733333333333333rem 0.3866666666666667rem 0 rgba(119,93,0,0.36);
}
.display-areas{
  width: 9.04rem;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 1.226666666666667rem 0 rgba(221,221,221,0.6);
  border-radius: 2px;
  padding-bottom: 0.2666666666666667rem;
}
.display-count li{
  width: 50%;
  height:2.64rem;
  padding-top: 0.48rem;
  text-align: center;
  float: left;
}
.display-count li i{
  display: block;
  margin: 0 auto 0.2933333333333333rem;
  height: 0.6933333333333333rem;
  width: 0.6933333333333333rem
}
.display-count p{
  font-size: 0.3466666666666667rem;
  line-height: 0.32rem;
  color: #c5c5c5;
  margin-bottom:0.4rem;
}
.display-count .count{
  color: #333;
  font-size: 0.56rem;
  line-height: 0.4533333333333333rem;
  font-weight: bold;
}
.display-count .unit{
  font-weight: bold;
  color: #333;
  font-size: 0.3466666666666667rem;
  line-height: 0.32rem;
}

.white-bg{
  padding: 0.8533333333333333rem 0.32rem 0.2666666666666667rem 0.32rem;
}
.white-bg hr{
  border-top:  0.0133333333333333rem solid #e5e5e5;
  border-bottom: none;
}
.reward-display{
  padding: 0 0.4266666666666667rem 0 0.4rem;
  position: absolute;
  width: 100%;
  top:0;
}
.reward-transition{
  transition: .6s all linear;
}
.reward-display li{
  height: 0.9333333333333333rem;
  line-height: 0.9333333333333333rem;
}
.reward-display li h1,.reward-display li h2{
  float: left;
}
.reward-display li h3{
  float: right;
}
.reward-display li h1{
  font-size: 0.4266666666666667rem;
  color: #333;
}
.reward-display li h2{
  font-size: 0.4266666666666667rem;
  color: #c4c4c4;
  margin-left: 0.5333333333333333rem;
}
.reward-display li h3{
  font-size: 0.4266666666666667rem;
  color: #ffa200;
}
.reward-banner{
  height: 4.666666666666667rem;
  overflow: hidden;
  position: relative;
}
@media (-webkit-min-device-pixel-ratio: 3){
    .sm-logo {
        background: url(/images/newsojiang/mobile/home-logo@3x.png) no-repeat center;
        background-size: 100%;
    }

    .center-logo i {
        background: url(/images/newsojiang/mobile/login-title@3x.png) no-repeat center;
        background-size: 100%;
    }

    .areas-left i {
        background: url(/images/newsojiang/mobile/home-task@3x.png) no-repeat center;
        background-size: 100%;
    }

    .areas-right i {
        background: url(/images/newsojiang/mobile/home-person@3x.png) no-repeat center;
        background-size: 100%;
    }
}