@charset "utf-8";
/**
 * @version：1.0
 * @author：haolei <haolei@ec.com.cn>
 * @description：Project public style
 * @date：2024/8/30
 */
/******模版对于字体图标采用edi-icon来引用，老版本，不想修改原有用法的可以在app 里面引入此段代码恢复*******/

/*********国际货运代理信息管理*************/
.m-hd .u-sys-txt {
	margin-left: 40px;
	font-size: 36px;
}

.m-hd .u-sys-txt .u-client-txt {
	letter-spacing: 1px;
}

.m-agent-box {
	padding: 30px 0 40px;
}

.m-agent-box .u-agent-card-box>.hd {
	display: flex;
	justify-content: space-between;
}

.m-agent-box .u-agent-card-box>.hd .u-tt {
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	color: rgba(22, 22, 22, 1);
}

.m-agent-box .u-agent-card-box>.hd .u-tt .edi-icon {
	margin-right: 8px;
}

.m-agent-box .u-agent-card-box>.hd .u-more {
	padding: 0 15px;
	height: 30px;
	background-color: rgba(226, 234, 247, 1);
	font-size: 14px;
	line-height: 30px;
	color: rgba(76, 111, 144, 1);
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
}

.m-agent-box .u-agent-card-box>.hd .u-more .edi-icon {
	margin-right: 5px;
	vertical-align: -2px;
}

.m-agent-box .u-agent-card-box>.bd {
	margin-top: 10px;
	padding: 32px 35px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 6px 0px rgba(130, 130, 130, 0.18);
	border-radius: 3px;
}

.m-agent-box .u-link-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.m-agent-box .u-link-box>a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 90px;
	width: 285px;
	height: 100px;
	box-sizing: border-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	box-shadow: 0px 2px 6px 0px rgba(130, 130, 130, 0.18);
	border-radius: 3px;
	text-decoration: none;
}

.m-agent-box .u-link-box>a.u-bg1 {
	background-image: url(../../img/agent/20240811-01.png);
}

.m-agent-box .u-link-box>a.u-bg2 {
	background-image: url(../../img/agent/20240811-02.png);
}

.m-agent-box .u-link-box>a.u-bg3 {
	background-image: url(../../img/agent/20240811-03.png);
}

.m-agent-box .u-link-box>a.u-bg4 {
	background-image: url(../../img/agent/20240811-04.png);
}

.m-agent-box .u-link-box>a .p1 {
	font-size: 18px;
	line-height: 24px;
	color: rgba(22, 22, 22, 1);
}

.m-agent-box .u-link-box>a .p2 {
	font-size: 14px;
	line-height: 22px;
	color: rgba(101, 101, 101, 1);
}

.m-agent-box .u-agent-fm-list-box,
.m-agent-box .u-list-new-box {
	display: flex;
	justify-content: space-between;
}

.m-agent-box .u-agent-fm-list-box .u-agent-fm-wrap {
	width: 780px;
}

.m-agent-box .u-agent-fm-list-box .u-agent-list-box {
	width: 400px;
}

.m-agent-box .u-agent-fm-wrap .u-agent-card-box>.bd {
	padding: 40px 35px 30px;
}

.m-agent-box .u-agent-fm-box .u-fm-item-box,
.m-agent-box .u-agent-fm-box .u-fm-item,
.m-agent-box .u-agent-fm-box .u-fm-item .u-ipt-box {
	display: flex;
	align-items: center;
}

.m-agent-box .u-agent-fm-box .u-fm-item-box {
	justify-content: space-between;
}

.m-agent-box .u-agent-fm-box .u-fm-item-box+.u-fm-item-box {
	margin-top: 18px;
}

/* .m-agent-box .u-agent-fm-box .u-fm-item {
	width: 57%;
}

.m-agent-box .u-agent-fm-box .u-fm-item:first-child {
	width: 40%;
} */

.m-agent-box .u-agent-fm-box .u-fm-item .u-label {
	font-size: 14px;
	line-height: 36px;
	color: rgba(22, 22, 22, 1);
	text-align: right;
}

.m-agent-box .u-agent-fm-box .u-fm-item .u-ipt-box {
	flex: 1 1 0;
	min-width: 10px;
}

.m-agent-box .u-agent-fm-box .u-fm-item .u-ipt {
	padding: 0 5px;
	height: 32px;
	border-radius: 4px;
}

.m-agent-box .u-agent-fm-box .u-fm-item .u-sel {
	width: 100%;
	height: 32px;
	border-radius: 4px;
}

.m-agent-box .u-agent-fm-box .u-fm-item .u-yzm {
	margin-left: 5px;
	cursor: pointer;
}

.m-agent-box .u-process-box .u-agent-card-box>.bd {
	padding: 0;
	height: 310px;
	background: url(../../img/agent/20240811-05.png) center center no-repeat;
}

.m-agent-box .u-process-box .u-process-item {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 94px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-align: center;
	cursor: pointer;
	transition: .4s;
}

.m-agent-box .u-process-box .u-process-item.u-style1 {
	width: 212px;
	background-image: url(../../img/agent/20240811-06-1.png);
}

.m-agent-box .u-process-box .u-process-item.u-style1:hover,
.m-agent-box .u-process-box .u-process-item.u-style1.z-crt {
	background-image: url(../../img/agent/20240811-06-2.png);
}

.m-agent-box .u-process-box .u-process-item.u-style2 {
	width: 455px;
	background-image: url(../../img/agent/20240811-06-3.png);
}

.m-agent-box .u-process-box .u-process-item.u-style2:hover,
.m-agent-box .u-process-box .u-process-item.u-style2.z-crt {
	background-image: url(../../img/agent/20240811-06-4.png);
}

.m-agent-box .u-process-box .u-process-item.u-style3 {
	width: 172px;
	height: 144px;
	background-image: url(../../img/agent/20240811-06-5.png);
}

.m-agent-box .u-process-box .u-process-item.u-style3:hover,
.m-agent-box .u-process-box .u-process-item.u-style3.z-crt {
	background-image: url(../../img/agent/20240811-06-6.png);
}

.m-agent-box .u-process-box .u-process-item.u-style4 {
	width: 169px;
	background-image: url(../../img/agent/20240811-06-7.png);
}

.m-agent-box .u-process-box .u-process-item.u-style4:hover,
.m-agent-box .u-process-box .u-process-item.u-style4.z-crt {
	background-image: url(../../img/agent/20240811-06-8.png);
}

.m-agent-box .u-process-box .u-process-item.u-pos1 {
	top: 48px;
	left: 48px;
}

.m-agent-box .u-process-box .u-process-item.u-pos2 {
	top: 48px;
	left: 291px;
}

.m-agent-box .u-process-box .u-process-item.u-pos3 {
	top: 49px;
	left: 536px;
}

.m-agent-box .u-process-box .u-process-item.u-pos4 {
	top: 169px;
	left: 48px;
}

.m-agent-box .u-process-box .u-process-item.u-pos5 {
	top: 169px;
	left: 291px;
}

.m-agent-box .u-process-box .u-process-item.u-pos6 {
	top: 85px;
	left: 782px;
}

.m-agent-box .u-process-box .u-process-item.u-pos7 {
	top: 105px;
	right: 43px;
}

.m-agent-box .u-process-box .u-process-item .p1 {
	font-size: 18px;
	line-height: 26px;
	color: rgba(22, 22, 22, 1);
}

.m-agent-box .u-process-box .u-process-item .p2 {
	font-size: 14px;
	line-height: 20px;
	color: rgba(101, 101, 101, 1);
}

.m-agent-box .u-list-new-box .u-agent-card-box {
	width: 33%;
}

.m-agent-box .u-list-new li {
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	line-height: 30px;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.m-agent-box .u-list-new li::before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -2.5px;
	content: '';
	width: 5px;
	height: 5px;
	background-color: rgba(223, 9, 1, .3);
	border-radius: 50%;
}

.m-agent-box .u-list-new li>a {
	color: rgba(22, 22, 22, 1);
	text-decoration: none;
}