* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } html,body{ width: 100%; height: 100%; min-height: 100%; overflow: hidden; -webkit-text-size-adjust: none; font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei"; } #main { position: absolute; width: 100%; height: 100%; padding: 0 10px; overflow: auto; -webkit-overflow-scrolling: touch; margin-top:10px; border:0px solid red; } /**新闻标题*/ .caption { width: 100%; padding: 5px 0; border-bottom: 0px solid #CCC; MARGIN-RIGHT: auto; MARGIN-LEFT: auto; TEXT-ALIGN: center; } .caption font { display: block; width: 100%; overflow: hidden; } .caption #guide { color: #999; font-size: 15px; margin-top: 20px; line-height: 20px; text-align:left; } .caption #main-title { font-size: 21px; line-height: 40px; padding-left: 2px; font-weight: bold; text-align:left; } .caption #sub-title { color: #999; font-size: 15px; line-height: 35px; padding-left: 2px; text-align:left; } .caption #author { color: #BBBBBB; font-size: 13px; margin-top: 0px; line-height: 22px; padding-left: 2px; text-align:left; } .caption #date { color: #BBBBBB; font-size: 13px; margin-top: 10px; line-height: 22px; padding-left: 2px; text-align:left; } /**新闻正文*/ .content img {max-width:100%; height:auto}/*改超宽新闻图片显示随屏幕宽度100%显示*/ .content { background-color:#F7F7F7; width: 100%; padding: 10px 0; font-size: 17px; line-height: 30px; padding-bottom:60px; text-align:justify; text-align-last:center;/*让所有新闻图片显示居中*/ } p{ margin:5px; padding:5px; text-align:justify; text-align-last:left; } /**蒙板样式*/ #mask { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); } /**分享框样式*/ #share { display: none; position: fixed; bottom: -100px; left: 0; width: 100%; height: 100px; background: rgba(255,255,255,0.8); } #share ul { position:relative; list-style: none; margin: 0; padding: 0 10px; width: 100%; height: 100px; } #share li { width: 25%; height: 100px; padding: 15px 0; float: left; } #share a { display: block; width: 100%; height: 70px; background-position: center top; background-repeat: no-repeat; background-size: 45px 45px; color: #333; font-size: 12px; text-align: center; line-height: 120px; text-decoration: none; } /**返回顶部样式*/ #toTop { display: none; position: fixed; bottom: 100px; right: 15px; width: 30px; height: 30px; background-color: #D9383D; border-radius: 50%; background-image: url(../image5/up.png); background-position: center; background-repeat: no-repeat; background-size: cover; float: right; } /**操作框样式*/ #operate { position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; display: none; } #operate ul{ width: 100%; height: 60px; padding: 0 23%; list-style: none; border:0px solid red; } #operate li { width: 20px; height: 20px; margin-top: 10px; margin-left: 35px; float: left; } #operate li:first-of-type { width: 36%; } #operate li a { display: block; width: 30px; height: 30px; background-color: #D9383D; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; float: right; } #operate li:first-of-type a { float: left; float: left; } #mcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }