ul{
	list-style: none;
	margin: 0;
	padding: 0;
	
}
p{
	margin: 0;
}

/* 定义加载动画 */
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

#loading-spinner {
	border: 4px solid rgba(0, 0, 0, 0.1); /* 设置较浅的颜色作为边框背景 */
	border-top: 4px solid #0094e7; /* 主颜色 */
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: rotate 1s linear infinite; /* 应用动画 */
}

.home{
	width: 100%;
	height: 450px;
	background: url(../images/banner.png)no-repeat;
	background-size:100% 100%;
}
.home .top{
	width: 100%;
	line-height: 70px;
	width: 1200px;
	margin: 0 auto;
	color: #fff;
	height: 70px;
	padding: 0 10px;
}
.home .top .logo{
	width: 150px;
	float: left;
}
.home .top .logo img{
	
}
.home .top ul{
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
.home .top ul li{
	display: inline-block;
}
.home .top ul li a{
	color: #fff;
	padding: 0 20px;
}
.home .search{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.home .search h1{
	margin-top: 1px;
	margin-bottom: 0;
	padding: 0;
	color: #fff;
	font-size: 50px;
	line-height: 188px;
	font-family: cursive;
}
.home .search .search-input{
	max-width: 740px;
	margin: 0 auto;
	
}
.home .search .search-input .search-name{
	position: relative;
	float: left;
	width: 738px;
}
.home .search .search-input input{
	width: 610px;
	border: none;
	height: 44px;
	padding: 4px 8px;
	outline: none;
	float: left;
}
.home .search .search-input .closeText{
	margin-right: 10px;
	position: absolute;
	left: 580px;
	cursor: pointer;
	display: flex;
	align-items: center;
	height: 44px;
}
.home .search .search-input .search-button{
	width: 128px;
	display: inline-block;
	line-height: 42px;
	background: #002e73;
	font-size: 14px;
	color: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
	/*float: left;*/
}
.home .search .search-input .search-name .hostory {
	width: 612px;
}
.home .search .search-input .search-name .hostory .hostory-his-search .closeHistory {
	right: 10px;
	position: absolute;
	cursor: pointer;
}
.home .search .hot-name{
	line-height: 56px;
	color: #fff;
	text-align: left;
}
.home .search .hot-name .hot-lei{
	padding: 4px 16px;
	background: #5b85e6;
	border: 1px solid #e3e3e3;
	cursor: pointer;
}
.home .search .hot-name span{
	margin-right: 20px;
}
.home .search .hot-name span icon{
	margin-right: 20px;
	cursor: pointer;
}

.home .search .hot-name span icon a{
	text-decoration: none;
    color:inherit;
}

.home-bottom{
	background: #f4f4f4;
	width: 100%;
}
.home-bottom .content{
	width: 1200px;
	margin: 0px auto;
	/*padding-top: 40px;*/
	overflow: hidden;
	text-align: center;
	display: flex;
	justify-content: space-around;
}
.home-bottom .content .content-one{
	width: 360px;
	background: #fff;
	text-align: center;
	float: left;
	padding: 4px 40px 20px;
	margin-right: 50px;
	color: #737373;
	height: 274px;
	border: 1px solid #e3e3e3;
}
.home-bottom .content .content-one:last-child{
	margin-right: 0;
}
.home-bottom .content .content-one p{
	margin: 0;
	line-height: 28px;
}
.home-bottom .content .content-one p.top{
	font-size: 20px;
	font-weight: bold;
	line-height: 48px;
	color: #454545;
}
.home-bottom .content .content-one ul{
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.home-bottom .content .content-one ul li{
	width: 118px;
	line-height: 28px;
	border: 1px solid #6da4e0;
	display: inline-block;
	margin: 14px 0;
}
.home-bottom .content .content-one ul li.left{
	float: left;
}
.home-bottom .content .content-one ul li.right{
	float: right;
}
.home-bottom .content .content-one .content-img{
	padding-top: 40px;
}
.home-bottom .content .content-one .content-imgtwo{
	padding-top: 20px;
}
.home-bottom .content-line{
	background: #2b343d;
	text-align: center;
	font-size: 13px;
	line-height: 80px;
	color: #737373;
}
.home-bottom .content-line span{
	padding: 3px 10px;
	color: #fff;
	background: #3e8ccc;
	margin-right: 16px;
	cursor: pointer;
	
}
.home-bottom .content-line a{
	color: #737373;
	text-decoration: none;
}
.home-bottom .content-line i{font-style: normal;width: 24px;display: inline-block;text-align:center;cursor: pointer;}

/*热门品牌*/

.home-bottom .hots-brand {
	width: 1300px;
	margin: auto auto 0 auto;
	padding-top: 40px;

	position: relative; /* 设置相对定位 */
	height: 350px;
}
.home-bottom .hots-brand .hots-brand-tittle{
	display: flex;
	justify-content: space-between;
	height: 48px;
	align-items: center;
	text-align: center;
	background: #fff;
	border: 1px solid #e3e3e3;
}

.home-bottom .hots-brand .hots-brand-tittle .hots-brand-tittle-name {
	border-bottom: 1px solid #3366cc;
	width: 130px;
	margin-left: 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 48px;
	color: #454545;
}
.home-bottom .hots-brand .hots-brand-tittle .hots-brand-tittle-more {
	padding-right: 20px;
	text-decoration: none;
	color: black;
	cursor: pointer;
}
.home-bottom .hots-brand .hots-brand-content {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-auto-rows: minmax(240px, auto); /* 每个单元格高度为3个Logo的高度 */
	gap: 1.5rem;
	max-width: 100%;
	overflow: hidden;
}

.home-bottom .hots-brand .hots-brand-content-item {
	display: grid;
	grid-template-rows: repeat(3, 1fr); /* 每个单元格内部3行 */
	gap: 1.5rem;
	width: 100%;
}

.home-bottom .hots-brand .hots-brand-content-ul {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 80px;
	background-color: white;
	border-radius: 5px;
	overflow: hidden; /* 确保图片不会溢出容器 */
	cursor: pointer;
	border: 1px solid #e3e3e3;
}

.home-bottom .hots-brand .hots-brand-content-ul img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transition: transform 0.3s ease-in-out;
}
.home-bottom .hots-brand .hots-brand-content-ul:hover img {
	transform: scale(1.1); /* 图片放大 1.2 倍 */
}

.home-bottom .hots-brand .pagination {
	display: flex;
	justify-content: center;
	gap: 10px;
	/*margin-top: 20px;*/

	position: absolute; /* 设置绝对定位 */
	bottom: 0; /* 固定在底部 */
	left: 0;
	right: 0;
}

.home-bottom .hots-brand .pagination span {
	width: 6px;
	height: 6px;
	background-color: #ccc;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	outline: none;
}

.home-bottom .hots-brand .pagination span.active {
	background-color: #007bff;
}

.home-bottom .content{
	padding-top: 40px;
}
.home-foot{
	text-align: center;
	background: #2e2e2e;
	color: #868686;
	line-height: 76px;
}
.home-foot img{
	margin-right: 40px;
}

.appdowm{
	position: fixed;
	left: 0;
	bottom: 150px;
	cursor: pointer;
	height: 63px;
}
.appDownSmall {
	width: 14px;
	bottom: 60px;
}
.back-top{
	position: fixed;
	right: 10px;
	top: 50%;
	font-size: 12px;
	margin-top: -160px;
	width: 54px;
	text-align: center;
	background: #fff;
	color: #999;
	z-index: 999;
}
.back-top ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.back-top ul li{
	height: 80px;
	border-bottom: 1px solid #e3e3e3;
	cursor: pointer;
	position: relative;
}
.back-top ul li .app-two{
	position: absolute;
	left: -121px;
    bottom: 0;
    display: none;
}
.back-top ul li:hover .app-two{
	display: block;
}
.back-top ul li:hover p{
	color: #3366cc;
}
.back-top ul li:last-child{
	border-bottom: none;
}
.back-top ul li p{
	margin: 0;
	line-height: 32px;
}
.back-top ul li img{
	margin-top: 14px;
}
.back-top ul li img.on{
	display: none;
}

.hostory{
	position: absolute;
	width: 490px;
	border: 1px solid #3366CC;
	display: none;
	line-height: 32px;
	background: #fff;
	padding:  0 10px;
	left: -1px;
	max-height: 260px;
	overflow-y: auto;
	overflow-x: hidden;
}
/*.hostory p{*/
/*	cursor: pointer;*/
/*}*/
.hostory-his-search-div{
	display: flex;
	flex-wrap: wrap;
	max-height: 200px;
	overflow-y: auto;
	cursor: pointer;
	overflow-x: hidden;
}
.his {
	display: inline-flex;
	align-items: center;
	background-color: #f5f5f5;
	margin-right: 10px;
	margin-bottom: 10px;
	white-space: nowrap;
	border-radius: 5px;
	line-height: 1.5;
}
.home .hostory {
	max-height: 163px;
	overflow-y: hidden;
}
.home .hostory-his-search-div {
	padding-top: 5px;
}
.home .hostory-his-search-div {
	max-height: 130px;
}
.home .his {
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	line-height: 1.5;
	/*flex: 0 0 100%;*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hostory-hot-search-div {
	display: flex;
	flex-wrap: wrap;
	max-height: 200px;
	overflow-y: auto;
	cursor: pointer;
}

.associate{
    position: absolute;
    width: 490px;
    border: 1px solid #3366CC;
    display: none;
    line-height: 32px;
    background: #fff;
    padding:  0 10px;
    left: -1px;
    max-height: 260px;
    overflow: auto;
}
.associate p{
    cursor: pointer;
}
.personal .top .top-content .top-serch input{
    width: 486px;
    line-height: 27px;
    border: none;
    padding: 4px 30px 4px 10px;
    outline: none;
}
.personal .top .top-content .top-serch .closeText{
    margin-right: 10px;
    position: absolute;
    left: 460px;
    top: 8px;
    cursor: pointer;
}
.personal .top .top-content .top-serch .cearch-botton{
    line-height: 38px;
    color: #fff;
    background: #3366cc;
    display: inline-block;
    padding: 0 40px;
    cursor: pointer;
}

.top-news{
	float: right;
	padding: 15px 0;
	/*line-height: 64px;*/
}
.top-news .top-newsone{
	display: inline-block;
	line-height: 38px;
	margin-left: 20px;
	font-size: 13px;
	position: relative;
	cursor: pointer;

}
.top-news .top-newsone:first-child{
	border: 1px solid #e3e3e3;
	width: 140px;
	text-align: center;
	border-radius: 4px;
	background: #fff;
}
.top-news .top-newsone .slide-news{
	position: absolute;
	left: 0;
	width: 140px;
	border: 1px solid #e3e3e3;
	border-radius: 0 0 4px 4px;
	overflow: hidden;
	text-align: center;
	background: #fff;
}
.top-news .top-newsone .slide-news li{
	border-bottom: 1px solid #e3e3e3;
}
.top-news .top-newsone .slide-news li:last-child{
	border: none;
}
.top-news .top-newsone .glyphicon{
	margin: 0 0 0 10px;
}
.top-news .top-newsone.message{
	color: #eb1a1f;
}
.top-news .top-newsone.message span{
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	line-height: 18px;
	background: #eb1a1f;
	margin: 0 4px;
	color: #fff;
	text-align: center;
}
.self-center {
    padding-top: 74px;
    background-color: #fff;
}

/*个人中心*/
.personal-container {
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 999;
	width: 100%;
	top: 74px;
	background: #fff;
}

.personal-container .top{
	height: 74px;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	position: sticky;
	top: 0;
	z-index: 1001;
}
.personal-container .top .top-content{
	width: 1188px;
	margin: 0 auto;
}
.personal-container .top .top-content .top-logo{
	float: left;
	line-height: 74px;
	margin-right: 100px;
	cursor: pointer;
}
.personal-container .top .top-content .top-serch{
	float: left;
	margin: 15px 0;
	border: 1px solid #3366cc;
	border-right: none;
	position: relative;
}
.personal-container .top .top-content .top-serch input{
	width: 486px;
	line-height: 27px;
	border: none;
	padding: 4px 30px 4px 10px;
	outline: none;
}
.personal-container .top .top-content .top-serch .closeText{
	margin-right: 10px;
	position: absolute;
	left: 460px;
	top: 8px;
	cursor: pointer;
}
.personal-container .top .top-content .top-serch .cearch-botton{
	line-height: 38px;
	color: #fff;
	background: #3366cc;
	display: inline-block;
	padding: 0 40px;
	cursor: pointer;
}

.personal-container .personal-tab{
	max-width: 1200px;
	margin: 15px auto;
	overflow-x: hidden;
}
.personal-container .personal-tab .tab-left{
	float: left;
	width: 300px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	min-height: 800px;
}
.personal-container .personal-tab ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.personal-container .personal-tab ul li{
	border-bottom: 1px solid #e3e3e3;
	line-height: 54px;
	cursor: pointer;
}
.personal-container .personal-tab ul li p{
	margin: 0;
	font-size: 20px;
	color: #3366cc;
	font-weight: bold;
	line-height: 24px;
}

.personal-container .personal-tab ul .tab-headimg{
	padding: 20px;
}
.personal-container .personal-tab ul .tab-headimg img{
	margin: 5px 0px 14px;
}
.personal-container .personal-tab ul .tabOne img{
	margin: 0 10px 0 0;
}
.personal-container .personal-tab .tab-right{
	/*width:-moz-calc(100% - 300px); */
	/*width:-webkit-calc(100% - 300px); */
	/*width: calc(100% - 300px);*/
	margin-left: 310px;
	border: 1px solid #e3e3e3;
	background: #fff;
}
/*个人中心结束*/

.personal .top{
	height: 74px;
	width: 100%;
	background: #fff;
	/*border-bottom: 1px solid #e3e3e3;*/
}
.personal .top .top-content{
	width: 1188px;
	margin: 0 auto;
	transform-origin: top;
	transition: transform 0.3s ease-in-out;
}
.personal .top .top-content .top-logo{
	float: left;
	line-height: 74px;
	margin-right: 100px;
	cursor: pointer;
}
.personal .top .top-content .top-serch{
	float: left;
	margin: 15px 0;
	border: 1px solid #3366cc;
	border-right: none;
	position: relative;
}
.personal .top .top-content .top-serch input{
	width: 486px;
	line-height: 27px;
	border: none;
	padding: 4px 30px 4px 10px;
	outline: none;
}
.personal .top .top-content .top-serch .hostory .hostory-his-search .closeHistory {
	right: 10px;
	position: absolute;
	cursor: pointer;
}
.personal .top .top-content .top-serch .closeText{
	margin-right: 10px;
	position: absolute;
	left: 460px;
	top: 8px;
	cursor: pointer;
}
.personal .top .top-content .top-serch .cearch-botton{
	line-height: 38px;
	color: #fff;
	background: #3366cc;
	display: inline-block;
	padding: 0 40px;
	cursor: pointer;
}

.home-bottom-personal{
	height: auto;
}

.top-news .tel .frist-li:hover {
	color: #3366cc;
	background: #f4f4f4;
}
.top-news .slide-news li:hover{
	color: #3366cc;
	background: #f4f4f4;
}
.home-bottom-personal .content-line{
	margin: 0;
}


/*消息中心*/
.notice{
	padding: 15px 20px;
	font-size: 14px;
}
.notice .notice-top{
	line-height: 33px;
	border-bottom: 1px solid #e3e3e3;
}
.notice .notice-top li{
	display: inline-block;
	width: 120px;
	text-align: center;
	cursor: pointer;
}
.notice .notice-top li span{
	padding: 8px 10px;
}
.notice .notice-top li.active span{
	color: #3366CC;
	border-bottom: 2px solid #3366CC;
}
.notice .notice-content{
	padding: 25px 20px;
	border-bottom: 1px solid #e3e3e3;
}
.notice .notice-content .notice-content-img{
	float: left;
	padding-right: 30px;
	cursor: pointer;
}
.notice .notice-content .notice-content-r{
	line-height: 24px;
}
.pagination .all-yue{
	margin-left: 40px;
	line-height: 34px;
	color: #999;
}
.pagination>li>a, .pagination>li>span{
	border: none;
	color: #999;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    color: #fff;
    background-color: #3366CC;
    border-color: #3366CC;
}
 .notice-content .notice-content-r p{
 	color: #999;
 }
 .notice-content .notice-content-r .updata-notice{
 	font-weight: bold;
 	color: #333;
 }
 .notice-content .notice-content-r .updata-notice span{
 	float: right;
 	color: #999;
 	font-weight: 400;
 }
.message-one .message-back{
	padding: 25px 20px;
	border-bottom: 1px solid #e3e3e3;
	overflow: hidden;
}
.message-one .message-back .message-back-left{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 30px;
	float: left;
	overflow: hidden;
}
.message-one .message-back .message-back-left img{
	width: 100%;
}
.message-one .message-back .message-back-right{
	float: left;
	width:-moz-calc(100% - 100px);
	width:-webkit-calc(100% - 100px);
	width: calc(100% - 100px);
	color: #999;
}
.message-one .message-back .message-back-right .message-back-right-top{
	line-height: 26px;
	padding: 5px 0 15px 0;
	border-bottom: 1px solid #e3e3e3;
}
.message-one .message-back .message-back-right .message-back-right-bottom-img{
	float: left;
	margin-right: 30px;
	border-radius: 50%;
	overflow: hidden;
}
.message-one .message-back .message-back-right .message-back-right-bottom{
	padding: 20px 0 0;
}
.message-one .message-back .message-back-right .message-back-right-bottom p{
	line-height: 26px;
}
.message-one .message-back .message-back-right .message-back-right-top .updata-notice{
	color: #333;
	font-weight: bold;
}
.message-one .message-back .message-back-right .message-back-right-top .updata-notice span{
	float: right;
 	color: #999;
 	font-weight: 400;
}
.message-one .message-back .message-back-right .message-back-right-bottom .message-back-right-bottom-reply{
	color: #333;
	font-weight: bold;
}
.message-one .message-back .message-back-right .message-back-right-bottom .message-back-right-bottom-reply span{
	float: right;
 	color: #999;
 	font-weight: 400;
}
/*收藏*/
.collect{
	padding: 15px 20px;
}
.collect .collect-top{
	line-height: 32px;
	border-bottom: 1px solid #e3e3e3;
	padding: 0 25px;
}
.collect .table{
	/*margin-top: 20px;*/
	/*border: 1px solid #e3e3e3;*/
}
.collect .table .tableTh{

}
.collect .table .tableTh th{
	padding: 8px 25px;
	color: #7b7b7b;
	font-weight: 400;
}
.brand-collect {
	width: 100%;
	height: 645px; /* 设置最小高度 */
	overflow-y: auto; /* 启用垂直滚动条 */
	overflow-x: hidden; /* 隐藏水平滚动条 */
	margin-top: 20px;
	border: 1px solid #e3e3e3;
}
.brand-collect .table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed; /* 固定列宽 */
}
.brand-collect .brand-collect {
	/*border: 1px solid #ddd;*/
	padding: 8px;
	text-align: left;
	white-space: nowrap; /* 防止内容换行 */
	vertical-align: middle; /*垂直居中*/
	border-bottom: 1px solid #ddd;
}
.brand-collect .table th {
	background-color: #f2f2f2;
	position: sticky;
	top: 0; /* 使表头固定在顶部 */
	z-index: 1; /* 确保表头在滚动时覆盖其他内容 */
}

.collect-table {
	width: 100%;
	max-height: 670px; /* 设置最大高度 */
	overflow-y: auto; /* 启用垂直滚动条 */
	overflow-x: hidden; /* 隐藏水平滚动条 */
	margin-top: 20px;
	border: 1px solid #e3e3e3;
}
.collect-table .table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed; /* 固定列宽 */
}
.collect-table  .collect-table  {
	/*border: 1px solid #ddd;*/
	padding: 8px;
	text-align: left;
	white-space: nowrap; /* 防止内容换行 */
}
.collect-table .table th {
	background-color: #f2f2f2;
	position: sticky;
	top: 0; /* 使表头固定在顶部 */
	z-index: 1; /* 确保表头在滚动时覆盖其他内容 */
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding: 8px 15px;
	color: #999;
	line-height: 30px;
}
.table>tbody>tr>td>.td-top{
	color: #3366CC;
	font-size: 20px;
	font-weight: bold;
}
.table>tbody>tr>td img{
	vertical-align: -webkit-baseline-middle;
	margin-left: 20px;
}
/*绑定邮箱*/

.email{
	padding: 15px 20px;
	color: #333;
	font-size: 16px;
}
.email .email-top{
	padding: 0 25px;
	line-height: 32px;
	border-bottom: 1px solid #E3E3E3;
}
.email .email-form{
	width: 430px;
	padding: 0 25px;

}
.email .email-form .form-state{
	padding: 20px 0;
	line-height: 32px;

}
.email .email-form .form-state span{
	float: right;
	color: #8c8c8d;
}
.email .email-form .form-group{
	line-height: 32px;
	font-size: 14px;
	border: 1px solid #E3E3E3;
	border-radius: 4px;
}
.email .email-form .form-group span{
	float: left;
	line-height: 32px;
	width: 68px;
	padding-left: 14px;
}
.email .email-form .form-group input{
	line-height: 28px;
	border: none;
	outline: none;
	color: #666;

}
.email .email-form .form-group input.email-name{
	width:-moz-calc(100% - 70px);
	width:-webkit-calc(100% - 70px);
	width: calc(100% - 70px);
}
.email .email-form .form-group input.email-code{
	width: 168px;
}
.email .email-form .form-group input.input-button{
	width: 132px;
	background: #3366CC;
	color: #FFF;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;

}
.email .email-form .button{
	text-align: center;
	margin-top: 30px;
}
.email .email-form .button .btn{
	background: #3366CC;
	width: 300px;
}
.email .email-form .form-word{
	text-align: center;
	color: #3366CC;
	font-size: 16px;
	line-height: 50px;
}

.email .email-on .form-state span{
	color: #3366CC;
}
.email .email-on .button .btn{
	background: #c5c5c5;
	border:1px solid #c5c5c5;
}

/*搜索*/
.personal .top .search-tab{
	float: right;
	margin: 15px 0;
	line-height: 38px;
	color: #333333;
}
.personal .top .search-tab li{
	display: inline-block;
	margin-left: 36px;
}
.personal .top .search-tab li a{
	color: #333;
}
.search-result{
	width: 1200px;
	margin: 22px auto;
	min-height: 800px;
}
.search-result .recomend-top{
	margin-top: 20px;
	width: 1018px;
	background: #fff;
	line-height: 44px;
	padding: 0 24px;
}
.search-result .search-wait {
	/*margin-top: 20px;*/
	width: 1018px;
	background: #fff;
	line-height: 44px;
	padding: 0 24px;
	position: absolute;
}
.search-result .filter-wait {
	/*margin-top: 20px;*/
	width: 1018px;
	background: #fff;
	line-height: 44px;
	padding: 0 24px;
	/*position: absolute;*/
}
.search-result .category-top {
	background: #fff;
	line-height: 44px;
	padding: 0 24px;
}
.search-result .result-top icon{
	color: red;
}
.search-result .category-top icon{
	color: red;
}

/*搜索结果分类*/
.search-result .result-category {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;

	/*margin-top: 20px;*/
	width: 1018px;
	background: #fff;
	line-height: 44px;
	padding: 0 24px;
	position: absolute;
}
.search-result .result-category .left {
	width: 50%;
}
.search-result .result-category .right {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	position: relative;
}
.search-result .result-category .right i {
	margin-right: 5px;
	color: #3366cc;
	width: 16px;
	height: 12px;
	display: block;
	background: url(../images/selector-up.png) no-repeat;
	margin-left: 5px;
	float: right;
}
.search-result .result-category .right i.open {
	width: 16px;
	height: 12px;
	background: url(../images/selector-down.png) no-repeat;
	color: red;
}

.search-result .result-category .left .screen {
	margin-left: 20px;
	align-items: center;
	display: flex;
	cursor: pointer;
}
.search-result .result-category .left .screen p {
	background-color: red;
	color: #fff;
	border-radius: 5px;
	padding: 5px;
	height: 30px;
	align-items: center;
	display: flex;
}
.search-result .result-category .right .category-select.open,
.search-result .result-category .right .package-select.open,
.search-result .result-category .right .brand-select.open{
	color: red;
}
.search-result .result-category .right .category-select {
	margin-right: 25px;
	color: #3366cc;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.search-result .result-category .right .category-select.disabled {
	cursor: not-allowed;
	pointer-events: none;
}
.search-result .result-category .right .package-select.disabled {
	cursor: not-allowed;
	pointer-events: none;
}
.search-result .result-category .right .brand-select.disabled {
	cursor: not-allowed;
	pointer-events: none;
}
.search-result .result-category .right .package-select {
	margin-right: 25px;
	color: #3366cc;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.search-result .result-category .right .brand-select {
	color: #3366cc;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.search-result .classify-filter {
	position: absolute;
	z-index: 10;
	min-width: 350px;
	background-color: #fff;
	box-shadow: 9px 8px 16px rgb(0 0 0 / 18%);
	border: 1px solid rgb(227, 227, 227);
	min-height: 100px;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
	padding: 10px;
	flex-direction: column;
	right: 0;
}

.search-result .classify-filter .package-filter-div {
	display: flex;
	flex-direction: column;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}
.search-result .package-filter {
	position: absolute;
	z-index: 10;
	min-width: 350px;
	background-color: #fff;
	box-shadow: 9px 8px 16px rgb(0 0 0 / 18%);
	border: 1px solid rgb(227, 227, 227);
	min-height: 100px;
	flex-wrap: wrap;
	padding: 0 10px 10px 10px;
	right: 0;
}
.search-result .options {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.search-result .button {
	display: flex;
	align-items: center;
	justify-content: center;
}
.search-result .button .reset,
.search-result .button .query {
	width: 50%;
}

.search-result .button .query .span {
	background-color: red;
	color: #fff;
}

.search-result .package-filter .package-filter-div .pin-nums-div,
.search-result .package-filter .package-filter-div .package-nums-div {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
}
.search-result .package-filter .package-filter-div .pin-nums-div .span,
.search-result .package-filter .package-filter-div .package-nums-div .span {
	background: #efefef;
	text-align: center;
	min-width: 170px;
	max-height: 35px;
	cursor: pointer;
	margin: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}
.search-result .package-filter .package-filter-div .pin-nums-div .span a,
.search-result .package-filter .package-filter-div .package-nums-div .span a {
	color: black;
	text-decoration: none;
	white-space: nowrap;
}
.search-result .brand-filter {
	position: absolute;
	z-index: 10;
	min-width: 350px;
	background-color: #fff;
	box-shadow: 9px 8px 16px rgb(0 0 0 / 18%);
	border: 1px solid rgb(227, 227, 227);
	min-height: 100px;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
	padding: 10px;
	flex-direction: column;
	right: 0;
}

.search-result .classify-filter .span,
.search-result .package-filter .span,
.search-result .brand-filter .span {
	background: #efefef;
	text-align: center;
	cursor: pointer;
	margin: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.search-result .classify-filter .span.selected,
.search-result .brand-filter .span.selected {
	background: #bababa;
}
.search-result .package-filter .pin-nums-div .span.selected,
.search-result .package-filter .package-nums-div .span.selected {
	background: #bababa;
}

.search-result .check-input {
	display: none;
}
.search-result .classify-filter .span a,
.search-result .brand-filter .span a {
	color: black;
	text-decoration: none;
}

.search-result .result-all{
	margin-top: 8px;
	background: #fff;
	width: 1018px;
}
.search-result .result-all .result-one{
	padding: 8px 25px ;
	line-height: 32px;
	cursor:pointer;
	border-bottom: 1px solid #e3e3e3;
	position: relative;
}
.search-result .result-all .result-one p{
	color: #999;
	width: calc(100% - 200px);
	max-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.search-result .result-all .result-one p.bord{
	color: #3366CC;
	font-size: 20px;
	font-weight: bold;
}
.search-result .result-all .result-one p.gray{
	color: #999;
	font-size: 20px;
	font-weight: bold;
}
.search-result .result-all .result-one span{
	/*
	float: right;
	margin-top: -46px;
	*/
	font-size: 18px;
	color: #3366CC;
	width: 140px;
	text-align: center;
	border-left: 1px solid #e3e3e3;
	position: absolute;
	top:8px;
	right: 0;
}
.search-result .result-all .result-one .silkscreen-bottom {
	display: flex;
}
/*.search-result .result-all .result-one .silkscreen-bottom a {*/
/*	color: #3366cc;*/
/*	text-decoration: none;*/
/*}*/

.search-result .result-all .result-one .silkscreen-bottom .silkscreen-default-text {
	color: #999;
	width: calc(50% - 200px);
	max-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.search-result .result-all .result-one .silkscreen-bottom .silkscreen-text{
	color: #3366cc;
	text-decoration: none;
}
.search-result .result-all .result-one .silkscreen-bottom .package-name{
	width: 50%;
}
.right-type{
	position: absolute;
	right: 0px;
	width: 220px;
	height: calc(100% - 16px);
	top: 0px;
	display: flex;
	align-items: center;
	text-align: center;
	margin: 8px 0;
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */

}
.result-one .model-ai {
	position: absolute;
	background: #e73f3c;
	color: #ffffff;
	margin-left: 22px;
	margin-right: 22px;
	display: inline-block;
	line-height: 14px !important;
	width: 30px;
	height: 14px;
	text-align: center;
	font-size: 11px;
	padding: 0 2px;
	right: 220px;
	top: calc(100% - 46px);
}
.right-type .type-replace{
	background: #e73f3c;
	color: #ffffff;
	margin-left: 22px;
	margin-right: 22px;
	display: inline-block;
	line-height: 14px !important;
	width: 30px;
	height: 14px;
	text-align: center;
	font-size: 11px;
	padding: 0 2px
}
.right-type .type-replace-no{
	background: none;
}
.right-type .type-detail{
	width: 140px;
	border-left: 1px solid #e3e3e3;
	font-size: 18px;
	color: #3366CC;
}
.pagination>li>a{
	margin-right: 5px;
}
.search-result .result-all .other-result{
	padding: 0 25px;
	line-height: 32px;
	border-bottom: 1px solid #e3e3e3;

}
.search-result .result-all .other-result icon{
	color: red;
}

/*芯片详情*/

.details-all{
	width: 1200px;
	margin: 22px auto;

}
.details-all .details-cont{
	width: 1018px;
	background: #fff;
	padding: 0 25px;
	border: 1px solid #e3e3e3;
	margin-bottom: 14px;
}
.details-all .details-cont .details-top{
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px solid #e3e3e3;
}
.details-all .details-cont .details-top .details-top-left{
	float: left;
	padding: px 0;
	line-height: 32px;
	width: 680px;
	color: #999;

}

.details-all .details-cont .details-top .details-top-left .details-top-model {
	display: flex;
}
.successNotification {
	position: fixed;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #f0f9eb; /* 淡绿色背景 */
	color: #333;
	border: 1px solid #08994480;
	padding: 10px;
	/*box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);*/
	z-index: 1000;
	display: flex;
	align-items: center;
}

.success-icon {
	padding-right: 5px;
}
.failNotification {
	position: fixed;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #ffcbc3;
	padding: 10px;
	/*box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);*/
	z-index: 1000;
	display: flex;
	align-items: center;
	color: #e73f3c;
	background: #fdefee;
}
.details-all .details-cont .details-top .details-top-left .bord{
	color: #3366CC;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}
.details-all .details-cont .details-top .details-top-middle {
	width: 150px;
	padding: 10px 0 0;
	float: left;
	color: #999;
}
.details-all .details-cont .details-top .details-top-middle .bord{
	font-size: 18px;
	color: #3366CC;
	cursor: pointer;
}
.details-all .details-cont .details-top .details-top-middle .bord a {
	color: #3366CC;
}
.details-all .details-cont .details-top .details-top-middle .bord a:hover{
	text-decoration: none;
	color: #3366CC;
}

.details-all .details-cont .details-top .details-top-right{
	line-height: 60px;

}
.details-all .details-cont .details-top .details-top-right img{
	margin-left: 30px;
	cursor: pointer;
}
.details-all .details-cont .details-guige{
	overflow: hidden;
	/*border-bottom: 1px solid #e3e3e3;*/
	margin-bottom: 10px;
}
.details-all .details-cont .details-guige .details-guige-left{
	width: 588px;
	float: left;
	padding: 10px 0;
}
.details-all .details-cont .details-guige .details-guige-left img{
	float: left;
}
.details-all .details-cont .details-guige .details-guige-left .details-guige-p{
	padding: 12px 0;
	line-height: 24px;
	color: #999;
}
.details-all .details-cont .details-guige .details-guige-left .details-guige-p .book{
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
.details-all .details-cont .details-guige .details-guige-right{
	float: right;
	width: 372px;
	padding: 10px 0;
}
.details-all .details-cont .details-guige .details-guige-right li{
	display: inline-block;
	width: 90px;
	text-align: center;
	cursor: pointer;
}
.details-all .details-cont .details-guige .details-guige-right li p{
	line-height: 28px;
}
.details-all .details-cont .details-guige .details-tech-container {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 100%;
}
.details-all .details-cont .details-guige .details-tech {
	float: left;
	padding: 5px 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	max-width: fit-content;
	white-space: nowrap; /* 确保文本不换行 */
	overflow: hidden; /* 超出部分隐藏 */
	text-overflow: ellipsis; /* 显示省略号 */
}
.details-all .details-cont .details-guige .details-tech img {
	float: left;
	cursor: pointer;
	height: 40px;
}
.details-all .details-cont .details-guige .details-tech .details-guige-p {
	padding: 0 10px;
	line-height: 24px;
	color: #999;
}
.details-all .details-cont .details-guige .details-tech .details-guige-p .book{
	color: #333;
	font-size: 15px;
	font-weight: bold;
}
.details-all .details-cont .details-Encyclopedia{
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e3e3e3;
}
.details-all .details-cont .details-Encyclopedia .Encyclopedia-one{
	font-size: 20px;
	text-align: center;
	color: #3366CC;
	line-height: 74px;
}
.details-all .details-cont .details-Encyclopedia .miaoshu{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	line-height: 24px;
}
.details-all .details-cont .details-Encyclopedia .miaoshu-word{
	padding: 10px 0;
	font-size: 13px;
	color: #333;
}
.details-all .details-cont .details-Encyclopedia .texing{
	padding: 20px 0px 0;
}
.details-all .details-cont .details-Encyclopedia .miaoshu-word a{
	text-decoration: underline;
	color: #3366CC;
}
.details-all .details-cont .details-parameter{
	border-bottom: 1px solid #e3e3e3;
}
.details-all .details-cont .details-parameter .Encyclopedia-one{
	font-size: 20px;
	text-align: center;
	color: #3366CC;
	line-height: 74px;
}
.table .table-row{
	background: #F0F0F0;
}
.details-parameter .table>tbody>tr>td{
	color: #333;
}
.details-all .details-cont .details-guige .Encyclopedia-one{
	font-size: 20px;
	text-align: center;
	color: #3366CC;
	line-height: 74px;
}
.details-all .details-cont .details-Encyclopedia:last-child{
	/*border: none;*/
}
/*功能图*/
.details-all .details-cont .feature-diagram{
	border-bottom: 1px solid #e3e3e3;
}
.details-all .details-cont .feature-diagram .Encyclopedia-one{
	font-size: 20px;
	text-align: center;
	color: #3366CC;
	line-height: 74px;
}
.details-all .details-cont .feature-diagram .feature-diagram-div {
	text-align: center;
	padding-bottom: 20px;
}

.details-all .details-cont .details-Encyclopedia .export-similar {
	cursor: pointer;
	float: right;
	display: flex;
	align-items: center;
	position: absolute;
	right: 50px;
	font-size: 16px;
}
/*用户协议*/
.protocol-all{	
	width:100%; 
	max-width: 1200px;
    margin: 24px auto;
}
.protocol-all .protocol-cont{
    width: 1218px;
    background: #fff;
    padding: 0 25px;
    border: 1px solid #e3e3e3;
    min-height: 800px;
}
.protocol-all .protocol-cont h3{
	font-size: 16px;
	font-weight: bold;

}
.protocol-all .protocol-cont p{
	padding-bottom: 34px;
}
/*登录*/
.register{
	padding: 40px 50px;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	display: none;
	height: 521px;

}
.register .login-type-change {
	position: absolute;
	top: 0;
	right: 0;
}
.register .login-type-change-tooltips {
	position: absolute;
	top: 40px;
	right: 43px;
	animation: leftToRight 2s linear 0s 1;
	-webkit-animation: leftToRight 2s linear 0s 1;
}
.register .login-type-change-tooltips-content {
	background-color: #FF722D;
	min-width: 58px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	padding: 0 4px;
	text-align: center;
	border-radius: 2px;
	color: #fff;
}
.register .login-type-change-tooltips-content.phone {
	min-width: 58px;
}
.register .login-type-change-tooltips-arrow {
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
	overflow: hidden;
	background: transparent;
	pointer-events: none;
	top: 10%;
	transform: translateY(-10%);
	right: -7px;
}
.register .login-type-change-tooltips-arrow::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 5px;
	margin: auto;
	background-color: #FF722D;
	transform: rotate(45deg);
	content: '';
	pointer-events: auto;
}
.register .top-right-image {
	position: absolute;
	top: 0;
	right: 0;
	width: 82px;
	height: 82px;
	cursor: pointer;
	background: url()no-repeat;
}
.register .top-right-image.go-phone-login {
	background: url()no-repeat;
	width: 82px;
	height: 82px;
}
.register .register-logo{
	text-align: center;
}
.register .loding{

}
.register .loding ul{
	overflow: hidden;
	padding: 20px 50px;
}
.register .loding ul li{
	float: left;
	width: 50%;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	text-align: center;
}
.register .loding ul li a{
	color: #5d5d5d;
	padding: 6px;
	text-decoration: none;
}
.register .loding ul li.active a{
	color: #3366CC;
	border-bottom: 3px solid #3366CC;
}
.register .loding-form{
	border: 1px solid #E3E3E3;
	border-radius: 4px;
	overflow: hidden;
}
.register .loding-form .form-tel{
	padding: 10px 20px;
	line-height: 24px;
	font-size: 14px;
	color: #5D5D5D;
	border-bottom: 1px solid #e3e3e3;
}
.register .loding-form .form-tel:last-child{
	border: none;
}
.register .loding-form .form-tel span{
	display: inline-block;
	width: 60px;
	font-weight: bold;
}
.register .loding-form .form-tel input{
	border: none;
	outline: none;
	padding: 2px 6px;
	width:-moz-calc(100% - 60px);
	width:-webkit-calc(100% - 60px);
	width: calc(100% - 60px);
}
.register .forget{
	text-align: right;
	line-height: 48px;
	color: #848484;
}
.register .forget img{
	margin: 0 6px;
}
/*二维码登录*/
.register .qr-code-login .qr-code-login-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.register .qr-code-login .qr-code-login-content #state {
	padding-top: 10px;
}

.register .qr-code-login .qr-code-login-content #qrcode {
	position: relative;
	margin: 10px;
}
.register .qr-code-login .qr-code-login-content #qrcode img {
	transition: filter 0.5s ease;
}
.register .qr-code-login .qr-code-login-content #qrcode img.expired {
	filter: grayscale(100%);
}
.register .qr-code-login .qr-code-login-content #qrcode .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* 灰色遮罩，透明度0.5 */
	display: none; /* 初始时不显示遮罩 */
}
.register .qr-code-login .qr-code-login-content #qrcode .overlay .refresh-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10px 20px;
	background: url(../images/refresh.png)no-repeat;
	width: 110px;
	height: 40px;
	color: white;
	border: none;
	cursor: pointer;
}
.register .qr-code-login .qr-code-login-content #qrcode.expired .overlay {
	display: block;
}
/*验证码登录*/
/*.register .verify-code-login-form{*/
/*	border: 1px solid #E3E3E3;*/
/*	border-radius: 4px;*/
/*	overflow: hidden;*/
/*	display: none;*/
/*}*/
/*.register .verify-code-login-form .form-tel{*/
/*	padding: 10px 20px;*/
/*	line-height: 24px;*/
/*	font-size: 14px;*/
/*	color: #5D5D5D;*/
/*	border-bottom: 1px solid #e3e3e3;*/
/*}*/
/*.register .verify-code-login-form .form-tel .lodin-code{*/
/*	width: 100px;*/
/*}*/
/*.register .verify-code-login-form .form-tel .lodin-button{*/
/*	text-align: center;*/
/*	padding: 2px 0px;*/
/*	float: right;*/
/*	border: 1px solid #3366CC;*/
/*	border-radius: 4px;*/
/*	width: 100px;*/
/*	color: #3366cc;*/
/*	cursor: pointer;*/
/*	font-weight: bold;*/
/*}*/

.register .phone-login .login-change {
	padding-top: 20px;
}
.register .phone-login .login-change .toggle-tips {
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	color: #848484;
	line-height: 20px !important;
}
.register .phone-login .login-change .toggle-tips span {
	margin-left: 16px !important;
	margin-right: 16px !important;
}
.register .phone-login .login-change .toggle-tips::before,
.register .phone-login .login-change .toggle-tips::after {
	content: "";
	flex: 1;
	height: 1px;
	background: #dadfe6;
}

.register .phone-login .login-change .login-way-wrap {
	justify-content: center !important;
	display: flex !important;
}
.register .phone-login .login-change .login-way-wrap .toggle-btn {
	cursor: pointer;
	border: none;
	padding: 0;
	margin: 0;
	background: none;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
}
.register .phone-login .login-change .login-way-wrap .toggle-btn .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0 auto 8px;
	background: #fff;
	border-radius: 23px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);
}

.button .btn{
	width: 100%;
	margin-top: 36px;
	line-height: 24px;
}
.login-button .btn{
	width: 100%;
	/*margin-top: 20px;*/
	line-height: 24px;
}
.download .btn{
	background: #fff;
	color: #3366CC;
	margin-top: 20px;

}
.register .loding-form .form-tel .lodin-code{
	width: 100px;
}
.register .loding-form .form-tel .lodin-button{
	text-align: center;
	padding: 2px 0px;
	float: right;
	border: 1px solid #3366CC;
	border-radius: 4px;
	width: 100px;
	color: #3366cc;
	cursor: pointer;
	font-weight: bold;
}
.register .regist-for .regree{
	padding-top: 14px;
	color: #5d5d5d;
	padding-left: 8px;
}
.register .regist-for .regree span a{
	color: #3366cc;
}
.register .regist-for .login-tips{
	padding-top: 14px;
	padding-bottom: 14px;
	color: #5d5d5d;
	padding-left: 8px;
	display: none;
}
.register .regist-for .login-tips span a{
	color: #3366cc;
	text-decoration: none;
}
.zhuce .btn{
	margin-top: 20px;
}
/*二维码*/
.twocode{
	padding: 40px 50px;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	display: none;
	width: 400px;

}
.twocode .twocode-logo{
	text-align: center;
}
.twocode .twocode-ma{
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*意见反馈*/
.idea{
	background: #fff;
	padding: 15px;
	position: relative;
	display: none;
	border-radius: 4px;
}
.idea .close-botton{
	position: absolute;
	width: 48px;
	height: 48px;
	line-height: 48px;
	right: 0;
	top: 0;
	text-align: center;
	cursor: pointer;
}
.idea .idea-top{
	line-height: 58px;
	text-align: center;
	font-size: 18px;
	color: #333333;
	border-bottom: 1px solid #e3e3e3;
}
.idea .idea-back{
	margin-top: 20px;
}
.idea .idea-back p{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 28px;
}
.idea .idea-back p span{
	color: red;
}
.idea .idea-back ul{
	padding: 6px 0;
}
.idea .idea-back ul li{
	display: inline-block;
	width: 98px;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	line-height: 32px;
	text-align: center;
	margin-right: 12px;
	cursor: pointer;
}
.idea .idea-back ul li.active{
	color: #3366CC;
	border: 1px solid #3366CC;
}
.idea .idea-text{
	margin-top: 20px;
}
.idea .idea-text p{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 28px;
	margin-bottom: 6px;
}
.idea .idea-text textarea{
	width: 100%;
	border-radius: 4px;
	padding: 4px;
	height: 115px;
	resize: none;
}
.idea .idea-text input{
	width: 100%;
	padding: 4px 10px;
	border-radius: 4px;
	border: none;
	line-height: 24px;
	border: 1px solid #E3E3E3;
}
.idea .button{
	text-align: center;
	margin-top: 40px;
}
.idea .button .btn{
	width: 188px;
	line-height: 40px;
	background: #3366CC;
	border: 1px solid #3366CC;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
}


.e-mail{
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	overflow: hidden;
	display: none;
}
.e-mail input{
	border: 1px solid #E3E3E3;
	border-radius: 5px;
	width: 100%;
	line-height: 28px;
	padding: 6px 8px;
}
.e-mail .email-btn{
	width: 100%;
	padding: 25px 0px 0;
}
.e-mail .email-btn a{
	width: 140px;
	display: inline-block;
	line-height: 33px;
	background: #3366CC;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;

}
.e-mail .email-btn a:last-child{
	float: right;
	background: #aeaeae;
}

/*底部二维码*/
.foot-two{
	position: fixed;
	bottom: 0;
	width: 100%;
	display: none;
}
.foot-two .foot-two-img{
	width: 100%;
	background: url(../images/two-2.png)no-repeat center;
	height: 180px;
	background-size:auto 100% ;
	position: relative;

}
.foot-two .foot-two-img .foot-close{
	position: absolute;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	right: 10px;
	top: 85px;
	cursor: pointer;
}


.detail_descr {
	overflow:hidden;
	height: 30px;
	white-space: nowrap;
	line-height:30px;
	text-overflow:ellipsis;
	/*display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; */
}


/*lhq修改*/

.homeList{
	width: 1300px;
	margin: 0 auto 30px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #e3e3e3;
	background: #fff;
	/*padding:19px 34px 0;*/
}
/*联系方式手机的布局*/
.company-info-phone {
	display: flex;
	align-items: center;
}
.company-info-phone img {
	margin-left: 10px; /* 在图片左侧添加间距 */
	width: 13px;
	height: 13px;
}

.homeList .ui-title{width: 100%;background: #f5f5f5;border-bottom: solid 1px #e5e5e5;line-height: 40px;padding: 0 30px;text-align: left;color: #3366cc;font-weight: bold}
.homeList .ui-title span{color: #1a1a1a;font-size: 13px;text-decoration: underline;font-weight: 400;padding-left: 12px;}
.homeList .ui-ggList{width: 100%;height: 41px;line-height: 41px;overflow:hidden;border-bottom: solid 1px #e5e5e5;}
.homeList .ui-ggList li{width: 14.28%;float: left;text-align: left;padding-left: 11px;overflow:hidden;cursor: pointer;}
.homeList .ui-ggList li a{text-decoration: none;color: inherit;}
.homeList .catalogueList{width: 100%;overflow: hidden;border: solid 1px #e5e5e5;background: #f7f7f7;margin-top: 15px;}
.homeList .catalogueList .uiLeft{width: 90px;float: left;text-align: center;font-size:13px; color: #1a1a1a;padding-top: 16px;}
.homeList .catalogueList .uiRight{width: 1030px;float: left;padding: 10px 0 12px;}
.homeList .catalogueList .uiRight li{float: left;color: #5c678c;font-size:12px;margin-right: 7px;text-decoration: underline;line-height: 27px;cursor: pointer;}
.homeList .catalogueList .uiRight li a{color: #5c678c;}
.homeList .letter{width: 100%;overflow:hidden;text-align: left;height: 23px;line-height: 23px;margin: 10px 0 10px;padding-left: 21px;}
.homeList .letter span{width: 81px;height: 23px;line-height: 23px;background: #3e8ccc;color: #fff;display: inline-block;text-align: center;margin-right: 8px;}
.homeList .letter i{color: #737373;font-style: normal;display: inline-block;width: 28px;text-align: center;cursor: pointer;}
.homeList .letter i a{color: #737373}
.home-bottom .content-xinx{
	background: #2b343d;
	text-align: center;
	font-size: 13px;
	line-height: 80px;padding-top: 49px;overflow: hidden;
}
.hone-footBox{width: 1187px;margin: 0 auto;overflow:hidden;overflow:hidden;text-align: left;border-bottom: solid 1px #474f58;padding-left: 37px;padding-bottom: 24px;}
.hone-footBox.bornone{border:none;padding-bottom: 0;}
.home-bottom .content-xinx .ui-about{width: 192px;float: left;text-align: left;}
.home-bottom .content-xinx .ui-about h3{font-size: 13px; font-weight: bold;color: #fff;border-left:solid 4px #3e8ccc;padding-left: 10px;margin-top: 0;margin-bottom: 14px;}
.home-bottom .content-xinx .ui-about p{color:#a2a6aa;line-height: 24px;font-size: 12px;padding-left: 14px;}
.home-bottom .content-xinx .ui-about p a{color:#a2a6aa;text-decoration: none;}
.home-bottom .content-xinx .ui-about.w393{width: 393px;}
.home-bottom .content-xinx .ui-about.w205{width: 205px;}
.home-bottom .content-xinx .ui-about.w105{width: 105px;}
.home-bottom .content-xinx .ui-about img{margin-left: 4px;}
.copyright{border:none;padding-bottom: 0;max-width: 1187px;margin: 0 auto;text-align: left;border-bottom: solid 1px #474f58;padding-left: 37px;}
.content-xinx .hone-footBox {display: flex; flex-wrap: nowrap;max-width: 1187px;}

.details-all .details-cont .xgxhTitle{
    font-size: 14px;
    color: #5d5d5d;
    line-height: 24px;
}
.details-all .details-cont .xgxhTitle span{color: #3366CC;padding-right: 10px;}
.details-all .details-cont .xgxhList{width: 100%;overflow:hidden;}
.details-all .details-cont .xgxhList li{float: left;font-size: 13px; color: #666666;border:solid 1px #e5e5e5;line-height: 30px;padding: 0 22px;margin-right: 24px;margin-top: 17px;}
/* lhq产品目录 */
.productSummary{width: 1190px;margin: 74px auto;overflow:hidden;padding-top: 23px;}
.productSummary .uiCatalogue{width: 100%;background: #fff;margin-bottom: 13px;}
.productSummary .uiCatalogue .catalogueTitle{width: 100%;padding-left: 20px;font-size: 14px;padding-top: 12px;padding-bottom: 16px;}
.productSummary .uiCatalogue .catalogueTitle a{ color: #3366cc;text-decoration: none; }
.productSummary .uiCatalogue .catalogueList{width: 100%;overflow:hidden;padding-left: 17px;padding-bottom: 12px;}
.productSummary .uiCatalogue .catalogueList li{min-width: 27px;height: 27px;line-height: 25px;text-align: center;color: #333;float: left;border:solid 1px #d9d9d9;margin-right: 5px;margin-bottom: 8px;}
.productSummary .uiCatalogue .catalogueList li a{display: block;cursor: pointer; color: #333;text-decoration: none;}
.productSummary .uiCatalogue .catalogueList li.active a{background: #3366cc;color: #fff;}
.productSummary .summaryLIst{width: 100%;background: #fff;padding: 36px;overflow:hidden;margin-bottom: 40px; color: #474747;}
.productSummary .summaryLIst .listTable{width: 100%;}
.productSummary .summaryLIst .listTable tr:nth-of-type(even){background: #f5f5f5;}
.productSummary .summaryLIst .listTable td{width: 20%;border:solid 1px #e5e5e5;line-height: 21px;text-align: center;padding:10px;}
.productSummary .summaryLIst a{color: #474747;text-decoration: none;cursor: pointer;}


/*once tab 2021-01-29*/
.once-fixed{padding-top: 90px;}
.once-tabs{height: 62px; border-bottom: 1px solid #e3e3e3;}
.once-tabs-fixed{position: fixed; top: 74px; background:#FFF; width: 1016px;z-index:1;}
.once-tabs li{height: 62px; line-height: 62px; float: left; display:block; position: relative; }
.once-tabs li a{font-size: 20px; text-decoration: none; display: block; padding-left:40px; padding-right:40px; color: #999; position: relative;}
.once-tabs li a span{position: absolute; top: 8px; right: 15px; line-height: 16px; font-size: 13px; color: #cc0000;}
.once-tabs li.active a, .once-tabs li:hover a{color: #3366CC;}
.tab-pane{padding: 0 25px;}
.once-blue{color: #0033cc;}
.once-red{color: #ff4344;}
.once-gray{color: #999;}
.once-details-box{margin-bottom: 35px; border: 1px solid #e3e3e3; border-radius: 10px;}
.once-details-top{display: block; width: 100%; height: 240px; overflow: hidden; text-align: center; background: url(../images/once-top-bg.jpg) no-repeat; background-size: 100% 100%;}
.once-details-top .once-details-tips{margin-top: 106px; line-height: 30px; height: 30px; font-size: 20px;}
.once-details-top .once-btn{padding:0 30px; background: #1792fc; font-size: 20px; color: #FFF; height: 48px; line-height:48px; display: inline-block; border-radius: 5px; margin-top: 10px; text-decoration: none;}
.once-details-top .once-details-tips-wx{padding-top: 26px; line-height: 30px; height: 30px; font-size: 20px; color: #1ba6e9; display:none;}

.once-details-demo{border-radius: 10px; border:1px solid #e3e3e3; height: auto; overflow: hidden; margin: 15px;}
.once-details-content{display: flex}
.once-details-div{width: 33.33%}
.once-details{height: auto; overflow: hidden; margin: 15px; display: none;}
.once-details-demo .span-demo{background: #ccecfb; padding: 5px 20px; display: inline-block; color: #1ba6e9; border-radius: 8px; font-size: 20px;}
.once-details-title{font-size: 18px; margin-left: 15px;}
.once-slider{width: 100%; overflow: hidden; margin-top: 10px; margin-bottom: 20px;}
.once-slider .once-slider-btn{background-color: #eeeeee; width:25px; height: 54px; display: block; float: left; margin-top: 15px; background-repeat: no-repeat; background-size: 25px 25px; background-position: center center;}
.once-slider .once-slider-btn-left {background-image: url(../images/aleft.png)}
.once-slider .once-slider-btn-right {background-image: url(../images/aright.png)}

.once-slider-list {margin-left: 9px; margin-right: 9px; height: 530px; overflow-y: auto; overflow-x: hidden; display: block; width: 90%; float: left; position: relative;}
.once-details-demo .once-slider-list::-webkit-scrollbar {width: 10px;}
.once-details-demo .once-slider-list::-webkit-scrollbar-track {background-color: #f1f1f1;}
.once-details-demo .once-slider-list::-webkit-scrollbar-thumb {background-color: #a6a6a6; border-radius: 5px;}
.once-details-demo .once-slider-list::-webkit-scrollbar-thumb:hover {background-color: #888;}

.once-details .once-slider-list::-webkit-scrollbar {width: 10px;}
.once-details .once-slider-list::-webkit-scrollbar-track {background-color: #f1f1f1;}
.once-details .once-slider-list::-webkit-scrollbar-thumb {background-color: #a6a6a6; border-radius: 5px;}
.once-details .once-slider-list::-webkit-scrollbar-thumb:hover {background-color: #888;}

.once-slider-list-ul{width: 100%;align-items: center;display: flex;flex-direction: column;}
.once-slider-list-ul li{width:100%; margin: 5px 0;}
.once-slider-list-ul li a{display: block; border: 1px solid #e3e3e3; border-radius: 5px; margin-left: 4px; margin-right: 4px;}
.once-slider-list-ul li a{text-decoration: none;}
.once-slider-list-ul li.active a, .once-slider-list-ul li:hover a{border: 1px solid #0033cc;}
.once-slider-list-ul li a:focus{border: 1px solid #0033cc;}
.once-slider-list-ul li .once-blue{font-size: 17px; color: #0033cc; line-height: 24px;margin: 5px 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;display: flex;}
/*.once-slider-list-ul li h2:hover {overflow: visible;white-space: pre-line;}*/
.once-slider-list-ul li p{font-size: 12px; line-height: 20px; margin-left: 5px; margin-right: 5px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.once-word{font-size: 16px; color: #999; line-height: 22px; margin-left: 38px; margin-top: 15px;}
.once-company{font-size: 18px; color: #000; margin: 15px 0 8px; cursor: pointer;}
.once-company a{color: #3366cc}
.once-company a:hover{color: #3366cc; text-decoration: none}
.once-link{color: #3366cc; text-decoration: none}
.once-link:hover, .once-link:active, .once-link:focus{text-decoration: none;}
.once-son{height:auto;overflow: hidden; margin-bottom: 0 !important;}
.once-son dt{font-size: 16px; line-height: 22px; display: flex; cursor: pointer; font-weight: normal;}
.once-son dt i{width: 18px; height: 18px; display: block; background: url(../images/icon_hide.png) no-repeat; margin-top: 2px; margin-left: 5px;}
.once-son dt i.open{background: url(../images/icon_open.png) no-repeat;}
.once-son dd{padding-left: 40px; display: none; margin-top: 15px;}
.once-agent-list{height: auto; overflow: hidden; font-size: 16px;	color: #999; line-height: 22px; margin-left: 38px;}
.once-agent-item{height: auto; overflow: hidden; margin-bottom: 15px;}

.details-all .details-cont .details-guige .details-guige-left img{cursor: pointer;}
/*全部分类*/
.categoryNav{position: absolute;left: 0;top: 116px;width: fit-content; display: inline-block; height: auto;overflow: visible;z-index: 99;}
/*.categoryNav{position: absolute;left: 0;top: 138px;width: fit-content; display: inline-block; height: auto;overflow: visible;z-index: 99;}*/
.categoryNavSmall{top:96px;z-index: 99;}
.categoryNav .nav-title{background: #e73f3c;height: 47px;width: 144px;/*background: url(../images/icon_all_category.jpg)no-repeat center;*/cursor: pointer;z-index: 99;}
.categoryNav .nav-title-small{background: #e73f3c;height: 63px;width: 14px;/*background: url(../images/icon_all_category_mini.jpg)no-repeat center*/;cursor: pointer;z-index: 99;}
.categoryNav .nav-content{background: #ffffff;border: 1px solid rgb(227, 227, 227);	border-left-width: 0;width: 385px;height: auto;overflow: hidden;display: none;box-shadow: 9px 8px 16px rgb(0 0 0 / 18%);z-index: 99;transform-origin: top left;}
.categoryNav .nav-content .nav-list{min-height: 616px;height: auto;overflow: hidden;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.categoryNav .nav-content .nav-level{float: left;width: 33.33%;display: block;align-items: stretch}
.categoryNav .nav-content .nav-level li{display: block;}
.categoryNav .nav-content .nav-level li a{line-height: 16px;padding: 10px 5px;text-align: center;font-size: 14px;display: block;font-weight:700; color: rgb(51,51,51);text-decoration: none;}
.categoryNav .nav-content .nav-level-1 li.on a{background: #e7f0f9;color: rgb(51,102,204);}
.categoryNav .nav-content .nav-level-2 li.on a {background: #FFFFFF;color: rgb(51,102,204);}
.categoryNav .nav-content .nav-level-3 li.on a {color: rgb(51,102,204);}
.categoryNav .nav-content .nav-level-1{background: rgb(199,224,246);}
.categoryNav .nav-content .nav-level-2{background: rgb(231,240,247);}
.categoryNav .nav-content .nav-level-3{background: rgb(255,255,255);}
/*汽车电子*/
.carCategoryNav{position: absolute;left: 0;top: 168px;width: fit-content; display: inline-block; height: auto;overflow: visible;z-index: 98;}
/*.carCategoryNav{position: absolute;left: 0;top: 190px;width: fit-content; display: inline-block; height: auto;overflow: visible;z-index: 98;}*/
.carCategoryNavSmall{top:164px;z-index: 98;}
.carCategoryNav .car-nav-title{background: #e73f3c;height: 47px;width: 144px;background: url(../images/icon_all_category.jpg)no-repeat center;cursor: pointer;z-index: 98;}
.carCategoryNav .car-nav-title-small{background: #e73f3c;height: 63px;width: 14px;background: url(../images/icon_all_category_mini.jpg)no-repeat center;cursor: pointer;z-index: 98;}
.carCategoryNav .car-nav-content{background: #ffffff;border: 1px solid rgb(227, 227, 227);	border-left-width: 0;width: 385px;height: auto;overflow: hidden;display: none;box-shadow: 9px 8px 16px rgb(0 0 0 / 18%);z-index: 98;transform-origin: top left;}
.carCategoryNav .car-nav-content .car-nav-list{min-height: 616px;height: auto;overflow: hidden;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.carCategoryNav .car-nav-content .car-nav-level{float: left;width: 33.33%;display: block;align-items: stretch}
.carCategoryNav .car-nav-content .car-nav-level li{display: block;}
.carCategoryNav .car-nav-content .car-nav-level li a{line-height: 16px;padding: 10px 5px;text-align: center;font-size: 14px;display: block;font-weight:700; color: rgb(51,51,51);text-decoration: none;}
.carCategoryNav .car-nav-content .car-nav-level-1 li.on a{background: #e7f0f9;color: rgb(51,102,204);}
.carCategoryNav .car-nav-content .car-nav-level-2 li.on a {background: #FFFFFF;color: rgb(51,102,204);}
.carCategoryNav .car-nav-content .car-nav-level-3 li.on a {color: rgb(51,102,204);}
.carCategoryNav .car-nav-content .car-nav-level-1{background: rgb(199,224,246);}
.carCategoryNav .car-nav-content .car-nav-level-2{background: rgb(231,240,247);}
.carCategoryNav .car-nav-content .car-nav-level-3{background: rgb(255,255,255);}
/*交叉参考*/
.crossNav{position: absolute;left: 0;top: 220px;width: fit-content; display: inline-block; height: auto;overflow: visible;z-index: 97;}
/*.crossNav{position: absolute;left: 0;top: 242px;width: fit-content; display: inline-block; height: auto;overflow: visible;z-index: 97;}*/
.crossNavSmall{top:232px;z-index: 97;}
.crossNav .cross-nav-title{background: #e73f3c;height: 47px;width: 144px;background: url(../images/icon_all_category.jpg)no-repeat center;cursor: pointer;z-index: 97;}
.crossNav .cross-nav-title-small{background: #e73f3c;height: 63px;width: 14px;background: url(../images/icon_all_category_mini.jpg)no-repeat center;cursor: pointer;z-index: 97;}

/*全部应用*/
/*.appCategoryNav{position: absolute;left: 0;top: 242px;width: fit-content; display: inline-block; height: auto;overflow: visible;z-index: 97;}*/
/*.appCategoryNavSmall{top:232px;z-index: 97;}*/
/*.appCategoryNav .app-nav-title{background: #e73f3c;height: 47px;width: 144px;background: url(../images/icon_all_category.jpg)no-repeat center;cursor: pointer;z-index: 97;}*/
/*.appCategoryNav .app-nav-title-small{background: #e73f3c;height: 63px;width: 73px;background: url(../images/icon_all_category_small.jpg)no-repeat center;cursor: pointer;z-index: 98;}*/
/*.appCategoryNav .app-nav-content{background: #ffffff;border: 1px solid rgb(227, 227, 227);	border-left-width: 0;width: auto;height: auto;overflow: hidden;display: none;box-shadow: 9px 8px 16px rgb(0 0 0 / 18%);z-index: 97;}*/
/*.appCategoryNav .app-nav-content .app-nav-list{min-height: 616px;height: auto;overflow: hidden;display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;}*/
/*.appCategoryNav .app-nav-content .app-nav-list .app-nav-level{float: left;min-width: 0;display: block;align-items: stretch}*/
/*.appCategoryNav .app-nav-content .app-nav-list .app-nav-level li{display: block;}*/
/*.appCategoryNav .app-nav-content .app-nav-list .app-nav-level li a{line-height: 16px;padding: 10px 20px;text-align: center;font-size: 14px;display: block;font-weight:700; color: rgb(51,51,51);text-decoration: none;}*/
/*.appCategoryNav .app-nav-content .app-nav-level-1 {display: flex;list-style: none;padding: 0;margin: 0;}*/
/*.appCategoryNav .app-nav-content .app-nav-level-1 li {position: relative;padding: 10px;cursor: pointer;transition: color 0.3s ease;}*/
/*.appCategoryNav .app-nav-content .app-nav-level-1 a {color: rgb(51, 51, 51);font-weight: bold;font-size: 15px;text-decoration: none;}*/
/*.appCategoryNav .app-nav-content .app-nav-level-1 li::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: transparent;transition: background-color 0.3s ease;}*/
/*.appCategoryNav .app-nav-content .app-nav-level-1 li.on::before {background-color: #3366CC;}*/
/*.appCategoryNav .app-nav-content .app-nav-level-1 li:last-child {margin-right: 0;}*/
/*.appCategoryNav .app-nav-content .app-nav-level-2 li.on a{background: #C7E0F6FF;color: rgb(51,102,204);}*/
/*.appCategoryNav .app-nav-content .app-nav-level-3 li.on a {background: #e7f0f9;color: rgb(51,102,204);}*/
/*.appCategoryNav .app-nav-content .app-nav-level-4 li.on a {background: #FFFFFF;color: rgb(51,102,204);}*/
/*.appCategoryNav .app-nav-content .app-nav-level-5 li.on a {color: rgb(51,102,204);}*/
/*.appCategoryNav .app-nav-content .app-nav-level-2{background: rgb(183, 216, 244); width: 33.33%;}*/
/*.appCategoryNav .app-nav-content .app-nav-level-3{background: rgb(199,224,246); width: 33.33%;}*/
/*.appCategoryNav .app-nav-content .app-nav-level-4{background: rgb(231,240,247); width: 33.33%;}*/
/*.appCategoryNav .app-nav-content .app-nav-level-5{background: rgb(255,255,255);}*/

.sampleCategoryNav{position: absolute;left: 0;top: 272px;width: fit-content; display: inline-block; height: auto;overflow: visible;z-index: 96;}
/*.sampleCategoryNav{position: absolute;left: 0;top: 294px;width: fit-content; display: inline-block; height: auto;overflow: visible;z-index: 96;}*/
.sampleCategoryNavSmall{top:300px;z-index: 96;}
.sampleCategoryNav .sample-nav-title{background: #e73f3c;height: 47px;width: 144px;background: url(../images/icon_all_category.jpg)no-repeat center;cursor: pointer;z-index: 98;}
.sampleCategoryNav .sample-nav-title-small{background: #e73f3c;height: 63px;width: 14px;background: url(../images/icon_all_category_mini.jpg)no-repeat center;cursor: pointer;z-index: 98;}
/*.sampleCategoryNav .sample-nav-content{background: #ffffff;border: 1px solid rgb(227, 227, 227);	border-left-width: 0;width: 385px;height: auto;overflow: hidden;display: none;box-shadow: 9px 8px 16px rgb(0 0 0 / 18%);z-index: 98;transform-origin: top left;}*/
/*.sampleCategoryNav .sample-nav-content .sample-nav-list{min-height: 616px;height: auto;overflow: hidden;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}*/
/*.sampleCategoryNav .sample-nav-content .sample-nav-level{float: left;width: 33.33%;display: block;align-items: stretch}*/
/*.sampleCategoryNav .sample-nav-content .sample-nav-level li{display: block;}*/
/*.sampleCategoryNav .sample-nav-content .sample-nav-level li a{line-height: 16px;padding: 10px 5px;text-align: center;font-size: 14px;display: block;font-weight:700; color: rgb(51,51,51);text-decoration: none;}*/
/*.sampleCategoryNav .sample-nav-content .sample-nav-level-1 li.on a{background: #e7f0f9;color: rgb(51,102,204);}*/
/*.sampleCategoryNav .sample-nav-content .sample-nav-level-2 li.on a {background: #FFFFFF;color: rgb(51,102,204);}*/
/*.sampleCategoryNav .sample-nav-content .sample-nav-level-3 li.on a {color: rgb(51,102,204);}*/
/*.sampleCategoryNav .sample-nav-content .sample-nav-level-1{background: rgb(199,224,246);}*/
/*.sampleCategoryNav .sample-nav-content .sample-nav-level-2{background: rgb(231,240,247);}*/
/*.sampleCategoryNav .sample-nav-content .sample-nav-level-3{background: rgb(255,255,255);}*/

.option-item-tittle {
	width: 130px;
	background-color: #e73f3c;
	text-align: center;
	color: #fff;
	font-size: 17px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.option-item-tittle-small {
	width: 59px;
	background-color: #e73f3c;
	text-align: center;
	color: #fff;
	font-size: 19px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 63px;
	flex-direction: column;
}
.option-item-tittle-small span {
	display: block;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.option-item-icon {
	width: 14px;
	background: url(../images/icon_all_category_mini.jpg)no-repeat center;
}
.down-item-tittle-small {
	width: 59px;
	background-color: #082d73;
	text-align: center;
	color: #fff;
	font-size: 19px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 63px;
	flex-direction: column;
}
.down-item-tittle-small span {
	display: block;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.down-item-icon {
	width: 14px;
	background: url(../images/home-9-1.png)no-repeat center;
}

.once-flex{display: flex;}
.once-search{background: #fff; margin-top: 20px; width: 100%; height: auto; overflow: hidden; padding: 10px;}
.once-search-category{line-height: 24px; margin-left: 10px; color:#666;}
.once-search-category a{color: #3366cc; text-decoration: none;}
.once-search-form{width:100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; position: relative; margin-bottom: 20px; margin-top: 20px;}
.once-search-form .once-search-form-item{display: inline-block; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; min-width: 70px;}
.once-search-form .once-search-form-item:first-child{border-left: 1px solid #999999}
.once-search-form .once-search-form-item h2{font-size: 14px; padding: 5px 6px; border-bottom: 1px solid #999999; line-height: 16px; margin: 0; font-weight: 700;}
.once-search-form .once-search-form-item .select{height: 205px; overflow-y: auto; overflow-x: hidden; -webkit-transition-property: height;	transition-property: height;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}
.once-search-form .once-search-form-item .select ul{min-height: 100%;}
.once-search-form .once-search-form-item .select ul li{cursor: pointer;padding: 2px 6px 2px 6px;display: block;white-space: nowrap;box-sizing: border-box;}
.once-search-form .once-search-form-item .select ul li.active, .once-search-form .once-search-form-item .select ul li.active:hover{background: #3366cc;color: #fff;}
.once-search-form .once-search-form-item .range-slider{padding: 15px 10px; display: flex;}

.slider-input-container{position: relative; margin-left: 20px; display: inline-block; height: 170px; width: 60px;}
.slider-input-container .slider-input{position: absolute; width:60px; height: 22px; line-height: 22px; border:1px solid #9f9f9f;}
.slider-input-container .max-input{top: 0;}
.slider-input-container .min-input{bottom: 0;}

.once-search-tag-list{width: 100%; margin-bottom: 15px; height: auto; overflow: hidden;}
.once-search-tag{float: left; margin-right: 10px; margin-bottom: 5px; line-height: 25px; border: 1px solid #d2d2d2; background: #f4f4f4; display: inline-block; position: relative; padding-left: 5px; padding-right: 15px;cursor: pointer;}
.once-search-tag:hover{border: 1px solid #3366cc;}
.once-search-tag span{display: block;}
.once-search-tag .clear-one{position: absolute;top: 0;right: 0;display: block; height: 11px;	width: 11px; background-color: #d2d2d2; background-image: url(../images/icon-close.png); background-repeat: no-repeat; background-position: center;}
.once-search-tag:hover .clear-one{background-color: #3366cc;}
.once-search-btn{border: 1px solid #e73f3c; line-height: 30px; padding-left: 20px; padding-right: 20px; font-size: 14px; text-decoration: none; display: inline-block; border-radius: 3px; outline:none;}
.once-search-btn-clear{background-color: #ffffff; margin-right: 10px; color: #e73f3c; }
.once-search-btn-confirm{background-color: #e73f3c; color: #ffffff; margin-right: 30px;}
.once-search-result-text{font-size: 14px; display: inline-block;}
.once-search-result-text span{display: inline-block; line-height: 32px;}
.once-search-result-text i{display: inline-block; font-style: normal; color: #e73f3c; font-size: 24px; line-height: 32px;}

.details-all{margin:22px auto; padding-top: 74px;}
.back-top,.hostory{z-index: 998;}
.top-news .top-newsone .slide-news{z-index: 999;}
.details-all .details-cont{margin-bottom: 6px}
.personal{position: fixed; width: 100%; top: 0; background: #fff; z-index: 1000;border-bottom: 1px solid #e3e3e3;}
.search-result{padding-top: 54px;}

/*次数限制对话框*/
.once-msg{padding: 40px 50px; background: #fff; border-radius: 4px; overflow: hidden; display: none;}
.once-msg .once-msg-logo{text-align: center;}
.once-msg .once-msg-content{margin-top: 60px; margin-bottom: 20px; font-size:20px; text-align: center; color:#333333; line-height: 36px;}
.once-msg .once-msg-footer{font-size:22px; text-align: center; color:#3366cc; margin-bottom: 45px}

/* 厂家样品对话框 */
.result-all .sample-table {
	background-color: #f1f1f1;
	line-height: 30px;
}

.result-all .sample-table .table>thead>tr>th {
	border-bottom: none !important;
}

.result-all .sample-table .tableTr {
	border-bottom: 1px solid #e3e3e3;
}

.result-all .sample-table .tableTr .tableTh {
	color: #333;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
}

.result-all .sample-table .tbody {

}

.result-all .sample-table .tbody li {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.result-all .sample-table .tbody a {
	color: #333;
	cursor: pointer;
}

.result-all .sample-table .tbody a:hover {
	color: #3366cc;
}

.result-all .sample-table tr {
	background-color: #ffffff;
}

.result-all .sample-table th {
	/*position: sticky;*/
	/*top: 147px; !* 粘性定位的偏移量 *!*/
	top: 74px;
	/*background-color: #ffffff; !* 确保背景颜色覆盖滚动条 *!*/
	/*z-index: 1; !* 确保表头在其他内容之上 *!*/
}

.result-all .sample-table .tbody .tableTr {
	/*border-color: #fff;*/
	background-color: #fff;
}

.result-all .sample-table .tbody .tableTr:hover {
	background-color: #fff;
}

.result-all .sample-table .tbody .tableTd {
	line-height: 23px;
	padding: 10px 15px;
	padding-bottom: 8px;
}
.result-all .sample-table .model {
	width: 268px;          /* 固定容器宽度 */
	height: 25px;
	position: relative;    /* 为子元素绝对定位提供基准 */
}

.result-all .sample-table .bord {
	color: #3366CC !important;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;

	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
}

.result-all .sample-table .underLine {
	text-decoration: underline;
}

.result-all .sample-table .expand-more img {
	width: 13px;
	height: 6px;
	margin-left: 0;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.result-all .sample-table .hidden-prices li {
	display: block;
	margin-top: 5px;
}

.result-all .sample-table .desc {
	display: inline-block;
	width: 268px; /* 设置适当的宽度 */
	color: #333;
	white-space: normal; /* 允许文本换行 */
	overflow: hidden; /* 隐藏溢出的内容 */
	text-overflow: ellipsis; /* 当文本被截断时添加省略号 */
	display: -webkit-box; /* 使用Webkit线框模式 */
	-webkit-line-clamp: 2; /* 限制行数为2 */
	-webkit-box-orient: vertical; /* 设置盒子中子元素的排列方式 */
}

.result-all .sample-table .w-268 {
	width: 268px;
}

.result-all .sample-table .w-170 {
	width: 170px;
}

.result-all .sample-table .w-200 {
	width: 200px;
}

.result-all .sample-table .w-128 {
	width: 128px;
}

.result-all .result-category {
	padding: 0 15px;
}

.result-all .delivery-cycle {
	height: 20px;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: max-content;
	padding: 0 10px;
	border-radius: 10px 10px 10px 0;

	margin-left: 0;
	background-color: #ededed;
	color: #666;
	font-size: 13px;
}

.result-all .office-link {
	border: none;
	background-color: #3366cc;
	color: #fff;
	font-weight: normal;
}

.result-all .sample-apply {
	border: none;
	background-color: #0094e7;
	color: #fff;
	font-weight: normal;
}
.result-all .office-link-disabled {
	border: none;
	color: #fff;
	font-weight: normal;
	background-color: #ccc;
	cursor: default;
	-webkit-user-select: none;
}

/* 应用文章 */
.app-article-container .app-article-content-result {
	padding: 12px 0;
	cursor: pointer;
	border-bottom: 1px solid #e3e3e3;
	position: relative;
	display: flex;
	align-items: center;
}

.app-article-container .app-article-content-result .article-tittle {
	width: calc(100% - 250px);
	padding-left: 10px;
	font-size: 15px;
	font-weight: 700;
	max-height: 32px;
}

.app-article-container .app-article-content-result span {
	max-height: 32px;
	padding-left: 10px;
	font-size: 15px;
	font-weight: 700;
}

.app-article-container .app-article-content-result p {
	width: calc(100% - 250px);
	max-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 10px;
	font-size: 15px;
	font-weight: 700;
}

.app-article-container .app-article-content-result p:hover {
	color: #3366cc;
}

.app-article-container .app-article-content-result .app-article-content-right-type {
	padding: 0 10px;
	width: 250px;
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	/*white-space: nowrap;*/
	text-align: left;
}

.app-article-container .app-article-content-result .app-article-content-right-type a {
	color: #000;
	font-weight: 700;
	font-size: 15px;
}

.app-article-container .app-article-content-result .app-article-content-right-type .chip-container {
	position: relative;
	display: inline-block;
	width: 100%;
}

.app-article-container .app-article-content-result .app-article-content-right-type .chip-main {
	cursor: pointer;
	padding: 6px 12px;
	font-weight: 700;
	font-size: 15px;
}

.app-article-container .app-article-content-result .app-article-content-right-type .chip-main a {
	color: inherit;
	text-decoration: none;
	display: block;
	font-weight: 700;
	font-size: 15px;
}

.app-article-container .app-article-content-result .app-article-content-right-type .chip-main:hover a:not(.no-underline) {
	color: #3366cc;
}

.app-article-container .app-article-content-result .app-article-content-right-type .chip-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
	padding: 4px 0;
}

.app-article-container .app-article-content-result .app-article-content-right-type .chip-container:hover .chip-dropdown {
	display: block;
}

.app-article-container .app-article-content-result .app-article-content-right-type .chip-item {
	padding: 6px 12px;
}

.app-article-container .app-article-content-result .app-article-content-right-type .chip-item a {
	color: inherit;
	text-decoration: none;
	display: block;
	font-weight: 700;
	font-size: 15px;
}

.app-article-container .app-article-content-result .app-article-content-right-type .chip-item:hover a:not(.no-underline) {
	color: #3366cc;
}

:root {
	--home-search-h1-font-size: 50px; /* 默认字体大小 */
}

/* 小屏幕（笔记本） */
@media (max-width: 1199.98px) {
	/*搜索结果*/
	.search-result {
		width: 90%; /* 占用 80% 的屏幕宽度 */
		max-width: 1200px;
		min-height: 750px; /* 根据需要调整 */
	}
	/*芯片详情*/
	.details-all {
		width: 90%; /* 占用 80% 的屏幕宽度 */
		max-width: 1200px;
		min-height: 750px; /* 根据需要调整 */
	}
	/*个人中心*/
	.personal-tab {
		width: 90%; /* 占用 80% 的屏幕宽度 */
		max-width: 1200px;
	}
	/*首页头部*/
	.home .top {
		width: 80%;
		max-width: 1200px;
	}
	.home .search{
		width: 80%;
		max-width: 1200px;
	}
	.home .search .search-input {
		width: 80%;
		max-width: 740px;
	}
	.home .search h1 {
		font-size: calc(var(--home-search-h1-font-size) * 0.8);
	}
	/*首页热门品牌*/
	.home-bottom .hots-brand {
		width: 80%; /* 占用 80% 的屏幕宽度 */
		max-width: 1300px;
	}
	.home-bottom .hots-brand .hots-brand-content {
		grid-template-columns: repeat(8, 1fr);
	}
	/*首页索引*/
	.homeList {
		width: 80%;
		max-width: 1300px;
	}
	.homeList .letter i {
		max-width: 17px;
	}
	/*底部*/
	.content-xinx .hone-footBox {
		width: 80%;
		max-width: 1187px;
	}
	.home-foot .copyright {
		width: 80%;
		max-width: 1187px;
	}
	.categoryNav .nav-content {
		transform: scale(0.8);
	}
	.carCategoryNav .car-nav-content {
		transform: scale(0.8);
	}
}

/* 中等屏幕（桌面） */
@media (min-width: 1200px) and (max-width: 1399.98px) {
	/*搜索结果*/
	.search-result {
		width: 90%; /* 占用 70% 的屏幕宽度 */
		max-width: 1200px;
		min-height: 800px; /* 保持原始高度或根据需要调整 */
	}
	/*芯片详情*/
	.details-all {
		width: 90%; /* 占用 70% 的屏幕宽度 */
		max-width: 1200px;
		min-height: 800px; /* 保持原始高度或根据需要调整 */
	}
	/*个人中心*/
	.personal-tab {
		width: 90%; /* 占用 70% 的屏幕宽度 */
		max-width: 1200px;
	}
	/*首页头部*/
	.home .top {
		width: 80%;
		max-width: 1200px;
	}
	.home .search{
		width: 80%;
		max-width: 1200px;
	}
	.home .search .search-input {
		width: 80%;
		max-width: 740px;
	}
	.home .search h1 {
		font-size: calc(var(--home-search-h1-font-size) * 0.8);
	}
	/*首页热门品牌*/
	.home-bottom .hots-brand {
		width: 85%; /* 占用 80% 的屏幕宽度 */
		max-width: 1300px;
	}
	.home-bottom .hots-brand .hots-brand-content {
		grid-template-columns: repeat(8, 1fr);
	}
	/*首页索引*/
	.homeList {
		width: 85%;
		max-width: 1300px;
	}
	.homeList .letter i {
		max-width: 21px;
	}
	/*底部*/
	.content-xinx .hone-footBox {
		width: 80%;
		max-width: 1187px;
	}
	.home-foot .copyright {
		width: 80%;
		max-width: 1187px;
	}
	.categoryNav .nav-content {
		transform: scale(0.9);
	}
	.carCategoryNav .car-nav-content {
		transform: scale(0.9);
	}
}

/* 大屏幕（大桌面） */
@media (min-width: 1400px) and (max-width: 1919.98px) {
	/*搜索结果*/
	.search-result {
		width: 90%; /* 占用 60% 的屏幕宽度 */
		max-width: 1200px;
		min-height: 850px; /* 根据需要调整 */
	}
	/*芯片详情*/
	.details-all {
		width: 90%; /* 占用 60% 的屏幕宽度 */
		max-width: 1200px;
		min-height: 850px; /* 根据需要调整 */
	}
	/*个人中心*/
	.personal-tab {
		width: 90%; /* 占用 60% 的屏幕宽度 */
		max-width: 1200px;
	}
	/*首页头部*/
	.home .top {
		width: 90%;
		max-width: 1200px;
	}
	.home .search{
		width: 90%;
		max-width: 1200px;
	}
	.home .search .search-input {
		width: 90%;
		max-width: 740px;
	}
	.home .search h1 {
		font-size: calc(var(--home-search-h1-font-size) * 0.9);
	}
	/*首页热门品牌*/
	.home-bottom .hots-brand {
		width: 80%; /* 占用 80% 的屏幕宽度 */
		max-width: 1300px;
	}
	.home-bottom .hots-brand .hots-brand-content {
		grid-template-columns: repeat(8, 1fr);
	}
	/*首页索引*/
	.homeList {
		width: 90%;
		max-width: 1300px;
	}
	.homeList .letter i {
		width: 80%;
		max-width: 28px;
	}
	/*底部*/
	.content-xinx .hone-footBox {
		width: 90%;
		max-width: 1187px;
	}
	.home-foot .copyright {
		width: 90%;
		max-width: 1187px;
	}
	.categoryNav .nav-content {
		transform: scale(1);
	}
	.carCategoryNav .car-nav-content {
		transform: scale(1);
	}
}

/* 超大屏幕（非常大的桌面） */
@media (min-width: 1920px) {
	/*搜索结果*/
	.search-result {
		width: 100%; /* 占用 50% 的屏幕宽度 */
		max-width: 1200px;
		min-height: 900px; /* 根据需要调整 */
	}
	/*芯片详情*/
	.details-all {
		width: 100%; /* 占用 50% 的屏幕宽度 */
		max-width: 1200px;
	}
	/*个人中心*/
	.personal-tab {
		width: 100%; /* 占用 50% 的屏幕宽度 */
		max-width: 1200px;
	}
	/*首页头部*/
	.home .top {
		width: 100%;
		max-width: 1200px;
	}
	.home .search{
		width: 100%;
		max-width: 1200px;
	}
	.home .search .copyright {
		width: 100%;
		max-width: 740px;
	}
	.home .search h1 {
		font-size: calc(var(--home-search-h1-font-size) * 1);
	}
	/*首页热门品牌*/
	.home-bottom .hots-brand {
		width: 100%; /* 占用 80% 的屏幕宽度 */
		max-width: 1300px;
	}
	.home-bottom .hots-brand .hots-brand-content {
		grid-template-columns: repeat(8, 1fr);
	}
	/*首页索引*/
	.homeList {
		width: 100%;
		max-width: 1300px;
	}
	.homeList .letter i {
		width: 100%;
		max-width: 28px;
	}
	/*底部*/
	.content-xinx .hone-footBox {
		width: 100%;
		max-width: 1187px;
	}
	.home-foot .copyright {
		width: 100%;
		max-width: 1187px;
	}
	.categoryNav .nav-content {
		transform: scale(1);
	}
	.carCategoryNav .car-nav-content {
		transform: scale(1);
	}
}

/*@media screen and (max-width: 768px) {*/
/*	.home-bottom .hots-brand .hots-brand-content {*/
/*		grid-template-columns: repeat(6, 1fr);*/
/*	}*/
/*}*/