html {
    font-size: 62.5%; /* 10px */
}
body {
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #7d7d7d;
}

		.iconfont {
			font-family: "iconfont" !important;
			font-size: 16px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
			
		.modals{
			display: block;
		}
		.modal-open .modal {
		    overflow-x: hidden;
		    overflow-y: auto;
		}
		.fade.in {
		    opacity: 1;
		}
		.modal.in .modal-dialog {
		    -webkit-transform: translate(0, 0);
		    -ms-transform: translate(0, 0);
		    -o-transform: translate(0, 0);
		    transform: translate(0, 0);
		}
		.modal.fade .modal-dialog {
		    -webkit-transform: translate(0, -25%);
		    -ms-transform: translate(0, -25%);
		    -o-transform: translate(0, -25%);
		    transform: translate(0, -25%);
		    -webkit-transition: -webkit-transform 0.3s ease-out;
		    -moz-transition: -moz-transform 0.3s ease-out;
		    -o-transition: -o-transform 0.3s ease-out;
		    transition: transform 0.3s ease-out;
		}
		.modal-content {
		    position: relative;
		    background-color: #fff;
		    border: 1px solid #999;
		    border: 1px solid rgba(0, 0, 0, 0.2);
		    border-radius: 5px;
		    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
		    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
		    background-clip: padding-box;
		    outline: 0;
		}
		.modal-title {
		    margin: 0;
		    line-height: 1.42857143;
		}
		.modal-footer {
		    padding: 15px;
		    text-align: right;
		    border-top: 1px solid #e5e5e5;
		}
		.btn {
		    display: inline-block;
		    margin-bottom: 0;
		    font-weight: normal;
		    text-align: center;
		    vertical-align: middle;
		    touch-action: manipulation;
		    cursor: pointer;
		    background-image: none;
		    border: 1px solid transparent;
		    white-space: nowrap;
		    padding: 6px 12px;
		    font-size: 13px;
		    line-height: 1.42857143;
		    border-radius: 3px;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		}
		.btn-primary {
		    color: #fff;
		    background-color: #444c69;
		    border-color: #444c69;
		}
		.fade {
		    opacity: 1;
		    -webkit-transition: opacity 0.15s linear;
		    -o-transition: opacity 0.15s linear;
		    transition: opacity 0.15s linear;
		}
		.modal {
			background: rgba(0, 0, 0, 0.3);
		    display: none;
		    overflow: hidden;
		    position: fixed;
		    top: 0;
		    right: 0;
		    bottom: 0;
		    left: 0;
		    z-index: 1050;
		    -webkit-overflow-scrolling: touch;
		    outline: 0;
		}
		.lis:hover .forms{
			display: block;
		}
		.forms{
			        width: 330px;
			        height: 300px;
			        position: absolute;
			        left: -156px;
			        top: 14px;
					display: none;
			        /* margin: 10px; */
			        z-index: 10;
			        /* box-shadow: 0 1px 3px rgba(0,0,0,.3); */
			        background: transparent;
		}
		.workbench{
			flex: 1;
		}
		.buyerCenter,
		.easy{
			color: #999999;
		}
		.buy div,
        .workbench div {
            padding: 3px;
            margin-left: 40px; /* 向右移动 20 像素 */
        }
		.buy{
			flex: 1;
			
		}
		.buyerCenter a:hover,
		.easy a:hover{
			font-weight: 400!important;
		}
			
		.buy div,
		.workbench div{
			padding: 3px;
		}
		.centre{
			    padding: 13px;
			    display: flex;
			    font-weight: 400;
			    font-size: 14px;
				color: #333;
		}
		.personal{
			    font-size: 14px;
			    font-weight: 400;
			    /* display: flex; */
			    /* justify-content: center; */
			    border-radius: 2px;
			    background: #30c492;
			    color: #fff;
			    /* width: 30%; */
			    margin: 0 98px;
			    padding: 5px;
			    text-align: center;
		}
		.out{
			    border: 1px solid #dcdfe6;
			    position: absolute;
			    right: 26px;
			    top: 13px;
			    font-weight: 400;
			    font-size: 13px;
			    padding: 1px 14px;
			    border-radius: 4px;
			    color: #606266;
		}
			.frheader{
				display: flex;
				justify-content: center;
				margin-top: 27px;
				position: relative;
				padding-top: 10px;
			}
			.texts{
			    font-weight: 400;
			    text-align: center;
			    margin-top: 5px;
			    color: #333;
			}
		.from{
			    width: 330px;
			    height: 330px;
			   
			    margin: 0 auto 50px;
			    background: #fff;
			    border-radius: 2px;
			    box-shadow: 0 1px 3px rgba(0,0,0,.3);
			    box-sizing: border-box;
			    z-index: 5;
		}
		.inverted-triangle {
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 6px solid #606266;
			/* margin: 9px auto; */
			margin-top: 4px;
			margin-left: 5px;
		}

		.header-top-right ul li {
			font-size: 15px;
			padding-right: 10px;
			margin-right: 15px;
			position: relative;
			margin-left: 13px;
		}

		.triangle-up {
			left: 40px;
			width: 0;
			height: 0;
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			border-bottom: 9px solid #fff;
			position: absolute;
		}

		.register {
			display: inline-block;
			padding: 0 12px;
			height: 28px;
			line-height: 28px;
			background: linear-gradient(90.72deg, #2dbc9e 47.47%, #30c58f 97.98%);
			border-radius: 2px;
			color: #fff;
			font-weight: 600;
		}

		.icons {
			font-size: 14px;
			font-weight: 400;
		}

		.header-top-right ul li::after {
			content: "|";
			display: inline-block;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: -12px;
			color: rgba(112, 118, 131, .4);
		}

		.consja1 {
			cursor: pointer;
			/* 鼠标悬停时显示为指针 */
		}

		.consja2 {
			cursor: pointer;
			/* 鼠标悬停时显示为指针 */
		}

		.consja3 {
			cursor: pointer;
			/* 鼠标悬停时显示为指针 */
		}

		.circle11 {
			width: 12px;
			/* 宽度 */
			height: 12px;
			/* 高度 */
			background-color: #3498db;
			/* 背景颜色 */
			border-radius: 50%;
			display: flex;
			/* 将圆角半径设置为宽度和高度的一半 */
			/* 使用 Flexbox 进行内部内容的居中 */
			align-items: center;
			/* 垂直居中 */
			justify-content: center;
			/* 水平居中 */
			color: white;
			/* 文字颜色 */
			font-size: 10px;
		}

		.split {
			height: 10px;
			color: #e8e8e8;
			margin: 0 15px;
			font-size: 13px;
		}

		.circle1112 {
			width: 25px;
			/* 宽度 */
			height: 25px;
			/* 高度 */
			background: linear-gradient(104.72deg, #0dbc97 41.14%, #2ace93 80.46%);
			/* 背景颜色 */
			border-radius: 50%;
			display: flex;
			/* 将圆角半径设置为宽度和高度的一半 */
			/* 使用 Flexbox 进行内部内容的居中 */
			align-items: center;
			/* 垂直居中 */
			justify-content: center;
			/* 水平居中 */
			color: white;
			/* 文字颜色 */
			font-size: 10px;
		}
								.hgfhj {
									position: relative;
									top: 14px;
								}

								.sizes {
									width: 25px;
									color: #fff;
									display: flex;
									align-items: center;
									font-size: 27px;
									margin-left: 14px;
									margin-right: 12px;
								}

								.mycoupons {
									color: #fff;
									font-weight: 600;
									display: flex;
									align-items: center;
									margin-bottom: 3px;
								}

								.mycoupon {
									display: flex;
									width: 168px;
									height: 53px;
									background-color: #01C49A;
									margin-left: 681px;
									border-radius: 5px;
								}

								.div13 {
									height: 40px;
									width: 145px;
									line-height: 40px;
									padding: 0 18px 0 13px;
									display: block;
									cursor: pointer;
									box-sizing: border-box;
									border-radius: 2px;
									font-weight: 600;
									font-size: 16px;
									color: #fff;
									background: linear-gradient(269.58deg, #6883e1 -74.39%, #3eafc9 -30.2%, #0ac1a4 22%, #0ac1a4 79.89%, #30c393 129.9%);
								}

								.inputw {
									width: 698px;
									position: relative;
									margin-bottom: 0px;
									margin-left: 82px;
									margin-right: 70px;
								}

								.fome12 {
									margin: 0;
									padding: 0;
									border: 0;
									font-size: 100%;
								}

								.button12 {
									width: 68px;
									height: 53px;
									line-height: 40px;
									position: absolute;
									right: 37px;
									background: #0ac1a4;
									font-size: 14px;
									border: none;
									outline: none;
									color: #fff;
									cursor: pointer;
								}

								.input2 {
									width: 661px;
									height: 53px;
									line-height: 40px;
									outline: none;
									left: 0;
									position: absolute;
									border: 2px solid #0ac1a4;
									border-right: none;
									box-sizing: border-box;
									text-indent: 1em;
								}

								.dyimages {
									position: absolute;
									top: 30px;
									right: -10px;
									width: 125px;
									height: 125px;
									z-index: 1000;
									animation: drawImage 3s ease-in-out forwards;
									animation-delay: 1s;
								}

								.imagesss {
									box-shadow: 0 2px 16px rgba(154, 206, 202, .32);
									position: absolute;
									top: 30px;
									left: -10px;
									width: 125px;
									height: 125px;
									z-index: 1000;
									display: flex;
									justify-content: center;
									/* 水平居中 */
									align-items: center;
								}


								.imagess {
									box-shadow: 0 2px 16px rgba(154, 206, 202, .32);
									position: absolute;
									top: 30px;
									left: -10px;
									width: 125px;

									z-index: 1000;
									display: flex;
									justify-content: center;
									/* 水平居中 */
									align-items: center;

								}

								.images {
									box-shadow: 0 2px 16px rgba(154, 206, 202, .32);
									position: absolute;
									right: 70px;
									bottom: -30px;
									/* right: -15px; */
									width: 150px;
									height: 150px;
									z-index: 1000;
									animation-delay: 2s;
									background-color: #ffffff;
									display: flex;
									justify-content: center;
									/* 水平居中 */
									align-items: center;

								}

								.none1 {
									display: none;

								}

								.none2 {
									display: none;

								}

								.none3 {
									display: none;

								}

								.consja1:hover .none1 {
									display: block;
									/* 鼠标悬停时显示提示框 */
								}

								.consja2:hover .none2 {
									display: block;
									/* 鼠标悬停时显示提示框 */
								}

								.consja3:hover .none3 {
									display: block;
									/* 鼠标悬停时显示提示框 */
								}

								.dataitme {
									display: inline-block;
									color: #333;
									font-size: 15px;
									width: 235px;
									background: linear-gradient(90.23deg, #e4f5f2 6.17%, #e9f9f6 38.08%, #f7fdfc 72.23%, #fff 103.49%);
									margin: 0;
									padding: 0;
									border: 0;
								}

								.nav12 {
									display: inline-block;
									margin-left: 38px;
									margin: 0;
									padding: 0;
									border: 0;
									font-size: 100%;
								}

								.activenove {
									color: #0ac1a4;
									font-weight: 700;
									display: inline-block;
									font-size: 15px;
								}



		.hidden {
			display: none;
		}

		.iconban {
			color: #3b3b3b;
			font-weight: 600;
			line-height: 1.16;
			font-size: 3.2rem;
			font-weight: 900;
			position: relative;
		}

		.iconbant {
			color: #fff;
			font-weight: 600;
			line-height: 1.16;
			font-size: 2.8rem;
		}

		.dropdown5 {
			position: fixed;
			top: 10rem;
			z-index: 999;
			right: 2rem;
		}

		.name {
			color: #fff;
			font-weight: 600;
			line-height: 1.16;
			font-size: 14px;
		}

		.consja4 {
			cursor: pointer;
			/* 鼠标悬停时显示为指针 */
		}

		.none4 {
			position: absolute;
			display: none;
			width: 333px;
			height: 225px;
			right: 60px;
		}

		.hot-icon-img {
			background: url('https://jrhxwf.com/assets/img/new.png');
			height: 21px;
			width: 34px;
			position: absolute;
			background-repeat: no-repeat;
			right: -17px;
			top: -4px;
			animation: move-2949d288 .3s infinite;
		}

		@keyframes move-2949d288 {
			0% {
				transform: translate(0);
			}

			50% {
				transform: translateY(3px);
			}

			100% {
				transform: translate(0);
			}

		}

		.phone12 {
			box-shadow: 0 2px 16px rgba(154, 206, 202, .32);
			width: 240px;
			height: 190px;
			background-color: #fff;
		}

		.phone25 {
			width: 240px;
			height: 360px;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 20px;
			border-bottom: 1px solid #999;
			display: grid;
			align-items: end;
		}

		.wxservice {
			width: 240px;
			height: 65px;
			padding-left: 20px;
			padding-right: 20px;
			display: flex;
			align-items: center;
		}

		.triangle {
			width: 0;
			height: 0;
			border: 12px solid transparent;
			border-left-color: #fff;
			position: absolute;
			right: 12px;
			top: 50%;
			/* 		    top: 30%; */
		}

		.consja4:hover .none4 {
			display: block;
			/* 鼠标悬停时显示提示框 */
		}


		.service-hotline {
			width: 6.6rem;
			height: 9.6rem;
			/* 			padding: 0 0px; */
			background: linear-gradient(104.72deg, #0dbc97 41.14%, #2ace93 80.46%);
			border-radius: 50px;
			color: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			flex-direction: column;
			padding: 0 14px;
			text-align: center;
			cursor: pointer;
			filter: drop-shadow(0 2px 6px #9aceca);
		}

		.function-module {
			width: 68px;
			margin-top: 10px;
			background: #fff;
			box-shadow: 0 2px 16px rgba(154, 206, 202, .32);
			border-radius: 65px;
		}

		.function-mod {
			padding: 10px 0;
			width: 6.6rem;
			height: 8.6rem;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			text-align: center;
			position: relative;
			cursor: pointer;
			color: #000;
		}

		.function-mod:hover .iconban {
			color: #01C49A;
		}

		.function-mod:hover .font {
			color: #01C49A;
		}

		.border {
			width: 65%;
			height: 2px;
			margin: 0 auto;
			background: #f2f2f2;
		}

		.font {
			color: #000;
			font-size: 14px;
		}

		.circle-button {
			background-color: #ffffff;
			/* 白色背景 */
			color: #000000;
			/* 黑色文字 */
			width: 68px;
			/* 按钮宽度 */
			height: 68px;
			/* 按钮高度 */
			border-radius: 50%;
			/* 圆形 */
			font-size: 16px;
			/* 文字大小 */
			display: flex;
			/* 使用Flexbox居中文字 */
			align-items: center;
			/* 垂直居中 */
			justify-content: center;
			/* 水平居中 */
			cursor: pointer;
			/* 鼠标悬停时显示为指针 */
			z-index: 999;
			/* 确保按钮在最上层 */
			box-shadow: 0 2px 16px rgba(154, 206, 202, .32);
		}
		@keyframes swiper {
			to {
				transform: translateX(-50%);
			}
		}
	
		.divmax {
			width: 100%;
			background-color: #fff;
		    margin-bottom:60px;
		}
	
	
		.swiperContent {
			width: 1200px;
			height: 100px;
			display: flex;
			overflow: hidden;
			margin: auto;
			mask-image: linear-gradient(90deg, transparent, #F5F4EE 10%, #F5F4EE 90%, transparent);
			background-color: #fff;
		}
	
	
		.picImg {
			margin: auto;
			width: max-content;
			display: flex;
			align-items: center;
			animation: swiper 15s linear infinite;
	
			/* Stops animation on hover */
			&:hover {
				animation-play-state: paused;
			}
		}
	
		.picImg2 {
			margin: auto;
			width: max-content;
			display: flex;
			align-items: center;
			animation: swiper 13s linear infinite;
	
			/* Stops animation on hover */
			&:hover {
				animation-play-state: paused;
			}
		}
	
		.picImg0 {
			margin: auto;
			width: max-content;
			display: flex;
			align-items: center;
			animation: swiper 0s linear infinite;
	
			/* Stops animation on hover */
			&:hover {
				animation-play-state: paused;
			}
		}
	
		.item {
			width: 154px;
			height: 70px;
			border-radius: 10px;
			margin-right: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-size: 20px;
			font-weight: bold;
			box-shadow: 2px 3px 16px rgba(165,204,201,.24);
			margin: 0 22px 30px 0;
		}
	
		.item img {
			width: 100%;
			/* 图片宽度为父容器的100% */
			height: auto;
			/* 高度自动，保持图片比例 */
		}
		.pinpai{
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 30px;
			color: #000;
			padding-top: 20px;
			padding-bottom: 20px;
		
		}
		.common-footer .query-wrap.letter {
    margin-top: 25px;
}

.common-footer .query-wrap {
    font-size: 14px;
    margin-top: 20px;
}
.common-footer .query-wrap .key {
    color: #fff;
    display: inline-block;
}
.common-footer .query-wrap.ebd .values, .common-footer .query-wrap.letter .values {
    margin-left: 1.4rem;
}
.common-footer .query-wrap .values {
    display: inline-block;
}
.common-footer .desc, .common-footer .desc a {
    color: hsla(0, 0%, 100%, .3);
}
.common-footer .desc {
    font-size: 1.4rem;
    line-height: 100%;
}
.common-footer .desc, .common-footer .desc a {
    color: hsla(0, 0%, 100%, .3);
}

.ml-20 {
    margin-left: 2rem;
}
a {
    text-decoration: none;
}
.common-footer .line {
    width: 1200px;
    height: 1px;
    background: hsla(0, 0%, 100%, .1);
    margin-top: 22px;
}
.common-footer .query-wrap .values a {
    padding-right: 12px;
    color: hsla(0, 0%, 100%, .5);
}
a {
    text-decoration: none;
}
	.lis {
			display: block;
			font-size: 14px;
			color: #888d98 !important;
			padding-bottom: 11px;
		}
	.work{
			margin-top: 11px;
			font-size: 13px;
			line-height: 130%;
			text-align: center;
			color: hsla(0, 0%, 100%, .6);
			width: 90%;
		}
	.text25{
	       display:flex; /* 声明 Flex 容器 */
	        flex-direction:column; /* 垂直方向排列子元素 */
	        justify-content:flex-end; /* 垂直底部对齐 */
	        align-items:center;
	}
        hr.background-hr {
            border: none;
            height: 2px; /* 高度为4像素 */
           	background-color: #293246; /* 绿色背景 */
            margin: 25px auto;
        }
		.imagetext {
			display: flex;
			/* 声明 Flex 容器 */
			flex-direction: column;
			/* 垂直方向排列子元素 */
			justify-content:flex-start;
			/* 在主轴（垂直方向）上两端对齐 */
			align-items: center;
			/* 在交叉轴（水平方向）上居中对齐 */
			height: 190px;
			/* 容器高度 */
			width: 190px;
			box-sizing: border-box;
		}
		.circle {
		    width: 60px;
		    height: 60px;
		    border-radius: 50%;
			background-color: #fff;
			display: flex;
			/* 声明 Flex 容器 */
			justify-content: center;
			/* 水平居中 */
			align-items: center;
			}
	
		.juzhong {
			display: flex;
			/* 声明 Flex 容器 */
			justify-content: center;
			/* 水平居中 */
			align-items: center;
		}
        .menu15 li::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 2px;
            height: 20px;
            background-color: #ccc;
        }

        .menu15 li:last-child::after {
            display: none; /* 最后一个 <li> 不需要分隔线 */
        }