body,html{ background: #F5F5F5; } .memb{ background: white; width: 100%; height: 50px; display: flex; align-items: center; justify-content: space-around; } .memb_inner{ width: 80px; text-align: center; line-height: 50px; height: 100%; font-size: 14px; } .cheakm{ border-bottom: 1px solid #F79767; color: #F79767; } .memb_a{ margin: auto; margin-top: 10px; width: 96%; height: auto; overflow: hidden; background: white; box-sizing: border-box; padding: 5px 25px; } .memb_a p:nth-child(1){ font-size: 14px; } .memb_a p:nth-child(2){ box-sizing: border-box; padding: 5px 0; font-size: 14px; } .memb_a p:nth-child(2) span{ color: #F79767; font-size: 16px; padding-right: 5px; } .memb_a p:nth-child(3){ color: #F79767; } .list_con{ width: 96%; height: auto; margin: auto; margin-top: 10px; overflow: hidden; } .nolist{ width: 100%; text-align: center; line-height: 50px; font-size: 3vw; color: #999999; margin-top: 100px; } .memb_b{ width: 100%; height: 25vw; background: url(../images/z_mjq.png); background-size: 100% 100%; position: relative; margin-bottom: 10px; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .memb_b01{ width: 30vw; position: absolute; text-align: center; top: 5vw; left: 0; color: white; font-size: 4vw; } .memb_b02{ width: 30vw; position: absolute; text-align: center; top: 11vw; left: 0; color: white; font-size: 3vw; } .memb_b03{ position: absolute; top: 10vw; left: 35vw; color: #F79767; font-size: 4vw; border-radius: 5px; box-sizing: border-box; padding: 0 2px; } .memb_b04{ position: absolute; top: 10vw; right: 8vw; font-size: 4vw; } .memb_c{ width: 100vw; height: 21vw; position: relative; margin-bottom: 10px; border-radius: 3px; background-color: white; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .memb_c>img{ width: 21vw; height: 21vw; position: absolute; top: 0; left: 0; } .memb_c01{ position: absolute; left: 25vw; top: 3vw; font-size: 4vw; } .memb_c02{ position: absolute; left: 25vw; top: 10vw; font-size: 4vw; } .memb_c03{ position: absolute; top: 7vw; right: 8vw; font-size: 4vw; } .tips{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.2); display: none; } .tips_flex{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .tips_center{ width: 44vw; padding: 2vw 10vw; background-color: white; border-radius: 5px; } .tips_top{ width: 100%; height: 13vw; text-align: center; font-size: 14px; line-height: 13vw; border-bottom: 1px solid #e8e8e8; } .tips_bottom{ display: flex; width: 100%; height: 17vw; flex-direction: row; justify-content: space-between; align-items: center; } .tips_bottom>span{ display: block; width: 10vw; height: 8vw; text-align: center; line-height: 8vw; border-radius: 5px; font-size: 14px; } .tips_bottom>span:nth-child(1){ background-color: #F79767; color: white; } .tips_bottom>span:nth-child(2){ /*background-color: white;*/ color: #F79767; }