.main { float: left; width: 100%; position: relative; } .main swiper { height: 100vh; float: left; width: 100%; position: absolute; top: 126rpx; } .swiper-tab { width: 90%; text-align: center; height: 104rpx; line-height: 104rpx; font-weight: bold; display: flex; flex-flow: row; justify-content: space-between; float: left; padding: 0 20px; margin: 0 0 20rpx 0; position: absolute; z-index: 99999999; } .swiper-tab-item { float: left; height: 104rpx; width: 50%; color: #888888; } .active { color: #E9021D; border-bottom: 4rpx solid #E9021D; } .policyLeft { float: left; width: 92%; margin: 0 30rpx; } .policyLeft .list { float: left; width: 100%; /* height: 150rpx; */ margin: 0 0 20rpx 0; } .policyLeft image { float: left; width: 150rpx; height: 150rpx; margin: 0 20rpx 0 0; } .policyLeft .info { float: left; width: 100%; border-bottom: 1px solid #e8e8e8; /* height: 150rpx; */ } .policyLeft .info p:first-child { float: left; width: 100%; font-size: 30rpx; font-family: Source Han Sans SC; font-weight: 400; color: rgba(40, 40, 40, 1); /* overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; */ } .policyLeft .info .infos { float: left; width: 100%; /* border: 1px solid red; */ /* margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f3f3f3; */ } .policyLeft .info .infos text:first-child { float: left; /* width: 100%; */ font-size: 26rpx; font-family: Source Han Sans SC; font-weight: 400; color: #888888; /* overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; */ /* height: 68rpx; */ } .policyLeft .info .infos text:last-child { float: right; /* width: 100%; */ text-align: right; font-size: 24rpx; font-family: Source Han Sans SC; font-weight: 400; /* color: #000; */ /* padding-top: 30rpx; */ color: #aaaeb1; padding-bottom: 10px; /* border: 1px solid red; */ } /* .policyLeft .info p:last-child { float: left; width: 100%; margin: 20rpx 0 0 0; } .policyLeft .info p:last-child span { float: left; width: 228rpx; height: 40rpx; line-height: 40rpx; text-align: left; margin: 0 20rpx 0 0; background: rgba(242, 245, 250, 1); border-radius: 10px; font-size: 26rpx; font-family: Source Han Sans SC; font-weight: 400; color: rgba(136, 136, 136, 1); padding: 0 0 0 20rpx; } .policyLeft .info p:last-child span:last-child { margin: 0; } */ .policyRight .info p:first-child { float: left; width: 100%; font-size: 30rpx; font-family: Source Han Sans SC; font-weight: 400; color: #000; /* overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; height: 80rpx; */ } .policyRight .info p:last-child { float: left; width: 100%; margin: 20rpx 0 0 0; padding-bottom: 20rpx; } .policyRight .info p:last-child span { float: left; width: 270rpx; height: 40rpx; line-height: 40rpx; text-align: center; margin: 0 20rpx 0 0; background: rgba(242, 245, 250, 1); border-radius: 10px; font-size: 26rpx; font-family: Source Han Sans SC; font-weight: 400; color: rgba(136, 136, 136, 1); padding: 0 0 0 0rpx; } .policyRight .info p:last-child span:last-child { margin: 0; float: right; margin-right: -22rpx; } .loadmore { color: #888; font-size: 16px; line-height: 100rpx; text-align: center; } .loadmore.loading::before { content: ''; width: 40rpx; height: 40rpx; margin-top: -10rpx; margin-right: 10rpx; display: inline-block; vertical-align: middle; animation: loading 1s steps(12) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat; background-size: 100%; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } .home .down { float: left; width: 100%; position: relative; z-index: 999; } .home .down .tabber { float: left; width: 100%; margin: 100rpx 0 0 0; } .policyRight .info { width: 100%; }