bang-wechat-applet/pages/mine/mine.wxss

/* pages/mine/mine.wxss */
.person{
  width: 690rpx;
  height: 200rpx;
  margin: 0 30rpx;
  display: flex;
  flex-direction: row;
}
.person_head{
  display: flex;
  width: 200rpx;
  height: 200rpx;
}
.person_head image{
  width: 160rpx;
  height: 160rpx;
  margin: auto;
  border-radius: 50%;
}
.person_name{
  width:340rpx;
  height: 200rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;  
}
.person_name>view:nth-child(1){
  width: 290rpx;
  height: 80rpx;
  line-height: 80rpx;
  font-size: 50rpx;
  font-weight: 700;
  text-align: left;
}
.person_name>view:nth-child(2){
  width: 290rpx;
  height: 60rpx;
  line-height: 60rpx;
  font-size: 36rpx;
  font-weight: 400;
  text-align: left;
}
.person_love{
  width: 150rpx;
  height: 200rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.person_love image{
  width: 48rpx;
  height: 48rpx;
}
.person_love text{
  font-size: 40rpx;
  font-weight: 700;
}
.otherlove{
  width: 690rpx;
  height: 150rpx;
  margin: 30rpx;
  border: 2rpx solid rgba(208, 207, 207, 0.5);
  border-radius: 10rpx;
  box-shadow: 0px 0px 2px 0px rgba(208, 207, 207, 1);
  display: flex;
  flex-direction: row;
}
.other_icon{
  width: 200rpx;
  height: 150rpx;
  display: flex;
}
.other_icon image{
  width: 150rpx;
  height: 150rpx;
  margin: auto;
}
.other_title{
  width: 290rpx;
  height: 150rpx;
  line-height: 150rpx;
  font-size: 40rpx;
  font-weight: 700;
  text-align: center;
}
.other_arrow{
  width: 200rpx;
  height: 150rpx;
  display: flex;
  text-align: right;
}
.other_head{
  width: 106rpx;
  height: 44rpx;  
  margin: auto;
}
.love_head{
  width: 44rpx;
  height: 44rpx;  
  border-radius: 50%;
  margin-left: -10rpx;
}
.arrow{
  width: 21rpx;
  height: 36rpx;  
  margin: auto;
}
.item{
  width: 690rpx;
  height: 120rpx;
  display: flex;
  flex-direction: row;
  border-bottom: 2rpx solid rgba(208, 207, 207, 0.5);
  margin-left: 60rpx;
}
.item_icon{
  width: 120rpx;
  height: 120rpx;
  display: flex;
}
.item_icon image{
  width: 80rpx;
  height: 80rpx;
  margin: auto;
}
.item_title{
  width: 450rpx;
  height: 120rpx;
  line-height: 120rpx;
  text-align: left;
  font-size: 40rpx;
  font-weight: 700;
}
.item_arrow{
  width: 100rpx;
  height: 120rpx;
  display: flex;
}
.item_arrow image{
  width: 21rpx;
  height: 36rpx;  
  margin: auto;
}
.hover{
  background: rgba(208, 207, 207, 0.5);
}
.vipMsg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.vipMsg_bg{
  position: absolute;
  top:0;
  left: 0;
  width: 100vw;
  height: 100vh;  
  background: rgba(0, 0, 0, 0.5);
}
.vipMsg_box{
  position: absolute;
  top: 218rpx;
  left: 60rpx;
  width: 630rpx;
  height: 600rpx;
  background: #FFF;
  border-radius:30rpx; 
}
.vipMsg_close{
  width: 630rpx;
  height: 80rpx;
  display: flex;
}
.vipMsg_close image{
  width: 50rpx;
  height: 50rpx;
  margin: auto 30rpx auto auto;
}
.vipMsg_icon{
  width: 630rpx;
  height: 200rpx;
  display: flex;
}
.vipMsg_icon image{
  width: 180rpx;
  height: 180rpx;
  margin: auto;
}
.vipMsg_msg{
  width: 630rpx;
  height: 140rpx;
  text-align: center;
  font-size: 40rpx;
  font-weight: 900;
  padding-top: 60rpx;
}
.vipMsg_btn{
  width: 630rpx;
  height: 126rpx;
  line-height: 120rpx;
  font-size: 36rpx;
  font-weight: 700;
  text-align: center;
  border-top: 2rpx solid #F1F1F1;
  border-radius:0 0 30rpx 30rpx; 
}