@font-face {
    font-family: "smallFont";
    src: url('../fonts/smallFont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "bigFont";
    src: url('../fonts/FZY4JW.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
    margin: 0;
    padding: 0;
}
*{
	box-sizing: border-box;
}
[v-cloak] {
    display: none;
}
html,body{
	width: 100%;
	height: 100%;
	background: rgb(255, 214, 0);
	font-family: 'smallFont';
}
html{
	height: 100%;
}
body {
    color: #3A2220;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}
ul,ol {
    list-style: none;
}
img {
    border: none;
    vertical-align: middle;
}
a {
    text-decoration: none;
    color: black;
}
table {
    border-collapse: collapse;
    table-layout: fixed;
}
input, textarea {
    outline: none;
    border: none;
}
textarea {
    resize: none;
    overflow: auto;
}

/*图片放大*/
#modal{
  	background: rgba(0,0,0,1);
  	color: #000;
  	text-align: center;
  	transition: all 0.3s ease;
  	position: fixed;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	z-index: 1050;
}
#modal .image-content{
  	display: inline-block;
  	width: 100%;
  	height: 100%;
  	vertical-align: middle;
}