*,::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;
}