console
<img class="bg" src="https://ws1.sinaimg.cn/large/65f875b0gy1g5sag3k8r6j20xc2gwb29.jpg"/>
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, menu, nav, section, option,i {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
-ms-touch-action: none;
}
html,body {
width: 100%;
}
body {
max-width: 750px;
min-width: 320px;
margin: 0 auto;
background-color: #fff;
font-family: -apple-system,Helvetica,sans-serif;
}
input::-ms-clear{
display:none;
}
input::-ms-reveal{
display:none;
}
th {
font-weight: normal;
}
p {
word-wrap: break-word;
}
fieldset, img, input, button, textarea {
border: none;
outline-style: none;
}
textarea {
resize: none;
}
a {
text-decoration: none;
color: #969696;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
width: 100%;
display: block;
border: none;
}
ul, ol {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
text-decoration: none;
font-weight: normal;
}
em, i {
font-style: normal;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.one-txt-cut {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.txt-cut {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
table {
border-spacing: 0;
}
.fl {
float: left;
}
.bg{
background: url(https://ws1.sinaimg.cn/large/65f875b0gy1g5sag3k8r6j20xc2gwb29.jpg) no-repeat center;
background-size: 100% 100%;
width: 100%;
height: 22rem;
}