SOURCE

<div class="bg">
</div>

/* 初始化 */

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;
}


/* 去掉 ie 浏览器下默认的 x ie10+ */

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;
  /* font-size: 100%; */
}

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-line-clamp: 2; */
  -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;
}