page{ background: #ccc; } .container { position: relative; width: 100%; height: 100%; font-size: 14px; color: #000; } .text{ margin-top: 0; line-height: 2.5em; display: flex; flex-direction: row; align-items: center; background-color: #fff; border-bottom:1px solid #f1f1f1; } .text .line_flag{ margin-top: 0em; margin-left: 5px; margin-right: 0.5em; width:0.5em; height: 1.5em; line-height: 1.5em; background-color: #f0514d; border-radius:0.2em; } .news-box{width:100%; padding:0;padding-top: 0.4em;padding-left:0.8em;box-sizing: border-box;} .news-item{position: relative; float:left; width:100%; margin:0; padding:0.8em; padding-top: 0; padding-left:0; box-sizing: border-box; text-align: left;} .news-item-to{ display: flex; flex-direction: row; position: relative; float:none; width:100%; margin:0; padding:0.8em; box-sizing: border-box; text-align: left; background-color: #fff; border-radius:0.5em;overflow: hidden;} .news-item .title_time{display: flex; flex-direction:column;flex-grow: 1; background-color:#fff; line-height:1.2em;padding-left:0.8em; box-sizing: border-box; overflow: hidden;} .news-item .title_time .title{height:4em;} .news-item .title_time .time{color:#848484; font-size: 0.85em;} .news-item .pic{width: 10em;padding: 0; box-sizing: border-box;} .news-item .pic image{width:100%;height:5em; border-radius:0.5em;} .Hidden_box{ position: fixed;display: flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);} .Hidden_box_to{position: relative; padding: 8px; width:95%;height:auto; background-color: #fff; box-sizing: border-box; border-radius:0.5em;} .Hidden_box_to.addcart_box{ position: absolute; bottom:0; width:100%;border-radius:0.5em 0.5em 0 0;} .Hidden_box_to .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;} .Hidden_box_to .close image{width:100%;height:100%;} .Hidden_box_to .title{ width:100%;height:2.5em;line-height: 2.5em; font-weight: 800; border-bottom:1px solid #f1f1f1;} .Hidden_box_to .body{line-height:1.5em; color:#939393;max-height:80vh; overflow-y: auto;} .Hidden_box_to .body .title{ width:100%;height:2.5em; line-height: 2.5em; text-align: center;} .Hidden_box_to .body img{max-width:100%;} .Hidden_box_to .body video{width:100%;height:15em;} .nodata{padding-top:1em; text-align: center; line-height: 1.5em; color:#939393;} .nodata image { width: 80px; height: 80px; }