@charset "utf-8"; /*个人信息*/ .personal-info{line-height:2.5} .personal-info>.info-bar{height:120px;line-height:2;padding-top:10px;text-align:center;font-weight: bold;color: #fff;background:url(../imgs/info-bg.jpg) no-repeat left top/cover;} .personal-info>.info-bar>p{height: 64px;overflow: hidden;text-overflow: ellipsis;width: 80%;margin: 0 auto;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .personal-info>.info-bar>img{border:solid 2px #fff;border-radius:50px} .personal-info>.info-wrapper{margin-top:50px;overflow:hidden} .info-wrapper>.info-item{padding:0 15px} .info-wrapper>.info-item::after{content:'';display:block;border-bottom:solid 1px #ddd;clear:left} .info-item>.info-name{float:left;width:100px;} .info-item>.info-btn{float:right;font-size:14px;line-height:35px;} .info-title>.info-name{font-size:18px;font-weight:bold;padding-left:20px;background:url(../imgs/info-icon.png)no-repeat left center/ 20px;} .info-more-link{text-align:center} .personal-info>.fixed-wx{display:none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);z-index: 1;} .fixed-wx>img{position: absolute;width: 80%;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);} .wx-code { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.8); z-index: 999; } @media screen and (max-width: 767px){ .banner img { width: 100%; height: 100%; object-fit: cover; } }