/* user/wardrobe/wardrobe.wxss */
page{
    height: 100%;
    background-color: #ffffff;
}
.wardrobe{
    width: 100%;
    height: 100%;
    background: url("http://cdn.yishaxiyi.com/80e6a2e682edcf319e00ddfcdb48b0d8.png") top no-repeat;
    background-size: 100%;
    padding-top: 255rpx;
}
.wardrobe_bac{
    width: 646rpx;
	height: 703rpx;
	background-color: #ffffff;
	box-shadow: 0px 5rpx 30rpx 0rpx rgba(0, 0, 0, 0.1);
    border-radius: 20rpx;
    margin: 0 auto;
    text-align: center;
}
.wardrobe_title{
    font-family: PingFang-SC-Medium;
	font-size: 32rpx;
    color: #000000;
    font-weight: 400;
}
.wardrobe_num{
    width: 278rpx;
	font-family: PingFang-SC-Medium;
	font-size: 60rpx;
  height: 60rpx;
	font-weight: 600;
	letter-spacing: 0px;
    color: #000000;
    border-bottom: 2rpx solid #cccccc;
    margin: 35rpx auto 0;
}
.wardrobe_rem{
    margin-top: 30rpx;
    width: 466rpx;
    font-family: PingFang-SC-Medium;
	font-size: 26rpx;
	font-weight: 400;
	color: #999999;
  line-height: 60rpx;
}

/* 弹出层 */
.tips{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}
.tips_cen{
    width: 600rpx;
	height: 489rpx;
	background-color: #ffffff;
    border-radius: 10rpx;
    padding-top: 58rpx;
}
.tips_cen_tit{
    font-family: PingFang-SC-Bold;
	font-size: 36rpx;
    color: #000000;
    font-weight: 600;
    text-align: center;
}
.tips_cen_text{
    width: 520rpx;
	height: 200rpx;
	background-color: #f5f5f5;
    border-radius: 5rpx;
    position: relative;
    padding: 34rpx 25rpx;
}
.tips_cen_text textarea{
    height: 100%;
    width: 100%;
}
.tips_text_span{
    position: absolute;
    right: 16rpx;
    bottom: 13rpx;
    font-family: PingFang-SC-Medium;
	font-size: 20rpx;
	color: #999999;
}
.tips_cen_sub{
    margin: 45rpx auto 0;
    width: 550rpx;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
	background-color: #36d96c;
    border-radius: 40rpx;
    font-family: PingFang-SC-Medium;
	font-size: 32rpx;
	color: #ffffff;
}
.tips_img{
    margin-top: 50rpx;
    text-align: center;
}
.tips_img image{
    width: 69rpx;
	height: 69rpx;
}

/* 开锁 */
.wardrobe_img{
    margin-top: 60rpx;
    width: 100%;
    height: 230rpx;
    position: relative;
    background:rgba(0, 0, 0, 0);
    border: 0;
    overflow: visible;
}
.wardrobe_img::after{
  width: 0;
  height: 0;
}
.wardrobe_img image{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -115rpx;
    width: 230rpx;
    height: 230rpx;
    z-index: 999;
    margin-top: 0;
}
.img_span::after{
    content: "";
    width: 230rpx;
    height: 230rpx;
    background: #21d85c;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -115rpx;
    z-index: 1;
    animation:imgLiving 3s linear infinite;
    -webkit-animation: imgLiving 3s linear infinite;
}
.img_span::before{
    content: "";
    width: 230rpx;
    height: 230rpx;
    background: #21d85c;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -115rpx;
    z-index: 1;
    animation:imgLiving 3s linear infinite;
    -webkit-animation: living 3s linear infinite;
    -webkit-animation-delay: 1.5s; /*第二个span动画延迟1.5秒*/
}
@keyframes imgLiving {
    0%{
        transform: scale(1);
        opacity: 0.5;  
    }
    50%{
        transform: scale(1.5);  
        opacity: 0;   /*圆形放大的同时，透明度逐渐减小为0*/
    }
    100%{
        transform: scale(1);
        opacity: 0.5;
    }
}