/***各页面共用样式***/

.title-model{
	position: absolute;
	bottom: 0;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	width: 1337px;
	margin: 0 auto;
	color: #273439;
	margin-bottom: 10px;
}
.title-model::before{
	position: absolute;
	bottom: -10px;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #273439;
}
.title-model-left{
	font-size: 60px;
	font-family: BarlowCondensed;
	font-weight: bold;
	color: #383735;
}
.title-model-right{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
	padding: 10px 20px;
	background: linear-gradient(to left,#f0d394, rgba(255,255,255,0.2));
}
.title-model-right-english{
	margin-right: 40px;
	text-align: right;
	letter-spacing: 4px;
}
.title-model-right-title{
	font-size: 42px;
	font-family: SourceHanSansSC;
	font-weight: 400;
	color: #383735;
	letter-spacing: 6px;
}
.title-hint{
	padding: 2px 6px;
	font-size: 32px;
	font-family: SourceHanSansSC;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	background-color: rgba(54, 65, 83,1);
}
.color-yellow{
	color: #D4B572;
}
.title-overturn{
	flex-direction: row-reverse;
}
.back-overturn{
	background: linear-gradient(to right,#f0d394, rgba(255,255,255,0.2));
}
/*单个渐变*/
.title-gradual{
	position: relative;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	width: 100%;
	margin: 0 auto;
	color: #273439;
	margin-bottom: 10px;
}
.title-gradual::before{
	position: absolute;
	bottom: -10px;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #273439;
}
.title-gradual-left{
	position: absolute;
	right: 0;
	font-size: 40px;
	font-family: BarlowCondensed;
	font-weight: bold;
	color: #383735;
}
.title-gradual-right{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
	padding: 5px 100px 5px 20px;
	background: linear-gradient(to right,#f0d394, rgba(255,255,255,0.1));
}
.title-gradual-right-title{
	font-size: 22px;
	font-family: SourceHanSansSC;
	font-weight: 400;
	color: #383735;
	letter-spacing: 4px;
	flex-shrink: 0;
}

/**选项卡**/
.select-type{
	position: relative;
	display:flex;
	flex-direction:row;
	justify-content: flex-start;
	align-items:center;
	color: #595757;
}
.select-type>li{
	position: relative;
	font-size: 28px;
	background-color: #ddddde;
	padding: 20px 30px;
	cursor: pointer;
}
.select-type>.select-on{
	color: #d4b572;
	font-weight: bold;
	background-color: #fdfdfd;
}
.select-type>.select-on::after{
	position: absolute;
	top: -20px;
	left: 0;
	content: '';
	width: 100%;
	height: 20px;
	background-color: #fdfdfd;
}
.select-type-content{
	width: 1200px;
	background-color: #fdfdfd;
	box-shadow: 10px 10px 15px #DDDDDE;
}

/**按钮**/
.h4-but{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 232px;
	height: 73px;
	background: #383735;
	border-radius: 37px;
	font-size: 33px;
	font-family: SourceHanSansSC;
	font-weight: 800;
	color: #D4B573;
	margin-bottom: 15px;
}
.hollow-but{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 232px;
	height: 73px;
	border: 1px solid #3E3A39;
	box-sizing: border-box;
	border-radius: 37px;
	font-size: 33px;
	font-family: SourceHanSansSC;
	font-weight: 800;
	color: #3E3A39;
	margin-bottom: 15px;
}

/**图形**/
.triangle{
	border:45px solid;
	border-color: transparent transparent transparent #FFFFFF;
}
.circle-white{
	width: 39px;
	height: 39px;
	border-radius: 50%;
	background-color: #FFFFFF;
}
.dotted{
	height: 272px;
	border-left: 2px dashed #777777;
	opacity: 0.22;
}
/**下拉**/
.triangle-down{
	position: relative;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
}
.triangle-down111::after{
	display: inline-block;
	content: '';
	width: 17px;
	height: 9px;
	margin-left: 10px;
	background-image: url(../img/down.png);
}
.triangle-option{
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	background-color: rgba(255,255,255,0.8);
	z-index: 10;
}
.triangle-down:hover>.triangle-option{
	display:block;
}
.triangle-option>li{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	width: 100%;
	padding: 10px 0;
}

/**加减**/
.add-and-subtract{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	background-color: #EFEFEF;
	width: 150px;
	height: 40px;
}
.add-and-subtract>.add{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	width: 40px;
	height: 40px;
	background-color: #d5b878;
	cursor: pointer;
}
.add-and-subtract>.subtract{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	width: 40px;
	height: 40px;
	background-color: #d2d2d2;
	cursor: pointer;
}

/*总容器样式*/  
.pager { padding: 3px; text-align: center; color:#fff;font-size:12px; margin:80px 0}   
/*分页链接样式*/  
.pager a { margin: 2px; padding:8px 15px; color: #fff; text-decoration: none; border: 0px solid #aad;background-color:rgb(60, 56, 55); }   
/*分页链接样式*/  
.pager a:hover { color: #ccc; border: 0px solid #DDD; background-color:rgba(28, 48, 100,1); }   
/*分页链接鼠标移过的样式*/  
.pager span.current { font-weight: bold; margin: 0 2px; padding: 2px 5px; color: #fff; background-color: rgb(167, 206, 230) !important; border: 0px solid #009; }   
.pager span.active { font-weight: bold; margin: 0 2px; padding: 8px 15px;; color: #fff; background-color: rgb(167, 206, 230) !important; border: 0px solid #009; }   
/*当前页码的样式*/  
.pager span.disabled { margin: 0 2px; padding: 8px 15px; color: #999; border: 1px solid #DDD; }   
/*下拉菜单的样式*/  
.pager select {margin: 0px 2px -2px 2px; color:#66C;font-size:12px;;}   
/* 跳转文本框的样式*/  
.pager input {margin: 0px 2px -2px 2px; color:#66C; border: 1px solid #DDD; padding:2px; text-align:center;font-size:12px;;}