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
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;
|
|
overflow: hidden;
|
|
|
|
}
|
|
.back {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-left: 20rpx;
|
|
margin-top: 20rpx;
|
|
border-radius: 0rpx;
|
|
z-index: 101;
|
|
}
|
|
.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 {
|
|
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;
|
|
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: 700rpx;
|
|
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: 700rpx;
|
|
}
|
|
.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 {
|
|
width: 309rpx;
|
|
height: 290rpx;
|
|
background-size: 100% 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
}
|
|
|
|
.image_house{
|
|
width: 310rpx;
|
|
height: 290rpx;
|
|
}
|
|
.text-group_4 {
|
|
position: absolute;
|
|
width: 114rpx;
|
|
height: 80rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
margin: 38rpx 0 0 57rpx;
|
|
|
|
}
|
|
.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 {
|
|
position: absolute;
|
|
bottom: 20rpx; /* 调整文本在图片上的垂直位置 */
|
|
right:75rpx; /* 调整文本在图片上的水平位置 */
|
|
display: flex;
|
|
flex-direction: column;
|
|
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;
|
|
|
|
}
|
|
.image_JM{
|
|
width: 310rpx;
|
|
height: 290rpx;
|
|
}
|
|
.text-group_6 {
|
|
position: absolute;
|
|
width: 114rpx;
|
|
height: 80rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
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;
|
|
margin: 14rpx 0 0 43rpx;
|
|
}
|
|
.text-group_7 {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
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;
|
|
margin-left: 35rpx;
|
|
|
|
|
|
}
|
|
.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: 700rpx;
|
|
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;
|
|
|
|
}
|
|
.Information_test{
|
|
width: 490rpx;
|
|
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{
|
|
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;
|
|
}
|
|
.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;
|
|
}
|