/**index.wxss**/ /* .select{ width: 100%; height: 90rpx; background-color: #fff; display: flex; justify-content: space-between; box-sizing: border-box; padding: 0 40rpx; align-items: center; } .select view { display: flex; align-items: center; font-size: 30rpx; font-family: PingFang SC; font-weight: 500; color: #3A80E7; } .select view image{ width: 16rpx; height: 16rpx; margin: 0 9rpx; } .select .delete { font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #999999; } .select .delete image{ width: 30rpx; height: 30rpx; } .content{ width: 100%; display: flex; height: auto; flex-direction: column; justify-content: flex-center; margin: 30rpx 20rpx 0 30rpx; } /* .content .scroll { height: calc(100vh - 130rpx); */ /* .box{ display: flex; flex-direction: column; background-color: #fff; } .hd_news{ display: flex; flex-direction:row; justify-content: space-between; margin: 20rpx 20rpx 0 30rpx } .hd_news .reminder{ 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; } .card{ width: 100%; display: flex; height: 168rpx; margin: 20rpx 0 0 10rpx; box-sizing: border-box; overflow: hidden; position: relative; flex-direction: column; } .content .card::before{ content: ""; position: absolute; left: 30rpx; right: 30rpx; bottom: 0; border-bottom: 2rpx solid #EAEAEA; } .blue{ color:#5693EE; } .yellow{ color:#E2944D; } .cyan{ color: #2EB4F2 ; } .cyanBg{ background: rgba(56,189,253,0.1); } .yellowBg{ background: rgba(248,188,122,0.1); } .blueBg{ background: rgba(86,147,238,0.1); } .gray{ color: #999999 !important; } .content .card .left{ width: 100rpx; height: 100rpx; background: linear-gradient(0deg, #3E8DF8 0%, #68A8FD 100%); border-radius: 20rpx; color:#fff ; font-size: 28rpx; font-family: PingFang SC; font-weight: 500; text-align: center; line-height: 100rpx; } .content .card .right{ flex: 1; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; margin-left: 24rpx; } .content .card .right .top{ display: flex; align-items: center; justify-content: space-between; } .content .card .right .title{ font-size: 32rpx; font-family: PingFang SC; font-weight: 500; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 80rpx); } .content .card .right .bottom{ display: flex; justify-content: space-between; align-items: center; font-size: 28rpx; font-family: PingFang SC; color: #999999; } .textOver{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 250rpx; } .content .card .right .bottom .flex_box{ display: flex; justify-content: left; } */ /* .bgBule{ background-color: #dfebfb; border: 1px solid #3A80E7; border-radius: 32rpx; padding:10rpx 20rpx; box-sizing: border-box; } .bgBule image{ margin-left: 50rpx !important; } */ .page { overflow: hidden; 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; } .header .header_addre{ display: flex; width: 100%; height: 40rpx; align-items: center; align-content: center; margin:80rpx 0 0 20rpx; z-index:1; } .header_image { width: 34rpx; height: 31rpx; } .header_text_1 { /* 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: -150rpx; 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: -100rpx 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: 36rpx 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 { 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; font-family: PingFang-SC-Medium; font-weight: 500; text-align: left; 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; 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: 36rpx; margin-top: 12rpx; } .group_4 { width: 309rpx; height: 290rpx; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psq0fabgccqbd5mjs6z8p0rt7df5pv3uen565b4a611-6a0e-4fbc-a572-28bc912d91b5) 100% no-repeat; 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; justify-content: space-between; 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; font-family: PingFang-SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 36rpx; margin: 14rpx 0 0 33rpx; } .text-group_7 { position:absolute; width: 180rpx; height: 80rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 49rpx 0 44rpx 74rpx; bottom: 20px; } .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 { width: 180rpx; 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: 36rpx; margin-top: 14rpx; } .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: 30rpx; } .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-family: PingFang SC; font-weight: 500; font-size: 28rpx; color: #B4B4B4; line-height: 36rpx; } .Information{ height: 100rpx; 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-family: PingFang SC; font-weight: 500; font-size: 32rpx; color: #333333; line-height: 32rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Information_test2{ width: 60rpx; height: auto; font-family: PingFang SC; font-weight: 500; font-size: 26rpx; color: #666666; line-height: 40rpx; } .Information_two{ display: flex; justify-content: space-between; } .Information_test3{ width: 169rpx; height: auto; font-family: PingFang SC; font-weight: 500; font-size: 28rpx; color: #999999; line-height: 40rpx; } .Information_test4{ width: auto; height: auto; font-family: PingFang SC; font-weight: 500; font-size: 26rpx; color: #C1C1C1; line-height: 40rpx; } .one_one{ display: flex; flex-direction: row; } .Information_image{ width: 30rpx; height: 30rpx; margin-right: 10rpx; }