12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- @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%);
- }
- .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;
- }
|