/* pages/my/my.wxss */

.my_top{
 background: #8DE063;
 display: flex;
 align-items: center;
 justify-content: space-between;
 height: 240rpx;
}
.my_rigth{
 position: relative;
 width:220rpx;
 height: 86rpx;
 border-radius:40rpx 0rpx 0rpx 40rpx;
 background: #B6EB9B;
}
.my_rigth button{
 position: absolute;
 top:0;
 left:0;
 width:100%;
 height: 100%;
 opacity: 0;
 z-index: 100;
}
.my_left{
 display: flex;
 align-items: center;
}
.my_rigth_in{
 border-radius:33rpx 0rpx 0rpx 33rpx;
 position: absolute;
 top:10rpx;
 right: 0;
 width:210rpx;
 height: 66rpx;
 line-height: 66rpx;
 text-align: center;
 background: #fff;
 color:#66C933;
 font-size:24rpx;
}
.in_icon{
 position: absolute;
 top:50%;
 right: 30rpx;
 transform: translateY(-50%);
 width:14rpx;
 height: 24rpx;
 overflow: hidden;

}
.in_icon image{
 display: block;
 width:100%;
 height: 100%;
}
.my_img{
 margin: 0 42rpx 0 32rpx;
 width:140rpx;
 height: 140rpx;
 border-radius: 50%;
 border:6rpx solid #B6EB9B;
 background: #fff;
}
.my_img image{
 display: block;
 width:100%;
 height: 100%;
 border-radius: 100%;
}
.name{
 font-size:32rpx;
 font-weight: bold;
 color:#fff;
}

.my_icon{
 margin: 0 17rpx 0 0;
 width:32rpx;
 height: 30rpx;
 overflow: hidden;
}
.my_icon image{
 width:100%;
 height: 100%;
}
.num{
 display: flex;
 align-items: center;
 color:#fff;
 font-size:32rpx;
 font-weight: bold;
}
.choosebox{
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding:0 32rpx 0 38rpx;
 height: 97rpx;
 background: #fff;
 border-bottom:1rpx solid #EBEBEB;
}
.choose_letf{
 display: flex;
 color:#333333;
 font-size:30rpx;
 
}
.chosse_img{
 width:35rpx;
 height: 37rpx;
 margin: 0 20rpx 0 0;
}
.chosse_img image{
 width:100%;
 height: 100%;
}
.choose_rigth{
 position: relative;
 display: flex;
 align-items: center;
 color:#333;
 font-size:26rpx;
}
.choose_rigth button{
 position: absolute;
 top:0;
 left:0;
 width:100%;
 height: 100%;
 z-index:1000;
 opacity: 0;
}
.choose_rigth .iconfont{
 font-size:24rpx;
 color:#000;
}
.cell_box{
 background: #fff;
 padding: 0 32rpx;
}
.cell_itembox{
 display: flex;
 justify-content: space-around;
 align-items: center;
 border-bottom:1rpx solid #EBEBEB;
}
.cell_itembox:last-child{
 border-bottom:none;
}
.cell{
 position: relative;
 width: 33.3333%;
 display: flex;
 flex-direction: column;
 text-align: center;
 align-items: center;
 justify-content: center;
 color:#1A1A1A;
 font-size:28rpx;
 margin:50rpx 0 68rpx 0;
 border-right: 1rpx solid #EBEBEB;
}
.cell button{
 position: absolute;
 width:100%;
 height: 100%;
 top:0;
 left:0;
 z-index:1000;
 opacity: 0;

}
.cell:last-child{
 border:none;
}
.top_cellbox .cell{
 margin:50rpx 0 68rpx 0;
}
.cell_imgbox{
 width: 54rpx;
 height: 57rpx;
 margin: 0 0 20rpx 0;
}
.cell_imgbox image{
 width:100%;
 height: 100%;
}
.my_box{
 background-color: #fff;
 
 padding:0 40rpx 0 37rpx;
}
.my_item{
 position: relative;
 display: flex;
 align-items: center;
}
.my_item button{
 position: absolute;
 top:0;
 left:0;
 width:100%;
 height: 100%;
 z-index:1000;
 opacity: 0;
}
.my_itemimg{
 margin: 0 40rpx 0 0;
 width:38rpx;
 height: 38rpx;
}
.my_itemimg image{
 width:100%;
 height: 100%;
}
.my_itemrigth{
 width:600rpx;
 padding:40rpx 0;
 border-bottom: 1rpx solid #EBEBEB;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.my_itemtxt{
 position: relative;
 font-size:30rpx;
}
.my_itemtxt_red{
 position: absolute;
 top:-20rpx;
 right: -36rpx;
 width:40rpx;
 height: 40rpx;
 display: flex;
 line-height: 40rpx;
 text-align: center;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 color:#fff;
 background: #f23a3a;
 font-size: 22rpx;
}
.empty{
 background: #F5F6FA;
 height: 16rpx;
}