123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- @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;
- }
|