jitao-client/js/component/account/index/collection.less

.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: 100%;
			margin: 0 auto 15px;
			padding: 0 10px;
			.imgHeader {
                overflow: hidden;
                transition: all .2s ease-out;
				box-sizing: border-box;
				border: 1px solid rgba(180, 182, 182, 0.5);
				position: relative;
				height: 270px;
				width: 100%;
				.imgBj{
					box-sizing: border-box;
					position: absolute;
					border-radius: 5px;
					left: 3%;
					top: 3%;
					width: 94%;
					height: 94%; 
					background: url(../../../../image/init.png)no-repeat;
					background-size:100% 100%; 
					img {
						width: 100%;
						height: 100%;
						display: inline-block;
					}
				}
				.popImgBj{
					box-sizing: border-box;
					position: absolute;
					border-radius: 5px;
					left: 3%;
					top: 3%;
					width: 94%;
					height: 94%; 
					background: url(../../../../image/policyInit.jpg)no-repeat;
					background-size:100% 100%; 
					img {
						width: 100%;
						height: 100%;
						display: inline-block;
					}
				}
				.adviserInit{
					box-sizing: border-box;
					position: absolute;
					border-radius: 5px;
					left: 3%;
					top: 3%;
					width: 94%;
					height: 94%; 
					background: url(../../../../image/adviserInit.jpg)no-repeat;
					background-size:100% 100%;
					img {
						width: 100%;
						height: 100%;
						display: inline-block;
					}
				}
                .divP{
                    opacity: 0;
                    width: 100%;
                    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-in-out;
                    p{
                        position: absolute;
                        left: 50%;
                        top: 50%;
						font-size: 14px;
						text-align: justify;
                        transform: translate(-50%,-50%)
                    }
                }
                
                .new{
                    width: 46px;
                    height: 40px;
                    display: inline-block;
                    background: url(../../../../image/achievement_26.png) no-repeat;
                    background-size:100% 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
			}
			.txt {
				height: 40px;
				line-height: 40px;
				color: #000;
				padding:0 15px; 
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
			}
        }
        .img:hover{
            cursor: pointer;
            img{
                transform: scale(1.02);
                transition: all .2s ease-in-out;
            }
            .imgHeader .divP{
                opacity: 1;
                height: 320px;
                transition: all .2s ease-in
            }
        }
	}
	.page {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}