/* 清除内外边距 */

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,

/* structural elements 结构元素 */

dl,
dt,
dd,
ul,
ol,
li,

/* list elements 列表元素 */

pre,

/* text formatting elements 文本格式元素 */

fieldset,
lengend,
button,
input,
textarea,

/* form elements 表单元素 */

th,
td {
	/* table elements 表格元素 */
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* 设置默认字体 */

@font-face {
	font-family: "方正清刻本悦宋简体";
	src: url(../font/方正清刻本悦宋简体.TTF);
	font-family: "方正小标宋简体";
	src: url(../font/方正小标宋简体.TTF);
	font-family: "方正姚体";
	src: url(../font/方正姚体.TTF);
	font-family: "方正小标宋";
	src: url(../font/4114_方正小标宋_GBK.TTF);
}

body,
button,
input,
select,
textarea {
	/* for ie */
	/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
	font: 12px/1 "微软雅黑";
	/* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

html {
	background: #fff;
}


/* 重置列表元素 */

ul,
ol {
	list-style: none;
}


/* 重置文本格式元素 */

a {
	text-decoration: none;
	color: white;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}


/*设置页面宽度高度*/

html,
body {
	width: 100%;
	height: 100%;
}

button:focus {
	outline: 0;
}

.middle {
	width: 1008px;
	margin: 0 auto;
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: rgba(0, 0, 0, 0.7);
}


/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
}


/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #e96b26;
}


/*滚动条样式*/

.nav_slide {
	height: 100%;
	width: 76px;
	text-align: center;
	position: fixed;
	top: 0;
	right: -53px;
	z-index: 9999;
	display: none;
}

.nav_left {
	width: 23px;
	height: 80px;
	line-height: 80px;
	float: left;
	text-align: center;
	background: #383838;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	cursor: pointer;
}

.nav_left>img {
	transition: 2s ease;
	display: inline-block;
	transform: rotate(180deg);
}

.nav_slide_content {
	width: 53px;
	height: 100%;
	float: left;
	background: #383838;
	text-align: center;
}

.nav_slide_content>a {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 100%;
	background: #9e9e9e;
	font-family: "方正清刻本悦宋简体";
	font-size: 18px;
	overflow: hidden;
	margin: 20px auto;
	font-weight: bolder;
	color: #383838;
	position: relative;
}

.nav_slide_content>a:hover {
	width: 60px;
	background: #e4a16a;
	border-radius: 25px;
	-moz-border-radius: 25px;
	transition: 1s ease-in;
	-webkit-transition: 1s ease-in;
	-o-transition: 1s ease-in;
	-moz-transition: 1s ease-in;
	-ms-transition: 1s ease-in;
}

#come {
	font-family: "华文楷体";
	font-size: 20px;
	position: fixed;
	top: 25px;
	right: 25px;
	opacity: 0.4;
	color: #fff;
	cursor: pointer;
	z-index: 99999;
}