.user-content {
	overflow: hidden;
	.title {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.btnGroup {
		margin-bottom: 20px;
		label {
			width: 200px;
			height: 40px;
			line-height: 40px;
			font-weight: 500;
			font-size: 16px;
			text-align: center;
		}
	}
	.ant-radio-button-wrapper-checked {
		background: orangered;
		border-color: transparent;
		color: #fff;
		box-shadow: 0 0 0 transparent;
	}
	.imgList {
        width: 90%;
		.img {
			width: 300px;
            margin: 0 auto 15px;
			.imgHeader {
                overflow: hidden;
                transition: all .2s ease-out;
				box-sizing: border-box;
				border: 1px solid rgba(180, 182, 182, 0.5);
				position: relative;
				height: 220px;
				width: 100%;
				img {
					box-sizing: border-box;
					position: absolute;
					border-radius: 5px;
					left: 3%;
					top: 3%;
					width: 94%;
					height: 94%;
                }
                div{
                    opacity: 0;
                    width:300px;
                    height: 0px;
                    overflow: hidden;
                    position: absolute;
                    bottom: 0;
                    left: 0 ;
                    color: #ffff;
                    padding: 15px;
                    background: rgba(12, 12, 12, 0.5);
                    transition: all .2s ease-out;
                    p{
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        font-size: 14px;
                        transform: translate(-50%,-50%)
                    }
                }
                
                .new{
                    width: 46px;
                    height: 40px;
                    display: inline-block;
                    background: url(../../../../image/achievmentDetail_7.png) no-repeat;
                    background-size:100% 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
			}
			.txt {
				height: 40px;
				line-height: 40px;
				background: rgba(61, 110, 216, 0.7);
				color: #fff;
				text-align: center;
			}
        }
        .img:hover{
            cursor: pointer;
            img{
                transform: scale(1.02);
                transition: all .3s ease-out;
            }
            .imgHeader div{
                opacity: 1;
                height: 220px;
                transition: all .3s ease-in
            }
        }
	}
	.page {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
