| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133 | .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: 220px;				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;					}				}                .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: 220px;                transition: all .2s ease-in            }        }	}	.page {		text-align: center;		margin-top: 20px;		margin-bottom: 20px;	}}
 |