body{
  background: #F2F2F2;
}

.userheader{
  
}
.userheader .more{
  height: 1rem;
  background: #ffffff;
  text-align: right;
  line-height: 1rem;
  padding: 0 .4rem;
  color: #666666;
}

.tx{
  padding: 0 .4rem;
  display: flex;
  background: #ffffff;
}
.tx .tximg{
  width: 1.8rem;
  height: 1.8rem;
}
.tx .tximg a{
  width: 100%;
  height: 100%;
  display: block;
}
.tx .tximg a img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.tx .fans{
  flex: 1;
  padding-left: .4rem;
  padding-top: .4rem;
}
.tx .fans .fansbox{
  display: flex;
  justify-content: space-between;
}
.tx .fans .fansbox a{
  display: block;
  text-align: center;
}
.tx .fans .fansbox a p{
  color: #888888;
}
.tx .fans .fansbox a span{
  font-weight: 600;
}
.tx .fans .ziliao{
  display: flex;
  padding-top: .2rem;
}
.tx .fans .ziliao a{
  display: block;
  padding:.2rem .3rem;
  background: #F3F3F3;
  border-radius: 100rem;
  font-size: .32rem;
  line-height: .32rem;
  color: #aaaaaa;
  margin-right: .2rem;
}


.order{
  background: #ffffff;
  padding-top: .4rem;
}
.order .tit{
  display: flex;
  padding: 0 .4rem;
  justify-content: space-between;
}
.order .tit span{
  font-size: .42rem;
}
.order .tit a{
  color: #989898;
  font-size: .34rem;
}
.order .tit a .icon-you{
  font-size: .34rem;
}
.order .order_tab{
  display: flex;
  justify-content: space-around;
  margin-bottom: .2rem;
}
.order .order_tab a{
  display: block;
  width: 1.8rem;
  height: 1.6rem;
  text-align: center;
  color: #777777;
  margin-top: .4rem;
  position: relative;
}
.order .order_tab a .iconfont{
  font-size: .7rem;
}
.order .order_tab a p{
  font-size: .3rem;
}
.order .order_tab a i{
  font-style: normal;
  width: .5rem;
  height: .5rem;
  background: #EA393A;
  color: #ffffff;
  font-size: .3rem;
  text-align: center;
  line-height: .5rem;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: -0.2rem;
  right: 0.2rem;
}

.sp{
  background: #ffffff;
}
.sp .tab{
  padding: 0 .4rem;
  height: 1.2rem;
  display: flex;
  justify-content: center;
}
.sp .tab a{
  display: block;
  padding: .3rem 0;
  margin:0 .4rem;
  color: #666666;
}
.sp .tab .on span {
  color: #000000;
  font-size: .42rem;
}
.sp .tab .on span::after{
  content: '';
  display: block;
  width: .4rem;
  height: .1rem;
  background: #EB5B56;
  border-radius: 50rem;
  margin: .1rem auto 0;
}
.sp .list{
  padding-bottom: 2rem;
}
.sp .list .collect{

}
.sp .list .collect li{
  padding: .4rem;
  position: relative;
  border-bottom: 1px solid #eeeeee;
}
.sp .list .collect li a{
  display: flex;
  /* padding: .4rem; */
}
.sp .list .collect li a .proimg{
  width: 2.2rem;
  height: 2.2rem;
}
.sp .list .collect li a .proimg img{
  width: 100%;
  height: 100%;
  border-radius: .2rem;
}
.sp .list .collect li a .c_det{
  padding-left: .4rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sp .list .collect li a .author{
  display: flex;
  align-items: center;
}
.sp .list .collect li a .author .tximg{
  width: .6rem;
  height: .6rem;
  margin-right: .2rem;
}
.sp .list .collect li a .author .tximg img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.sp .list .collect li a .author span{
  font-size: .34rem;
  color: #999999;
}
.sp .list .collect li .prolink{
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  right: .4rem;
  bottom: .4rem;
}
.sp .list .collect li .prolink img{
  border-radius: .2rem;
}
.sp .list .collect li .prolink p{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(000, 000, 000, .5);
  color: #ffffff;
  font-size: .3rem;
  text-align: center;
  border-radius: 0 0 .2rem .2rem;
}
.sp .list .videos{
  display: flex;
  flex-wrap: wrap;
  padding-bottom: .4rem;
}
.sp .list .videos li{
  width: 3.3rem;
  height: 4.3rem;
  background: #aaaaaa;
  margin-right: 1px;
  margin-bottom: 1px;
}
.sp .list .videos li a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.sp .list .videos li a img{
  width: 100%;
  height: 100%;
}
.sp .list .videos li a .num{
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  padding:0 .1rem;
}
.sp .list .videos li a .num span{
  font-size: .4rem;
}
.sp .list .videos li a .num .icon-aixin{
  font-size: .44rem;
}
.sp .list .videos li a .shenhe{
  width: 100%;
  height: 100%;
  background: rgba(000, 00, 000, .5);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sp .list .videos li a .shenhe .shenhezhong{
  color: #ffffff;
}
.sp .list .videos li a .shenhe .butongguo{
  color: #EA393A;
}



.side{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(000, 000, 000, .5);
  z-index: 10;
}

.right{
  width: 6rem;
  background: #F2F2F2;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
}
.right a{
  display: flex;
  padding:0 .4rem;
  height: 1rem;
  margin: .5rem 0;
}
.right a .icon{
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
}
.right a span{
  line-height: 1rem;
}
.right a .icon .iconfont{
  font-size: .5rem;
}

.footer{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.2rem;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  line-height: 1.2rem;
  border-top: 1px solid #eeeeee;
  padding: 0 .4rem;
  box-sizing: border-box;
}
.footer a{
  font-size: .42rem;
}
.footer .on{
  color: #EA393A;
}