/* CSS Document */
:root {
	--yellow-color: #b29973; /* 设置主要颜色为黄色 */
}
html, body, h1, h2, h3, h4, h5, h6, div, ul, ol, li, dl, dt, dd, p, form, input, select, button, textarea, table, tr, th, td, iframe {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;
}

img {
	border-style: none;
	vertical-align: middle;
}

body {
	background: #fff;
	font-size: 14px;
	color: #333;
	font-family:'Roboto', 'Microsoft YaHei', 'Source Han Sans CN', 'PingFang SC', 'Roboto',  Arial, 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
}



html {
  scrollbar-width: none;
}
body {
  scrollbar-width: none;
}
::-webkit-scrollbar{
	width:4px;
	background-color: #ccc;
	display: none;
}
::-webkit-scrollbar-thumb{
	background: var(--yellow-color);
	display: none;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #dba35c;
	display: none;
}

.flex{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
/* 链接 */
a {
	color: #333;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

a:hover {
	color: #7f6349;
}

/* 布局 */
.container {
	margin: auto;
	padding: 0 20px;
	max-width: 1660px;
	box-sizing:border-box;
}

/* 浮动 */
.f-l {
	float: left;
}

.f-r {
	float: right;
}

.clearfix {
	clear: both;
}

/* 对齐 */
.t-c {
	text-align: center;
}

.t-r {
	text-align: right;
}

/* 颜色 */
.gray {
	color: #666;
}

.lightgray {
	color: #999;
}

.yellow {
	color: #7f6349;
}

/* 表单 */
input, select, textarea, label, button {
	box-sizing: border-box;
	font-size: 14px;
	vertical-align: middle;
	outline: medium;
}

.form-text {
	padding: 8px 16px;
	height: 40px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.form-select {
	padding: 8px 16px;
	height: 40px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.form-textarea {
	padding: 8px 16px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	line-height: 24px;
}

/* 按钮 */
.btn {
	display: inline-block;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
}

/* 按钮颜色 */
.btn-default {
	border: 1px solid #cbcbcb;
	background: #fafafa;
	color: #333;
}

.btn-default:hover {
	border: 1px solid #adadad;
	background: #e6e6e6;
}

.btn-primary {
	border: 1px solid #2e6da4;
	background: #337ab7;
	color: #fff;
}

.btn-primary:hover {
	border: 1px solid #204d74;
	background: #286090;
}

.btn-success {
	border: 1px solid #4cae4c;
	background: #5cb85c;
	color: #FFF;
}

.btn-success:hover {
	border: 1px solid #398439;
	background: #449d44;
}

.btn-info {
	border: 1px solid #46b8da;
	background: #5bc0de;
	color: #FFF;
}

.btn-info:hover {
	border: 1px solid #269abc;
	background: #31b0d5;
}

.btn-warning {
	border: 1px solid #eea236;
	background: #f0ad4e;
	color: #FFF;
}

.btn-warning:hover {
	border: 1px solid #d58512;
	background: #ec971f;
}

.btn-danger {
	border: 1px solid #d43f3a;
	background: #d9534f;
	color: #FFF;
}

.btn-danger:hover {
	border: 1px solid #ac2925;
	background: #c9302c;
}

/* 按钮大小 */
.btn-lg {
	padding: 12px 16px;
	border-radius: 6px;
	font-size: 18px;
}

.btn-sm {
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
}

.btn-xs {
	padding: 2px 4px;
	border-radius: 3px;
	font-size: 12px;
}