.bck { position: absolute; top: 0; left: 0; width: 100%; height: 250px; z-index: -1; background-size: 100% 100%; } .box { padding: 100px 7vw 0; box-sizing: border-box; } .title_name { font-size: 7vw; font-weight: bold; letter-spacing: 1.5vw; color: #fff; margin-bottom: 20px; } .title_view { height: 20px; font-size: 4.8vw; letter-spacing: 0.5vw; color: #fff; opacity: 0.7; } .tabs_css { margin: 30px 0; display: flex; } .tabs_div { margin: 30px 0; } .tabs_item { margin-right: 20px; font-size: 4.3vw; color: #fff; } .check {} .no_check { opacity: 0.6; } /**/ .white_box { width: 100vw; min-height: 550px; /* background-color: rebeccapurple; */ background-color: #F5F6FA; border-top-left-radius: 8vw; border-top-right-radius: 8vw; padding: 10vw 5vw; box-sizing: border-box; } .card { width: 90vw; background-color: #fff; border-radius: 8vw; padding: 8vw 7vw; margin-bottom: 30px; box-sizing: border-box; box-shadow: 1px 1px 1px 1px rgb(196, 196, 196); } .card_title { display: flex; } .title_L { flex-shrink: 0; width: 50px; height: 50px; margin-right: 15px; } .title_pic { width: 100%; height: 100%; } .title_R { height: 50px; display: flex; align-content: space-between; flex-wrap: wrap; font-size: 4.6vw; } .grey_font { width: 100%; color: #999; font-size: 3.8vw; } .day_font { margin: 20px 0 20px; letter-spacing: 0.2vw; font-size: 4vw; } .day_font2 { margin: 20px 0; letter-spacing: 0.2vw; font-size: 3.8vw; } .day_font2_large { font-size: 5.5vw; font-weight: bold; } .flex_font { font-size: 3.5vw; margin: 20px 0; display: flex; } .grey_flex { width: 80px; color: #999; } .grey_line { width: 100%; height: 1px; background-color: #E5E5E5; } .blue_line { width: 1px; height: 20px; background-color: #EAEAEA; } .blue_font { display: flex; justify-content: space-around; margin-top: 20px; font-size: 4.1vw; color: #4C92F9; } .blue_tip { position: fixed; bottom: 40px; right: 3vw; } .img_tip { width: 70px; height: 70px; } .pop_card { padding: 5vw; box-sizing: border-box; } .pop_title { font-size: 4.8vw; font-weight: bold; letter-spacing: 1px; margin-bottom: 30px; } .tem_box { display: flex; flex-wrap: wrap; } .tem_item { width: 23vw; height: 170px; text-align: center; margin: 0 3vw 30px; } .tem_pic { width: 23vw; height: 120px; border-radius: 10px; } .tem_font { font-size: 3.9vw; margin-top: 10px; }