hulimall/pages/user/score.wxss

/* pages/user/score.wxss */
.swiper-tab{  
  padding-left: 9%;
  padding-right: 9%;
  width: 82%;  
  text-align: center;  
  line-height: 80rpx;
  display: flex;
  justify-content: space-between;
}  
.swiper-tab-list{  
  font-size: 30rpx;  
  /* display: inline-block;   */
  width: 20%;  
  color: #333333;  
}  
.on{ 
  color: #FA5151;  
  border-bottom: 5rpx solid #FA5151;
}  
.swiper-box{
   display: block; 
   height: 100%; 
   width: 100%; 
   overflow: hidden;
 }  
.scoreuse{  
    text-align: justify;
    padding-bottom: 10px;
}

.detail{
   display: flex;
   flex-direction: column;
   border-top:1px solid #eee; 
}
.scoreuse{
   display: block;
   line-height: 60rpx;
   align-items: flex-start;
   color: #777;
   font-size: 35rpx;
}
.jf_text{
  text-align: center;
}
.jf_obtain{
  width:100%;
  display: flex;
  align-items: center;
  margin-top:10px;
  height:50px;
}
.obtain_bt{
  color: #000;
  font-size:30rpx;
  height:25px;
}
.obtain_box{
  width:95%;
  margin:0 auto;
  border-top: 1px solid #eee;
}
.detail image{
  width: 100px;
  height: 40px;
  margin: auto;
}
.myscore{
  background:#015051;
  color: #fff;
  height:200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scoreData {
  color: white;
  text-align: center;
  z-index: 1;
  width: 30%;
}
.scoreNum {
  font-size: 55rpx;
  height: 88rpx;
}
.yh-kyjf {
  font-size: 26rpx;
  opacity: 0.6;
  margin: 10rpx 0;
}
.useExp {
  z-index: 2;
  position: absolute;
  right: 31rpx;
  top: 20rpx;
  font-size: 24rpx;
  color: #99B4B4;
  display: flex;
  align-items: center;
}

.useExp image {
  width: 24rpx;
  height: 24rpx;
  margin-right: 7rpx;
  position: initial;
}
.jf_box{
  width: 100px;
  height: 100px;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: 10px auto;
}