|
@@ -2,301 +2,301 @@
|
|
|
/* pages/publics/publics.wxss */
|
|
|
|
|
|
scroll-view ::-webkit-scrollbar {
|
|
|
- display:none;
|
|
|
- width:0;
|
|
|
- height:0;
|
|
|
- color:transparent;
|
|
|
+ display: none;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ color: transparent;
|
|
|
}
|
|
|
|
|
|
/* 头部 */
|
|
|
.top {
|
|
|
- height: 409rpx;
|
|
|
- overflow: hidden;
|
|
|
- position: relative;
|
|
|
+ height: 409rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
/* 浮动图标 */
|
|
|
.top-logo {
|
|
|
- z-index: 99;
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- transform: translate(-50%);
|
|
|
- width: 426rpx;
|
|
|
- height: 150rpx;
|
|
|
+ z-index: 99;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%);
|
|
|
+ width: 426rpx;
|
|
|
+ height: 150rpx;
|
|
|
}
|
|
|
|
|
|
/* 第一个内容,浮动上移 */
|
|
|
.content-search-tab {
|
|
|
- margin-left: 20rpx;
|
|
|
- top: -85rpx;
|
|
|
- position: absolute;
|
|
|
- border-radius: 10rpx;
|
|
|
- background-color: #ffffff;
|
|
|
- padding: 25rpx 30rpx;
|
|
|
- width: 651rpx;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ top: -85rpx;
|
|
|
+ position: absolute;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ background-color: #ffffff;
|
|
|
+ padding: 25rpx 30rpx;
|
|
|
+ width: 651rpx;
|
|
|
}
|
|
|
|
|
|
/* 搜索整体 */
|
|
|
.search-view {
|
|
|
- height: 60rpx;
|
|
|
- border-radius: 5rpx;
|
|
|
- background-color: #F5F5F5;
|
|
|
- display: flex;
|
|
|
- justify-content: left;
|
|
|
- align-items: center;
|
|
|
+ height: 60rpx;
|
|
|
+ border-radius: 5rpx;
|
|
|
+ background-color: #F5F5F5;
|
|
|
+ display: flex;
|
|
|
+ justify-content: left;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
/* 搜索图标 */
|
|
|
.search-icon {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- padding-left: 20rpx;
|
|
|
- padding-right: 20rpx;
|
|
|
- letter-spacing: 3rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ padding-left: 20rpx;
|
|
|
+ padding-right: 20rpx;
|
|
|
+ letter-spacing: 3rpx;
|
|
|
}
|
|
|
|
|
|
/* 搜索 */
|
|
|
.search-input {
|
|
|
- height: 30rpx;
|
|
|
- font-size: 25rpx;
|
|
|
- letter-spacing: 3rpx;
|
|
|
+ height: 30rpx;
|
|
|
+ font-size: 25rpx;
|
|
|
+ letter-spacing: 3rpx;
|
|
|
}
|
|
|
|
|
|
/* 服务的内容整体 */
|
|
|
.content-service {
|
|
|
- height: 170rpx;
|
|
|
- flex-wrap: wrap;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- font-size: 48rpx;
|
|
|
+ height: 170rpx;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 48rpx;
|
|
|
}
|
|
|
|
|
|
/* 服务的内容单个 */
|
|
|
.content-service-item {
|
|
|
- font-size: 22rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- flex-direction: column;
|
|
|
- height: 123rpx;
|
|
|
- width: 119rpx;
|
|
|
+ font-size: 22rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+ height: 123rpx;
|
|
|
+ width: 119rpx;
|
|
|
}
|
|
|
|
|
|
/* 百信聚焦 */
|
|
|
.people-title {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: left;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: left;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
/* 百姓聚焦字体 */
|
|
|
.people-font1 {
|
|
|
- height: 59rpx;
|
|
|
- font-size: 48rpx;
|
|
|
- font-family: DOUYU;
|
|
|
- font-weight: normal;
|
|
|
- color: #333333;
|
|
|
- padding-right: 18rpx;
|
|
|
- margin-bottom: -24rpx;
|
|
|
+ height: 59rpx;
|
|
|
+ font-size: 48rpx;
|
|
|
+ font-family: DOUYU;
|
|
|
+ font-weight: normal;
|
|
|
+ color: #333333;
|
|
|
+ padding-right: 18rpx;
|
|
|
+ margin-bottom: -24rpx;
|
|
|
}
|
|
|
|
|
|
/* 每日更新字体 */
|
|
|
.people-font2 {
|
|
|
- height: 59rpx;
|
|
|
- font-size: 9px;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #999999;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: flex-end;
|
|
|
+ height: 59rpx;
|
|
|
+ font-size: 9px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #999999;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: flex-end;
|
|
|
}
|
|
|
|
|
|
/* 百姓聚焦内容整体 */
|
|
|
.people-content {
|
|
|
- height: 140rpx;
|
|
|
- flex-wrap: wrap;
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- align-items: center;
|
|
|
- margin-top: 30rpx;
|
|
|
+ height: 140rpx;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 30rpx;
|
|
|
}
|
|
|
|
|
|
/* 百姓聚焦内容单个 */
|
|
|
.people-content-item {
|
|
|
- font-size: 24rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #508FF4;
|
|
|
- height: 48rpx;
|
|
|
- background-color: #E5EFFF;
|
|
|
- padding: 0rpx 20rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- border-radius: 28rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #508FF4;
|
|
|
+ height: 48rpx;
|
|
|
+ background-color: #E5EFFF;
|
|
|
+ padding: 0rpx 20rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 28rpx;
|
|
|
}
|
|
|
|
|
|
.people-content-item.top {
|
|
|
- font-size: 24rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #000000;
|
|
|
- height: 48rpx;
|
|
|
- background-color: #EEEEEE;
|
|
|
- padding: 0rpx 20rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- border-radius: 28rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #000000;
|
|
|
+ height: 48rpx;
|
|
|
+ background-color: #EEEEEE;
|
|
|
+ padding: 0rpx 20rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 28rpx;
|
|
|
}
|
|
|
|
|
|
/* 志愿服务,浮动上移 */
|
|
|
.content-na-tab {
|
|
|
- margin-left: 20rpx;
|
|
|
- top: 0rpx;
|
|
|
- position: absolute;
|
|
|
- border-radius: 10rpx;
|
|
|
- background-color: #ffffff;
|
|
|
- padding: 25rpx 30rpx;
|
|
|
- width: 651rpx;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ top: 0rpx;
|
|
|
+ position: absolute;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ background-color: #ffffff;
|
|
|
+ padding: 25rpx 30rpx;
|
|
|
+ width: 651rpx;
|
|
|
}
|
|
|
|
|
|
/* 志愿服务标题 */
|
|
|
.na-title {
|
|
|
- height: 50rpx;
|
|
|
- display: flex;
|
|
|
+ height: 50rpx;
|
|
|
+ display: flex;
|
|
|
}
|
|
|
|
|
|
-.tab-item{
|
|
|
- flex: 1;
|
|
|
- font-size: 28rpx;
|
|
|
- text-align: center;
|
|
|
- line-height: 50rpx;
|
|
|
- color: #333;
|
|
|
- height: 50rpx;
|
|
|
- width: 200rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- flex-direction: row;
|
|
|
+.tab-item {
|
|
|
+ flex: 1;
|
|
|
+ font-size: 28rpx;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 50rpx;
|
|
|
+ color: #333;
|
|
|
+ height: 50rpx;
|
|
|
+ width: 200rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ flex-direction: row;
|
|
|
}
|
|
|
|
|
|
-.tab-item.active{
|
|
|
- font-size: 27rpx;
|
|
|
- font-family: DOUYU;
|
|
|
- border-bottom: 7rpx solid #508FF4;
|
|
|
- position: relative;
|
|
|
+.tab-item.active {
|
|
|
+ font-size: 27rpx;
|
|
|
+ font-family: DOUYU;
|
|
|
+ border-bottom: 7rpx solid #508FF4;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
/* 南岸咨询内容 */
|
|
|
.na-content {
|
|
|
- margin-top: 35rpx;
|
|
|
- height: 332rpx;
|
|
|
+ margin-top: 35rpx;
|
|
|
+ height: 332rpx;
|
|
|
}
|
|
|
|
|
|
/* 咨询二级标题 */
|
|
|
.na-title-tab {
|
|
|
- flex-wrap: wrap;
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.na-title-tab-item {
|
|
|
- font-size: 25rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #000000;
|
|
|
- height: 48rpx;
|
|
|
- background-color: #FFFFFF;
|
|
|
- padding: 2rpx 17rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- border-radius: 30rpx;
|
|
|
- border: 2rpx solid #DDDDDD;
|
|
|
+ font-size: 25rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #000000;
|
|
|
+ height: 48rpx;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ padding: 2rpx 17rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ border: 2rpx solid #DDDDDD;
|
|
|
}
|
|
|
|
|
|
.na-title-tab-item.active {
|
|
|
- font-size: 25rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #FFFFFF;
|
|
|
- height: 48rpx;
|
|
|
- background-color: #508FF4;
|
|
|
- padding: 2rpx 17rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- border-radius: 30rpx;
|
|
|
- border-bottom: 2rpx solid #DDDDDD;
|
|
|
+ font-size: 25rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #FFFFFF;
|
|
|
+ height: 48rpx;
|
|
|
+ background-color: #508FF4;
|
|
|
+ padding: 2rpx 17rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ border-bottom: 2rpx solid #DDDDDD;
|
|
|
}
|
|
|
|
|
|
/* 咨询内容 */
|
|
|
.na-content-list {
|
|
|
- /* margin-top: 30rpx; */
|
|
|
+ /* margin-top: 30rpx; */
|
|
|
}
|
|
|
|
|
|
.na-content-list-item {
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- height: 60rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 550;
|
|
|
- color: #333333;
|
|
|
- line-height: 60rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ height: 60rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 550;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 60rpx;
|
|
|
}
|
|
|
|
|
|
/* 咨询更多 */
|
|
|
.na-more {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- color: #999999;
|
|
|
- font-size: 22rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ color: #999999;
|
|
|
+ font-size: 22rpx;
|
|
|
}
|
|
|
|
|
|
/* 数据中心 */
|
|
|
.data-center-contain {
|
|
|
- margin-left: 20rpx;
|
|
|
- border-radius: 10rpx;
|
|
|
- background-color: #ffffff;
|
|
|
- padding: 25rpx 30rpx;
|
|
|
- width: 651rpx;
|
|
|
- height: 100%;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ background-color: #ffffff;
|
|
|
+ padding: 25rpx 30rpx;
|
|
|
+ width: 651rpx;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
|
|
|
/* 数据中心title */
|
|
|
.data-center-title {
|
|
|
- display: flex;
|
|
|
- justify-content: left;
|
|
|
- align-items: center;
|
|
|
- height: 60rpx
|
|
|
+ display: flex;
|
|
|
+ justify-content: left;
|
|
|
+ align-items: center;
|
|
|
+ height: 60rpx
|
|
|
}
|
|
|
|
|
|
.data-center-title-font {
|
|
|
- font-family: DOUYU;
|
|
|
- margin-left: 5rpx;
|
|
|
- height: 100%;
|
|
|
- font-size: 38rpx;
|
|
|
- display: flex;
|
|
|
- align-items: flex-end;
|
|
|
- justify-content: center;
|
|
|
+ font-family: DOUYU;
|
|
|
+ margin-left: 5rpx;
|
|
|
+ height: 100%;
|
|
|
+ font-size: 38rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-end;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
|
|
|
/* 数据中心分析入口整体 */
|
|
|
.center-analysis-enter {
|
|
|
- display: flex;
|
|
|
- align-items: top;
|
|
|
+ display: flex;
|
|
|
+ align-items: top;
|
|
|
}
|
|
|
|
|
|
/* 数据中心分析入口字体 */
|
|
|
.center-analysis-enter-font {
|
|
|
- height: 50rpx;
|
|
|
- padding-left: 30rpx;
|
|
|
- font-size: 34rpx;
|
|
|
- letter-spacing: 2rpx;
|
|
|
+ height: 50rpx;
|
|
|
+ padding-left: 30rpx;
|
|
|
+ font-size: 34rpx;
|
|
|
+ letter-spacing: 2rpx;
|
|
|
}
|
|
|
|
|
|
/* 数据中心分析进入按钮 */
|
|
@@ -312,170 +312,174 @@ scroll-view ::-webkit-scrollbar {
|
|
|
font-size: 18rpx;
|
|
|
width: 96rpx;
|
|
|
height: 34rpx;
|
|
|
- line-height:34rpx;
|
|
|
+ line-height: 34rpx;
|
|
|
color: #FFFFFF;
|
|
|
border-radius: 14rpx;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.yellow-point {
|
|
|
- width: 14rpx;
|
|
|
- height: 14rpx;
|
|
|
- background: #F7C86A;
|
|
|
- border-radius: 50%;
|
|
|
+ width: 14rpx;
|
|
|
+ height: 14rpx;
|
|
|
+ background: #F7C86A;
|
|
|
+ border-radius: 50%;
|
|
|
}
|
|
|
|
|
|
/* 办件数字体 */
|
|
|
.work-title-font {
|
|
|
- font-size: 30rpx;
|
|
|
- padding-left: 10rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ padding-left: 10rpx;
|
|
|
}
|
|
|
|
|
|
/* 评价框 */
|
|
|
.evaluate {
|
|
|
- width: 205rpx;
|
|
|
- height: 50rpx;
|
|
|
- background: #F2F7FF;
|
|
|
- border: 1rpx solid #508FF4;
|
|
|
- border-radius: 10rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #508FF4;
|
|
|
- font-size: 24rpx;
|
|
|
- line-height: 50rpx;
|
|
|
- text-align: center;
|
|
|
- margin-bottom: 20rpx;
|
|
|
+ width: 205rpx;
|
|
|
+ height: 50rpx;
|
|
|
+ background: #F2F7FF;
|
|
|
+ border: 1rpx solid #508FF4;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #508FF4;
|
|
|
+ font-size: 24rpx;
|
|
|
+ line-height: 50rpx;
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
}
|
|
|
|
|
|
/* 政府对话进入按钮 */
|
|
|
.communication-enter-button {
|
|
|
- margin-left: 20rpx;
|
|
|
- height: 50rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ height: 50rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
|
|
|
.communication-enter-button-item {
|
|
|
- font-size: 22rpx;
|
|
|
- height: 30rpx;
|
|
|
- padding: 5rpx 23rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- background: linear-gradient(90deg, #30A2F3 0%, #69BCFA 100%);
|
|
|
- color: #FFFFFF;
|
|
|
- border-radius: 20rpx;
|
|
|
+ font-size: 22rpx;
|
|
|
+ height: 30rpx;
|
|
|
+ padding: 5rpx 23rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background: linear-gradient(90deg, #30A2F3 0%, #69BCFA 100%);
|
|
|
+ color: #FFFFFF;
|
|
|
+ border-radius: 20rpx;
|
|
|
}
|
|
|
|
|
|
.communicate-tab-item {
|
|
|
- flex: 1;
|
|
|
- font-size: 28rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- line-height: 28rpx;
|
|
|
- height: 55rpx;
|
|
|
+ flex: 1;
|
|
|
+ font-size: 28rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ line-height: 28rpx;
|
|
|
+ height: 55rpx;
|
|
|
}
|
|
|
|
|
|
.communicate-tab-item.active {
|
|
|
- color: #000000;
|
|
|
- border-bottom: 6rpx solid #508FF4 ;
|
|
|
+ color: #000000;
|
|
|
+ border-bottom: 6rpx solid #508FF4;
|
|
|
|
|
|
}
|
|
|
|
|
|
/* 媒体矩阵 */
|
|
|
-.media-swiper-tab{
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- line-height: 50rpx;
|
|
|
+.media-swiper-tab {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 50rpx;
|
|
|
}
|
|
|
|
|
|
-.media-swiper-tab-list{
|
|
|
- font-size: 28rpx;
|
|
|
- display: inline-block;
|
|
|
- min-width: 215rpx;
|
|
|
- max-width: 215rpx;
|
|
|
+.media-swiper-tab-list {
|
|
|
+ font-size: 28rpx;
|
|
|
+ display: inline-block;
|
|
|
+ min-width: 215rpx;
|
|
|
+ max-width: 215rpx;
|
|
|
}
|
|
|
|
|
|
.media-swiper-tab-list.active {
|
|
|
- color: #508FF4;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 33rpx;
|
|
|
- border-bottom: 4rpx solid #508FF4;
|
|
|
+ color: #508FF4;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 33rpx;
|
|
|
+ border-bottom: 4rpx solid #508FF4;
|
|
|
}
|
|
|
|
|
|
-.media-swiper-box{
|
|
|
- display: block;
|
|
|
- height: 640rpx;
|
|
|
- width: 100%;
|
|
|
- margin-top: 10rpx;
|
|
|
+.media-swiper-box {
|
|
|
+ display: block;
|
|
|
+ height: 640rpx;
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 10rpx;
|
|
|
}
|
|
|
|
|
|
.media-icon-1 {
|
|
|
- display: flex;
|
|
|
- font-size:28rpx;
|
|
|
- padding-bottom:25rpx;
|
|
|
- width: 60%;
|
|
|
+ display: flex;
|
|
|
+ font-size: 28rpx;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+ width: 60%;
|
|
|
}
|
|
|
|
|
|
.media-icon-2 {
|
|
|
- display: flex;
|
|
|
- font-size:28rpx;
|
|
|
- padding-bottom:25rpx;
|
|
|
- width: 40%;
|
|
|
+ display: flex;
|
|
|
+ font-size: 28rpx;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+ width: 40%;
|
|
|
}
|
|
|
|
|
|
.message {
|
|
|
- margin-top: 20rpx;
|
|
|
- background: #F2F9FF;
|
|
|
- padding: 18rpx 23rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- position: relative;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ background: #F2F9FF;
|
|
|
+ padding: 18rpx 23rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
.message .releaseList {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- height: 150rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- color: #333333;
|
|
|
- border-bottom: 1rpx solid #D3D3D3;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ height: 150rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #333333;
|
|
|
+ border-bottom: 1rpx solid #D3D3D3;
|
|
|
}
|
|
|
|
|
|
.message .releaseList:last-child {
|
|
|
- border-bottom: none;
|
|
|
+ border-bottom: none;
|
|
|
}
|
|
|
|
|
|
.news-item {
|
|
|
- border-bottom: 1rpx solid #E1E1E1;
|
|
|
- margin-top: 20rpx;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- font-size: 30rpx;
|
|
|
- font-family: Source Han Sans SC;
|
|
|
- font-weight: 400;
|
|
|
- color: #333333;
|
|
|
+ border-bottom: 1rpx solid #E1E1E1;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: Source Han Sans SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
+
|
|
|
.news-item .jigou {
|
|
|
- font-size: 30rpx;
|
|
|
- font-family: Source Han Sans SC;
|
|
|
- font-weight: 400;
|
|
|
- color: #2E77C6;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: Source Han Sans SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #2E77C6;
|
|
|
}
|
|
|
-.news-item .jigou span{
|
|
|
- padding: 3rpx 8rpx;
|
|
|
- background: #B9D9FD;
|
|
|
- line-height: 20rpx;
|
|
|
+
|
|
|
+.news-item .jigou span {
|
|
|
+ padding: 3rpx 8rpx;
|
|
|
+ background: #B9D9FD;
|
|
|
+ line-height: 20rpx;
|
|
|
}
|
|
|
-.news-item p{
|
|
|
- margin-top: 13rpx;
|
|
|
- margin-bottom: 24rpx;
|
|
|
+
|
|
|
+.news-item p {
|
|
|
+ margin-top: 13rpx;
|
|
|
+ margin-bottom: 24rpx;
|
|
|
}
|
|
|
+
|
|
|
.news-item .time {
|
|
|
- font-size: 28rpx;
|
|
|
- font-family: Source Han Sans SC;
|
|
|
- font-weight: 400;
|
|
|
- color: #999999;
|
|
|
- margin-bottom: 24rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: Source Han Sans SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
}
|