html, body { background: #F1F3F3; font-size: 14px; } .clear_float:before,.clear_float:after{ display: table; content: ""; } .clear_float{ clear: both; } #wrap{ padding: 10px 0; } .box { width: 100%; height: auto; background: white; } .title{ width: calc(100vw - 10px); height: 50px; color: #FF9966; line-height: 50px; border: 5px solid #F1F3F3; border-radius:5px ; font-size: 16px; position: relative; } .title>img{ float: right; margin-right: 7.5px; margin-top: 7.5px; width: 40px; height: 35px; } .y_content{ margin-left: 15px; } .rili>ul{ width: calc(100vw - 10px); border: 5px solid #F1F3F3; background: white; font-size: 16px; } .rili{ border-left: 5px solid #F1F3F3; border-right: 5px solid #F1F3F3; } .rili>ul>li{ float: left; width: 14%; text-align: center; height: 53px; background: white; line-height: 50px; } .lists{ width: calc(100vw - 10px); border: 5px solid #F1F3F3; height: 100px; background: white; display: inline-block; font-size: 16px; } .lists>div:nth-child(1){ color: #FF9966; margin-top: 10px; text-align: center; } .lists>div:nth-child(2){ float: left; width: 100%; margin-left: 5%; margin-top: 10px; } .lists>div:nth-child(2)>span:nth-of-type(1){ margin-left: 3%; } .lists>div:nth-child(2)>span:nth-of-type(2){ color: #FF9966; } .c1{ /*height: 30px;*/ display: flex; margin-left: -5px; } #wrap{ display: flex; flex-wrap: wrap; margin-left: -5px; border-top: none; } #wrap>li{ width: 12vw; height: 12vw; margin-left: 1.5%; margin-top: 1%; line-height: 12vw; }