@charset "UTF-8"; /* 需要放到文件最上面 */ /* 水平间距 */ /* 水平间距 */ /* 以下变量是默认值,如不需要修改可以不用给下面的变量重新赋值 */ /* 水平间距 */ .project-detail { background: #fff; padding-bottom: 60rpx; } .project-detail .swiper { height: 400rpx; } .project-detail .swiper .image { width: 100%; height: 100%; } .project-detail .project-label { font-size: 24rpx; color: #8c8c8c; font-weight: 300; } .project-detail .project-article { font-size: 28rpx; padding: 0 30rpx; } .project-detail .project-title { padding: 40rpx 130rpx 30rpx 30rpx; position: relative; } .project-detail .project-title .project-name { font-size: 36rpx; font-weight: 500; } .project-detail .project-title .project-label { margin-top: 6rpx; } .project-detail .project-title .wx-icon { position: absolute; top: 0; right: 30rpx; -webkit-transform: translateY(50%); transform: translateY(50%); line-height: 1; background: transparent; } .project-detail .project-title .wx-icon::after { display: none; } .project-detail .content-map { width: 100%; height: 360rpx; border-radius: 16rpx; overflow: hidden; display: flex; } .project-detail .content-map .map { flex: 1; height: 100%; border-radius: 16rpx; } .project-detail .project-content { padding: 0 30rpx; box-sizing: border-box; } .project-detail .project-content .content-title { font-size: 32rpx; font-weight: 500; margin: 30rpx 0; } .project-detail .project-content .content-device { display: flex; flex-wrap: wrap; } .project-detail .project-content .content-device .device-item { width: 50%; display: flex; align-items: center; margin-bottom: 20rpx; } .project-detail .project-content .content-device .device-item .device-label { flex: 1; width: 0; color: #8c8c8c; font-weight: 200; margin-left: 10rpx; } .project-detail .project-content .content-device .device-item .device-icon { color: #434343; }