/* 页面样式表 */
/* 首页顶部样式 */
.page-top {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100000000;
	width: 100%;
	height: 65px;
	background-color: var(--white);
	border-bottom: 2px solid var(--solid-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow-y: hidden;
	overflow-x: hidden;
}

.page-top-left {
	font-size: 14px;
	margin-left: 20px;
	display: flex;
	align-items: center;
}

.page-top-left-img {
	width: 80px;
	height: 20px;
	padding-bottom: 5px;
}

.page-top-left-child {
	display: block;
}

.page-top-left-child ul {
	display: flex;
	flex-wrap: wrap;
}

.page-top-left-child li {
	margin-left: 20px;
	padding-bottom: 5px;
}

.page-top-left-click {
	color: var(--primary);
	border-bottom: 2px solid var(--primary);
}

.page-top-left-child li:hover {
	color: var(--primary);
	cursor: pointer;
}

/* .page-top-left-child-mini li:hover{
	color: var(--primary);
} */

/* 手机状态下的样式 */
.mini-icon {
	display: none;
	color: var(--text-color);
	margin-left: 10px;
	margin-bottom: 5px;
}

.page-top-left-child-mini {
	display: none;
	position: fixed;
	top: 55px;
	left: 100px;
	width: 100px;
	height: 260px;
	line-height: 35px;
	text-align: center;
	padding: 0 20px;
	background-color: #fff;
	box-shadow: 4px 4px 10px 4px rgba(0, 0, 0, 0.1);
}

.page-top-right {
	font-size: 14px;
	display: flex;
	align-items: center;
}

.loginout {
	margin-right: 10px;
}

/* .page-top-right-child-input {
	border: 1px solid var(--light);
	padding-right: 10px;
}

.page-top-right-child-input i {
	color: var(--primary);
}

.page-top-right-child-input input {
	border: none;
} */
.page-top-right-child:hover {
	color: var(--primary);
	cursor: pointer;
}

.page-top-right-child-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}

/* 顶部----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.page-top-right-child {
		margin-right: 20px;
		padding-bottom: 5px;
	}

	.page-top-right-child-btn {
		z-index: 999;
		height: 66px;
		line-height: 65px;
		padding: 0 15px;
		color: var(--white);
		background-color: var(--primary);
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 顶部*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.page-top-right-child {
		margin-right: 10px;
	}

	.page-top-right-child-btn {
		z-index: 999;
		height: 66px;
		line-height: 65px;
		padding: 0 10px;
		color: var(--white);
		background-color: var(--primary);
	}

	#topHtml {
		position: fixed;
		left: 0;
		top: 0;
		height: 250px;
		/* z-index: 100000000; */
	}

}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/


/****************中间内容************* 中间内容 ********中间内容*************/
.page-body {
	margin-top: 65px;
}

.page-body-width {
	/* width: 85%;	 */
	margin: 0 auto;
}

/* 轮播图 */
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 770px) {
	.target {
		position: relative;
		width: 100%;
		height: 550px;
		overflow: hidden;
		margin: 0 auto;
	}

}

/* 小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.target {
		position: relative;
		width: 100%;
		height: 200px;
		overflow: hidden;
		margin: 0 auto;
	}
}

.swiperimg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/************** 电子保函 *********** 电子保函 ************* 电子保函 *************/


/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1800px) {
	.baohan {
		width: 85%;
		text-align: center;
		margin: 40px auto;
		/* margin: -40px auto 0; */
	}

	.baohan-top {
		width: 80%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.baohan-top a {
		z-index: 1;
	}

	.baohan-top-child {
		width: 228px;
		height: 52px;
		text-align: left;
		padding: 18px;
		margin-bottom: 40px;
		border-radius: 4px;
		border: 2px solid #fff;
		background-image: linear-gradient(180deg, #F3F5F8, #ffffff);
		box-shadow: 8px 8px 20px rgb(55 99 170 /10%), -8px -8px 20px #fff;
	}

	/* 保函下面部分 */
	.baohan-bottom {
		margin: 0 auto 20px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.baohan-bottom-child {
		width: 224px;
		height: 56px;
		text-align: left;
		padding: 24px;
		margin: 10px 15px;
		border: 2px solid #fff;
		border-radius: 4px;
		background-image: linear-gradient(180deg, #f3f5f8, #ffffff);
		box-shadow: 8px 8px 20px rgb(55 99 170 /10%), -8px -8px 20px #fff;
		display: flex;
		align-items: center;
	}

	.baohan-bottom-child-left {
		width: 180px;
	}

}

/* ----------------------z中等屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 768px) and (max-width:1800px) {
	.baohan {
		width: 90%;
		text-align: center;
		margin: 40px auto;
		/* margin: -40px auto 0; */
	}

	.baohan-top {
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.baohan-top a {
		z-index: 10086000;
	}

	.baohan-top-child {
		z-index: 10086000;
		width: 228px;
		height: 52px;
		text-align: left;
		padding: 18px;
		margin-bottom: 40px;
		border: 2px solid #fff;
		border-radius: 4px;
		background-image: linear-gradient(180deg, #F3F5F8, #ffffff);
		box-shadow: 8px 8px 20px rgb(55 99 170 /10%), -8px -8px 20px #fff;
	}

	/* 保函下面部分 */
	.baohan-bottom {
		margin: 0 auto;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.baohan-bottom-child {
		width: 224px;
		height: 56px;
		text-align: left;
		border-radius: 4px;
		padding: 24px;
		margin: 10px 15px;
		border: 2px solid #fff;
		background-image: linear-gradient(180deg, #f3f5f8, #ffffff);
		box-shadow: 8px 8px 20px rgb(55 99 170 /10%), -8px -8px 20px #fff;
		display: flex;
		align-items: center;
	}

	.baohan-bottom-child-left {
		width: 180px;
	}

}

/* -----------------------------------------中等屏幕尺寸结束 ---------------------------------------*/

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 保函模块*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.baohan {
		width: 100%;
		text-align: center;
		margin: 30px auto;
	}

	.baohan-top {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.baohan-top a {
		z-index: 10086000;
	}

	.baohan-top-child {
		z-index: 10086000;
		width: 160px;
		height: 60px;
		margin: 0px 15px 20px;
		padding: 10px;
		text-align: left;
		border: 2px solid #fff;
		border-radius: 4px;
		background-image: linear-gradient(180deg, #f3f5f8, #ffffff);
		box-shadow: 8px 8px 20px rgb(55 99 170 /10%), -8px -8px 20px #fff;
	}


	/* 保函下面部分 */
	.baohan-bottom {
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.baohan-bottom-child {

		width: 160px;
		height: 70px;
		margin: 0px 15px 20px;
		padding: 10px;
		text-align: left;
		border: 2px solid #fff;
		border-radius: 4px;
		background-image: linear-gradient(180deg, #f3f5f8, #ffffff);
		box-shadow: 8px 8px 20px rgb(55 99 170 /10%), -8px -8px 20px #fff;
		display: flex;
		align-items: center;

	}

	.baohan-bottom-child-left {
		width: 120px;
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/

.baohan-title {
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 500;
}

.baohan-p1 {
	font-size: 20px;
	font-weight: bold;
	/* font-size: 18px; */
	color: var(--text-color);
}

.baohan-p2 {
	margin-top: 10px;
	font-size: 15px;
	color: var(--gray);
}

.baohan-top-child-top {
	display: flex;
	align-items: center;
}

.baohan-top-child-top img {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.baohan-bottom-child-right img {
	width: 48px;
	height: 48px;
}

.baohan-bottom-child:hover {
	background: #f3f5f8;
	box-shadow: inset 8px 8px 20px rgba(55, 99, 170, .1), inset -8px -8px 20px #fff;
}


/* 查看更多 */
.ckgd {
	color: var(--primary) !important;
}

/***************** 金融服务 **************** 金融服务 **************** 金融服务 ****************/

/* 金融服务----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.jinrong-title {
		margin-top: 40px;
		margin-bottom: 20px;
		font-size: 28px;
		font-weight: 500;
	}

	.jinrong-tab-width {
		width: 100%;
		margin: 0 auto;
		padding: 20px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	/* 未选中样式 */
	.jinrong-list {
		position: relative;
		top: 0;
		left: 0;
		width: 152px;
		height: 342px;
		padding: 62px 20px 22px 20px;
		margin-left: 30px;
		font-size: 20px;
		font-weight: bold;
		text-align: left;
		/* background: url('../img/jrfw/jr1.jpg') -860px 430px; */
		background-image: url('../img/jrfw/jr1.jpg');
		background-size: 500px 500px;
		background-position: -300px -70px;
		border-radius: 5px;
		border: 2px solid #fff;
		box-shadow: 8px 8px 20px rgb(55 99 170 /10%);
		transition: width .3s ease-in-out, box-shadow .3s ease-in-out;
	}

	/* 没选中的样式小长方形 */
	.jinrong-list-item-1 {
		display: block;
		color: var(--white);
		font-size: 20px;
		font-weight: bold;
		margin-top: -25px;
	}

	.jinrong-list-item-2-title {
		margin-top: -25px;
	}

	/* 选种样式 */
	.current {
		position: relative;
		top: 0;
		left: 0;
		width: 512px;
		height: 342px;
		padding: 62px 20px 22px 20px;
		font-size: 20px;
		/* background-image: url('../img/jrfw/jr1.jpg'); */
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: 0px;
		border: 2px solid #fff;
		box-shadow: 8px 8px 20px rgb(55 99 170 /10%);
		/* transition: width .3s ease-in-out , box-shadow .3s ease-in-out ; */
	}

	/* 选中式的样式 */
	.jinrong-list-item-2 {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		padding: 62px 20px 22px 20px;
		color: var(--black);
		background: rgba(255, 255, 255, 0.7);
		box-shadow: 8px 8px 20px rgb(55 99 170 /10%);
		/* transition: width .3s ease-in-out , box-shadow .3s ease-in-out ; */

	}

	.jinrong-desc {
		width: 516px;
		height: 82px;
		font-size: 14px;
		margin-top: 20px;
		color: var(--gray);
	}

	.anli {
		font-size: 18px;
	}

	.anli-img {
		display: flex;
		flex-wrap: wrap;
	}

	.anli-img-list {
		width: 120px;
		height: 50px;
		margin: 10px 40px 10px 0;
		background-color: var(--white);
		border: 1px solid var(--light);
		border-radius: 4px;
	}

	.anli-img-list:hover {
		background: linear-gradient(180deg, #f3f5f8, #fff);
		border: 1px solid #fff;
		box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff
	}


	.anli-img img {
		width: 120px;
		height: 50px;
		border-radius: 5px;
		object-fit: scale-down;
		/* 保持原有尺寸比例。 */
	}

	.chanpin {
		margin-top: 20px;
		font-size: 14px;
	}

	.chanpin-list {
		margin-top: 10px;
		display: flex;
		align-items: center;
	}

	.chanpin-list img {
		width: 20px;
		height: 20px;
	}

	.chanpin-list p {
		margin-left: 10px;
		font-size: 18px;
	}

	.shenqing {
		width: 180px;
		height: 35px;
		line-height: 35px;
		margin-top: 40px;
		font-size: 18px;
		color: var(--white);
		text-align: center;
		background-color: var(--primary);
	}


}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 金融服务*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.jinrong-title {
		margin-bottom: 30px;
		padding-top: 30px;
		font-size: 28px;
		font-weight: 500;
	}

	/* .jinrong-tab-width {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	} */
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/
.jinrong {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	background-color: var(--light);
}

.jinrong-tab {
	/* padding: 10px 0; */
	background-color: var(--light);
}

.jinrong-tab-child {
	padding: 0 10px;
	background-color: var(--light);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.jinrong-tab-mini-item {
	width: 140px;
	height: 100px;
	padding: 20px;
	margin: 10px 20px 20px;
	text-align: left;
	color: var(--white);
	border-radius: 5px;
	background-color: var(--cyan);
}

.jinrong-tab-mini-item h4 {
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.jinrong-tab-mini-item-btn {
	width: 150px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin-top: 20px;
	border-radius: 2px;
	color: var(--primary);
	background-color: var(--white);
}

.jinrong-tab-mini-item-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}

.chuangxin-img {
	text-align: center;
}

.xinyong-img {
	padding-top: 10px;
	text-align: center;
	background-color: var(--light);
}

.fuwu-img {
	text-align: center;
}

@media (min-width: 800px) {

	.chuangxin-img img {
		width: 80%;
		margin-left: 40px;
	}

	.xinyong-img img {
		width: 600px;
		margin-top: -50px;
		margin-bottom: -30px;
	}

	.fuwu-img img {
		width: 70%;
		padding-bottom: 60px;
	}

}

@media (min-width: 0px) and (max-width:768px) {
	.chuangxin-img {
		padding-top: 10px;
	}

	.chuangxin-img img {
		width: 100%;
		margin-top: 10px;
	}

	.xinyong-img img {
		width: 100%;
		margin-top: -30px;
	}

	.fuwu-img {
		padding-top: 10px;
	}

	.fuwu-img img {
		width: 100%;
		margin-top: 10px;
	}
}




/***************** 合作伙伴 **************** 合作伙伴 **************** 合作伙伴 ****************/
.huoban {
	width: 100%;
	margin: 0 auto;
	padding: 1px 0 50px;
	text-align: center;
	background-color: var(--light);
}

/* 合作伙伴----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 1800px) {
	.huoban-title {
		margin: 40px;
		font-size: 28px;
		font-weight: 500;
	}

	.huoban-content-1 {
		width: 85%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.huoban-content-2 {
		width: 60%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/
/* 合作伙伴----------------------z中等屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 768px) and (max-width:1800px) {
	.huoban-title {
		margin: 40px;
		font-size: 28px;
		font-weight: 500;
	}

	.huoban-content-1 {
		width: 85%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.huoban-content-2 {
		width: 70%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}

/* -----------------------------------------中等屏幕尺寸结束 ---------------------------------------*/

/* 合作伙伴*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.huoban-title {
		margin: 20px;
		font-size: 28px;
		font-weight: 500;
	}

	.huoban-content-1 {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.huoban-content-2 {
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

	}


}

.huoban-content-1-child {
	width: 400px;
	height: 200px;
	margin-top: 20px;
	box-shadow: 5px 5px 10px #F2F4F9;
}


.huoban-content-2-chilid {
	width: 160px;
	height: 40px;
	padding: 20px;
	margin-top: 20px;
	box-shadow: 8px 8px 20px 0 rgb(55 99 170/10%), -8px -8px 20px 0 #fff;
	border-radius: 8px;
	transition: all .3s ease-in-out;
	background-color: #fff;
}

.huoban-content-2-chilid:hover {
	box-shadow: 8px 8px 20px 0 rgb(55, 99, 170, .3), -8px -8px 20px 0 #fff;
}

.huoban-content-2-chilid img {
	width: 160px;
	height: 50px;
	/* box-shadow: 5px 5px 10px #F2F4F9; */

}

/* *********************************************合作伙伴轮播图************************************************** */
/*头部开始*/
.target2 {
	width: 80%;
	height: 230px;
	overflow: hidden;
	position: relative;
	margin: 20px auto;
}

.mobile {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 0 100px;
	/* justify-content: center; */

}

.mobile li {
	width: 550px;
	height: 220px;
	padding: 53px 20px 0;
	margin: 0 10px;
	background-image: linear-gradient(0, #fff, #f3f5f8);
	box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
	border: 1px solid #fff;
	border-radius: 4px;
	/* border: 1px solid black; */

}

.mobile-item {
	display: flex;
}

.mobile-item img {
	width: 40px;
	height: 40px;
	border-radius: 82px;
	margin-right: 20px;
}

.mobile-item p {
	width: 450px;
	height: 65px;
	line-height: 22px;
	margin-left: 10px;
	color: var(--gray);
	font-size: 14px;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.mobile-p {
	margin-top: 20px;
	text-align: right !important;
	color: var(--gray);
	font-size: 14px;
}

/* 左右切换按钮 */
#four_flash .but_left {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 50px;
	height: 50px;
}

#four_flash .but_left img {
	width: 20px;
	height: 30px;
}

#four_flash .but_right {
	position: absolute;
	top: 80px;
	right: 0px;
	width: 50px;
	height: 100px;

}

#four_flash .but_right img {
	width: 20px;
	height: 30px;
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/


/***************** 底部样式 **************** 底部样式 **************** 底部样式 ****************/
.page-bottom {
	position: relative;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 650px;
	overflow: hidden;
	background-color: var(--light);
}

.know {
	width: 100%;
	height: 160px;
	padding: 0 20px;
	color: var(--white);
	background-color: var(--dark);
}


.know-btn:hover {
	color: #98a3b7;
	background-color: #fff;
	border-color: #ecf2fe;
	box-shadow: inherit
}

/* 底部的第二部分 */
.content {
	width: 100%;
	/* height: 360px; */
	background-color: var(--light);
}



.bottom-p {
	margin-top: 10px;
	text-align: center;
}


/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 770px) {
	.know p {
		width: 1420px;
		height: 40px;
		margin: 0 178px;
		padding-top: 40px;
		font-size: 20px;
	}

	.know-btn {
		width: 126px;
		height: 36px;
		padding: 0 24px;
		margin-left: 178px;
		text-align: center;
		border: 1px solid var(--white);
		background-color: var(--dark);
		color: var(--white);
		font-size: 14px;
	}

	.content-body {
		/* border-bottom: 1px solid var(--solid-color); */
		/* width: 70%;
		margin: 0 auto; */
	}

	.fuwu {
		width: 1348px;
		height: 60px;
		margin: 0 208px;
		padding: 24px 36px;
		border-bottom: 2px solid var(--solid-color);
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		font-size: 16px;
	}

	.bottom-bq {
		margin-top: 80px;
	}


}

/* 小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.content-body {
		width: 90%;
		margin: 0 auto;
	}



	.know p {
		width: 90%;
		height: 40px;
		padding-top: 20px;
		padding-left: 20px;
		font-size: 20px;
	}

	.know-btn {
		width: 126px;
		height: 36px;
		padding: 0 24px;
		margin: 20px;
		text-align: center;
		border: 1px solid var(--white);
		background-color: var(--dark);
		color: var(--white);
		font-size: 14px;
	}

	.fuwu {
		border-bottom: 2px solid var(--solid-color);
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.bottom-bq {
		margin-top: 30px;
	}

}

.fuwu-child {
	width: 180px;
	display: flex;
	align-items: center;
	font-size: 16px;
}

.fuwu-child img {
	width: 60px;
	height: 60px;
}

.us {
	padding: 20px 0;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: top;
	/* flex-wrap: wrap; */

}

.friend-link {
	width: 400px;
	font-size: 14px;
}

.link-address {
	margin-top: 20px;
	width: 200px;
	display: flex;
	justify-content: space-between;
}

.link-address ul li a {
	font-size: 12px;
}

/* .link-address ul{
	margin-top: 20px;
	width: 400px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
} */

.link-address a {
	color: #536178;
	line-height: 30px;
}

.about {
	font-size: 14px;
	width: 250px;
	margin-left: 20px;
}

.about-right {
	margin-top: 20px;
}

.about-right-item {
	width: 150px;
	height: 50px;
	padding: 5px 0;
	margin-top: 10px;
}

.about img {
	width: 100px;
	height: 100px;
	margin-top: 35px;
}

.about-btn {
	width: 160px;
	height: 35px;
	line-height: 35px;
	margin-top: 40px;
	text-align: center;
	background-color: var(--primary);
	color: var(--white);
}





/* *********************************************************投标保证申请页面 ****************************************************/



/* 申请页面----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 1810px) {
	.apply-body {
		margin-top: 65px;
		/* margin-bottom: 250px; */
	}

	.apply-title {
		width: 100%;
		text-align: center;
		padding: 50px 0 30px;
		font-size: 28px;
		font-weight: 500;
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
	}

	.baohan-apply-content {
		width: 100%;
		padding: 30px 0;
		/* margin-top: 20px; */
	}

	.add-order {
		position: relative;
		top: 0px;
		left: 85%;
		width: 106px;
		height: 34px;
		line-height: 34px;
		padding: 0 24px;
		text-align: center;
		font-size: 14px;
		color: var(--white);
		background-color: var(--primary);
		/* z-index: 1008600000; */
	}

	.add-order:hover {
		background-color: #2670e8;
		transition: all .3s ease-in-out;
	}

	.baohan-apply-list {
		width: 1180px;
		height: 176px;
		margin: 20px auto;
		background-image: linear-gradient(0deg, #fff, #f3f5f8);
		border: 1px solid var(--white);
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
		display: flex;
		flex-wrap: wrap;
		align-items: center;

	}

	.baohan-apply-list-1 {
		background-image: linear-gradient(0, #fff, #DCE5EC);
		padding: 20px;
		width: 200px;
		height: 136px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

	}

	.baohan-apply-list-1-top {
		font-size: 18px;
		width: 200px;
	}

	.baohan-apply-list-1-bottom {
		font-size: 14px;
		color: var(--gray);
		margin-top: 10px;
		width: 200px;
	}

	.baohan-apply-list-2 {
		width: 636px;
		height: 136px;
		padding: 20px;
		background-image: linear-gradient(0, #fff, #f3f5f8);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.baohan-apply-list-2-top {
		font-size: 18px;

	}

	.baohan-apply-list-2-bottom {
		font-size: 14px;
		color: var(--gray);
		margin-top: 10px;
		width: 500px;
		display: flex;
		justify-content: space-between;
	}

	.baohan-apply-list-3 {
		width: 215px;
		height: 136px;
		border-left: 1px solid var(--light);
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.baohan-apply-list-3-left {
		font-size: 28px;
		color: var(--orange);
	}

	.baohan-apply-list-3-left span {
		font-size: 14px;
	}

	.baohan-apply-list-3-right {
		width: 106px;
		height: 34px;
		line-height: 34px;
		padding: 0 24px;
		margin-top: 10px;
		text-align: center;
		font-size: 14px;
		color: var(--white);
		background-color: var(--primary);
	}

	.baohan-apply-list-3-right:hover {
		background-color: #2670e8;
		transition: all .3s ease-in-out;
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/
/* 申请页面an*-------------------------------中屏幕手机端 */
@media (min-width: 770px) and (max-width:1800px) {
	.apply-body {
		margin-top: 65px;
	}

	.apply-title {
		width: 100%;
		text-align: center;
		padding: 100px 0 30px;
		font-size: 28px;
		font-weight: 500;
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;

	}

	.baohan-apply-content {
		/* background-color: var(--light); */
		width: 100%;
		padding: 30px 0;
		margin-top: 20px;
	}

	.add-order {
		position: relative;
		top: 0px;
		left: 85%;
		width: 106px;
		height: 34px;
		line-height: 34px;
		padding: 0 24px;
		text-align: center;
		font-size: 14px;
		color: var(--white);
		background-color: var(--primary);
	}

	.add-order:hover {
		background-color: #2670e8;
		transition: all .3s ease-in-out;
	}

	.baohan-apply-list {
		margin: 20px auto;
		width: 90%;
		height: 176px;
		background-image: linear-gradient(0, #fff, #f3f5f8);
		border: 2px solid var(--white);
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.baohan-apply-list-1 {
		width: 18%;
		height: 136px;
		padding: 20px;
		background-image: linear-gradient(0, #fff, #DCE5EC);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.baohan-apply-list-1-top {
		width: 90%;
		font-size: 18px;
	}

	.baohan-apply-list-1-bottom {
		width: 90%;
		font-size: 14px;
		color: var(--gray);
		margin-top: 10px;
	}

	.baohan-apply-list-2 {
		width: 55%;
		height: 136px;
		padding: 20px;
		background-image: linear-gradient(0, #fff, #f3f5f8);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.baohan-apply-list-2-top {
		font-size: 18px;
	}

	.baohan-apply-list-2-bottom {
		width: 90%;
		font-size: 14px;
		margin-top: 10px;
		color: var(--gray);
		display: flex;
		justify-content: space-between;
	}

	.baohan-apply-list-3 {
		width: 18%;
		height: 136px;
		padding: 20px;
		border-left: 1px solid var(--light);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.baohan-apply-list-3-left {
		font-size: 28px;
		color: var(--orange);
	}

	.baohan-apply-list-3-left span {
		font-size: 14px;
	}

	.baohan-apply-list-3-right {
		width: 106px;
		height: 34px;
		line-height: 34px;
		padding: 0 24px;
		text-align: center;
		margin-top: 10px;
		font-size: 14px;
		color: var(--white);
		background-color: var(--primary);
	}

	.baohan-apply-list-3-right:hover {
		background-color: #2670e8;
		transition: all .3s ease-in-out;
	}

}

/* -----------------------------------------中屏幕尺寸结束 ---------------------------------------*/
/* 申请页面an*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.apply-body {
		margin-top: 65px;
		position: relative;
		top: 0;
		left: 0;
	}

	.apply-title {
		width: 100%;
		text-align: center;
		padding: 20px;
		font-size: 28px;
		font-weight: 500;
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
	}

	.baohan-apply-content {
		/* background-color: var(--light); */
		width: 100%;
		padding: 30px 0;
	}

	.add-order {
		position: relative;
		top: 0px;
		left: 65%;
		width: 106px;
		height: 36px;
		line-height: 36px;
		padding: 0 24px;
		text-align: center;
		font-size: 14px;
		color: var(--white);
		background-color: var(--primary);
	}

	.add-order:hover {
		background-color: #2670e8;
		transition: all .3s ease-in-out;
	}

	.baohan-apply-list {
		margin: 20px auto;
		width: 96%;
		background-image: linear-gradient(0, #fff, #f3f5f8);
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
		display: flex;
		flex-direction: column;
		/* flex-wrap: wrap; */
	}



	.baohan-apply-list-1 {
		padding: 20px 20px 10px;
	}

	.baohan-apply-list-1-top {
		font-size: 18px;
	}

	.baohan-apply-list-1-bottom {
		font-size: 14px;
		color: var(--gray);
		margin-top: 10px;
	}

	.baohan-apply-list-2 {
		padding: 0 20px;
	}

	.baohan-apply-list-2-top {
		font-size: 18px;
	}

	.baohan-apply-list-2-bottom {
		margin-top: 10px;
		font-size: 14px;
		color: var(--gray);
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.baohan-apply-list-3 {
		padding: 10px 20px 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.baohan-apply-list-3-left {
		font-size: 28px;
		color: var(--orange);
	}

	.baohan-apply-list-3-left span {
		font-size: 14px;
	}

	.baohan-apply-list-3-right {
		width: 106px;
		height: 36px;
		line-height: 36px;
		padding: 0 24px;
		margin-top: 10px;
		text-align: center;
		font-size: 14px;
		color: var(--white);
		background-color: var(--primary);
	}

	.baohan-apply-list-3-right:hover {
		background-color: #2670e8;
		transition: all .3s ease-in-out;
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/

/* ***************************添加申请单页面 *******************************/


.add-title {
	margin-top: 100px;
	font-size: 20px;
}

.add-content {
	width: 100%;
	border: 1px solid #F1FAFF;
	margin: 30px 0;
}

.add-content-title {
	background-color: #F9FBFD;
	padding: 20px;
	font-size: 16px;
}

.add-info-frame {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.add-info {
	display: flex;
	align-items: center;
	margin-top: 20px;
	position: relative;
	top: 0;
	left: 0;
}

.star {
	color: var(--red);
	margin-right: 3px;
}

.danwei {
	position: absolute;
	right: 10px;
	/* top: 10px; */
	color: #73879c;
}

.add-info-p {
	width: 140px;
	text-align: right;
	font-size: 14px;
}

.bottom-btn-line {
	margin: 50px auto;
	display: flex;
	justify-content: center;
}

.bottom-btn-line:hover {
	cursor: pointer;
	opacity: 0.8;
}

.return-btn {
	width: 100px;
	height: 35px;
	line-height: 35px;
	border: none;
	background-color: var(--gray-btn);
	text-align: center;
}

.return-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}

.back-btn {
	text-align: center;
	width: 100px;
	height: 35px;
	line-height: 35px;
	margin-left: 20px;
	background-color: var(--primary);
	color: var(--white);
	margin-right: 20px;
}

.back-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}

.submit-btn {
	text-align: center;
	width: 100px;
	height: 35px;
	line-height: 35px;
	margin-left: 20px;
	background-color: var(--primary);
	color: var(--white);
}

.submit-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}

/* 添加申请单----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.add-body {
		width: 1200px;
		margin: 0 auto;
		z-index: 1;
	}

	.add-info-content {
		padding: 20px;
	}

	.add-info-line {
		width: 1010px;
	}

	.add-info-line:hover {
		border-color: var(--hover-blue);
	}

	.add-info-input {
		width: 400px;
	}

	.add-info-select {
		width: 413px;
		height: 34px !important;
		line-height: 34px !important;
	}

	.bank-info-input {
		width: 400px;
		border: none !important;
	}

	.add-info-input:hover {
		border-color: var(--hover-blue);
	}

	.add-info-city {
		width: 197px;
		margin-right: 20px;
	}

}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 添加申请单*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.add-body {
		width: 96%;
		margin: 0 auto;
	}

	.add-info-content {
		padding: 20px 10px;
	}

	.add-info-line {
		width: 260px;
	}

	.add-info-line:hover {
		border-color: var(--hover-blue);
	}

	.add-info-input {
		width: 260px;
	}

	.add-info-select {
		width: 273px;
		height: 34px !important;
		line-height: 34px !important;
	}

	.bank-info-input {
		width: 300px;
		border: none !important;
	}

	.add-info-input:hover {
		border-color: var(--hover-blue);
	}

	.add-info-city {
		width: 130px;
		margin-right: 10px;
	}

}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/
/**************************确认信息页面*****************************/


.buy span {
	font-size: 14px;
}

.price {
	color: var(--orange);
	font-size: 28px;
	margin-left: 20px;
	font-weight: 700;
}

/* 确认信息页面----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 700px) {
	.buy {
		width: 100%;
		height: 70px;
		line-height: 70px;
		margin: 40px 0;
		background-color: var(--white);
		box-shadow: 8px 8px 20px 10px rgb(55 99 170/15%), -8px -8px 20px 0 #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.buy-right {
		display: flex;
		align-items: center;
	}

	.buynow {
		width: 100px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		background-color: var(--orange);
		color: var(--white);
		margin-left: 20px;
		margin-right: 50px;
		border: none;
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 确认信息页面*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {

	.buy {
		width: 100%;
		height: 130px;
		margin: 40px 0;
		background-color: var(--white);
		box-shadow: 8px 8px 20px 10px rgb(55 99 170/15%), -8px -8px 20px 0 #fff;
		padding-top: 5px;
	}

	.buy-right {
		display: flex;
		align-items: center;
		justify-content: end;
		flex: 1;
	}

	.buynow {
		width: 100px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		background-color: var(--orange);
		color: var(--white);
		margin-left: 20px;
		margin-right: 10px;
		border: none;
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/
/************************************声明协议*****************************/
/* 蒙层 */
.masked {
	position: fixed;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}

.checkedConment {
	display: flex;
	align-items: center;
	margin: 20px;
}

.checkBox_text {
	margin-left: 10px;
}

.checkBox_text span {
	color: var(--primary);
}

/* 免责声明 */

.statement-tab ul {
	display: flex;
}

.statement-tab ul li {
	flex: 1;
	text-align: center;
	padding: 20px;
	background-color: var(--light);
}

.statement-select {
	color: var(--primary);
	border-bottom: 2px solid var(--primary);
	background-color: var(--white) !important;
}

.statement-bottom {
	border-top: 2px solid var(--light);
	text-align: center;
}

.statement-btn {
	width: 160px;
	height: 35px;
	line-height: 35px;
	background-color: var(--primary);
	color: var(--white);
	margin: 20px auto;
	border-radius: 5px;
}

.statement-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}

.statement_tit {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.statement_con {
	margin: 20px;
}

.statement_con p {
	margin-bottom: 16px;
	text-indent: 2em;
	line-height: 20px;
	font-size: 16px;
}

.statement_foot {
	text-align: end;
}

.Submitbtn {
	text-align: center;
}

.Submitbtn button {
	width: 100px;
}

/* 免责声明----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.statement_box {
		width: 800px;
		height: 550px;
		border-radius: 3px;
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		/* 实现水平垂直居中 */
		z-index: 999;
		background-color: var(--white);
		display: none;
	}

	.statement-item {
		padding: 20px;
		display: none;
		height: 350px;
		overflow-y: auto;
	}

	.checkBox_main {
		width: 15px;
		margin-top: 30px;
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 免责声明*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.statement_box {
		width: 90%;
		height: 400px;
		border-radius: 3px;
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		/* 实现水平垂直居中 */
		z-index: 100000;
		background-color: var(--white);
		display: none;
	}

	.statement-item {
		padding: 20px;
		display: none;
		height: 220px;
		overflow-y: auto;
	}

	.checkBox_main {
		width: 15px;
		margin-top: 3px;
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/

/*****************************************金融机构选择-****************************/

.project-info-p {
	color: var(--gray);
	width: 100px;
}

.bank-tab {
	margin-top: 30px;
}

.bank-tab-list ul {
	display: flex;
	margin: 0 10px;
}

.bank-tab-list ul li {
	width: 142px;
	height: 36px;
	line-height: 36px;
	margin: 0 10px 20px 10px;
	text-align: center;
	background-color: var(--gray-btn);
	box-shadow: 0 4px 12px rgb(55 99 170 / 20%);
	font-size: 14px;
	/* color: var(--text-color); */
}

.bank-tab-list ul li:hover {
	cursor: pointer;
	opacity: 0.8;
}

.bank-tab-select {
	background-color: var(--primary) !important;
	color: var(--white);
}

.bank-item {
	display: none;
}


.bank-item-list:hover {
	border-color: var(--hover-blue);
}

.bank-item-list img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
}

.bank-item-right {
	margin-left: 20px;
	width: 180px;
}

.bank-item-top {
	padding: 5px;
	border-bottom: 1px solid var(--light);
}

.bank-item-bottom {
	padding: 5px;
}

/* 金融机构选择----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.project-info {
		min-width: 400px;
		display: flex;
		margin: 10px 20px;
	}

	.bank-item-1 {
		display: flex;
		flex-wrap: wrap;
		padding: 20px;
	}

	.bank-item-list {
		border: 1px solid var(--light);
		padding: 17px 19px;
		display: flex;
		align-items: center;
		width: 298px;
		height: 60px;
		margin: 10px 20px 10px 0;
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 金融机构选择*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.project-info {
		min-width: 200px;
		display: flex;
		margin: 10px;
	}

	.bank-item-1 {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 20px;
	}

	.bank-item-list {
		border: 1px solid var(--light);
		padding: 17px 19px;
		display: flex;
		align-items: center;
		width: 298px;
		height: 60px;
		margin: 10px 0;
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/


/************************************************支付页面***************************************/
.pay-tab-list ul {
	width: 100%;
	border-bottom: 2px solid var(--light);
	display: flex;
}

.pay-tab-list ul li {
	margin-left: 20px;
	padding: 10px 20px;
}

.pay-select {
	color: var(--primary);
	border-bottom: 2px solid var(--primary);
}

/* .pay-tab-list ul li:hover{
	color: var(--primary);
	border-bottom: 2px solid var(--primary);
} */
.pay-content {
	width: 100%;
	/* height: 400px; */
	margin: 20px auto;
	text-align: center;
}

.pay-text {
	text-align: center;
	margin: 40px 20px 10px;
}

.pay-ewm {
	text-align: center;
	width: 200px;
	height: 200px;
	margin: 20px auto;
}

.notes {
	/* width: 100%; */
	height: 80px;
	background-color: #D5E7FF;
	color: var(--primary);
	padding: 20px;
}

.notes-title {
	margin-bottom: 20px;
	text-align: center;
}

.pay-info-input {
	width: 95%;
	border: none !important;
}

/*************************************登录弹窗***********************************/
.login-box {
	width: 400px;
	height: 400px;
	background-color: var(--white);
	border-radius: 3px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	/* 实现水平垂直居中 */
	z-index: 999;
	display: none;
}

/************************************放弃弹窗****************************************/
.giveup-box {
	width: 350px;
	height: 120px;
	background-color: var(--white);
	border-radius: 3px;
	position: fixed;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -50%);
	/* 实现水平垂直居中 */
	z-index: 999;
	display: none;
	text-align: center;
	padding: 10px;
	box-shadow: 8px 8px 20px 10px rgb(55 99 170/15%), -8px -8px 20px 0 #fff;
}

.giveup-box p {
	margin-top: 10px;
}

/************************************退保***********************/
.out-box {
	width: 350px;
	height: 120px;
	background-color: var(--white);
	border-radius: 3px;
	position: fixed;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -50%);
	/* 实现水平垂直居中 */
	z-index: 999;
	display: none;
	text-align: center;
	padding: 10px;
	box-shadow: 8px 8px 20px 10px rgb(55 99 170/15%), -8px -8px 20px 0 #fff;
}

.out-box p {
	margin-top: 10px;
}

.sure {
	width: 80px;
	height: 30px;
	line-height: 30px;
	color: var(--white);
	background-color: var(--primary);
}

.quxiao {
	width: 80px;
	height: 30px;
	line-height: 30px;
	margin-top: 30px;
	margin-left: 20px;
}

/* *******************************************************用户中心样式 ***********************************/
/* ----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	/* .user-top {
		height: 65px;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		border-bottom: 2px solid var(--solid-color);
	} */

	.user-body {
		height: 1100px;
		margin-top: 68px;
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/**-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	/* .user-top {
		height: 65px;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		border-bottom: 2px solid var(--solid-color);
	} */

	.user-body {
		height: 1100px;
		margin-top: 65px;
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/
.user-title {
	height: 100px;
	padding-top: 20px;
	text-align: center;
	background-color: var(--white);
	/* border-top: 2px solid var(--light); */
}

.user-tile-p {
	font-size: 28px;
}

.user-tab {
	margin-top: 20px;
}

.user-tab-list ul {
	display: flex;
	justify-content: center;
}

.user-tab-list ul li {
	margin: 20px 20px 0;
	font-size: 16px;
}

.user-tab-list ul li:hover {
	color: var(--primary);
}

.user-select {
	padding: 0px 10px 10px;
	border-bottom: 2px solid var(--primary);
	color: var(--primary);
}

.user-tab-content {
	background-color: var(--light);
}

/* 用户中心子页面 */
.user-tab-content-item {
	/* display: none; */
	width: 100%;
	height: 1400px;

}

/************************************************* 申请记录、保函信息、用户中心样式-************************************* */

/* 申请记录、保函信息、用户中心样式----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.apply {
		display: flex;
		justify-content: center;
		padding-top: 20px;
	}

	.apply-select {
		border: 2px solid var(--white);
		margin-right: -20px !important;
		width: 180px !important;
	}

	.apply-tab ul a li {
		width: 160px;
		height: 40px;
		line-height: 40px;
		margin-bottom: 20px;
		text-align: center;
		background-image: linear-gradient(0, #fff, #f3f5f8);
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
		margin-right: 20px;
		font-size: 16px;

	}

	/* 右侧白色背景的大长方形 */
	.apply-content {
		width: 1000px;
		height: 1100px;
		padding-top: 0px;
		background-image: linear-gradient(0, #fff, #f3f5f8);
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
		border: 2px solid var(--white);
		overflow-y: hidden;
		border-radius: 5px;
	}

}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 申请记录、保函信息、用户中心样式-*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.apply {
		/* display: flex;
 	justify-content: center; */
		padding-top: 20px;

		/* height: 1080px; */

	}

	.apply-tab {
		width: 100%;
		/* border: 1px solid green; */
		/* padding-left: 20px; */
		/* width: 400px; */
	}

	.apply-tab ul {
		display: flex;
		justify-content: center;
		overflow-x: auto;
		padding-left: 40px;
	}

	.apply-select {
		opacity: 1 !important;
	}

	.apply-tab ul a li {
		width: 160px;
		height: 40px;
		line-height: 40px;
		margin-bottom: 20px;
		text-align: center;
		background-image: linear-gradient(0, #fff, #f3f5f8);
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
		margin-right: 20px;
		font-size: 16px;
		opacity: 0.5;

	}

	/* 右侧白色背景的大长方形 */
	.apply-content {
		width: 100%;
		/* height: 100%; */
		height: 840px;
		background-image: linear-gradient(0, #fff, #f3f5f8);
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
		border: 2px solid var(--white);
		overflow-y: hidden;
		border-radius: 5px;
	}

}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/
/******************************************* 投标保证订单列表 *******************************/
.order-body {
	overflow-y: hidden;
}

.status {
	position: absolute;
	top: 0px;
	left: -15px;
	width: 60px;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: var(--white);
	background-color: var(--yellow);
	transform: rotate(-38deg);
	-ms-transform: rotate(-38deg);
	/* IE 9 */
	-webkit-transform: rotate(-38deg);
	/* Safari and Chrome */
}

.status_blue {
	position: absolute;
	top: 0px;
	left: -15px;
	width: 60px;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: var(--white);
	background-color: #0052d9;
	transform: rotate(-38deg);
	-ms-transform: rotate(-38deg);
	/* IE 9 */
	-webkit-transform: rotate(-38deg);
	/* Safari and Chrome */
}

/* 一条记录的外边框 */
.order-list {
	background-color: var(--white);
	margin: 20px;
	display: flex;
	flex-wrap: wrap;
	border-radius: 5px;
	box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;

}

/* .order-list:hover {
	border: 1px solid var(--white);
} */

/* 标题 */
.order-list-title {
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

/* 编号/时间的小边框 */
.order-list-con div {
	margin-right: 20px;
	margin-top: 10px;
}

/* 蓝色按钮 */
.top-btn {
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: var(--primary);
	color: var(--white);
	margin: 5px;
	border: none;
}

.top-btn:hover {
	background-color: #2670e8;
	transition: all .3s ease-in-out;
}

/* 黄色按钮 */
.bottom-btn {
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: var(--yellow);
	color: var(--white);
	border: none;
	margin: 5px;
}

.bottom-btn:hover {
	opacity: 0.8;
	transition: all .3s ease-in-out;
}

/* 占位 */
.zhanwei-btn {
	width: 120px;
	height: 30px;
	margin: 5px;
}

.order-list-type {
	color: var(--primary);
}

.order-list-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}

/* 订单列表----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {

	/* 左侧外边框 */
	.order-list-left {
		position: relative;
		padding: 20px;
		border-right: 2px dotted var(--light);
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 65%;
	}

	.order-list-left1 {
		position: relative;
		padding: 20px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 95%;
	}

	/* 右侧按钮外边框 */
	.order-list-right {
		padding: 10px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 28%;
	}

	/* 左侧文字内容不包括价格 */
	.order-list-content {
		width: 75%;
	}

	/* 编号/申请时间外边框 */
	.order-list-con {
		font-size: 14px;
		color: var(--gray);
		margin-top: 10px;
		display: flex;
		justify-content: space-between;
	}

	/* 价格 */
	.order-list-price {
		font-size: 20px;
		color: var(--yellow);
	}

	/* 按钮外边框 */
	.order-list-btn {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 订单列表*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {

	/* 左边框 */
	.order-list-left,
	.order-list-left1 {
		position: relative;
		padding: 20px;
		flex: 3;
		border-bottom: 2px dotted var(--light);
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}

	/* 右侧按钮框 */
	.order-list-right {
		padding: 10px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 95%;
	}

	/* 第一行文字 */
	.order-list-content {
		width: 100%;
	}

	/* 编号/申请时间外边框 */
	.order-list-con {
		font-size: 14px;
		color: var(--gray);
		/* margin-top: 10px; */
		/* display: flex; */
		/* justify-content: space-between; */
	}

	/* 价格 */
	.order-list-price {
		font-size: 20px;
		color: var(--yellow);
		margin-top: 10px;
		text-align: right;
		width: 100%;
		margin-right: 20px;
	}

	/* 按钮外边框样式 */
	.order-list-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}

}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/
/**********************************************************订单详情页面**********************************************/
.order-detail-title {
	text-align: center;
	background-color: var(--white);
	padding: 20px;
	font-size: 16px;
}

.order-detail-content {
	background-color: var(--white);
}

.order-detail-p {
	color: var(--gray);
	width: 140px;
	text-align: right;
}

/* 订单详情----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.order-detail-input {
		width: 320px;
		border: none !important;
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 订单详情*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.order-detail-input {
		width: 300px;
		border: none !important;
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/

/**********************************发票************************************/
.bill-body {
	/* height: 600px; */
	/* overflow-y: hidden; */
	overflow-x: hidden;
	overflow-y: auto;
	/* display: none; */
}



.bill-info {
	display: flex;
	align-items: center;
	margin-top: 20px;

}

.bill-title {
	font-size: 16px;
}

.bill-price {
	font-size: 28px;
	color: var(--red);
}

.bill-p-1 {
	color: var(--gray);
	width: 140px;
	text-align: right;
}

.bill-p-2 {
	width: 280px;
	text-align: left;
}

.bill-info-radio {
	width: 18px !important;
	margin-right: 5px;
}

.bill-center-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

.bill-btn-line {
	margin: 50px auto 20px;
	display: flex;
	justify-content: center;
}

.download {
	color: var(--primary);
	/* border-bottom: 1px solid var(--primary); */
	text-decoration: underline !important;
	width: 290px;
	text-align: left;
}

/* 发票----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.bill-top {
		background-color: var(--white);
		margin: 20px;
		border-radius: 5px;
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
		padding: 20px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;

	}

	.bill-info-input {
		width: 280px;
	}

	.bill-center {
		background-color: var(--white);
		margin: 20px;
		padding: 20px;
		border-radius: 5px;
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}



	.bill-center-radio {
		width: 600px;
		display: flex;
		align-items: center;
		margin-top: 20px;
	}

	.bill-box {
		width: 980px;
		height: 800px;
		background-color: var(--white);
		border-radius: 3px;
		position: fixed;
		left: 0px;
		top: 0px;
		/* transform: translate(-50%, -50%); */
		/* 实现水平垂直居中 */
		z-index: 999;
		display: none;
		text-align: center;
		padding: 10px;
		box-shadow: 8px 8px 20px 10px rgb(55 99 170/15%), -8px -8px 20px 0 #fff;
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 发票*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.bill-top {
		background-color: var(--white);
		margin: 20px 20px 20px 0;
		border-radius: 5px;
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
		padding: 20px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;

	}

	.bill-info-input {
		width: 240px;
	}

	.bill-center {
		background-color: var(--white);
		margin: 20px 20px 20px 0;
		padding: 20px;
		border-radius: 5px;
		box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.bill-center-radio {
		width: 300px;
		display: flex;
		align-items: center;
		margin-top: 20px;
	}

	.bill-box {
		width: 100%;
		height: 820px;
		/* height: 1800px; */
		overflow-y: auto;
		background-color: var(--white);
		border-radius: 3px;
		position: fixed;
		left: 0px;
		top: 0px;
		/* transform: translate(-50%, -50%); */
		/* 实现水平垂直居中 */
		z-index: 999;
		display: none;
		text-align: center;
		padding: 10px;
		box-shadow: 8px 8px 20px 10px rgb(55 99 170/15%), -8px -8px 20px 0 #fff;
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/
/*************************************************************************保函下载**********************************************************/
.baohan-info {
	/* width: 100%; */
	background-color: var(--white);
	margin: 20px;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.baohan-list {
	width: 350px;
	margin-top: 20px;
	display: flex;
}

.baohan-list-p1 {
	width: 100px;
	text-align: right;
}

.baohan-dwnload {
	width: 350px;
	background-color: var(--white);
	margin: 20px auto;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.baohan-dwnload img {
	width: 50px;
	height: 50px;
}

.baohan-down-right {
	margin-left: 20px;
}

/* 保函----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.baohan-box {
		width: 980px;
		height: 800px;
		background-color: var(--white);
		border-radius: 3px;
		position: fixed;
		left: 0px;
		top: 0px;
		/* transform: translate(-50%, -50%); */
		/* 实现水平垂直居中 */
		z-index: 999;
		display: none;
		text-align: center;
		padding: 10px;
		box-shadow: 8px 8px 20px 10px rgb(55 99 170/15%), -8px -8px 20px 0 #fff;
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 保函*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.baohan-box {
		width: 100%;
		height: 800px;
		background-color: var(--white);
		border-radius: 3px;
		position: fixed;
		left: 0px;
		top: 0px;
		/* transform: translate(-50%, -50%); */
		/* 实现水平垂直居中 */
		z-index: 999;
		display: none;
		text-align: center;
		padding: 10px;
		box-shadow: 8px 8px 20px 10px rgb(55 99 170/15%), -8px -8px 20px 0 #fff;
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/


/****************************************************************企业贷开始************************************************************/

.add-info-content table {
	width: 100%;
	border: 1px solid red;
}

.qyd-info-input:hover {
	border-color: var(--hover-blue);
}

.add-info-content table {
	border: 1px solid var(--light);
}

.add-info-content td input {
	width: 90%;
	/* width: 200px; */
	border: none;
	text-align: center;
}

.add-info-content td select {
	/* width: 100px; */
	border: none;
	text-align: center;
	background-color: var(--white);
}

td input:hover {
	border-color: var(--hover-blue);
}

.add-bg {
	background-color: var(--light);
}

.add-bg input,
select {
	background-color: var(--light);
}


.qyd-radio {
	width: 15px;
	margin-right: 5px;
}

.qyd-btn-line {
	display: flex;
	justify-content: center;
}

.qyd-btn {
	width: 50px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-color: var(--primary);
	color: var(--white);
	font-size: 12px;
	border-radius: 2px;
	margin: 0 5px;
}

.qyd-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}


.qyd-info-line:hover {
	border-color: var(--hover-blue);
}

/* 企业贷----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.qyd-info-p {
		width: 220px;
		text-align: right;
		font-size: 14px;
	}

	.qyd-info-input {
		width: 340px;
	}

	.qyd-info-line {
		width: 930px;
	}

	.radio-input {
		width: 370px;
		display: flex;
		align-items: center;
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 企业贷*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.qyd-info-p {
		width: 140px;
		text-align: right;
		font-size: 14px;
	}

	.qyd-info-input {
		width: 270px;
	}

	.qyd-info-line {
		width: 270px;
	}

	.radio-input {
		width: 280px;
		display: flex;
		align-items: center;
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/

/****************************************************************企业贷结束************************************************************/

/*******************************了解我们**********************************************/

.us-1 {
	width: 100%;
	height: 500px;
	background-image: url("../img/us/1.jpg");
	background-size: 100% 100%;
	color: var(--white);
	text-align: center;
	overflow-x: hidden;
}

.us-1-title {
	font-size: 42px;
	padding-top: 100px;
}



.xian {
	border-left: 1px solid var(--white);
	margin: 0 10px;
}

.us-2-con p {
	color: var(--primary);
	font-size: 32px;
	margin-bottom: 10px;
}

.us-2-con span {
	color: var(--gray);
	font-size: 16px;
}



.us-3-title-h2 {
	margin-top: 40px;
	font-size: 28px;
}


.us-3-title {
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
}



.us-3-child {
	width: 179px;
	height: 190px;
	margin-top: 20px;
	font-size: 16px;
}

.us-3-img {
	position: relative;
	top: -250px;
	right: -80px;
	display: none;
	width: 136px;
	height: 136px;
}

.us-3-hover {
	background-image: url("../img/us/3.png");
	background-size: 100% 100%;
	color: var(--white) !important;
	/* background-color: ; */
}

.us-4 {
	text-align: center;
}

.us-4-title {
	font-size: 28px;
	margin: 40px;
}


.us-5 {
	background-color: #EBEFF5;
	width: 100%;
	/* height: 500px; */
	text-align: center;
	padding-bottom: 40px;
}

.us-5-title {
	font-size: 28px;
	padding-top: 40px;
}

.us-5-text {
	margin-top: 20px;
	font-size: 16px;
}

.us-5-left-xian {
	margin-top: -20px;
	border-top: 6px dotted var(--primary);
	margin: -20px 20px 0;
}


.us-5-child-con {
	height: 130px;
	margin-top: 20px;
	font-size: 14px;
	color: var(--gray);
	/* border: 1px solid red; */
}

.left-small {
	width: 20px;
	height: 25px;
	background-color: var(--white);
	margin-left: 10px;
	margin-top: -10px;
	padding-top: 30px;
	border-radius: 50px;
}



.yuan {
	width: 14px;
	height: 14px;
	border-radius: 50px;
	background-color: #526897;
	text-align: center;
	margin: 0 auto;
}



.us-5-right-xian-1 {
	border-top: 2px dotted var(--primary);
	margin: 20px 0;
	opacity: 0.8;
}

.us-5-right-xian-2 {
	border-top: 2px dotted var(--primary);
	margin: 20px 2px;
	opacity: 0.6;
}

.us-5-right-xian-3 {
	border-top: 6px dotted var(--primary);
	margin: 13px -15px;
}

/* 了解我们----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.us-1-text {
		width: 800px;
		margin: 0 auto;
		font-size: 16px;
		margin-top: 50px;
		text-align: center;
		line-height: 25px;
	}

	.us-2 {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: 1180px;
		height: 130px;
		margin: -65px auto;
		background-color: var(--white);
		z-index: 99;
		border-radius: 5px;
		box-shadow: 8px 8px 20px 0 rgb(55 99 170/10%), -8px -8px 20px 0 #fff;
		display: flex;
		align-items: center;
		justify-content: space-around;

	}

	.us-2-con {
		width: 140px;
		height: 86px;
		padding: 20px;
		text-align: center;
	}

	.us-3 {
		width: 100%;
		height: 520px;
		background-image: url("../img/us/2.jpg");
		background-size: 100% 100%;
		text-align: center;
		/* padding-top: 100px; 适配了解我们页面*/
		padding-top: 20px;
	}

	.us-3-con {
		width: 1182px;
		height: 270px;
		margin: 0 auto;
		margin-top: 170px;
		display: flex;
		justify-content: space-around;
		color: var(--gray);
		/* align-items: cen; */
	}

	.us-3-item {
		width: 195px;
		height: 270px;
		text-align: left;
		padding: 0 20px;
	}

	.us-4-img-body {
		width: 100%;
		margin: 0 auto 30px;
	}

	.us-4-img {
		width: 1000px;
		height: 550px;
		background-size: 100% 100%;
	}

	.us-5-child {
		width: 196px;
		height: 188px;
		padding: 12px;
		margin: 0 10px;
		background-color: var(--white);
		border-radius: 4px;
		color: var(--primary);
		font-size: 20px;
		text-align: left;
	}

	.us-5-con {
		width: 80%;
		margin: 40px auto;
		display: flex;
		justify-content: center;
	}

	.us-5-left-body {
		display: flex;
		margin-top: -12px;
	}

	.us-5-right-body {
		width: 120px;
		height: 212px;
	}

	.right-small {
		width: 20px;
		height: 53px;
		background-color: var(--white);
		margin-left: 210px;
		margin-bottom: -10px;
		padding-top: 2px;
		border-radius: 50px;
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 了解我们*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.us-1-text {
		width: 100%;
		margin: 0 auto;
		font-size: 16px;
		margin-top: 50px;
		text-align: center;
		line-height: 25px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.us-2 {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		width: 95%;
		/* width: 1180px; */
		/* height: 130px; */
		margin: -150px auto;
		background-color: var(--white);
		z-index: 99;
		border-radius: 5px;
		box-shadow: 8px 8px 20px 0 rgb(55 99 170/10%), -8px -8px 20px 0 #fff;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-around;

	}

	.us-2-con {
		width: 100px;
		height: 86px;
		text-align: center;
		padding: 20px;
		/* border: 1px solid red; */
	}

	.us-3 {
		width: 100%;
		height: 720px;
		background-image: url("../img/us/2.jpg");
		background-size: 100% 100%;
		text-align: center;
		/* padding-top: 100px; 适配了解我们页面*/
		padding-top: 1px;
	}

	.us-3-con {
		width: 100%;
		height: 270px;
		margin: 0 auto;
		margin-top: 100px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		color: var(--gray);
		/* border: 1px solid black; */
		/* align-items: cen; */
	}

	.us-3-item {
		width: 180px;
		height: 270px;
		text-align: left;
		padding: 0 20px;
	}

	.us-4-img {
		width: 100%;
		height: 200px;
		background-size: 100% 100%;
	}

	.us-5-child {
		width: 120px;
		height: 128px;
		padding: 12px;
		margin: 0 10px;
		background-color: var(--white);
		border-radius: 4px;
		color: var(--primary);
		font-size: 20px;
		text-align: left;
	}

	.us-5-con {
		width: 100%;
		margin: 10px auto;
		display: flex;
		/* justify-content: center; */
		overflow-x: auto;
	}

	.us-5-left {
		margin-top: 30px;
	}

	.us-5-left-body {
		display: flex;
		margin-top: -22px;
		overflow-x: auto;
		padding-top: 10px;
		overflow-y: hidden;
	}

	.us-5-right-body {
		width: 10px;
		height: 182px;
	}

	.right-small {
		width: 20px;
		height: 53px;
		background-color: var(--white);
		margin-left: 134px;
		margin-bottom: -10px;
		padding-top: 2px;
		border-radius: 50px;
	}

}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/

/*******************************登录页面**********************************/



.left-tab ul {
	margin: 20px 20px 40px;
	text-align: center;
	display: flex;
}

.left-tab ul li {
	width: 300px;
	padding-bottom: 10px;
	font-size: 20px;
	border-bottom: 2px solid var(--light);
}

.left-select {
	color: var(--primary);
	border-bottom: 2px solid var(--primary) !important;
}

.left-item {
	height: 340px;
	text-align: center;
	display: none;
}

.left-ewm {
	width: 260px;
	height: 260px;
	margin: 20px auto;
	border: 1px solid var(--light);
}

.left-ewm img {
	width: 250px;
	height: 250px;
}

.login-bottom-line {
	margin: 20px;
	padding: 20px 80px;
	border-top: 2px dotted var(--light);
	border-bottom: 2px dotted var(--light);
	display: flex;
	justify-content: space-around;
}

.login-bottom {
	text-align: left;
	margin-left: 20px;
}

.login-left span {
	color: var(--gray);
}

.login-left p {
	margin-top: 20px;
}

.login-border {
	padding-top: 20px;
}

.login-line {
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-input {
	width: 300px;
	height: 38px;
	line-height: 38px;
	margin-top: 20px;
}

.login-btn {
	width: 380px;
	height: 40px;
	line-height: 40px;
	margin: 60px auto 0;
	text-align: center;
	background-color: var(--primary);
	color: var(--white);
}

.login-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}

.right-h2 {
	margin: 80px 20px 20px;
	font-size: 22px;
}

.right-h4 {
	margin: 30px 60px;
	font-size: 16px;
	list-style: initial !important;
}


/* 登录----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.login-body {
		width: 100%;
		height: 800px;
		padding-top: 65px;
		padding-bottom: 35px;
		background-color: var(--white);
	}

	.login-con {
		margin-top: 70px;
		/* width: 1200px;
		height: 600px; */
		background-color: var(--white);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.login-left {
		width: 600px;
		height: 600px;
	}

	.login-right {
		width: 500px;
		height: 600px;
		margin-left: 20px;
		background-image: url("../img/banner4.jpg");
		background-size: 100% 100%;
	}

}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 登录*-------------------------------小屏幕手机端 */
.login-body {
	width: 100%;
	/* height: 800px; */
	padding-top: 65px;
	padding-bottom: 35px;
	background-color: var(--white);
}

@media (min-width: 0px) and (max-width:768px) {
	.login-con {
		/* margin-top: 70px; */
		/* width: 1200px;
		height: 600px; */
		background-color: var(--white);
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}

	.login-left {
		width: 100%;
		height: 600px;
	}

	.login-right {
		width: 100%;
		height: 400px;
		background-image: url("../img/banner4.jpg");
		background-size: 100% 100%;
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/


/********************注册页面**********************/
.regist-body {
	width: 100%;
	height: 800px;
	padding-top: 65px;
	padding-bottom: 35px;
	background-color: var(--light);
}

.regist-title {
	font-size: 28px;
	margin-bottom: 20px;
}

.regist-line {
	margin-top: 30px;
	display: flex;
	align-items: center;
}

.regist-line p {
	width: 80px;
	text-align: right;
}



.regist-line input:hover {
	border-color: var(--hover-blue);
}

.regist-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}


/* 立即注册----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 770px) {
	.regist-con {
		width: 1200px;
		height: 500px;
		margin: 60px auto;
		padding-top: 50px;
		background-color: var(--white);
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.regist-line input {
		width: 400px;
		height: 38px;
		line-height: 38px;
	}

	.regist-btn {
		width: 480px;
		height: 40px;
		line-height: 40px;
		margin-top: 80px;
		text-align: center;
		background-color: var(--primary);
		color: var(--white);
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/

/* 立即注册*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:768px) {
	.regist-con {
		width: 90%;
		height: 500px;
		margin: 60px auto;
		padding-top: 50px;
		background-color: var(--white);
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.regist-line input {
		width: 300px;
		height: 38px;
		line-height: 38px;
	}

	.regist-btn {
		width: 380px;
		height: 40px;
		line-height: 40px;
		margin-top: 80px;
		text-align: center;
		background-color: var(--primary);
		color: var(--white);
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/

/****************************用户中心****************************/
.info-body {
	margin: 0 20px;
	padding: 20px;
	border-radius: 5px;
	background-color: var(--white);
	box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
}

.info-line {
	margin-top: 40px;
	display: flex;
	align-items: center;
}

.info-line p {
	width: 100px;
	text-align: right;
}

.info-line input {
	width: 85%;
	height: 36px;
	line-height: 36px;
}

.account-body {
	margin: 0 20px;
	padding: 20px 50px;
	border-radius: 5px;
	background-color: var(--white);
	box-shadow: 8px 8px 20px 0 rgb(55 99 170 /10%), -8px -8px 20px 0 #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.account-con {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.account-right {
	text-align: center;
	width: 70px;
	height: 35px;
	line-height: 35px;
	margin-left: 20px;
	border-radius: 5px;
	background-color: var(--primary);
	color: var(--white);
}

.account p {
	font-size: 16px;
}

.account-checkbox {
	margin-left: 100px;
	margin-right: 10px;
}

/**************************保函验真*************************/



.yz-search input {
	width: 85%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}

.yz-btn {
	width: 150px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	margin-left: 20px;
	background-color: var(--primary);
	color: var(--white);
}

.yz-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}

.yz-bottom-btn {
	margin: 50px auto 0;
}

.yz-bottom-btn:hover {
	cursor: pointer;
	opacity: 0.8;
}


.yz-con {
	min-height: 280px;
	text-align: center;
}


.yz-yes {
	display: none;

}

/* 保函验真----------------------大屏幕（大桌面显示器，大于等于 1200px） -------------*/
@media (min-width: 1300px) {
	.yz-bg {
		width: 100%;
		height: 500px;
		background-image: url('../img/banner1.jpg');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.yz-title {
		padding-top: 180px;
		text-align: center;
		font-size: 70px;
		/* color: var(--primary); */
		letter-spacing: 15px;
	}

	.yz-search {
		position: relative;
		top: 0;
		left: 0;
		width: 1000px;
		height: 100px;
		margin: -50px auto 0;
		padding: 0 20px;
		background-image: url("../img/us/1.jpg");
		display: flex;
		align-items: center;
		/* background-color: var(--white); */
		/* box-shadow: 8px 8px 20px rgb(55 99 170 /10%), -8px -8px 20px #fff; */
	}

	.yz-no {
		width: 1000px;
		padding: 40px 20px;
		margin: 0 auto;
		font-size: 16px;
		color: var(--red);
		text-align: center;
		border: 1px solid var(--light);
		display: none;
	}

	.yz-yes-con {
		width: 1000px;
		padding: 20px;
		margin: 0px auto;
		border: 1px solid var(--light);
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/* -----------------------------------------大屏幕尺寸结束 ---------------------------------------*/
/* 保函验真*-------------------------------小屏幕手机端 */
@media (min-width: 0px) and (max-width:1280px) {
	.yz-bg {
		width: 100%;
		height: 200px;
		background-image: url('../img/banner1.jpg');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.yz-title {
		padding-top: 40px;
		text-align: center;
		font-size: 70px;
		/* color: var(--primary); */
		letter-spacing: 15px;
	}

	.yz-search {
		position: relative;
		top: 0;
		left: 0;
		width: 90%;
		height: 100px;
		margin: -50px auto 0;
		padding: 0 20px;
		background-image: url("../img/us/1.jpg");
		display: flex;
		align-items: center;
		/* background-color: var(--white); */
		/* box-shadow: 8px 8px 20px rgb(55 99 170 /10%), -8px -8px 20px #fff; */
	}

	.yz-no {
		width: 90%;
		padding: 40px 20px;
		margin: 0 auto;
		font-size: 16px;
		color: var(--red);
		text-align: center;
		border: 1px solid var(--light);
		display: none;
	}

	.yz-yes-con {
		width: 90%;
		padding: 20px;
		margin: 0px auto;
		border: 1px solid var(--light);
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/* -----------------------------------------小屏幕尺寸结束 ---------------------------------------*/
/*******************************************************征信服务页面样式******************************************************/


.zxfw-tab ul {
	display: flex;
	justify-content: center;
}

.zxfw-tab ul li {
	margin: 0 30px;
	font-size: 20px;
	display: flex;
}

.zxfw-tab ul li:hover {
	color: #DCE5EC;
}

.iconshow {
	margin-right: 10px;
	margin-top: 2px;
	display: none;
}

.zxfw-content {
	height: 330px;
}

/* 电脑端 */
@media (min-width: 1300px) {
	.zxfw-bg {
		width: 100%;
		height: 500px;
		background-image: url('../img/zx.jpg');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.zxfw-title {
		padding-top: 120px;
		text-align: center;
		font-size: 60px;
		color: var(--white);
		letter-spacing: 5px;
	}

	.zxfw-tab {
		margin-top: 180px;
		text-align: center;
		color: var(--white);

	}
}

/* 手机端 */
@media (min-width: 0px) and (max-width:1280px) {
	.zxfw-bg {
		width: 100%;
		height: 300px;
		background-image: url('../img/zx.jpg');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.zxfw-title {
		padding-top: 40px;
		text-align: center;
		font-size: 60px;
		color: var(--white);
		letter-spacing: 5px;
	}

	.zxfw-tab {
		margin-top: 60px;
		text-align: center;
		color: var(--white);

	}
}

/* ***********************************首页悬浮 ************************************/
.xuanfu {
	position: fixed;
	top: 380px;
	right: 20px;
	width: 50px;
	height: 300px;
	z-index: 1;
}

.lxkf-1:hover {
	cursor: pointer;
	opacity: 0.8;
}

.lxkf-2:hover {
	cursor: pointer;
	opacity: 0.8;
}

.lxkf-3:hover {
	cursor: pointer;
	opacity: 0.8;
}

.lxkf-1 {
	width: 50px;
	height: 150px;
	border-radius: 50px;
	border: 2px solid var(--white);
	background-image: linear-gradient(#FF5B45, #FF9656);
}

.touxiang {
	width: 46px;
	height: 46px;
	margin: 0 auto;
	border-radius: 50px;
	margin: 2px;
}

.lxkf-txt {
	padding: 0 18px;
	letter-spacing: 10px;
	font-size: 16px;
	color: var(--white);

}

.lxkf-2 {
	width: 48px;
	height: 48px;
	margin-top: 20px;
	border-radius: 50px;
	border: 2px solid var(--white);
	background-color: #FBFBFC;
	box-shadow: 4px 4px 10px 4px rgba(0, 0, 0, 0.1);

}

.lxkf-2 img {
	width: 32px;
	height: 32px;
	margin: 8px;
}

.lxkf-3 {
	width: 48px;
	height: 48px;
	margin-top: 20px;
	border-radius: 50px;
	border: 2px solid var(--white);
	background-image: linear-gradient(#105CFC, #428AFF);
	/* background-color: var(--primary); */
	box-shadow: 4px 4px 10px 4px rgba(0, 0, 0, 0.1);

}

.lxkf-3 img {
	width: 32px;
	height: 32px;
	margin: 8px;
}

/* 悬浮弹窗 */
.lxkf-1-popup {
	position: fixed;
	top: 400px;
	right: 90px;
	z-index: 1;
	width: 180px;
	height: 300px;
	background-color: var(--white);
	border-radius: 5px;
	box-shadow: 4px 4px 10px 4px rgba(0, 0, 0, 0.1);
	display: none;
}

.popup-top {
	padding: 12px;
	box-shadow: 4px 4px 10px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: space-between;
}

.popup-top p {
	font-size: 16px;
	color: var(--black);
}

.lxr-content {
	padding: 0 20px;
}

.lxr {
	padding: 10px 0;
	border-bottom: 1px solid var(--login);
}

.lxr i {
	margin-right: 15px;
	/* color: var(--primary); */
}

.lxr div {
	margin-top: 10px;
}

.lxkf-2-popup {
	position: fixed;
	top: 550px;
	right: 90px;
	z-index: 1;
	width: 180px;
	height: 100px;
	background-color: var(--white);
	border-radius: 5px;
	box-shadow: 4px 4px 10px 4px rgba(0, 0, 0, 0.1);
	display: none;
}

.lxkf-3-popup {
	position: fixed;
	top: 620px;
	right: 90px;
	z-index: 1;
	width: 180px;
	height: 220px;
	background-color: var(--white);
	border-radius: 5px;
	box-shadow: 4px 4px 10px 4px rgba(0, 0, 0, 0.1);
	display: none;
}


.lxkf-3-popup img {
	width: 140px;
	height: 140px;
	margin: 20px;
}

/* -------------------------------------- */
.question tr td {
	padding-left: 20px;
	text-align: left;
}

.question tr td:nth-child(1) {
	width: 20px;
}
/* .question tr td:nth-child(3) {
	padding-left: 10px;
} */
.radio-box {
	display: flex;
}
.radio-box div{
	width: 150px;
	display: flex;
	align-items: center;
	/* border: 1px solid red; */
}
.radio-box div input{
	width: 18px;
}
.radio-box div p{
	margin-left: 10px;
}