.banner { width: 710rpx; margin-left: 20rpx; height: 240rpx; position: relative; } .u-wrp-bnr { width: 100%; height: 240rpx; display: block; position: relative; border-radius: 20rpx; overflow: hidden; } .u-img-slide { width: 100%; height: inherit; } .uimg { position: absolute; width: 100%; height: 240rpx; top: 0; left: 0; z-index: 1; } .text { width:600rpx; color: #fff; position: absolute; left: 50rpx; z-index: 99; font-weight: 900; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .text0 { font-size: 30rpx; top: 10rpx; } .text1 { font-size: 25rpx; top: 55rpx; } .text2 { font-size: 25rpx; top: 95rpx; } .text3 { font-size: 25rpx; top: 135rpx; } .gozbbtn { position: absolute; width: 258rpx; height: 61rpx; top: 165rpx; right: 20rpx; z-index: 999; } .sec { height: 120rpx; width: 710rpx; margin-left: 20rpx; margin-top: 15rpx; /* border: 1px solid red; */ } .sec_item { float: left; position: relative; } .sec_item1 { float: right; position: relative; } .secimg { width: 350rpx; height: 110rpx; border-radius: 10rpx; overflow: hidden; } .text4 { color: #fff; font-size: 30rpx; font-weight: 900; position: absolute; top: 10rpx; left: 115rpx; } .text5 { color: #fff; font-size: 25rpx; position: absolute; top: 60rpx; left: 90rpx; } .gridbox { height: 200rpx; width: 710rpx; margin-left: 20rpx; } .grid_text { font-size: 26rpx; } .qy_title { width: 670rpx; margin-left: 40rpx; font-size: 30rpx; display: flex; /* border: 1px solid red; */ display: block; margin-top: 30rpx; } .redk { height: 33rpx; width: 8rpx; background-color: #eb3f33; border-radius: 5rpx; margin-right: 10rpx; margin-top: 3rpx; float: left; } .more { font-size: 25rpx; font-weight: 900; color: #eb3f33; float: right; } .xczs { box-sizing: border-box; width: 100%; padding: 30rpx; /* height: 250rpx; */ /* border: 1px solid yellow; */ display: block; } .zb1 { width: 338rpx; height: 253rpx; margin-right: 20rpx; margin-bottom: 10rpx; border-radius: 10rpx; overflow: hidden; float: left; position: relative; /* border: 1px solid red; */ } .show1 { width: 338rpx; height: 260rpx; } .show_text { font-size: 22rpx; margin-top: 10rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .grayblock { width: 100%; height: 80rpx; background-color: rgba(255, 255, 255, 0.7); position: absolute; bottom: 0; text-indent: 10rpx; } .qb { width: 23rpx; height: 25rpx; margin-left: 10rpx; margin-top: 5rpx; float: left; } .ivlist{ width: 100%; height:150rpx; display: flex; flex-flow:row nowrap; justify-content: space-between ; align-items: center; padding-bottom:30rpx; margin-bottom:30rpx; border-bottom:1rpx solid #f8f8f8; } .ivlist_img{ width: 230rpx; height:150rpx; } .ivlist_text{ width:430rpx; height:150rpx; display: flex; flex-flow:column nowrap; justify-content: space-between ; } .ivlist_title{ font-size: 32rpx; color: #333333; padding-top:5rpx; } .ivlist_subt{ font-size:26rpx; color:#999999; padding-bottom:5rpx; display:flex; align-items:center; justify-content: start; } .ivlist_icon{ font-size:30rpx; padding-right:10rpx; }