@charset "utf-8";
html{

}
.wrap_1600 {
	max-width: 1570px;
	width: 90%;
	margin: 0 auto;
}

.swiper-pagination-bullet {
	outline: none;
}

.swiper-button-next,
.swiper-button-prev {
	outline: none;
}


/*pay详情页 油路由路径*/

.route_box,
.route_box a {
	font-size: 14px;
	color: #999;
	text-align: center;
	padding: 30px 0;
	transition: all 0.3s;
}

.route_box {
	padding: 30px 10px 25px;
}

.route_box a:hover {
	color: #111;
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.route_box,
	.route_box a {
		font-size: 13px;
	}
}


/*总标题*/

.general_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 56px 0;
}

.general_box h2 {
	font-size: 24px;
	line-height: 1.5em;
	color: #333;
	text-align: center;
}

.general_box .advance_list li {
	margin: 0 4px;
	background: #F1F1F1;
	border-radius: 14px;
	/* height: 28px; */
	color: #9E9E9E;
	font-size: 14px;
	padding: 6px 14px 6px 34px;
	background: url(../images/dui.svg) no-repeat 14px center #F1F1F1;
	background-size: 12px auto;
	margin-bottom: 10px;
}

.general_box .total_info {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.general_box .advance_list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 22px 0 12px;
	flex-wrap: wrap;
}

.general_box .total_info .avatar {
	font-size: 14px;
	color: #333;
	margin: 0 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.general_box .total_info .avatar img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
	object-fit: cover;
	margin-right: 10px;
	display: block;
}

.general_box .total_info .text {
	margin: 0 24px;
	font-size: 14px;
	color: #666;
	line-height: 28px;
}

.general_box .total_info .text span {
	font-family: 'Gotham-Light' !important;
	margin-left: 8px;
	color: #333;
	font-size: 14px;
}

.general_box .total_info .star_box .star_list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0 20px;
	position: relative;
	top: -3px;
}

.general_box .total_info .star_box .star_list li {
	width: 22px;
	height: 22px;
	background-image: url(../images/star_l.svg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.general_box .total_info .star_box .star_list li.active~li {
	background-image: url(../images/star2.svg);
}


/*爱心*/

.collection {
	line-height: 38px;
	border: 1px solid rgba(207, 216, 220, 1);
	border-radius: 20px;
	padding: 0 18px;
	color: #CFD8DC;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-right: 13px;
}


/*爱心*/

.collection i {
	width: 18px;
	height: 16px;
	display: block;
	background-image: url(../images/collection.svg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.collection.ed {
	color: #FF0000;
	border: 1px solid #ff0000;
}

.collection.ed i {
	background-image: url(../images/collectioned.svg);
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.general_box {
		padding: 10px 0 30px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 800px) {
	.general_box .total_info .avatar {
		margin: 0 12px;
	}
	.general_box .total_info .text {
		margin: 0 12px;
	}
	.general_box .total_info .star_box .star_list {
		margin: 0 12px;
	}
	.collection {
		margin-right: 12px;
		line-height: 30px;
		padding: 0 18px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 680px) {
	/* .general_box .advance_list {
		flex-direction: column;
	} */
	.general_box .total_info {
		flex-direction: column;
	}
	.general_box .total_info>div {
		margin-bottom: 5px !important;
	}
	.general_box h2 {
		text-align: center;
	}
}

@media only screen and (min-width: 100px) and (max-width: 530px) {
	.general_box h2 {
		font-size: 20px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 440px) {
	.general_box h2 {
		font-size: 18px;
		padding: 0 20px;
	}
}


/*总标题*/


/*预览图&价格*/

.preview_price.wrap_box {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}


/*左边预览图*/

.left_preview {
	width: 62.5%;
}

.left_preview .inner_box {
	padding-top: 55%;
	position: relative;
}

.left_preview .inner_box .preview_btn {
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 90px;
	line-height: 40px;
	background: linear-gradient(180deg, rgba(61, 61, 61, 0.25), rgba(30, 30, 30, 0.25));
	border-radius: 100px;
	text-align: center;
	margin-right: 6px;
	font-size: 13px;
	color: #fff;
	transition: all 0.3s;
	cursor: pointer;
	background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));
	z-index: 4;
}

.left_preview .inner_box .preview_btn:hover {
	opacity: 0.6
}

.left_preview .swiper-container {
	position: absolute;
	top: 0;
	left: 7.5%;
	width: 85%;
	height: 100%;
	margin: 0 auto;
}

.left_preview .swiper-slide {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.left_preview .swiper-slide img {
	width: 100%;
	object-fit: cover;
	transition: all 1s;
}

.left_preview .swiper-slide:hover img {
	transform: scale(0.98);
	opacity: 0.95
}

.left_preview .swiper-button-prev,
.left_preview .swiper-button-next {
	width: 36px;
	height: 36px;
	background-image: url(../images/left_img_arrow_h.svg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.6s;
	opacity: 0;
}

.left_preview:hover .swiper-button-prev,
.left_preview:hover .swiper-button-next {
	opacity: 1;
}

.left_preview .swiper-button-next {
	transform: rotate(180deg);
}

.left_preview .swiper-button-prev:hover,
.left_preview .swiper-button-next:hover {
	background-image: url(../images/left_img_arrow_b.svg);
}

.left_preview .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}

.left_preview .swiper-pagination-bullet-active {
	background: linear-gradient(180deg, rgba(61, 61, 61, 1), rgba(30, 30, 30, 1));
}


/*左边预览图*/


/*右边价格*/

.right_price_box {
	width: 37.5%;
}

.right_price_box .inner_box {
	width: 100%;
	padding-top: 91.5%;
	position: relative;
}

.right_price_box .content_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: 22%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.right_price_box dl {
	display: flex;
	flex-direction: row;
	margin-bottom: 30px;
	align-items: flex-start !important;
}

.right_price_box dl dt {
	width: 60px;
	font-size: 14px;
	color: #666;
}

.right_price_box dl.price_list dt {
	line-height: 2.5em;
}

.right_price_box dl dd {
	width: calc(100% - 60px);
}


/**/

.ckbox.checked2 {
	/*background: red;*/
}

.ckbox input {
	width: 80%;
}

.ckbox label {
	display: block;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	word-break: keep-all;
}

.ckbox input[type='checkbox'] {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 4px;
	outline: none;
	position: absolute;
	display: inline-block;
	padding: 0;
	border-radius: 2px;
	opacity: 0;
}

.ckbox {
	/*overflow: hidden;*/
}

.ckbox label {
	z-index: -1;
}

.ckbox input[type="checkbox"]+label::before {
	content: "";
	display: inline-block;
	width: 20px !important;
	height: 20px;
	outline: none;
	margin-right: 10px;
	border: 1px solid #CFD8DC;
	display: block;
	float: left;
	box-sizing: border-box;
	border-radius: 4px;
}

.ckbox input[type="checkbox"]:checked+label::before {
	content: "";
	color: #fff;
	background: url(../images/checked2.svg) no-repeat center center;
	background-size: 120% 120%;
	border: 1px solid transparent;
}


/**/


/**/

.radio_box {
	display: flex;
	align-items: center;
}

.radio_box .radio {
	margin-right: 20px;
}

.radio input {
	width: 80%;
}

.radio label {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	line-height: 18px;
	word-break: keep-all;
	color: #666;
}

.radio input[type='radio'] {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 4px;
	outline: none;
	position: absolute;
	display: inline-block;
	padding: 0;
	border-radius: 2px;
	opacity: 0;
}

.radio {
	overflow: hidden;
}

.radio label {
	z-index: -1;
}

.radio input[type="radio"]+label::before {
	content: "";
	display: inline-block;
	width: 16px !important;
	height: 16px;
	outline: none;
	margin-right: 10px;
	border: 1px solid #CFD8DC;
	display: block;
	float: left;
	box-sizing: border-box;
	border-radius: 50%;
}

.radio input[type="radio"]:checked+label::before {
	content: "";
	color: #fff;
	background: url(../images/sel.svg) no-repeat center center;
	background-size: 120% 120%;
	border: 1px solid transparent;
}

.radio_box p {
	display: flex;
}

.radio_box p,
.radio_box span {
	color: #666;
	font-size: 14px;
}

.radio_box .discount {
	/* min-width: 59px; */
	padding: 0 16px;
	line-height: 23px;
	background: linear-gradient(180deg, rgba(245, 119, 109, 1), rgba(233, 95, 105, 1));
	border-radius: 0px 14px 0px 14px;
	display: inline-block;
	text-align: center;
	color: #fff;
	margin-left: 6px;
}

.right_price_box dl dd.radia_con {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.right_price_box dl dd.radia_con .right_price {
	padding-top: 10px;
	color: #333;
	font-size: 14px;
	font-family: "微软雅黑" !important;
}

.right_price_box dl dd .radio_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.right_price_box dl dd .radio_box .cent_box {
	display: flex;
	align-items: center;
	padding: 10px 0;
}

.right_price_box dl dd .radio_box .cent_box .radio {
	min-width: 150px;
	margin-right: 0;
	padding-right: 20px;
}


/**/

.right_price_box dl .cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
	flex-wrap: wrap;
}

.right_price_box dl .cont .left_txt {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.right_price_box dl .cont p {
	color: #333;
	font-size: 14px;
	transition: all 0.3s;
}

.right_price_box dl .ckbox input[type="checkbox"]:checked+label p {
	color: #1AB744;
}

.right_price_box dl .cont i {
	width: 20px;
	height: 20px;
	display: block;
	background-image: url(../images/question.svg);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 10px;
}

.right_price_box dl .cont .old {
	color: #666;
	font-size: 14px;
	text-decoration: line-through;
	font-family: "微软雅黑" !important;
}

.right_price_box dl .cont .now {
	color: #2E6AFD;
	margin-left: 10px;
	font-weight: 600;
	font-size: 14px;
	font-family: "微软雅黑" !important;
}

.right_price_box dl dd .give li {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}

.right_price_box dl dd .give li .left_txt {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.right_price_box dl dd .give li .left_txt p {
	font-size: 14px;
	color: #333;
}

.right_price_box dl dd .give li .left_txt img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.right_price_box dl dd .give li .right_price {
	font-size: 14px;
	color: #333;
}

.right_price_box dl .total_price {
	width: 100%;
	border: 1px solid #2E6AFD;
	padding: 10px 30px;
}

.right_price_box dl .total_price h4 {
	color: #2E6AFD;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	line-height: 2em;
}

.right_price_box dl .total_price h4 span {
	font-size: 18px;
}

.right_price_box dl .total_price p {
	font-size: 13px;
	color: #666;
	line-height: 2em;
	text-align: center;
}

.right_price_box .ask_btn {
	width: 100%;
	line-height: 52px;
	color: #fff;
	text-align: center;
	background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));
	border-radius: 4px;
	display: block;
	font-size: 13px;
}

@media only screen and (min-width: 100px) and (max-width: 1400px) {
	.right_price_box .content_box {
		padding-left: 5%;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.left_preview {
		max-width: 900px;
		width: 100%;
	}
	.right_price_box {
		max-width: 900px;
		width: 100%;
		padding-top: 50px;
	}
	.right_price_box .content_box {
		padding-left: 0;
	}
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.left_preview .swiper-container {
		width: 100%;
		left: 0%;
	}
	.left_preview .swiper-button-prev,
	.left_preview .swiper-button-next {
		display: none;
	}
	.swiper-pagination {
		bottom: -10px !important;
	}
	.left_preview .inner_box {
		padding-top: 0;
		height: auto;
	}
	.left_preview .swiper-container {
		position: static;
	}
}

.intr_detail {
	padding: 110px 0 20px;
}

.impress_list {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.impress_list li,
.impress_list dd {
	line-height: 28px;
	background: #F1F1F1;
	padding: 0 13px;
	border-radius: 14px;
	color: #9E9E9E;
	font-size: 14px;
	margin-right: 6px;
	margin-bottom: 5px;
}

.input_box .impress_list dt {
	color: #9E9E9E;
	font-size: 14px;
	padding-right: 10px;
}

.input_box .impress_list dd {
	cursor: pointer;
}

.impress_list dd.on {
	background: linear-gradient(180deg, rgba(61, 61, 61, 1), rgba(30, 30, 30, 1));
	color: #fff;
}

.intr_detail .center_list {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
	flex-wrap: wrap;
}

.center_list_wrap {
	transition: all 0.5s;
}

.center_list_wrap.fixed {
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	box-shadow: 0px 3px 4px 0px rgba(33, 33, 33, 0.14);
	width: 100%;
	z-index: 30;
}

.intr_detail .center_list_wrap.fixed .center_list {
	margin-top: 0;
	max-width: 1600px;
	width: 90%;
	margin: 20px auto 0;
}

.intr_detail .left_tab {
	padding-bottom: 20px;
}

.intr_detail .left_tab .list_box {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.intr_detail .left_tab .list_box li {
	width: 120px;
	height: 40px;
	background: linear-gradient(180deg, rgba(61, 61, 61, 0.25), rgba(30, 30, 30, 0.25));
	border-radius: 4px;
	text-align: center;
	margin-right: 6px;
	font-size: 13px;
	color: #fff;
	transition: all 0.3s;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.intr_detail .left_tab .list_box li.active {
	background: linear-gradient(180deg, rgba(61, 61, 61, 1), rgba(30, 30, 30, 1));
}

.intr_detail .right_pro {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding-bottom: 20px;
}

.intr_detail .right_pro .admin_btn {
	line-height: 40px;
	padding: 0 19px;
	background: linear-gradient(180deg, rgba(142, 162, 173, 1), rgba(122, 145, 157, 1));
	border-radius: 100px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	font-size: 13px;
}

.intr_detail .right_pro .add_car {
	line-height: 40px;
	padding: 0 19px;
	background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));
	border-radius: 100px;
	color: #fff;
	text-align: center;
	margin-left: 13px;
	cursor: pointer;
	font-size: 13px;
}

.intr_detail .configure_box {
	padding: 30px 0 70px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.intr_detail .configure_box dl {
	padding-right: 60px;
}

.intr_detail .configure_box dl i {
	width: 20px;
	height: 20px;
	display: block;
	background-image: url(../images/question.svg);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 10px;
	position: relative;
	top: 5px;
}

.intr_detail .configure_box dl dt,
.intr_detail .configure_box dl dd {
	display: flex;
	/* align-items: center; */
}

.intr_detail .configure_box dl dt {
	font-size: 13px;
	color: #666;
	line-height: 28px;
	margin-bottom: 20px;
	position: relative;
	font-weight: bold;
}

.intr_detail .configure_box dl dt.light {
	color: #2E6AFD;
	font-weight: 600;
	font-size: 18px;
}

.intr_detail .configure_box dl dd {
	background: url(../images/sel.svg) no-repeat left 7px;
	background-size: 16px 16px;
	padding-left: 30px;
	font-size: 13px;
	color: #666;
	line-height: 28px;
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.intr_detail .left_tab .list_box li {
		/* min-width: 70px; */
		width: auto;
		padding: 0 20px;
		font-size: 12px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 900px) {
	.intr_detail .center_list_wrap.fixed .left_tab .list_box {
		position: fixed;
		top: 66%;
		right: 10px;
		flex-direction: column;
		transform: translateY(-50%);
	}
	.intr_detail .center_list_wrap.fixed .left_tab .list_box li {
		width: 40px;
		height: 44px;
		font-size: 12px;
		padding: 0 4px;
		word-break: break-all;
		line-height: 1.4em;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 5px 0;
		min-width: 40px;
	}
	.intr_detail .center_list_wrap.fixed .center_list {
		margin: 10px auto;
	}
	.intr_detail .center_list_wrap.fixed .right_pro {
		padding-bottom: 0;
	}
	.intr_detail .center_list {
		margin-top: 30px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 400px) {
	.intr_detail .left_tab .list_box li {
		padding: 0 5px;
		height: 40px;
		margin-bottom: 10px;
	}
	.intr_detail .right_pro .admin_btn {
		padding: 0 18px;
		font-size: 14px;
		height: 40px;
	}
	.intr_detail .right_pro .add_car {
		padding: 0 18px;
		margin-left: 10px;
		font-size: 14px;
	    height: 40px;
	}
	.collection {
		line-height: 40px;
		font-size: 14px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1600px) {
	.intr_detail .configure_box dl {
		padding-right: 50px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1300px) {
	.intr_detail .configure_box dl {
		padding-right: 0;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.intr_detail .configure_box {
		flex-wrap: wrap;
	}
	.intr_detail .configure_box dl {
		padding-bottom: 20px;
	}
	.intr_detail .configure_box dl:nth-child(1),
	.intr_detail .configure_box dl:nth-child(2) {
		width: 50%;
	}
	.intr_detail .configure_box dl:nth-child(3),
	.intr_detail .configure_box dl:nth-child(4),
	.intr_detail .configure_box dl:nth-child(5) {
		width: calc(100% / 3);
	}
}

@media only screen and (min-width: 100px) and (max-width: 900px) {
	.intr_detail .configure_box dl:nth-child(3),
	.intr_detail .configure_box dl:nth-child(4),
	.intr_detail .configure_box dl:nth-child(5) {
		width: 50%;
	}
	.intr_detail .configure_box {
		padding-top: 10px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 750px) {
	.intr_detail .configure_box dl:nth-child(1),
	.intr_detail .configure_box dl:nth-child(2),
	.intr_detail .configure_box dl:nth-child(3),
	.intr_detail .configure_box dl:nth-child(4),
	.intr_detail .configure_box dl:nth-child(5) {
		width: 100%;
	}
	.intr_detail .configure_box dl dt {
		margin-bottom: 0;
	}
	.intr_detail .configure_box dl.on dt {
		margin-bottom: 20px;
	}
	.intr_detail .configure_box dl dd {
		display: none;
		transition: all 0.3s;
	}
	.intr_detail .configure_box dl.on dd {
		display: flex;
	}
	.intr_detail .configure_box dl dt:after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		background: url(../images/arrow_d.svg) no-repeat center center;
		background-size: 16px auto;
		width: 30px;
		height: 30px;
		transition: all 0.3s;
	}
	.intr_detail .configure_box dl.on dt:after {
		transform: translateY(-50%) rotate(180deg);
	}
}

.intr_detail .notes {
	font-size: 13px;
	color: #666;
}

.detail_box {
	max-width: 1300px;
	margin: 0 auto;
}

.detail_box .detail_text {
	max-width: 965px;
	width: 90%;
	margin: 0 auto;
}

.detail_box .detail_text .top_img {
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
}

.detail_box .detail_text .top_img img {
	max-width: 100%;
}

.detail_box .edit_box h5 {
	font-size: 18px;
	color: #728FF1;
	font-weight: 600;
	line-height: 28px;
	margin-top: 55px;
	margin-bottom: 10px;
}

.detail_box .edit_box h5 i {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #728FF1;
	display: inline-block;
	margin-right: 17px;
}

.detail_box .edit_box p {
	font-size: 14px;
	color: #333;
	line-height: 28px;
}

.detail_box>img {
	width: 90%;
	display: block;
	margin: 75px auto 0;
}

.comment_box {
	max-width: 965px;
	width: 90%;
	margin: 0 auto;
	padding: 105px 0 30px;
}

.comment_box.comment_t_box {
	padding-top: 0;
}

.comment_box .title_box p {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 14px;
	color: #666;
	line-height: 28px;
	padding-bottom: 26px;
	flex-wrap: wrap;
}

.comment_box .title_box p i {
	width: 22px;
	height: 28px;
	background: url(../images/star_l.svg) no-repeat center center;
}

.comment_box .title_box p a {
	font-size: 14px;
	color: #666;
	margin: 0 2px;
	transition: all 0.3s;
}

.comment_box .title_box p a:hover {
	color: #2E6AFD;
}

.comment_box .title_box p span {
	font-size: 16px;
	color: #2E6AFD;
	font-weight: 600;
	margin: 0 10px;
	display: block;
}

.comment_list .list li {
	padding: 26px 0;
}

.comment_list .list li:last-child {
	padding-bottom: 10px;
}

.comment_box .top_name_star {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 20px;
}

.comment_box .left_name {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #111;
	font-weight: bold;
}

.comment_box .avatar {
	width: 45px;
	height: 45px;
	margin-right: 13px;
}

.comment_box .avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

.comment_box .right_box {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: #9E9E9E;
	font-size: 14px;
}

.comment_box .star_box {
	display: flex;
	flex-direction: row;
	margin-left: 18px;
}

.comment_box .star_box dd {
	width: 22px;
	height: 22px;
	background-image: url(../images/star_l.svg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.comment_t_box.comment_t_box .left_box {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	line-height: 35px;
	font-size: 14px;
	color: #9E9E9E;
	flex: 1;
}

.comment_t_box.comment_t_box .impress_star {
	align-items: flex-end;
}

.comment_t_box.comment_t_box .impress_list {
	min-height: 32px;
	flex: 1;
	padding-left: 14px;
	padding-right: 20px;
}

.comment_box.comment_t_box .right_box {
	align-items: flex-end;
	line-height: 1.5em;
}

.comment_box.comment_t_box .star_box dd {
	width: 38px;
	height: 38px;
}

.comment_box .star_box dd.active~dd {
	background-image: url(../images/star2.svg);
}

.comment_list .list li .text {
	padding: 10px 0;
}

.comment_list .list li .text p {
	font-size: 14px;
	color: #333;
	line-height: 2em;
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.comment_box .top_name_star {
		align-items: flex-start;
	}
	.comment_box .avatar {
		width: 26px;
		height: 26px;
	}
	.comment_box .comment_list .right_box {
		flex-direction: column;
		align-items: flex-end;
	}
	.comment_box .comment_list .star_box {
		padding-top: 10px;
	}
}

.about_main_title {
	margin: 90px 0 50px;
}

.about_main_title h3 {
	text-align: left;
	padding: 0 20px;
	font-size: 18px;
	color: #728FF1
}

.about_product_box {
	padding-bottom: 100px;
}

.about_product_box .product_list {
	padding-bottom: 25px;
}

.view_more,
.view_more:hover,
.view_more:focus {
	width: 178px;
	line-height: 54px;
background: #1E1E1E;
color: #C9FF85;
	border-radius: 100px;
	font-size: 13px;

	display: block;
	margin: 30px auto;
	text-align: center;
	cursor: pointer;
}

.comment_box .input_box {
	position: relative;
	border: 1px solid rgb(215, 217, 222);
	/*height: 200px;*/
	padding: 20px;
}

.comment_box textarea {
	width: 100%;
	height: 100px;
	font-size: 14px;
	color: #333;
	line-height: 2em;
	border: none;
}

.impress_star {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	min-height: 32px;
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.comment_t_box.comment_t_box .impress_star {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.comment_box.comment_t_box .right_box {
		padding-bottom: 10px;
		width: 100%;
	}
	.comment_t_box.comment_t_box .left_box {
		width: 100%;
		align-items: flex-start;
		line-height: 24px;
		padding-top: 10px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.comment_box .input_box {
		padding: 15px 10px;
	}
	.comment_box.comment_t_box .star_box dd {
		width: 30px;
		height: 30px;
	}
	.comment_box .input_box .right_box {
		padding-top: 0;
	}
	.input_box .impress_list dd {
		font-size: 12px;
		padding: 0 8px;
		line-height: 24px;
	}
}

.btn_box {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.btn_box .sub_btn {
	width: 88px;
	line-height: 42px;
	background: none;
	border: none;
	background: linear-gradient(180deg, rgba(61, 61, 61, 1), rgba(30, 30, 30, 1));
	border-radius: 20px;
	color: #fff;
	text-align: center;
	margin-top: 23px;
	font-size: 13px;
	outline: none;
}

.consultation_box {
	width: 100%;
	height: 310px;
	background: #1E1E1E;
}

.consultation_box .con_list {
	max-width: 1400px;
	width: 90%;
	margin: 0 auto;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	text-align: center;
	flex-wrap: wrap;
	padding: 15px 0;
}

.consultation_box .con_list li {
	width: calc(100% / 3);
}

.consultation_box .con_list li p {
	font-size: 18px;
	line-height: 28px;
}

.consultation_box .con_list li span {
	font-size: 24px;
	font-weight: bold;
	display: block;
	font-family: 'GothamPro-Bold' !important;
}

.consultation_box .con_list li span.tel {
	font-size: 28px;
	font-weight: bold;
	font-family: 'GothamPro-Bold' !important;
}

.consultation_box .con_list li a {
	width: 116px;
	height: 42px;
	background: #C9FF85;
	border-radius: 20px;
	color: #1E1E1E;
	font-size: 13px;
	display: block;
	margin: 24px auto 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0 10px;
}

.consultation_box .con_list li a i {
	width: 16px;
	height: 15px;
	background-image: url(../images/qq.svg);
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	margin-right: 8px;
}

@media only screen and (min-width: 100px) and (max-width: 900px) {
	.consultation_box .con_list li {
		width: 50%;
	}
	.consultation_box .con_list li:nth-child(1) {
		width: 100%;
	}
	.consultation_box .con_list li a {
		width: 100px;
		height: 32px;
		font-size: 12px;
	}
	.consultation_box .con_list li a i {
		font-size: 14px;
		height: 14px;
	}
}

.padding_top {
	padding-top: 110px;
}

.index_ad img {
	width: 100%;
	height: auto;
	display: block;
}

.index_ad img.pc_ad {
	display: none;
}

.index_ad img.phone_ad {
	display: block;
}

@media only screen and (min-width: 100px) and (max-width: 900px) {
	.index_ad img.phone {
		display: none;
	}
	.index_ad img.pc {
		display: block;
	}
}

.type_list_box {
	white-space: nowrap;
	margin: 45px auto 20px !important;
	padding: 5px 0 !important;
}

.type_list_box .type_list {
	overflow: auto;
	white-space: nowrap;
	padding-bottom: 10px;
}

.type_list_box .type_list li {
	margin-right: 14px;
	display: inline-block;
	padding: 5px 18px 5px 5px;
	border-radius: 20px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .08);
	transition: all 0.3s;
	width: auto;
}

.type_list_box .type_list li.active {
	background: rgba(232, 232, 232, 1) !important;
	box-shadow: none;
}

.type_list_box .type_list li a {
	display: block;
}

.type_list_box .type_list li .img_box {
	font-size: 14px;
	color: #333;
	display: inline-block;
}

.type_list_box .type_list li .img_box img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	object-fit: cover;
	margin-right: 10px;
}

.type_list_box .type_list li a {
	font-size: 14px;
	color: #333;
	line-height: 28px;
}

.type_list_box .swiper-scrollbar-drag {
	background: rgba(0, 0, 0, 0.2);
}

.gray {
	width: 100%;
	height: 46px;
	background: #F5F7F8;
}

.partner_box {
	padding-top: 89px;
}

.partner_list {
	max-width: 1340px;
	width: 90%;
	margin: 22px auto 100px;
}

.partner_list .list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.partner_list .list li {
	width: calc(100% / 6 - 30px);
	margin: 0 15px;
}

@media only screen and (min-width: 100px) and (max-width: 1440px) {
	.partner_list .list li {
		width: calc(100% / 5 - 20px);
		margin: 0 10px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.partner_list .list li {
		width: calc(100% / 4 - 16px);
		margin: 0 8px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 750px) {
	.partner_list .list li {
		width: calc(100% / 3 - 10px);
		margin: 0 5px;
	}
}

.partner_list .list a {
	display: block;
	width: 100%;
	/*padding-top: 50%;*/
	position: relative;
	background: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 25% 0;
}

.partner_list .list a img {
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%); */
	max-width: 206px;
	max-height: 58px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	opacity: 0.5;
	transition: all 0.3s;
}

@media only screen and (min-width: 100px) and (max-width: 1000px) {
	.partner_list .list a img {
		max-width: 90%;
		max-height: 40px;
	}
}

.partner_list .list a:hover img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray;
	opacity: 1;
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.partner {
		margin-top: 100px;
		padding-left: 4.5%;
	}
	.partner .title_box {
		left: -12px;
	}
	.partner_list {
		left: 0;
	}
	/*	.partner_list .list li {
		width: calc(100% / 2 - 16px);
		margin: 8px;
	}*/
}

.main_title {
	margin-bottom: 70px;
}

.main_title h3 {
	font-size: 34px;
	color: #000;
	font-weight: 600;
	text-align: center;
	line-height: 1em;
}

.main_title h4 {
	font-size: 16px;
	color: #000;
	margin-top: 26px;
	text-align: center;
	padding: 0 5%;
	line-height: 1.5em;
	font-weight: 400;
}

@media only screen and (min-width: 100px) and (max-width: 1300px) {
	.main_title {
		margin-bottom: 20px;
	}
	.main_title h3 {
		font-size: 30px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1100px) {
	.main_title h3 {
		font-size: 26px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 750px) {
	.main_title h3 {
		font-size: 22px;
	}
	.main_title h4 {
		font-size: 16px;
	}
}

.partner_box .main_title {
	margin-bottom: 52px;
}

.partner_swiper {
	max-width: 1540px;
	margin: 0 auto;
	padding: 0 50px;
	position: relative;
}

.partner_swiper .swiper-container {
	padding: 30px 0 30px;
}

.partner_swiper .swiper-slide {
	width: calc(100% / 4 - 30px);
	margin: 0 15px;
}

.partner_swiper .swiper-slide .inner_box {
	width: 100%;
	/*padding-top: 210px;*/
	position: relative;
}

.partner_swiper .swiper-slide .inner_box .content_box {
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	background: #fff;
	box-shadow: 0px 3px 9px 1px rgba(2, 33, 108, 0.17);
	border-radius: 10px;
	padding: 15px;
	transition: all 0.36s;
}

.partner_swiper .swiper-slide:hover .inner_box .content_box {
	box-shadow: 0px 3px 35px 3px rgba(2, 33, 108, 0.17);
}

.partner_swiper .swiper-slide h5 {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.partner_swiper .swiper-slide h5 .logo_icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 1px solid #dfdfdf;
	overflow: hidden;
	margin-right: 14px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.partner_swiper .swiper-slide h5 .logo_icon img {
	width: 60%;
	height: 60%;
	border-radius: 50%;
	object-fit: cover;
}

.partner_swiper .swiper-slide h5 p {
	font-size: 18px;
	color: #000;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.partner_swiper .swiper-slide .text {
	padding: 16px 0 0;
}

.partner_swiper .swiper-slide .text p {
	color: #333;
	font-size: 14px;
	line-height: 26px;
	min-height: 78px;
	overflow: hidden;
	padding: 0;
	padding-bottom: 10px;
}

.partner_swiper .swiper-slide .charge p {
	text-align: right;
	font-size: 14px;
	color: #333;
	overflow: hidden;
}

.partner_swiper .swiper-button-next,
.partner_swiper .swiper-button-prev {
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	text-align: center;
	margin: 0 10px;
	color: #fff;
	background-image: url(../images/prev.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #ddd;
	background-size: auto 22px;
	outline: none;
	left: 0;
	transition: all 0.36s;
	transform: translateY(-27px);
}

.partner_swiper .swiper-button-next {
	transform: translateY(-27px) rotate(180deg);
	left: auto;
	right: 0;
}

@media only screen and (min-width: 100px) and (max-width: 1400px) {
	.partner_swiper .swiper-slide {
		width: calc(100% / 3 - 30px);
	}
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.partner_swiper .swiper-slide {
		width: calc(100% / 2 - 30px);
	}
}

@media only screen and (min-width: 100px) and (max-width: 760px) {
	/*	.partner_swiper .swiper-container{
		padding: 30px 10px 65px;
	}*/
	.partner_swiper .swiper-slide {
		width: calc(100% - 30px);
		margin: 0 15px;
	}
	.partner_swiper {
		padding: 0 20px;
	}
	.partner_swiper .swiper-button-next,
	.partner_swiper .swiper-button-prev {
		display: none;
	}
}

.partner_swiper .swiper-button-next:hover,
.partner_swiper .swiper-button-prev:hover {
	background-color: #1E1E1E;
	color: #C9FF85;
	    background-image: url(../images/prevhover.svg);
	
}

.partner_swiper .swiper-pagination {
	position: static;
	padding-top: 35px;
}

.partner_swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 5px;
}

.partner_swiper .swiper-pagination-bullet-active {
	background: #3D3D3D;
}

.blog_box {
	padding-top: 100px;
	padding-bottom: 76px;
}

.blog_list .list {
	display: flex;
	flex-direction: row;
	padding-bottom: 80px;
}

.blog_list .list li {
	width: calc(100% / 3 - 70px);
	margin: 0 35px;
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.blog_box {
		padding: 30px 0 30px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 750px) {
	.blog_list .list {
		flex-direction: column;
	}
	.blog_list .list li {
		width: 90%;
		margin: 0 auto;
	}
}

.blog_list .list li h5 {
	font-size: 16px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 15px 0 20px;
}

.blog_list .list li p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 72px;
	max-width: 440px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.blog_list .list li span {
	color: #1E1E1E;
	font-size: 14px;
	margin-top: 36px;
	display: block;
	transition: all 0.5s;
}
.blog_list .list li span:hover{
    transform: translateX(15px);;
    
    
}
.blog_list .list li span i {
	font-style: normal;
	font-size: 14px;
	transform: scaleY(1.5) translateY(-5%);
	display: inline-block;
	padding-left: 10px;
}

.cool_desiner_href {
	max-width: 1560px;
	width: 90%;
	margin: 80px auto;
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.cool_desiner_href {
		margin: 60px auto 30px;
	}
}

.cool_desiner_href .list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0 2%;
}

.cool_desiner_href .list li {
	width: calc(100% / 2 - 25px);
	margin-right: 50px;
	border-radius: 10px;
	overflow: hidden;
}

.cool_desiner_href .list li:nth-child(2) {
	margin-right: 0;
}

.cool_desiner_href .list li a {
	display: block;
	width: 100%;
	padding-top: 56.5%;
	position: relative;
}

.cool_desiner_href .list li a .img_box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.cool_desiner_href .list li a .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cool_desiner_href .list li a .black_shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.48);
	transition: all 0.3s;
}

.cool_desiner_href .list li:hover a .black_shadow {
	background: rgba(0, 0, 0, 0.8);
}

.cool_desiner_href .list li a .text_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	padding: 32px 35px;
	color: #fff;
}

.cool_desiner_href .list li a .text_box p {
	font-size: 16px;
	color: #fff;
	font-weight: 100;
	line-height: 1em;
}

.cool_desiner_href .list li a .text_box h4 {
	font-size: 24px;
	line-height: 1em;
	padding-top: 14px;
	/*font-family: 'PingFangTC-Light' !important;*/
}

.cool_desiner_href .list li a .text_box h4 span {
	font-weight: bold;
	font-size: 24px;
	line-height: 1em;
	margin-right: 4px;
	font-family: 'GothamPro-Bold' !important;
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.cool_desiner_href .list li a .text_box p {
		font-size: 16px;
	}
	.cool_desiner_href .list li a .text_box h4 {
		font-size: 20px;
	}
	.cool_desiner_href .list li a .text_box h4 span {
		font-size: 20px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1000px) {
	.cool_desiner_href .list li {
		width: calc(100% / 2 - 10px);
		margin-right: 20px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 750px) {
	.cool_desiner_href .list {
		flex-direction: column;
	}
	.cool_desiner_href .list li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.cool_desiner_href .list li a .text_box {
		padding: 35px 18px;
	}
}

.top_progress {
	max-width: 1150px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 30px;
}

.top_progress .circle {
	width: 190px;
	min-height: 40px;
	background: #f1f1f1;
	border-radius: 20px;
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	padding: 5px 0;
}

.top_progress .circle span {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 5px;
	background: #fff;
	background-image: url(../images/dui_gray.svg);
	background-size: 19px auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.top_progress .circle p {
	font-size: 16px;
	color: #333;
	padding-left: 10px;
}

.top_progress .circle.active {
	background: #1AB744;
}

.top_progress .circle.active span {
	background-image: url(../images/dui_green.svg);
}

.top_progress .circle.active p {
	color: #fff;
}

.top_progress .circle.finish {
	background: #FF9C00;
}

.top_progress .circle.finish span {
	background-image: url(../images/star_org.svg);
}

.top_progress .circle.finish p {
	color: #fff;
}

.top_progress .line {
	width: calc((100% - 190px*3)/2);
	height: 4px;
	background: #F1F1F1;
	position: relative;
	top: 18px;
}

.top_progress .line span {
	width: 0;
	height: 4px;
	background: #1AB744;
	display: block;
}

.commodity_information {
	margin: 120px auto 190px;
	align-items: flex-start !important;
}

.commodity_information .left_box {
	width: 45%;
	padding-left: 3.5%;
}

.commodity_information .left_box .title_box {
	/* padding-left: 6%; */
}

.commodity_information .left_box .title_box h6 {
	font-size: 18px;
	color: rgba(102, 102, 102, 1);
	line-height: 28px;
	background: linear-gradient(148deg, rgba(114, 143, 241, 1) 0%, rgba(46, 106, 253, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.commodity_information .left_box .title_box h3 {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 25px 0;
}

.commodity_information .left_box .title_box h3 p {
	color: #333;
	font-size: 24px;
	line-height: 1.5em;
}

.commodity_information .left_box .title_box h3 span {
	font-size: 14px;
	color: #333;
	display: block;
	margin-left: 23px;
	font-family: 'GothamPro-Bold';
}

.commodity_information .left_box .img_box {
	width: 100%;
	margin-top: 20px;
}

.commodity_information .left_box .img_box img {
	width: 100%;
	display: block;
}

.commodity_information .right_price_box {
	width: 55%;
	padding-top: 55px;
}

.commodity_information .right_price_box .content_box {
	padding-left: 30%;
	height: auto;
	position: static;
}

.commodity_information .right_price_box .inner_box {
	position: relative;
	padding-top: 0;
}

@media only screen and (min-width: 100px) and (max-width: 1400px) {
	.commodity_information .right_price_box .content_box {
		padding-left: 15%;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.preview_price.wrap_box,
	.commodity_information {
		flex-direction: column;
		align-items: center !important;
	}
	.commodity_information {
		margin: 80px auto;
	}
	.commodity_information .left_box {
		max-width: 800px;
		width: 90%;
		padding-left:0;
	}
	.commodity_information .left_box .title_box{
		padding-left:0;
	}
	.commodity_information .right_price_box {
		max-width: 800px;
		width: 90%;
	}
	.right_price_box .inner_box {
		padding-top: 0;
		height: auto;
	}
	.right_price_box .content_box {
		position: static;
	}
	.commodity_information .right_price_box .content_box {
		padding-left: 0;
		padding-top: 60px;
	}
}

@media only screen and (min-width: 100px) and (max-width:900px) {
	.commodity_information .left_box .title_box h3 p {
		font-size: 20px;
	}
	.top_progress {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.top_progress .line {
		width: 4px;
		height: 80px;
		background: #F1F1F1;
		position: relative;
		top: 0;
	}
	.top_progress .line:nth-child(2) span {
		width: 100% !important;
		height: 25% !important;
	}
}

@media only screen and (min-width: 100px) and (max-width:640px) {
	.commodity_information .left_box .title_box h3{
		flex-direction:column;
	}
	.commodity_information .left_box .title_box h3 p {
		font-size: 19px;
		text-align: center;
	}
	.commodity_information .left_box .title_box h3 span{
		margin-left:0
	}
	.right_price_box dl {
		flex-direction: column;
		margin-bottom: 20px;
		border-bottom: 1px solid #f1f1f1;
		padding-bottom: 20px;
	}
	.commodity_information .right_price_box dl dt {
		width: 100% !important;
	}
	.right_price_box dl:last-child {
		border-bottom: 0;
	}

	.commodity_information .right_price_box dl dt a {
		margin-bottom: 10px;
		display: block;
	}
	.right_price_box dl dd {
		width: 100%;
	}
	.right_price_box dl .total_price{
		margin-top:14px
	}
}

@media only screen and (min-width: 100px) and (max-width:440px) {
	.right_price_box .lang_num .left_num {
		flex-direction: column;
		align-items: flex-start !important;
	}
	.right_price_box .lang_num .num_box {
		margin: 10px 0;
	}
	.right_price_box dl dd .radio_box .cent_box {
		flex-direction: column;
		padding: 0;
	}
	.right_price_box dl dd .radio_box .cent_box .radio {
		padding: 10px 0;
	}
}

.commodity_information .right_price_box dl dt {
	width: 118px;
}

.commodity_information .right_price_box dl li label img {
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 20px;
}

.commodity_information .right_price_box .accounts_payable {
	display: flex;
	justify-content: flex-end;
}

.commodity_information .right_price_box .accounts_payable p {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.commodity_information .right_price_box .accounts_payable i {
	font-style: normal;
	color: #1AB744;
	font-size: 14px;
	line-height: 36px;
	display: block;
	margin-right: 16px;
}

.commodity_information .right_price_box .accounts_payable span {
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: rgba(255, 95, 48, 1);
	line-height: 36px;
	background: linear-gradient(148deg, rgba(114, 143, 241, 1) 0%, rgba(46, 106, 253, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: "微软雅黑" !important;
}

.commodity_information .right_price_box .agreement {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.commodity_information .right_price_box .agreement label {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333;
}

.commodity_information .right_price_box .agreement input {
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 16px;
}

.commodity_information .right_price_box .agreement a {
	font-size: 14px;
	color: #2E6AFD
}

.commodity_information .right_price_box dl dt a {
	font-size: 14px;
	color: #666;
}

.right_price_box .ask_btn {
	background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));
	transition: all 0.3s;
}


/* .right_price_box .ask_btn:hover {
	background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));
}
.right_price_box .ask_btn.pay_btn{
	background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));
} */

.commodity_information .right_price_box .ask_btn {
	background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));
	/*background: linear-gradient(180deg, rgba(61, 61, 61, 0.25), rgba(30, 30, 30, 0.25));*/
	transition: all 0.3s;
	opacity: 0.8
}

.commodity_information .right_price_box .ask_btn:hover {
	background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));
	opacity: 1
}

.commodity_information .right_price_box .ask_btn.pay_btn {
	/*background: linear-gradient(148deg, rgba(114, 143, 241, 1), rgba(46, 106, 253, 1));*/
	opacity: 1
}
.commodity_information .right_price_box .admin_btn {
	background: linear-gradient(180deg, rgba(142, 162, 173, 1), rgba(122, 145, 157, 1));
	/*background: linear-gradient(180deg, rgba(61, 61, 61, 0.25), rgba(30, 30, 30, 0.25));*/
	/* transition: all 0.3s;
	opacity: 0.8 */
}
.right_price_box .toggle_box {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.right_price_box .toggle_box .right_price {
	color: #333;
	font-size: 14px;
	font-family: "微软雅黑" !important;
}

.right_price_box .toggle_box .left_tog {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.right_price_box .toggle_box p {
	font-size: 14px;
	color: #666;
}

.right_price_box .toggle {
	width: 66px;
	height: 30px;
	background: #fff;
	border: 2px solid rgba(207, 216, 220, 1);
	border-radius: 15px;
	box-sizing: border-box;
	transition: all 0.2s;
	margin-right: 10px;
}

.right_price_box .toggle span {
	width: 20px;
	height: 20px;
	background: #fff;
	border: 2px solid rgba(207, 216, 220, 1);
	border-radius: 50%;
	display: block;
	box-sizing: border-box;
	position: relative;
	top: 3px;
	left: 5px;
	transition: all 0.5s;
}

.right_price_box .toggle.on {
	border: 2px solid transparent;
	background: #1AB744;
}

.right_price_box .toggle.on span {
	border: 2px solid #fff;
	left: 36px;
}

.right_price_box .lang_num {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.right_price_box .lang_num .right_price {
	font-size: 14px;
	color: #333;
	font-family: "微软雅黑" !important;
}

.right_price_box .lang_num .left_num {
	display: flex;
	align-items: center;
}

.right_price_box .lang_num p {
	font-size: 13px;
	color: #666;
}

.right_price_box .lang_num .num_box {
	width: 117px;
	height: 40px;
	background: rgba(255, 255, 255, 1);
	border: 2px solid rgba(207, 216, 220, 1);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-right: 16px;
}

.right_price_box .lang_num .num_box button {
	width: 35px;
	line-height: 35px;
	background: none;
	text-align: center;
	border: none;
	outline: none;
	font-size: 14px;
}

.right_price_box .lang_num .num_box input {
	width: calc(100% - 70px);
	border: none;
	text-align: center;
	font-size: 14px;
}

.product_box {
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}

.product_box .product_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 40px 0 0;
}

.product_box .product_list li {
	width: calc(100% / 4 - 2%);
	margin: 0 1% 38px;
	border: 1px solid rgb(234, 234, 234);
	/*padding: 12px;*/
}



.product_box .product_list li .content_box {
	display: block;
	cursor: pointer;
	padding: 3%;
	/*background: green*/
}

.product_box .product_list li .top_box {
	width: 100%;
	padding-top: 70%;
	position: relative;
	overflow: hidden;
	/*min-height: 100px;*/
	/*background: blue*/
}

.product_box .product_list li .img_box {
	/*	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; */
	/* 	width: 100%;
padding-top: 70%;
position: absolute; */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;  
	}

.product_box .product_list li .img_box img {
	/*position: absolute;*/
	width: 100%;
	/*height: 100%;*/
	top:0;
	left:0;
	display: block;
	object-fit: cover;
}

.product_box .product_list li .cover_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.85);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 24px 30px;
	opacity: 0;
	transition: all 0.3s;
	z-index: 4;
}

.product_box .product_list li .cover_box .link_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3
}

.product_box .product_list li:hover .cover_box {
	opacity: 1;
}

.product_box .product_list li .cover_box .btn_wrap {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-align: center;
	position: relative;
	z-index: 5;
}
@media only screen and (min-width: 100px) and (max-width: 750px){
	.product_box .product_list li .cover_box{
		/* display: none; */
		background: transparent;
	}
	.product_box .product_list li .cover_box .btn_wrap{
		display: none;
	}
}
.product_box .product_list li .cover_box .btn_wrap a {
	width: calc(100% / 3 - 7px);
	height: 40px;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	font-size: 13px;
	display:block;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product_box .product_list li .cover_box .btn_wrap a.detail {
	background: #C9FF85;
	color: #1E1E1E!important;
}

.product_box .product_list li .cover_box .btn_wrap a.preview {
	background: #1E1E1E;
	color: #C9FF85!important;
}

.product_box .product_list li .cover_box .btn_wrap a.backstage {
	background: #1E1E1E;
	color: #C9FF85!important;
}

.product_box .product_list li .top_box .icon {
	width: 52px;
	height: 52px;
	overflow: hidden;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
	z-index: 2;
}

.product_box .product_list li .top_box.icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.product_box .product_list li .text_box .title_box {
	display: flex;
	padding-top: 12px;
	/*align-items: center;*/
}
.product_box .product_list li .text_box .title_box .av_pr{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.product_box .product_list li .text_box .title_box .designer{
	display: flex;
	align-items: center;
}
.product_box .product_list li .text_box .title_box .avatar {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

.product_box .product_list li .text_box .title_box .avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.product_box .product_list li .text_box .title_box .txt{
	width: 100%
}
.product_box .product_list li .text_box .title_box h4 {
	font-size: 14px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	line-height: 1.875em;
}

.product_box .product_list li .text_box .title_box span {
	font-size: 13px;
	color: #C6C6C6;
}

.product_box .product_list li .text_box .title_box span i {
	font-style: normal;
	font-size: 13px;
	color: #666;
}

.product_box .product_list li .text_box .price_box {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.product_box .product_list li .text_box .price_box i {
	font-size: 14px;
	color: #666;
	font-style: normal;
	text-decoration: line-through;
}

.product_box .product_list li .text_box .price_box span {
	padding: 0 13px;
	line-height: 32px;
	/*background: #f5f5f5;*/
	border-radius: 16px;
	font-size: 14px;
	color: #000;
	margin-left: 10px;
}

.product_box .product_list li .view_num {
	display: flex;
	align-items: center;
	height: 40px;
	font-size: 14px;
	color: #b3b3b3;
	border-top: 1px solid rgb(234, 234, 234);
	padding: 0 12px;
}

.product_box .product_list li .view_num span {
	display: flex;
	align-items: center;
	font-size: 12px;
	margin-right: 20px;
}

.product_box .product_list li .view_num img {
	width: 17px;
	height: auto;
	margin-right: 6px;
	display: block;
}
.product_box .product_list li .view_num span.thumbsup i{
	width: 17px;
	height: 17px;
	margin-right:6px;
	display: block;
	background: url(../images/good.svg) no-repeat left center;

}

.product_box .product_list li .view_num span.thumbsup.ok i{
	background: url(../images/good_s.svg) no-repeat left center;
}
@media only screen and (min-width: 100px) and (max-width: 1400px) {
	.product_box .product_list li {
		width: calc(100% / 3 - 2%);
	}
}

@media only screen and (min-width: 100px) and (max-width: 1100px) {
	.product_box .product_list li {
		width: calc(100% / 2 - 2%);
	}
}

 @media only screen and (min-width: 100px) and (max-width: 700px) {
 	.product_box .product_list li .text_box .price_box span{
 		font-size: 12px;
 		padding: 0 8px;
 		line-height: 26px
 	}
 	/*.product_box .product_list li .text_box .title_box h4{
 		height: 40px;
 		
 	} */
	/* .product_box .product_list li {
		width: 100%;
	} */
} 
 @media only screen and (min-width: 100px) and (max-width: 700px){
 	.product_box .product_list li .text_box .title_box .av_pr{
 		flex-wrap: wrap
 	}
 	.product_box .product_list li .text_box .price_box{
 		width: 100%
 	}
 }

.get_price_link {
	max-width: 1580px;
	width: 100%;
	margin: 0 auto;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 65px 5.5%;
}

.get_price_link .left_text {
	flex: 1;
}

.get_price_link h4 {
	font-size: 24px;
	color: #111;
	line-height: 1em;
	font-weight: 600;
	padding-bottom: 30px;
}

.get_price_link p {
	font-size: 18px;
	line-height: 1.7em;
	color: #666;
}

.get_price_link .right_box {
	width: 50%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

@media only screen and (min-width: 100px) and (max-width: 750px) {
	.get_price_link {
		flex-direction: column;
	}
	.get_price_link .left_text {
		width: 100%;
	}
	.get_price_link .right_box {
		width: 100%;
	}
	.get_price_link .right_box a {
		margin: 30px auto 0;
	}
}

.get_price_link .right_box a {
	display: block;
	max-width: 382px;
	width: 90%;
	line-height: 54px;
	background: #1E1E1E;
	border-radius: 100px;
	color: #C9FF85;
	font-size: 16px;
	text-align: center;
}

.video_box .video_top {
	width: 100%;
	padding-top: 56.4%;
	position: relative;
	background-size: cover;
	background-position: center center;
}

.video_box.play .video_top {
	background-image: none !important;
}

.video_box video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: fill;
	/*mix-blend-mode: screen;*/
	outline: none;
}

.video_box .btn_bottom {
	width: 100%;
	padding-top: 20%;
	position: relative;
	margin-top: 50px;
}

.video_box .btn_bottom .btn_con {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #1E1E1E;
	border-radius: 8px;
	transition: all .5s ease-in-out;
	color: #fff;
	
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.video_box .btn_bottom .btn_con .video_btn_text {
	height: 20px;
	margin-right: 10px;
	position: relative;
	overflow: hidden;
}

.video_box .btn_bottom .btn_con .video_btn_text:after {
	content: "";
	position: absolute;
	top: 0;
	left: -50px;
	width: 10px;
	height: 100%;
	background: rgba(201, 255, 133, .6);
	transform: skewX(-45deg);
	-moz-transform: skewX(-45deg);
	-webkit-transform: skewX(-45deg);
	animation: videoPlay 1.4s infinite linear;
	-moz-animation: videoPlay 1.4s infinite linear;
	-webkit-animation: videoPlay 1.4s infinite linear;
}

@keyframes videoPlay {
	from {
		left: -50px;
	}
	to {
		left: 120%;
	}
}

.video_box .btn_bottom .btn_con .video_btn {
	height: 46px;
}
@media only screen and (min-width: 100px) and (max-width: 750px){
	.video_box .btn_bottom .btn_con .video_btn_text{
		height: 12px;
	}
	.video_box .btn_bottom .btn_con .video_btn{
		height: 20px;
	}
}
.video_box .btn_bottom .btn_con img {
	height: 100%;
	width: auto;
	display: block;
}

.video_box .btn_bottom .btn_con .video_btn img {
	animation: toBigShare 2.4s infinite;
	transform-origin: bottom center;
	animation-fill-mode: forwards;
}

@keyframes toBigShare {
	0% {
		transform: scale(0.94);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.9);
	}
}

.video_box .btn_bottom .btn_con.pause_btn {
	display: none;
}

.video_box.play .btn_bottom .btn_con.pause_btn {
	display: flex;
}

.video_box.play .btn_bottom .btn_con.play_btn {
	display: none;
}

.check_wrap {
	overflow: hidden;
	width: 100%;
}

.check_wrap input[type='checkbox'] {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 4px;
	outline: none;
	position: absolute;
	display: block;
	padding: 0;
	border-radius: 2px;
	opacity: 0;
	border: 1px solid #CFD8DC;
}

.check_wrap label {
	z-index: -1;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	display: block;
	display: flex;
	justify-content: flex-end;
}

.check_wrap label a {
	color: #2E6AFD
}

.check_wrap input[type="checkbox"]+label::before {
	content: "";
	display: inline-block;
	width: 20px !important;
	height: 20px;
	border-radius: 4%;
	background-color: none;
	outline: none;
	margin-right: 14px;
	border: 1px solid #CFD8DC;
	position: relative;
	top: 1px;
	display: block;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}

.check_wrap input[type="checkbox"]:checked+label::before {
	content: "";
	color: #fff;
	background: url(../images/checked2.svg) no-repeat center center;
	background-size: 120% 120%;
	border: none;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
}

.check_wrap input[type="checkbox"]:disabled+label::before {
	background-color: gray;
	box-shadow: none;
	color: #555;
}

.index_page {
	padding-top: 72px;
}

.index_banner {
	position: relative;
}

.index_banner .swiper-slide {
	width: 83.3%;
	max-width: 1585px;
	margin: 0 10px;
	border-radius: 20px;
	overflow: hidden;
	position:relative;

}

.index_banner .img_box {
	width: 100%;
	height: auto;
}

.index_banner .img_box img {
	width: 100%;
	height: auto;
	display: block;
	/*min-height: 260px;*/
	object-fit: cover;
}

.index_banner .swiper-button-next,
.index_banner .swiper-button-prev {
	background: url(../images/left_img_arrow_h.svg) no-repeat center center;
	background-size: 100% 100%;
	width: 38px;
	height: 38px;
	opacity: 0.4;
	left: calc(4% - 19px);
	transition: opacity 0.3s
}

.index_banner .swiper-button-next:hover,
.index_banner .swiper-button-prev:hover {
	opacity: 1;
}

.index_banner .swiper-button-next {
	transform: rotate(180deg);
	left: auto;
	right: calc(4% - 19px);
}

.index_banner .slide1 .text_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	/*height: 100%;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.index_banner .slide1 .text_box {
	color: #fff;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.index_banner .slide1 .text_box h2,
.index_banner .slide2 .text_box h2 {
	font-size: 36px;
	font-weight: 100;
	letter-spacing: 0.4em;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.2em;
	width: 90%;
}

.index_banner .slide1 .text_box h2 {
	justify-content: center;
}

.index_banner .slide1 .text_box h2 span {
	font-size: inherit;
	font-weight: 900;
}

.index_banner .slide1 .text_box h4 {
	font-size: 20px;
	color: #fff;
	line-height: 1.5em;
	font-weight: 100;
	text-transform: uppercase;
	padding: 8px 0;
	width: 90%;
	text-align: center;
}

.index_banner .text_box .btn {
	width: 326px;
	height: 55px;
	border: 1px solid rgba(207, 216, 220, 1);
	border-radius: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}

.index_banner .text_box .btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transform: scaleX(0);
	opacity: 0;
	transition: all 0.3s;
	z-index: 1;
	transform-origin: left;
}

.index_banner .text_box .btn:hover:after {
	transform: scaleX(1);
	opacity: 1;
}

.index_banner .text_box .btn p {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	text-shadow: 0px 11px 21px rgba(59, 59, 59, 0.57);
	position: relative;
	left: -20px;
	z-index: 2
}

.index_banner .text_box .btn:hover p {
	color: #333;
}

.index_banner .text_box .btn i {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: url(../images/left_img_arrow_w.svg) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%) rotate(180deg);
	z-index: 2;
	transition: all 0.3s;
}

.index_banner .text_box .btn:hover i {
	background: url(../images/left_img_arrow_b.svg) no-repeat center center;
	background-size: 100% 100%;
}

.index_banner .slide2 .text_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.index_banner .slide2 .text_box {
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	color: #fff;
}

.index_banner .slide2 .text_box h3 {
	font-size: 35px;
	font-weight: bold;
	padding-bottom: 20px;
}

.index_banner .slide2 .text_box h2 {
	position: relative;
	left: -20px;
}

.index_banner .slide2 .text_box h2 span {
	font-size: inherit;
	font-style: normal;
	font-weight: inherit;
	transform: rotate(180deg);
	display: block;
	letter-spacing: 0;
	margin-right: 0.4em;
	line-height: 1.2em;
}

.index_banner .slide2 .text_box .btn {
	width: 200px;
	position: relative;
	overflow: hidden;
}

.index_banner .slide3 .text_wrap {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.index_banner .slide3 .text_box {
	position: relative;
	left: 10%;
	max-width: 557px;
	width: 80%;
	height: 287px;
	background: rgba(0, 0, 0, 0.37);
	border-radius: 33px;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 94px;
}

.index_banner .slide3 .text_box h3 {
	font-size: 24px;
	line-height: 30px;
	position: relative;
}

.index_banner .slide3 .text_box h3:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -44px;
	background: url(..//images/f_right.svg) no-repeat center center;
	background-size: 100% auto;
	width: 38px;
	height: 30px;
}

.index_banner .slide3 .text_box p {
	font-size: 19px;
	line-height: 29px;
}

.index_banner .slide3 .text_box .btn {
	width: 36px;
	height: 36px;
	border: none;
	margin-top: 14px;
}

.index_banner .slide3 .text_box .btn i {
	position: static;
	transform: translateY(0) rotate(180deg);
}

@media only screen and (min-width: 100px) and (max-width: 1450px) {
	.index_banner .slide1 .text_box h2,
	.index_banner .slide2 .text_box h2 {
		font-size: 32px;
	}
	.index_banner .slide1 .text_box h4 {
		font-size: 18px;
	}
	.index_banner .slide2 .text_box h3 {
		font-size: 30px;
	}
	.index_banner .slide3 .text_box {
		height: 220px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1250px) {
	.index_banner .slide1 .text_box h2,
	.index_banner .slide2 .text_box h2 {
		font-size: 28px;
	}
	.index_banner .slide2 .text_box h3 {
		font-size: 26px;
		padding-bottom: 16px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1050px) {
	.index_banner .slide1 .text_box h2,
	.index_banner .slide2 .text_box h2 {
		letter-spacing: 0.2em;
	}
	.index_banner .slide1 .text_box h4 {
		font-size: 16px;
	}
	.index_banner .text_box .btn {
		height: 40px;
		max-width: 240px;
		width: 80%;
	}
	.index_banner .slide2 .text_box .btn {
		width: 170px;
	}
	.index_banner .text_box .btn p {
		font-size: 16px;
	}
	.index_banner .text_box .btn i {
		width: 30px;
		height: 30px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 950px) {
	.index_banner .slide1 .text_box h2,
	.index_banner .slide2 .text_box h2 {
		letter-spacing: 0.1em;
	}
	.index_banner .slide1 .text_box h4 {
		font-size: 14px;
	}
	.index_banner .slide2 .text_box h3 {
		font-size: 20px;
		padding-bottom: 10px;
	}
	.index_banner .swiper-slide{
		border-radius: 14px
	}
}

@media only screen and (min-width: 100px) and (max-width: 700px) {
	.index_banner .slide1 .text_box h2,
	.index_banner .slide2 .text_box h2 {
		font-size: 20px;
	}
	.index_banner .slide2 .text_box h3 {
		font-size: 18px;
	}
	.index_banner .slide3 .text_box h3 {
		font-size: 18px;
	}
	.index_banner .slide3 .text_box h3:before {
		width: 30px;
		height: 30px;
		left: -40px;
	}
	.index_banner .slide3 .text_box p {
		font-size: 16px;
	}
	.index_banner .slide2 .text_box h2 {
		left: 0;
	}
	.index_banner .slide2 .text_box h2 span {
		margin: 0;
	}
	.index_banner .slide2 .text_box {
		width: 90%;
	}
}

@media only screen and (min-width: 100px) and (max-width: 600px) {
	.index_banner .slide3 .text_box {
		padding-left: 60px;
	}
	.index_banner .swiper-slide{
		border-radius: 10px
	}
}

@media only screen and (min-width: 100px) and (max-width: 500px) {
	.index_banner .slide3 .text_box {
		padding-top: 20px;
		padding-bottom: 20px;
		height: auto;
	}
	.index_banner .slide3 .text_box p {
		display: none;
	}
	.index_banner .slide1 .text_box h4 {
		display: none;
	}
	.index_banner .slide2 .text_box h2 {
		font-size: 16px;
	}
	.index_banner .slide1 .text_box h2 {
		text-align: center;
		justify-content: center;
		font-size: 14px;
	}
	.index_banner .swiper-button-next,
	.index_banner .swiper-button-prev {
		display: none;
	}
	.index_banner .text_box .btn {
		height: 32px;
		max-width: 180px;
		margin-top: 8px;
	}
	.index_banner .slide2 .text_box .btn {
		width: 140px;
	}
	.index_banner .text_box .btn p {
		font-size: 14px;
	}
	.index_banner .text_box .btn i {
		width: 24px;
		height: 24px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 400px) {
	.index_banner .swiper-slide {
		width: 90%;
		margin: 0 3px;
	}
	.index_banner .img_box img {
		/*min-height: 200px;*/
	}
}

.blank_page {
	padding: 20px 0 100px;
}

.blank_page h3 {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
}

.blank_page p {
	line-height: 1.8em;
}

.admin_outbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 300;
	display: none
}

.admin_trial a.logo_a {
	display: flex;
	width: 100%;
	position: absolute;
	top: 20px;
	left: 30px;
}

.admin_trial .logo {
	height: 40px;
	width: auto;
	display: block;
	margin-bottom: 10px;
}

.admin_trial {
	max-width: 410px;
	width: 90%;
	height: 466px;
	background: #fff;
	border-radius: 2px;
	margin-bottom: 30px;
	box-shadow: 0px 3px 9px 1px rgba(2, 33, 108, 0.17);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 50px 30px 0;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 301
}

.admin_trial .title_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-bottom: 20px;
}

.admin_trial .title_box img {
	width: 46px;
	height: 43px;
	display: block;
	margin-bottom: 32px;
}

.admin_trial .title_box h4 {
	font-size: 20px;
	font-weight: 600;
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.admin_trial {
		padding: 0 20px;
		padding-top: 44px;
	}
	.admin_trial .title_box h4 {
		font-size: 22px;
	}
}

.admin_trial form {
	width: 100%;
}

.admin_trial p {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	font-size: 14px;
	color: red;
	display: none;
}

.admin_trial .input_box {
	position: relative;
}

.admin_trial .tel_box {
	width: 100%;
	margin-bottom: 30px;
}

.admin_trial form input {
	width: 100%;
	line-height: 40px;
	border: 1px solid #DEDEDE;
	padding: 0 20px;
	font-size: 14px;
}

.admin_trial .code_box {
	display: flex;
	align-items: center;
}

.admin_trial .code_box .input_box {
	flex: 1;
}

.admin_trial form .get_code {
	width: 119px;
	height: 40px;
	/*background:  rgba(61, 61, 61, 1);*/
	background: linear-gradient(180deg, rgba(61, 61, 61, 1), rgba(30, 30, 30, 1));
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	cursor: pointer;
	margin-left: 9px;
	display: block;
	transition: all 0.3s;
}

.admin_trial form .get_code.coded {
	background: rgb(184, 184, 184);
}

.admin_trial .btn_box .phone_login {
	width: 100%;
	line-height: 40px;
	/*background:  rgba(61, 61, 61, 1);*/
	background: linear-gradient(180deg, rgba(61, 61, 61, 1), rgba(30, 30, 30, 1));
	border-radius: 2px;
	color: #fff;
	font-size: 15px;
	display: block;
	cursor: pointer;
	transition: all 0.3s;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center;
}
.admin_trial .link{
	text-align: right;
	margin-bottom: 30px;
	font-size: 14px;
	color:#555;
}
.admin_trial .link a{
	font-size: 14px;
    color:#999;
    border-bottom: 1px solid #999;
}