.home { width: 92%; margin: 0 auto; } .home .top { height: 300rpx; } .home .top swiper-item { width: 100%; height: 300rpx; border-radius: 20rpx; } .home .top image { width: 100%; height: 300rpx; border-radius: 20rpx; } .home .top swiper { height: 300rpx; } .flex-box { display: flex; align-items: center; justify-content: center; margin-top: 30rpx; } .bck { background: #dbe9f6; border-radius: 6px; color: #3994f7; margin-left: 20rpx; padding: 10rpx 20rpx; width: 90%; } .shu-top2 { margin-top: 20rpx; display: flex; align-items: center; } .shu { height: 36rpx; width: 8rpx; background: rgba(31, 135, 247, 1); border-radius: 4px; } .top2 { font-family: SourceHanSansCN; font-weight: bold; margin-left: 20rpx; font-size: 28rpx; } .top3 { display: flex; margin-top: 20rpx; } .top3-box { background-color: #e5f6ff; width: 220rpx; height: 224rpx; border-radius: 10rpx; text-align: center; } .top3-box:nth-child(2) { margin-left: 20rpx; } .top3-box:nth-child(3) { margin-left: 20rpx; } .top3-title { color: #9eb7c9; font-size: 28rpx; font-family: SourceHanSansCN; font-weight: 600; margin-top: 5rpx; } .top3-num { font-size: 38rpx; font-family: SourceHanSansCN; font-weight: 700; color: #003e75; margin-top: 10rpx; } .top4 { display: flex; margin-top: 20rpx; } .top4-box { display: flex; width: 330rpx; height: 150rpx; background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.15); border-radius: 10rpx; align-items: center; justify-content: space-around; } .top4-box:nth-child(2) { margin-left: 25rpx; } .top4-box:nth-child(4) { margin-left: 25rpx; } .top4-title { color: #333333; font-family: SourceHanSansCN; font-weight: 600; font-size: 30rpx; } .top4-smalltitle { font-family: SourceHanSansCN; font-weight: 400; font-size: 26rpx; color: #999999; margin-top: 10rpx; } .top4-box1 { margin-right: 20rpx; } .swiper_container { height: 50rpx; width: 80vw; margin-left: 20rpx; line-height: 50rpx; background: #dbe9f6; color: #2087f7; border-radius: 6rpx; padding-left: 20rpx; box-sizing: border-box; } .swiper_item { font-size: 25rpx; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 2px; } .isNovisit{ position: absolute; top: 0; width: 93%; background: white; border-radius: 19rpx; } .mask_layer { width: 100%; height: 100%; position: fixed; z-index: 999; left:0;top:0; background: #000; opacity: 0.5; overflow: hidden; } .modal_box { width: 90%; overflow: hidden; position: fixed; top: 50%; left: 0; transform: translateY(-50%); z-index: 1001; background: #fafafa; margin: 0 5% 0 5%; border-radius: 3px; } .title { padding: 15px; text-align: center; background-color: gazure; } .content { overflow-y: scroll; /*超出父盒子高度可滚动*/ } .btn1 { width: 100%; margin-top: 65rpx; display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; background-color: white; } .Sure { width: 100%; padding: 10px; color: #44b549; background-color: white; border-left: 1px solid #d0d0d0; text-align: center; } .scorll-div { overflow-y: auto; overflow-x: hidden; height: 45vh; } .scroll::-webkit-scrollbar { background-color: #F3F3F3; height: 16rpx; width: 8rpx; -webkit-border-radius: 8rpx; -moz-border-radius: 8rpx; border-radius: 8rpx; } .scroll::-webkit-scrollbar-track { opacity: 0; transition: opacity 0.12s ease-out; -webkit-border-radius: 8rpx; -moz-border-radius: 8rpx; border-radius: 8rpx; } .scroll::-webkit-scrollbar-thumb { background-color: #368FF9; transition: background-color 0.3s; -webkit-border-radius: 8rpx; -moz-border-radius: 8rpx; border-radius: 8rpx; } .flex-shu { display: flex; justify-content: space-between; padding: 10rpx 60rpx; border-bottom: 2rpx solid rgba(227, 229, 235, 1); font-size: 34rpx; } .tabs-time { color: #878787; font-size: 32rpx; margin-top: 1vh; } .addfive { color: #FD1200; display: flex; align-items: center; }