248 lines
5.0 KiB
Plaintext
248 lines
5.0 KiB
Plaintext
@charset "UTF-8";
|
||
/**
|
||
* 这里是uni-app内置的常用样式变量
|
||
*
|
||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||
*
|
||
*/
|
||
/**
|
||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||
*
|
||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||
*/
|
||
/* 颜色变量 */
|
||
/* 行为相关颜色 */
|
||
/* 文字基本颜色 */
|
||
/* 背景颜色 */
|
||
/* 边框颜色 */
|
||
/* 尺寸变量 */
|
||
/* 文字尺寸 */
|
||
/* 图片尺寸 */
|
||
/* Border Radius */
|
||
/* 水平间距 */
|
||
/* 垂直间距 */
|
||
/* 透明度 */
|
||
/* 文章场景相关 */
|
||
.detail-box {
|
||
position: relative;
|
||
padding-bottom: 234rpx;
|
||
}
|
||
.detailBg {
|
||
width: 100%;
|
||
height: 580rpx;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
z-index: -10;
|
||
}
|
||
.detailBg > image {
|
||
width: 100%;
|
||
height: 580rpx;
|
||
}
|
||
.detailBg .detail-title {
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0;
|
||
width: 100%;
|
||
height: 108rpx;
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.detailBg .detail-title image {
|
||
width: 72rpx;
|
||
height: 72rpx;
|
||
margin-left: 32rpx;
|
||
margin-right: 16rpx;
|
||
}
|
||
.detailBg .detail-title .detail-name {
|
||
font-size: 36rpx;
|
||
font-weight: 500;
|
||
line-height: 36rpx;
|
||
color: #fff;
|
||
}
|
||
.detailBg .detail-title .detail-company {
|
||
font-size: 22rpx;
|
||
font-weight: 400;
|
||
color: #ffffffb3;
|
||
}
|
||
.detail-cont {
|
||
margin-top: 440rpx;
|
||
padding: 0 30rpx;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
color: #333;
|
||
}
|
||
.detail-cont > image {
|
||
margin-top: 18rpx;
|
||
width: 100%;
|
||
height: 1028rpx;
|
||
}
|
||
.service {
|
||
margin-top: 96rpx;
|
||
}
|
||
.service .service-title {
|
||
font-size: 36rpx;
|
||
font-weight: 600;
|
||
color: #2A3A72;
|
||
}
|
||
.service .service-cont {
|
||
margin-top: 22rpx;
|
||
line-height: 48rpx;
|
||
padding-bottom: 26rpx;
|
||
border-bottom: 1rpx solid #F0F0F0;
|
||
}
|
||
.service .service-tag {
|
||
display: flex;
|
||
margin-top: 21rpx;
|
||
color: #3887FD;
|
||
}
|
||
.service .service-tag > view {
|
||
height: 44rpx;
|
||
padding: 0 18rpx;
|
||
background: #3887fd1a;
|
||
border-radius: 22rpx;
|
||
line-height: 44rpx;
|
||
margin-left: 12rpx;
|
||
}
|
||
.service .service-tag > view:first-child {
|
||
margin-left: 0;
|
||
}
|
||
.service-substance {
|
||
margin-top: 96rpx;
|
||
}
|
||
.service-substance .substance-title {
|
||
font-size: 36rpx;
|
||
font-weight: 600;
|
||
color: #2A3A72;
|
||
}
|
||
.service-substance .table {
|
||
margin-top: 38rpx;
|
||
}
|
||
.service-substance .table image {
|
||
width: 22rpx;
|
||
height: 28rpx;
|
||
}
|
||
.bottoms {
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100rpx;
|
||
border-top: 1rpx solid #EBEBEB;
|
||
background-color: #fff;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.bottoms .share {
|
||
margin-left: 54rpx;
|
||
text-align: center;
|
||
font-size: 24rpx;
|
||
color: #333;
|
||
}
|
||
.bottoms .similar {
|
||
margin-right: 30rpx;
|
||
width: 302rpx;
|
||
height: 76rpx;
|
||
border-radius: 12rpx;
|
||
background-color: #3887FD;
|
||
color: #fff;
|
||
font-size: 28rpx;
|
||
font-weight: 600;
|
||
text-align: center;
|
||
line-height: 76rpx;
|
||
}
|
||
.shareCard {
|
||
height: 349rpx;
|
||
border-radius: 60rpx 60rpx 0 0;
|
||
background-color: #fff;
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
.shareCard .card-top {
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
font-weight: 600;
|
||
margin-top: 45rpx;
|
||
}
|
||
.shareCard .Fra1me {
|
||
width: 24rpx;
|
||
height: 24rpx;
|
||
position: absolute;
|
||
right: 42rpx;
|
||
top: 35rpx;
|
||
}
|
||
.shareCard .Fra1me image {
|
||
width: 24rpx;
|
||
height: 24rpx;
|
||
}
|
||
.shareCard .share-method {
|
||
display: flex;
|
||
justify-content: space-evenly;
|
||
margin-top: 50rpx;
|
||
}
|
||
.shareCard .share-method .method {
|
||
margin: 0 auto;
|
||
width: 110rpx;
|
||
height: 110rpx;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
.shareCard .share-method .method image {
|
||
height: 60rpx;
|
||
}
|
||
.shareCard .share-method .method-text {
|
||
color: #A3A3A3;
|
||
font-size: 26rpx;
|
||
font-weight: 400;
|
||
line-height: 46rpx;
|
||
margin-top: 14rpx;
|
||
}
|
||
.uni-table-th {
|
||
background-color: #F0F0F0;
|
||
height: 100rpx;
|
||
font-size: 28rpx;
|
||
color: #333 !important;
|
||
width: 150rpx !important;
|
||
}
|
||
.uni-table-th:nth-child(2) {
|
||
background: linear-gradient(88.6deg, #6ba6fe 0%, #3887fd 100%);
|
||
color: #fff !important;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
}
|
||
.uni-table-th:nth-child(3) {
|
||
background: linear-gradient(88.6deg, #f5be4f 0%, #f3ab41 100%);
|
||
color: #fff !important;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
}
|
||
.uni-table-th:nth-child(4) {
|
||
background: linear-gradient(88.6deg, #4d4968 0%, #333049 100%);
|
||
color: #fff !important;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
}
|
||
.uni-table-tr:nth-child(3) {
|
||
position: relative;
|
||
}
|
||
.uni-table-tr:nth-child(3)::after {
|
||
content: '';
|
||
width: 0;
|
||
height: 64rpx;
|
||
position: absolute;
|
||
right: 0;
|
||
border-right: 1rpx solid #EFF4FF;
|
||
}
|
||
.uni-table-tr:nth-child(3) .uni-table-td {
|
||
color: #333;
|
||
font-size: 24rpx;
|
||
font-weight: 600;
|
||
border-right: none;
|
||
}
|
||
|