| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 | 
							- .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: 320px;
 
- 				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;
 
- 	}
 
- }
 
 
  |