page{ background: #f5f5f5; } .container { position: relative; width: 100%; height: 100%; font-size: 14px; color: #000; } .myorder-menu{display: flex;flex-direction: row;align-items: center;justify-content: center;width:100%; background-color: #fff;} .myorder-menu view{display: flex;flex: 1; height:2.5em; line-height: 2.5em; text-align: center; border:1px solid #f1f1f1; border-left:0;border-top: 0; align-items: center;justify-content: center;} .myorder-menu view.hover{border-bottom:1px solid #00B050;color:#00B050;} .news-box{width:100%; padding:0 1em;box-sizing: border-box;} .news-item{position: relative; float:left; width:100%; margin:1em 0; padding:0; box-sizing: border-box; text-align: left; } .news-item .createTime{width: 100%;} .news-item .createTime text{display: block;margin:0.5em auto; height: 1.5em; line-height: 1.5em; max-width:7em; padding:0.2em; text-align: center;background-color: #c9c9c9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .news-item .item-box{position:relative; padding:1em;width: 100%;border:1px solid #ededed;border-radius:10px;box-sizing:border-box;background-color: #fff;} .news-item .item-box .title{width: 100%;background-color:#fff; line-height:1.2em;} .news-item .item-box .createTime2{width: 100%;color:#939393} .news-item .item-box .pic{width: 100%;margin-top:0.5em;} .news-item .item-box .pic image{width:100%;height:12.5em;} .news-item .item-box .content{margin-top:0.5em;width: 100%;color:#939393;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:1.2em;} .news-item .item-box .read{margin-top:0.8em;width: 100%; height:2.5em; line-height:2.5em; border-top:1px solid #ededed;} .news-item .item-box .read image{ float:right; margin-top:0.8em; width:1.2em;height: 1.2em;} .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%;} .nodata{padding-top:1em; text-align: center; line-height: 1.5em; color:#939393;} .nodata image { width: 80px; height: 80px; }