html {
margin: 40px 20px
}
body {
box-sizing: border-box;
margin: 0 auto;
padding: 45px;
word-wrap: break-word;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 16px;
line-height: 1.5
}
.haibao {
display: block;
margin: 20px auto;
border: none;
background-size: contain;
width: 70%;
height: auto;
}
body::before {
display: table;
content: ""
}
body::after {
display: table;
clear: both;
content: ""
}
body>*:first-child {
margin-top: 0 !important
}
body>*:last-child {
margin-bottom: 0 !important
}
body a:not([href]) {
color: inherit;
text-decoration: none
}
body p,
body table,
body ul{
margin-top: 0;
margin-bottom: 16px
}
body h1,
body h2,
body h3 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
line-height: 1.25
}
body table {
display: block;
width: 100%;
overflow: auto;
border-collapse: collapse
}
body table th {
font-weight: 600
}
body table th,
body table td {
padding: 6px 13px;
border: 1px solid #dfe2e5
}
body table tr {
background-color: #fff;
border-top: 1px solid #c6cbd1
}
body table tr:nth-child(2n) {
background-color: #f6f8fa
}
body table img {
background-color: transparent
}
body h1 code,
body h2 code,
body h3 code {
font-size: inherit
}
body h1 {
padding-bottom: .3em;
font-size: 2em;
border-bottom: 1px solid #eaecef
}
body h2 {
padding-bottom: .3em;
font-size: 1.5em;
border-bottom: 1px solid #eaecef
}
body h3 {
font-size: 1.25em
}
body ul {
padding-left: 2em
}
body ul ul {
margin-top: 0;
margin-bottom: 0
}
body li>p {
margin-top: 16px
}
body li+li {
margin-top: .25em
}
body img {
max-width: 100%;
box-sizing: content-box;
background-color: #fff
}
body code {
padding: 0;
padding-top: .2em;
padding-bottom: .2em;
margin: 0;
font-size: 85%;
background-color: rgba(27, 31, 35, 0.05);
border-radius: 3px
}
body code br {
display: none
}
body a {
color: #0366d6;
text-decoration: none
}
body a:hover {
text-decoration: underline
}
/* 快速搜索 */
div.search-container {
padding: 10px 0;
}
.search-container form {
position: relative;
width: 300px;
margin: 0 auto;
/*设置宽度后， 居中*/
}
.search-container input,
button {
box-sizing: border-box;
border: none;
/*无边框样式；元素的总宽度和高度包括边框的宽度 */
outline: none;
/*无轮廓样式；轮廓是在元素周围绘制的一条线，在边框之外并且可 能与其他内容重叠，以凸显元素，元素的总宽度和高度不受轮廓线宽度的影响。*/
}
.search-container input {
width: 100%;
height: 42px;
padding-left: 13px;
border: 2px solid #c5464a;
border-radius: 19px;
/*border-radius 属性用于向元素添加圆角边框：*/
background: transparent;
/*背景透明*/
}
.search-container button {
height: 42px;
width: 42px;
cursor: pointer;
/*cursor属性定义了鼠标指针放在一个元素 边界范围内时所用的光标形状*/
position: absolute;
background: #c5464a;
border-radius: 0 19px 19px 0;
width: 60px;
right: 0;
}
.search-container button:hover {
background-color: #c7585c;
/*点击搜索按钮时的背景颜色*/
}
/* 在