@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page, page { height: 100%; background-color: #FFFFFF; } .content { background-color: #FFFFFF; line-height: 1; padding-top: 25rpx; padding: 24rpx 24rpx 0; } .content .top { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .content .top .img { width: 360rpx; height: 80rpx; margin-left: -22rpx; } .content .top .img image { width: 360rpx; height: 80rpx; } .content .top .info { width: 50rpx; height: 50rpx; } .content .top .info image { width: 50rpx; height: 50rpx; } .content .cross { margin-left: 6rpx; height: 76rpx; line-height: 76rpx; color: #444444; border-bottom: 1rpx solid #CCCCCC; } .content .box { padding: 0 0 24rpx; } .content .box .title { font-size: 28rpx; margin: 26rpx 0; font-weight: 700; } .content .box .love { margin: 32rpx 0; width: 100%; height: 373rpx; } .content .box .love image { width: 100%; height: 373rpx; } .content .box .detail { font-size: 28rpx; line-height: 40rpx; } .content .box .detail .detail-spe { line-height: 46rpx; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 12rpx; } .content .box .detail .detail-spe .left { width: 158rpx; } .content .box .detail .detail-spe .right { line-height: 46rpx; -webkit-box-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .content .box .detail .detail-spe .copyband { display: -webkit-box; display: -webkit-flex; display: flex; float: right; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background-color: #F1F1F1; border-radius: 6rpx; line-height: 34rpx; font-size: 14rpx; color: #333; width: 164rpx; height: 34rpx; margin-top: 8rpx; } .content .box .detail .detail-item { margin-top: 12rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; line-height: 46rpx; color: #000; } .content .box .detail .detail-item .copy { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background-color: #F1F1F1; border-radius: 6rpx; line-height: 34rpx; font-size: 14rpx; color: #333; padding: 0 24rpx; height: 34rpx; } .content .box .detail .phone { margin-left: 138rpx; height: 40rpx; color: #000; } .content .box .erweima { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; } .content .box .erweima .zhifu { margin-top: 24rpx; color: #4a9fdd; font-weight: 900; font-size: 48rpx; } .content .box .erweima image { width: 490rpx; height: 524rpx; } .content .box .erweima .name { margin: 14rpx 0; color: #d32d26; font-weight: 900; font-size: 48rpx; } .content .box .weixin { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; } .content .box .weixin .zhifu { margin-top: 24rpx; color: #428751; font-weight: 900; font-size: 48rpx; } .content .box .weixin image { width: 490rpx; height: 524rpx; } .content .box .weixin .name { margin: 14rpx 0; color: #d32d26; font-weight: 900; font-size: 48rpx; }