.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; } }