epmet 工作端 小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1002 lines
19 KiB

page {
position: relative;
width: 750rpx;
height: auto;
display: flex;
flex-direction: column;
background-color: #f7f7f7;
/* z-index: -9999; */
}
.header {
display: flex;
background: #1673ee;
width: 100%;
height: 300rpx;
flex-direction: column;
border-radius: 0 0 40rpx 40rpx;
1 year ago
overflow: hidden;
}
1 year ago
.back {
width: 30rpx;
height: 30rpx;
margin-left: 20rpx;
margin-top: 20rpx;
border-radius: 0rpx;
z-index: 101;
}
1 year ago
.header .navigation {
width: 100%;
display: flex;
color: #333333;
font-size: 32rpx;
position: relative;
z-index: 100;
}
.header_image {
width: 34rpx;
height: 31rpx;
}
.header_text_1 {
1 year ago
margin-left: 20rpx;
margin-top: 12rpx;
/* width: 157rpx;
height: 30rpx; */
overflow-wrap: break-word;
color: rgba(255,255,255,1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 42rpx;
margin-left: 15rpx;
}
.text-wrapper_8 {
position: relative;
left: 30rpx;
1 year ago
top: -120rpx;
width: 690rpx;
height: 300rpx;
background-size: 100% 100%;
display: flex;
flex-direction: column;
z-index: 1000;
}
.bg-image{
position: absolute;
width: 100%;
height: 100%;
z-index: -1; /* 使图片位于文本内容之后 */
}
.text_30 {
text-shadow: 0px 2px 10px rgba(85,91,132,0.330000);
width: 333rpx;
height: 44rpx;
overflow-wrap: break-word;
color: rgba(255,255,255,1);
font-size: 46rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 46rpx;
margin: 68rpx 0 0 49rpx;
}
.paragraph_1 {
text-shadow: 0px 2px 5px rgba(101,103,114,0.360000);
width: 400rpx;
height: 65rpx;
overflow-wrap: break-word;
color: rgba(255,255,255,1);
font-size: 28rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
line-height: 38rpx;
margin: 40rpx 0 0rpx 49rpx;
}
.group_1 {
position: relative;
width: 689rpx;
height: 124rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: -75rpx 0 0 30rpx;
}
.section_1 {
box-shadow: 0px 2px 20px 0px rgba(53,100,158,0.200000);
background-image: linear-gradient(-90deg, rgba(188,217,255,1.000000) 0, rgba(188,217,255,1.000000) 0, rgba(207,228,255,1.000000) 100.000000%, rgba(207,228,255,1.000000) 100.000000%);
border-radius: 16rpx;
width: 216rpx;
height: 124rpx;
display: flex;
flex-direction: row;
}
.image-text_1 {
width: 188rpx;
height: 89rpx;
flex-direction: row;
display: flex;
margin: 11rpx 0 0 20rpx;
}
.text-group_1 {
width: 131rpx;
height: 71rpx;
margin-top: 18rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.text_1 {
width: 111rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(55,129,199,1);
font-size: 28rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 28rpx;
}
.text_2 {
width: 131rpx;
height: 22rpx;
overflow-wrap: break-word;
color: rgba(81,150,214,1);
font-size: 22rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin-top: 21rpx;
}
.image_1 {
width: 70rpx;
height: 70rpx;
margin-left: -13rpx;
}
.section_2 {
box-shadow: 0px 2px 20px 0px rgba(160,183,185,0.290000);
background-image: linear-gradient(-90deg, rgba(166,224,231,1.000000) 0, rgba(166,224,231,1.000000) 0, rgba(198,238,243,1.000000) 100.000000%, rgba(198,238,243,1.000000) 100.000000%);
border-radius: 16rpx;
width: 216rpx;
height: 124rpx;
margin-left: 21rpx;
display: flex;
flex-direction: column;
}
.image-text_2 {
width: 190rpx;
height: 89rpx;
flex-direction: row;
display: flex;
margin: 11rpx 0 0 19rpx;
}
.text-group_2 {
width: 132rpx;
height: 68rpx;
margin-top: 21rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.text_3 {
width: 112rpx;
height: 26rpx;
overflow-wrap: break-word;
color: rgba(53,147,139,1);
font-size: 28rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 28rpx;
}
.text_4 {
width: 131rpx;
height: 22rpx;
overflow-wrap: break-word;
color: rgba(83,166,159,1);
font-size: 22rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin: 20rpx 0 0 1rpx;
}
.image_2 {
width: 70rpx;
height: 70rpx;
margin-left: -12rpx;
}
.section_3 {
box-shadow: 0px 2px 20px 0px rgba(199,172,165,0.340000);
background-image: linear-gradient(-90deg, rgba(247,210,200,1.000000) 0, rgba(247,210,200,1.000000) 0, rgba(255,230,221,1.000000) 100.000000%, rgba(255,230,221,1.000000) 100.000000%);
border-radius: 16rpx;
width: 216rpx;
height: 124rpx;
margin-left: 20rpx;
display: flex;
flex-direction: column;
}
.image-text_3 {
width: 188rpx;
height: 87rpx;
flex-direction: row;
display: flex;
margin: 13rpx 0 0 20rpx;
}
.text-group_3 {
width: 130rpx;
height: 68rpx;
margin-top: 19rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.text_5 {
width: 110rpx;
height: 26rpx;
overflow-wrap: break-word;
color: rgba(204,136,74,1);
font-size: 28rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 28rpx;
}
.text_6 {
width: 130rpx;
height: 22rpx;
overflow-wrap: break-word;
color: rgba(199,149,104,1);
font-size: 22rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin-top: 20rpx;
}
.image_3 {
width: 70rpx;
height: 70rpx;
margin-left: -12rpx;
}
.group_2 {
position: relative;
background-color: rgba(255,255,255,1.000000);
border-radius: 20rpx;
width: 710rpx;
height: 412rpx;
display: flex;
flex-direction: column;
margin: 20rpx 0 0 30rpx;
}
.text-wrapper_1 {
background-color: rgba(255,255,255,1.000000);
border-radius: 20rpx;
height: 90rpx;
display: flex;
flex-direction: column;
width: 710rpx;
}
.text_7 {
width: 202rpx;
height: 33rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 34rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 52rpx;
margin: 30rpx 0 0 29rpx;
}
.block_1 {
width: 650rpx;
height: 290rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 2rpx 0 30rpx 30rpx;
}
.group_3 {
1 year ago
width: 309rpx;
height: 290rpx;
background-size: 100% 100%;
display: flex;
flex-direction: column;
1 year ago
position: relative;
}
.image_house{
width: 310rpx;
height: 290rpx;
}
.text-group_4 {
1 year ago
position: absolute;
width: 114rpx;
height: 80rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 38rpx 0 0 57rpx;
1 year ago
}
.text_8 {
width: 114rpx;
height: 41rpx;
overflow-wrap: break-word;
color: rgba(58,128,231,1);
font-size: 44rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
}
.text_9 {
width: 102rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
white-space: nowrap;
line-height: 36rpx;
margin-top: 14rpx;
}
.text-group_5 {
1 year ago
position: absolute;
bottom: 20rpx; /* 调整文本在图片上的垂直位置 */
right:75rpx; /* 调整文本在图片上的水平位置 */
display: flex;
flex-direction: column;
1 year ago
margin: 0 0 30rpx 0 ;
}
.text_10 {
width: 112rpx;
height: 41rpx;
overflow-wrap: break-word;
color: rgba(255,76,28,1);
font-size: 44rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
}
.text_11 {
width: 180rpx;
height: 25rpx;
color: rgba(102,102,102,1);
font-size: 26rpx;
white-space: nowrap;
line-height: 36rpx;
margin-top: 12rpx;
}
.group_4 {
width: 309rpx;
height: 290rpx;
background-size: 100% 100%;
display: flex;
flex-direction: column;
1 year ago
}
1 year ago
.image_JM{
width: 310rpx;
height: 290rpx;
}
.text-group_6 {
position: absolute;
width: 114rpx;
height: 80rpx;
display: flex;
flex-direction: column;
1 year ago
margin: 40rpx 0 0 115rpx;
}
.text_12 {
width: 114rpx;
height: 41rpx;
overflow-wrap: break-word;
color: rgba(58,128,231,1);
font-size: 44rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
}
.text_13 {
width: 102rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
white-space: nowrap;
line-height: 36rpx;
1 year ago
margin: 14rpx 0 0 43rpx;
}
.text-group_7 {
box-sizing: border-box;
position: absolute;
1 year ago
bottom: 20rpx;
right: 75rpx;
display: flex;
flex-direction: column;
margin: 0rpx 0rpx 60rpx 50rpx ;
}
.text_14 {
width: 113rpx;
height: 41rpx;
overflow-wrap: break-word;
color: rgba(255,76,28,1);
font-size: 44rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin-left: 67rpx;
}
.text_15 {
box-sizing: border-box;
width: 180rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
white-space: nowrap;
line-height: 36rpx;
margin-top: 14rpx;
1 year ago
margin-left: 35rpx;
1 year ago
}
.group_5 {
background-color: rgba(255,255,255,1.000000);
border-radius: 20rpx;
width: 710rpx;
height: 502rpx;
display: flex;
flex-direction: column;
justify-content: flex-center;
margin: 20rpx 0 0 20rpx;
}
.text-wrapper_2 {
width: 649rpx;
height: 33rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 30rpx 0 0 29rpx;
}
.text_16 {
width: 134rpx;
height: 33rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 34rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 52rpx;
}
.text_17 {
width: 53rpx;
height: 26rpx;
overflow-wrap: break-word;
color: rgba(180,180,180,1);
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin-top: 6rpx;
}
.box_2 {
width: 648rpx;
height: 31rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 45rpx 0 0 30rpx;
}
.image-text_4 {
width: 535rpx;
height: 31rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
}
.label_1 {
width: 30rpx;
height: 30rpx;
}
.text-group_8 {
width: 490rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 32rpx;
}
.text_18 {
width: 51rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin-top: 1rpx;
}
.text-wrapper_3 {
width: 648rpx;
height: 27rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 23rpx 0 0 30rpx;
}
.text_19 {
width: 169rpx;
height: 27rpx;
overflow-wrap: break-word;
color: rgba(153,153,153,1);
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
}
.text_20 {
width: 228rpx;
height: 20rpx;
overflow-wrap: break-word;
color: rgba(193,193,193,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin-top: 4rpx;
}
.image_4 {
width: 650rpx;
height: 1rpx;
margin: 30rpx 0 0 31rpx;
}
.text-wrapper_4 {
width: 650rpx;
height: 31rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 30rpx 0 0 30rpx;
}
.text_21 {
width: 554rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 42rpx;
}
.text_22 {
width: 51rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin-top: 1rpx;
}
.text-wrapper_5 {
width: 648rpx;
height: 26rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 24rpx 0 0 30rpx;
}
.text_23 {
width: 168rpx;
height: 26rpx;
overflow-wrap: break-word;
color: rgba(153,153,153,1);
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
}
.text_24 {
width: 228rpx;
height: 20rpx;
overflow-wrap: break-word;
color: rgba(193,193,193,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin-top: 3rpx;
}
.image_5 {
width: 650rpx;
height: 1rpx;
margin: 30rpx 0 0 31rpx;
}
.text-wrapper_6 {
width: 649rpx;
height: 31rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 29rpx 0 0 30rpx;
}
.text_25 {
width: 546rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 42rpx;
}
.text_26 {
width: 51rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin-top: 5rpx;
}
.text-wrapper_7 {
width: 648rpx;
height: 27rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 23rpx 0 30rpx 30rpx;
}
.text_27 {
width: 168rpx;
height: 27rpx;
overflow-wrap: break-word;
color: rgba(153,153,153,1);
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
}
.text_28 {
width: 228rpx;
height: 20rpx;
overflow-wrap: break-word;
color: rgba(193,193,193,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin-top: 4rpx;
}
.content{
display: flex;
flex-direction: column;
width: 710rpx;
height:auto ;
background-color: #FFFFFF;
margin: 30rpx 0 0 30rpx;
border-radius: 20rpx;
}
.hd_news{
display: flex;
justify-content: space-between;
flex-direction: row;
margin: 30rpx 30rpx 30rpx 30rpx;
}
.news_remind{
font-family: PingFang SC;
font-weight: bold;
font-size: 34rpx;
color: #333333;
line-height: 52rpx;
}
.more{
font-size: 28rpx;
color: #B4B4B4;
line-height: 36rpx;
}
.Information{
height: 110rpx;
display: flex;
flex-direction: column;
margin: 10rpx 30rpx 30rpx 30rpx;
border-bottom: 2rpx solid #EAEAEA;
}
.Information_one{
display: flex;
justify-content: space-between;
1 year ago
}
.Information_test{
width: 490rpx;
1 year ago
height: auto;
font-size: 32rpx;
color: #333333;
line-height: 32rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Information_test2{
width: 60rpx;
height: auto;
font-size: 26rpx;
color: #666666;
line-height: 40rpx;
}
.Information_two{
display: flex;
justify-content: space-between;
margin: 20rpx 0 0 0rpx;
}
.Information_test3{
1 year ago
width: 169rpx;
height: auto;
font-size: 28rpx;
color: #999999;
line-height: 40rpx;
}
.Information_test4{
width: auto;
height: auto;
font-size: 26rpx;
color: #C1C1C1;
line-height: 40rpx;
}
.one_one{
display: flex;
flex-direction: row;
}
.Information_image{
width: 30rpx;
height: 30rpx;
margin-right: 10rpx;
1 year ago
}
.imge1{
width: 309rpx;
height: 300rpx;
}
.imge2{
width: 309rpx;
height: 300rpx;
}
/* pages/work/work.wxss */
.list_card {
font-size: 40rpx;
font-family: DIN Alternate;
color: #FF783C;
/* align-items: center; */
}
.right text{
font-size: 40rpx;
font-family: DIN Alternate;
color: #FF783C;
/* align-items: center; */
}
.right{
}
.bg_new_box{
background: #F9FBFE;
height: 300rpx;
width: 95%;
margin-top: -30rpx;
margin-left: -10rpx;
margin-bottom: 10rpx;
border-radius: 10px;
}
.bg_new_box {
position: relative;
}
.bg_new_right{
position: absolute;
float: right;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.bg_new_box .tag{
display: inline-block;
position: absolute;
top: 0;
right: 0;
background: #FFEFDB;
border-radius: 0rpx 10rpx 0rpx 10rpx;
padding: 10rpx 26rpx;
box-sizing: border-box;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FF783C;
}
.new_h2{
margin-top: 30rpx;
margin-left: 30rpx;
font-family: PingFang SC;
font-weight: bold;
font-size: 34rpx;
color: #333333;
line-height: 52rpx;
}
.new_submitt{
margin-top: 20rpx;
font-size: 30rpx;
opacity: 0.5;
bottom: 0;
margin-left: 30rpx;
}
.list_card {
display: flex;
flex-direction: column;
justify-content: space-around;
/* align-items: center; */
color: #333333;
border-bottom: 1px solid #f7f7f7;
padding: 30rpx 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 32rpx;
font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
font-weight: 500;
}
.list_card:last-child {
margin-top: 29rpx;
}
.list_card .special {
font-size: 40rpx;
font-family: "DIN Alternate", "Helvetica Neue", Arial, sans-serif;
color: #FF783C;
}
.new_left{
float: left;
margin-left: 32rpx;
font-size: 36rpx;
}
.new_hh{
margin-bottom: 12rpx;
}
.new_submit{
margin-top: 30rpx;
font-size: 30rpx;
opacity: 0.5;
bottom: 0;
margin-top: auto;
}
.btn_fx {
margin-left: 32rpx;
width: 160rpx;
font-size: 28rpx;
height: 56rpx;
background: #FF783C;
border-radius: 28rpx;
text-align: center;
line-height: 56rpx;
padding: 0 !important;
color: #fff;
margin-top: 30rpx;
}
.btn_tj {
margin-left: 232rpx;
margin-top: -55rpx;
width: 160rpx;
height: 56rpx;
background: #13c8bd;
border-radius: 28rpx;
text-align: center;
line-height: 56rpx;
color: #fff;
font-size: 28rpx;
}
.bg_new_left{
margin-right: 20px;
}
.electron{
position:relative;
width: 690rpx;
height: 100rpx;
display: flex;
flex-direction:row;
justify-content: space-between;
margin: 21rpx 0 0 30rpx;
}
.door{
display:flex;
width: 335rpx;
height: 100rpx;
border-radius: 20rpx;
justify-content: center;
align-items: center;
background-color: #FFFFFF;
box-shadow: 0px 2px 20px 0px rgba(150,161,175,0.150000);
}
.door .door-text{
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: 32rpx;
margin-left: 20rpx;
}
.img_door{
height: 44rpx;
width: 44rpx;
}
.electron_card{
display:flex;
width: 335rpx;
height: 100rpx;
background-color: #ffffff;
border-radius: 20rpx;
justify-content: center;
align-items: center;
box-shadow: 0px 2px 20px 0px rgba(150,161,175,0.150000);
}
.card_text{
margin-left: 20rpx;
font-size: 32rpx;
}