online_album/wxApp/Furniture/pages/infor/infor.wxss

/* pages/infor/infor.wxss */
page{
  padding: 0;
  margin: 0;
    background: #EBEBEB;
}
.all{
  position: relative;
}
.head{
  width:100%;
  height:450rpx;
  background:linear-gradient(180deg,rgba(233,59,61,1),rgba(246,109,112,1));
  border-radius:0 0 50rpx 50rpx;
  position: relative;
}
.head .mybox{
  width: 680rpx;
  height: 200rpx;
  position: absolute;
  margin-top: 70rpx;
  margin-left: 50rpx;
  display: inline-flex;
  overflow: hidden;
  /* border: 1rpx solid #000; */
  color: #fff;
}
.head .mybox .userimg{
  width:180rpx;
  height:180rpx;
  border-radius: 120rpx;
  border: 8rpx solid #fff;
}
.head .mybox .username{
  width: 300rpx;
  height: 60rpx;
  line-height: 60rpx;
  font-size: 45rpx;
  position: absolute;
  display: flex;
  overflow: hidden;
  margin-top:10rpx;
  margin-left: 230rpx; 
}
.head .mybox .userlevel{
  /* width: 300rpx; */
  height: 60rpx;
  position: absolute;
  left: 230rpx;
  bottom: 20rpx;
  display: flex;
  background:rgba(0,0,0,0.1);
  line-height: 60rpx;
  padding-right: 20rpx;
  border-radius: 15rpx;
}
.head .mybox .userlevel image{
  width: 46rpx;
  height: 46rpx;
  margin:10rpx 20rpx 0 10rpx; 
}
.head .mybox .tools{
  width: 80rpx;
  height: 60rpx;
  line-height: 60rpx;
  position: inherit;
  right: 20rpx;
}

.body{
  position: absolute;
  top: 270rpx;
  width: 680rpx;
  margin-left: 35rpx;
}
.body .list{
  margin-top: 50rpx;
  width: 680rpx;
  height: 200rpx;
  background: #fff;
  border-radius: 18rpx;
}
.body .list .sousuo{
  width: 100%;
  height: 100rpx;
  border-bottom: 4rpx solid #ccc;
  position: relative;
  display: flex;
  font-size: 32rpx;
}
.body .list .sousuo .findit{
  width: 480rpx;
  height: 70rpx;
  background: #eee;
  margin: 15rpx 0 15rpx 0;
  border-radius:0 35rpx 35rpx 0; 
}
.body .list .sousuo .pic{
  background: #eee;
  width: 100rpx;
  height: 70rpx;
  border-radius: 35rpx 0 0 35rpx;
  margin: 15rpx 0 15rpx 20rpx;
  text-align: center;
}
.body .list .sousuo .sweep{
  width: 70rpx;
  height: 70rpx;
  margin: 15rpx;
}
.body .list .sousuo .sweep image{
  width:60rpx;
  height: 60rpx;
  margin-top: 5rpx;
}
.body .list .sousuo .pic image{
  width:50rpx;
  height: 50rpx;
  margin-top: 10rpx;
}
.body .list .vorder-infor{
  width: 100%;
  height: 200rpx;
  padding: 30rpx 20rpx 0 5rpx;
  display: -webkit-box;
  display: flex;
  color: #aaa;
}
.body .list .vorder-infor .active{
  color:RGB(233,59,61);
}
.body .list .vorder-infor .mana-list{
  flex: 1;
  width: 100%;
  height: 120rpx;
  display: flex;
}
.body .list .vorder-infor navigator{
  width: 120rpx;
  height: 160rpx;
  text-align: center;
  flex: 1;
  font-size: 30rpx;
  position: relative;
}
.body .list .vorder-infor navigator image{
  width: 80rpx;
  height: 80rpx;
  margin-top: 5rpx;
}

.body .vorder{
  width: 680rpx;
  padding: 20rpx 0;
  background: #fff;
  border-radius: 18rpx;
  margin-top: 20rpx;
}
.vorder .thevorder{
  position: relative;
  width: 100%;
  height: 140rpx;
  border-bottom: 4rpx solid #ccc;
}
.vorder .thevorder view{
  position: absolute;
  font-size: 36rpx;
  color: #aaa;
}
.vorder .thevorder .vorderid{
  width: 480rpx;
  height: 60rpx;
  /* border: 1rpx solid #999; */
  overflow: hidden;
  top: 20rpx;
  left: 20rpx;
}
.vorder .thevorder .vordertime{
  width: 600rpx;
  height: 60rpx;
  /* border: 1rpx solid #999; */
  top: 80rpx;
  left: 20rpx;
}
.vorder .thevorder .state{
  width: 120rpx;
  height: 60rpx;
   /* border: 1rpx solid #999; */
  line-height: 60rpx;
  position: absolute;
  top: 10rpx;
  right: 10rpx;
  font-size: 38rpx;
  color: #E45;
}
.vorder .theinfor{
  position: relative;
  width: 100%;
  height: 270rpx;
}
.vorder .theinfor view{
  position: absolute;
  font-size: 36rpx;
  color: #aaa;
}
.vorder .theinfor .cate{
  width: 600rpx;
  height: 60rpx;
  overflow: hidden;
  top: 20rpx;
  left: 20rpx;
}
.vorder .theinfor .model{
  width: 600rpx;
  height: 60rpx;
  overflow: hidden;
  top: 80rpx;
  left: 20rpx;
}
.vorder .theinfor .problem{
  width: 600rpx;
  height: 60rpx;
  overflow: hidden;
  top: 140rpx;
  left: 20rpx;
}
.vorder .theinfor button{
  top: 205rpx;
  display: block;
  width: 220rpx;
  height: 60rpx;
  font-size: 36rpx;
  line-height: 60rpx;
  float: right;
  margin-bottom: 0;
  margin-right: 20rpx;
  color: #aaa;
}


button{
  display: inline-block;
  font-size: 30rpx;
  height: 60rpx;
  line-height: 60rpx;
}
.num{
position: absolute;
display: inline-block;
width: 50rpx;
height: 40rpx;
line-height: 40rpx;
text-align: center;
background: #E45;
color: #fff;
font-weight: 700;
z-index: 5;
top: 0;
right: 20rpx;
border-radius: 20rpx;
}
.qrcode{
  width:80rpx;
  height:80rpx;
}
.show_pic{
  position: absolute;
  width: 500rpx;
  height: 500rpx;
  left: 125rpx;
  top:300rpx;
  z-index: 10;
}
.sp{
  position: fixed;
  background-color: #dcdcdc;
  top:0;
  width: 100%;
  height: 100%;
  z-index: 9;
  overflow-y: hidden;
}
.foot{
  display: flex;
  border-top:1px #eee solid;
  position: fixed;
  bottom: 0;
  width: 100%;
  height:100rpx;
  z-index: 100;
  background-color: #fff;
}
.foot .img{
  width:35rpx;
  height: 35rpx;
  margin-left: 110rpx;
  margin-top: 40rpx;
}
.foot .img2{
  width:35rpx;
  height: 35rpx;
  margin-left: 370rpx;
  margin-top: 40rpx;
}
.foot .index{
  position: fixed;
  color: #ccc;
  font-size: 35rpx;
  bottom: 15rpx;
  left: 160rpx
}
.foot .user{
  position: fixed;
  color: #E93B3D;
  font-size: 35rpx;
  bottom: 15rpx;
  left: 540rpx
}