*,::before,::after { margin:0; padding:0; /*清除移动端默认的点击高亮*/ -webkit-tap-highlight-color:transparent; /*设置以边框开始计算宽度*/ -webkit-box-sizing:border-box; box-sizing:border-box; } /*去除网站元素的边距 适用于中小项目*/ body { font-size:.4rem; font-family:"microsoft yahei",sans-serif; color:#333; } a { color:#333; text-decoration:none; } a:hover { text-decoration:none; } input { border:none; outline:none; /*清除移动端的默认的表单高亮样式*/ -webkit-appearance:none; } ul,ol { list-style:none; } /*上面重置 下面公用*/ .jc_left { float:left; } .jc_right { float:right; } .clearfix::before,.clearfix::after { content:""; height:0; line-height:0; display:block; visibility:hidden; clear:both; } .jc_main { position:fixed; width:100%; height:100%; top:0; background:#1B96EE; } .jc_main01 { background:red; height:100%; position:relative; } .jc_main01 ul { position:absolute; top:0; left:0; display:block; height:400%; width:100%; } .jc_main01 ul li { width:100%; height:25%; position:relative; } .jc_main01 ul li img { width:100%; height:100%; } .jc_main01 ul li .pujie { position:absolute; top:0; width:100%; bottom:0; z-index:1; /*background:rgba(255,255,255,0.2); */ } .jc_main01 ul li .pujie h3 { text-align:center; margin-top:6rem; opacity:0; color:red; } .jc_main01 ul li .pujie p { text-align:center; color:red; opacity:0; }