.informationDiv{
	max-width: 1440px;
    margin: 0 auto 60px;
    display: flex;
}
.quickInformationHeader{
    height:200px;
    background: url(../img/informationSearchTitle.png) no-repeat;
    background-color: #F2F2F2;
    margin: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right;
}
.quickInformationHeader h1{
	padding: 80px 0px 0px 0px;
	font-family: "微软雅黑";
    font-weight: 700;
    font-size: 40px;
}
.searchTitle{
	float:left;
	width:50%;
	height:220px;
}
.searchTitle span{
	font-size:45px;
	font-weight:550;
	margin-left:250px;
	margin-top:50px;
	float:left;
}
.searchImg{
	float:right;
	width:50%;
	height:220px;
}

.searchImg img{
	float:right;
}
.infomation-nav{
    margin: 30px 0px 0px 0px;
    height: 46px;
    /* display: none;
       max-width: 900px;
       box-shadow: 0px 0px 7px 5px rgb(180 180 180 / 10%);
    border-bottom: 1px solid #e3e3e3;*/
}
.infomation-nav ul {
    display: flex;
    height: 45px;
    text-align: center;
    /* box-shadow: 0px 0px 7px 5px rgb(180 180 180 / 10%);
    margin-left: 280px;*/
    border-bottom:1px solid #f2f2f2;
    margin:0 80px;
    position: relative;
        justify-content: space-around;
}
.infomation-nav ul li {
    height: 45px;
    cursor: pointer;
        padding: 0 20px;
}
.infomation-nav ul li a{
	font-size:30px;
}

.infomation-nav ul li.active{
	border-bottom:2px solid #c7000b;
}
.infomation-search{
    max-width:1430px;
    margin:80px auto;
    background-color: #f8f8f8;
}
.home-srhimg{
	/* width: 50px;
    height: 60px;
    background: url(../../QuickQuery/overview/img/icons.png) no-repeat right #fff;
    background-position: 5px -135px;
    float: right;
    padding: 5px 0;
    position: absolute;
    margin-left: 1400px; */

    width: 4%;
    height: 50px;
    background: url(../../newInformationSearch/img/infomSearch.png) no-repeat right #f8f8f8;
    float: right;
    background-size: auto 50%;
    background-position: center;
}




#product-nav{
	/* margin-left:21%;
	width: 320px; */
}
#allTool-nav{
	/* margin-left:16.5%;
	width: 200px; */
}
#infomation-search-input{
	width: 96%;
    height: 50px;
    color: #666;
    border: 0px solid #f1f1f1;
    padding: 0px 0px 0px 15px;
    outline: none;
    font-size: 14px;
    background-color: #f8f8f8;
    position: relative;

}

.information-menu-mllist {
    width: 100%;
    border-left: 2px solid #e3e3e3;
    padding: 12px 10px 60px 0;
}

.information-menu-mllist .menu_list {
    line-height: 26px;
    margin-bottom: 40px;
    color: #333;
    font-size: 18px;
    border-left: 2px solid transparent;
    margin-left: -2px;
    cursor: pointer;
    white-space: pre-wrap;
    word-break: break-word;
    padding-left: 18px;
}

.information-menu-mllist .menu_list.checked {
    color: #333;
    border-left: 2px solid #c7000b;
    font-weight: bold;
}

.information-leftMenu{
	margin-top:40px;
	width:240px;
}

.information-rightPage{
	width:1200px;
}

.information-rightMenu-title{
	border-bottom:1px solid  #e3e3e3;
	padding-bottom:8px;
	height:30px;
}

.information-rightMenu-title span{
	color:#666;
}

.information-rightMenu-title .checked{
	border-bottom: 2px solid #c7000b;
    padding-bottom: 6px;
    width:auto;
}

.information-rightMenu-title .checked a{
	color:#666 !important;
}

.information-rightMenu-seriesData{
	margin-top:40px;
}

.information-rightMenu-seriesData .productLine{
	font-size: 18px;
    line-height: 20px;
    margin-top:20px;
}

.information-rightMenu-seriesData .productLine h3{
	font-size: 16px;
    font-weight: bold;
    border-left: 4px solid #c7000b;
    padding-left: 13px;
    color:#333;
    margin: 25px 0px 15px 0px;
}

.productLine ul .product2Sort{
	list-style: none;
    float: left;
    text-align: left;
    font-size:16px;
    line-height: 20px;
    margin: 15px 0px 15px 15px;
    position: relative;
    /*display: flex;*/
    /*align-items: start;*/
}

.productLine ul .product4Sort{
	list-style: none;
    float: left;
    text-align: left;
    font-size:16px;
    border: 1px solid #FFFFFF;
    line-height: 20px;
    margin: 15px 0px 15px 15px;
    position: relative;
    /*display: flex;*/
    /*align-items: start;*/
}

.productLine ul li a{
	color:#333;
	font-weight: 400;
    font-family: "微软雅黑";
}

.productLine ul{
	box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px 1px;
	font-family: "微软雅黑";
    font-weight: 550;
    font-size: 50px;
    width: 100%;
    border: 1px solid #FFFFFF;
    margin-top: 20px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
}

a:hover, a:focus, a:visited {text-decoration: underline;outline-style: none;cursor: pointer;}

.information-rightMenu-subSeriesData{
	margin-top: 40px
}

.information-rightMenu-subSeriesData .productSubSeries h3{
	font-size: 18px;
    font-weight: bold;
    border-left: 4px solid #c7000b;
    padding-left: 13px;
    color: #333;
    margin: 25px 0px 15px 0px;
}

.information-rightMenu-subSeriesData ul{
	box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px 1px;
    font-family: "微软雅黑";
    font-weight: 550;
    font-size: 50px;
    width: 100%;
    border-top: 16px solid #FFFFFF;
    border-bottom: 16px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
}

.information-rightMenu-subSeriesData .productSubSeries{
	font-size: 18px;
    line-height: 20px;
    margin-top:20px;
}

.productSubSeries ul .product2Sort{
    float: left;
    width: 23%;
    text-align: left;
    font-size: 16px;
    border: 1px solid #FFFFFF;
    line-height: 20px;
    margin: 15px 0px 15px 15px;
    height:27px;
}

.productSubSeries ul .product4Sort{
	list-style: none;
    float: left;
    width: 23%;
    text-align: left;
    font-size: 16px;
    border: 1px solid #FFFFFF;
    line-height: 20px;
    margin: 15px 0px 15px 15px;
    height:27px;
}

.productSubSeries ul li a {
    font-size:16px;
    color: rgb(51, 51, 51);
    font-weight: 400;
    font-family: 微软雅黑;
}

.information-rightMenu-subSeriesData .item ul li .icon-expansion{
	float: right;
    color: #CACACA;
    font-size: 18px;
    padding-top: 10px;
}

.information-rightMenu-subSeriesData .expand ul li {
    /* float: left;
    width: 300px;
    text-align: left;
    margin: 0 0%;
    padding: 15px 32px; */
    float: left;
    width: 23%;
    margin: 0 1%;
    padding-bottom: 4px;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
}

.information-rightMenu-subSeriesData .product-list dl{
	padding: 20px 20px 10px 15px;
    background: #F3F3F3;
    margin: 0;
    width: 100%;
    margin-bottom: 16px;
}

.information-rightMenu-subSeriesData .product-list dl dd{
	float: left;
    width: 23%;
    margin: 0 1%;
    padding-bottom: 20px;
}

dl{
	margin-top: 0;
    margin-bottom: 20px;
}

dd{
	line-height: 1.42857143;
}

.information-rightMenu-subSeriesData .product-list dl dd a{
	color: #191919;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    font-family: 'HarmonyOS Sans SC';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:100%
}

.information-rightMenu-subSeriesData .product-list{
	display: none;
    clear: left;
    margin: 0 1%;
}

.information-rightMenu-subSeriesData .item.expand li + .product-list.active{
	display:none;
}
.information-rightMenu-subSeriesData .product-list.active{
	display:block;
}

.information-rightMenu-subSeriesData .expand ul li.active{
	background: #D7D7D7;
}

.information-rightMenu-subSeriesData .item ul li .icon-expansion:hover{
	cursor:pointer;
}
.information-rightMenu-subSeriesData .item.expand ul li.active a{
	padding: 0px 0px 0 10px;
}
.information-rightMenu-subSeriesData .item.expand ul li.active .icon-expansion:before{
	color: #8d8d8d;
    content: "\e618";
}

.information-rightMenu-subSeriesData .mobil-more-click{
	display:none;
}

.information-rightMenu-title-seriesDiv {
	float: left;
	margin-right: 30px;
}

.information-rightMenu-title-subSeriesDiv{
	float: left;
	width: 200px;
}

#ui-id-1.ui-widget-content,#ui-id-2.ui-widget-content {
    background: white;
    border: 0;
    box-shadow: 0px 2px 5px 3px rgb(180 180 180 / 10%);
    padding: 6px 0;
}
#ui-id-1 .ui-menu-item .ui-menu-item-wrapper,#ui-id-2 .ui-menu-item .ui-menu-item-wrapper {
    font-family: inherit;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    color: #333;
    display: block;
    white-space: normal;
    opacity: .9;
    padding: 0;
    line-height: 26px;
}
.infomation-search-input{
	width: 100%;
    height: 50px;
    color: #666;
    border: 0px solid #f1f1f1;
    padding: 0 30px 0 15px;
    outline: none;
    font-size: 14px;
    background-color: #f1f1f1;
}
.home-warning {
    width: 100%;
    float: left;
    height: auto;
    text-align: left;
    font-size: 14px;
    opacity: .9;
    color: #333;
    line-height: 20px;
    padding: 10px 0;
    padding-left: 32px;
    background: url(../img/warning1.png) no-repeat left10px center;
    background-color: white;
    word-wrap: break-word;
    position: relative;
    z-index: 11;
    box-shadow: 0px 2px 5px 3px rgb(180 180 180 / 10%);
}
.productMessageDiv{
	margin-left: 30px;
    margin-top: 150px;
    position: absolute;
}

.productMessageDiv a{
	font-weight:900;
	border-bottom:1px solid #70B603;
	color:#70B603 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active{
    color: #c7000b!important;
    background: #f2f2f2;
    cursor: pointer;
    border: 0;
    padding:0;
    margin: 0;
}





.allToolsDiv{
	max-width: 1430px;
    margin: 80px auto;
    overflow:hidden;
}

 .allToolsDiv ul a{
	float: left;
    width: 100%;
    color:#191919;
    text-align: left;
    padding: 32px 32px;
    text-decoration:none;
    height:125px;
    box-shadow: rgb(0 0 0 / 5%) 0px 0px 10px 1px;

}
.allToolsDiv ul a.beta,a.new {
    position: relative;
    overflow: hidden;
}
.allToolsDiv ul a.beta:before {
    content: 'beta';
    background: #c7000b;
    padding: 8px;
    color: #ffffff;
    font-size: 9px;
    position: absolute;
    top: -3px;
    right: -27px;
    width: 75px;
    text-align: center;
    transform: rotate(45deg);
}
.allToolsDiv ul a.new:before{
    content: 'new';
    background: #c7000b;
    padding: 8px;
    color: #ffffff;
    font-size: 9px;
    position: absolute;
    top: -3px;
    right: -27px;
    width: 75px;
    text-align: center;
    transform: rotate(45deg);
}
 .allToolsDiv ul a li{
	font-weight: 700;
    font-size: 18px;
}
.allToolsDiv ul a li .lock{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: 3px;
    margin-left: 6px;
    position: absolute;
}
 .allToolsDiv ul a p{
    padding-top: 10px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.allToolsDiv ul a:hover .title{
	color:#C7000B;
}

.allToolsDiv ul a:hover{
	background: url(../../newInformationSearch/img/tool_background.png) no-repeat #f8f8f8;

}

.tips-content {
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    display: none;
}

.information-rightMenu-title span a{
	font-family: "微软雅黑";
    font-weight: 400;
    color: #AAAAAA !important;
    font-size:18px;
}

.allToolsDiv ul{
	overflow: hidden;
	display: grid;
    grid-column-gap: 15px;
    grid-row-gap: 24px;
    grid-template-columns: repeat(3,calc((100% - 30px)/3));
    padding: 10px;
    margin-left: 24px;
    margin-right: 24px;
}
.homePageDiv{
	max-width: 1440px;
    margin: 0 auto;
}
.quickInformationHeader .search{
	font-size: 40px;
    font-weight: 700;
    margin: auto;
    max-width: 1440px;
    padding-top: 80px;
    padding-left: 35px;
}
.banner_line{
	margin-top: 75px;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
}

.information-rightMenu-subSeriesData .productSubSeries .isModel{
	margin-top: 5px;
    height: 39px;
}
.information-rightMenu-subSeriesData .productSubSeries .isSubModel{
	margin-top: 5px;
}

.information-rightMenu-title-subSeries a:hover{
	color:#c7000b !important;
}
.information-rightMenu-title-series a:hover{
	color:#c7000b !important;
}
/*加热门*/
.information-rightMenu-seriesData .productLine ul li.isHot a{
    max-width: calc(100% - 32px);
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.information-rightMenu-subSeriesData .productSubSeries ul li.isHot a{
    max-width: calc(100% - 32px);
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.information-rightMenu-subSeriesData .productSubSeries ul li.icon-expan.isHot a{
    max-width: calc(100% - 50px);
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.information-rightMenu-subSeriesData .product-list dl dd.isHot a{
    max-width: calc(100% - 32px);
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: unset;
}
.information-rightMenu-subSeriesData .productSubSeries ul li{
    /*display: flex;*/
    /*align-items: start;*/
}
/*便携笔记本*/
@media screen and (max-width: 1480px){
    #matching-table .after-point-text,#match-view-tbody .after-point-text{
        width: 95%;
    }
    .homePageTagDiv{
        margin: 0 24px 48px 24px;
    }
    .infomation-nav ul{
    }

}
@media screen and (max-width: 1440px){
    .productSubSeries ul .product4Sort,.productSubSeries ul .product2Sort,.productLine ul .product4Sort,.productLine ul .product2Sort{
        font-size: 14px;
    }
    .information-rightMenu-subSeriesData .productSubSeries h3{
        font-size: 16px;
    }
}
@media screen and (max-width: 1280px){
    .p-one{
        min-width: 70px;
        max-height: 70px;
    }
    #matching-table .restrict .selection-filter{
        left:-80%
    }
    thead th .matingHardwareType .selection-filter{
        left: 0%;
    }
    thead th.slotNumber .selection-filter{
      left: -100%;
    }
    .productLine ul{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .productSubSeries ul .product2Sort{
        width: 30%;
    }
    .productSubSeries ul .product4Sort{
        width: 30%;
    }
    .information-rightMenu-subSeriesData .expand ul li{
        width: 30%;
    }
    .information-rightMenu-subSeriesData .product-list dl dd{
        width: 30%;
    }
}
@media screen and (max-width: 1024px){
    .productLine ul{
        grid-template-columns: 50% 50%;
    }
    .productSubSeries ul .product2Sort{
        width: 46%;
    }
    .productSubSeries ul .product4Sort{
        width: 46%;
    }
    .information-rightMenu-subSeriesData .expand ul li{
        width: 46%;
    }
    .information-rightMenu-subSeriesData .product-list dl dd{
        width: 46%;
    }
    .information-rightMenu-subSeriesData .product-list dl dd a{
        overflow: unset;
        text-overflow: unset;
        word-break: break-word;
    }
    .home-srhimg{
        background-size: auto 40%;
    }
    .allToolsDiv ul{
        grid-template-columns: repeat(2,calc((100% - 30px)/2))
    }
}
@media screen and (max-width: 760px){
    .informationDiv{
        flex-wrap: wrap;
    }
    .information-leftMenu{
        width: 100%;
    }
    .infomation-search{
        margin: 20px auto;
    }
    #infomation-search-input{
        height: 40px;
        border-radius: 8px;
    }
    .home-srhimg{
        height: 40px;
        background-size: auto 40%;
    }
    .banner_line{
        display: none;
    }
    .infomation-nav ul li{
        height: 40px;
        line-height: 40px;
    }
    .infomation-nav ul li a{
        font-size: 17px;
        font-weight: bold;
    }
    .infomation-nav{
        height: 41px;
        margin-top: 20px;
    }
    .infomation-nav ul{
        height: 40px;
    }
    .information-leftMenu{
        margin-top: 20px;
        margin-bottom: 30px;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .information-menu-mllist{
        display: flex;
        border-left: 0;
        border-bottom:1px solid #e3e3e3;
        padding:0;
        gap: 20px;
    }
    .information-menu-mllist .menu_list{
        margin-left: 0;
        border-left: 0;
        white-space: nowrap;
        margin-bottom: -1px;
        padding-left: 0;
        padding-bottom: 10px;
        font-size: 16px;
    }
    .information-menu-mllist .menu_list.checked{
        border-left: 0;
        border-bottom: 1px solid #c7000b;
    }
    .information-rightMenu-title span a{
        font-size: 16px;
    }
    .information-rightMenu-title{
        border-bottom: 0;
    }
    .information-rightMenu-title .checked{
        border-bottom: 1px solid #c7000b;
    }
    .allToolsDiv ul{
        grid-template-columns: repeat(1,100%);
    }
    .allToolsDiv{
        margin-top: 40px;
    }
}
@media screen and (max-width: 440px){
    .productLine ul{
        grid-template-columns: 100%;
    }
    .productSubSeries ul .product2Sort{
        width: 100%;
    }
    .productSubSeries ul .product4Sort{
        width: 100%;
    }
    .information-rightMenu-subSeriesData .expand ul li{
        width: 98%;
    }
    .information-rightMenu-subSeriesData .product-list dl dd{
        width: 100%;
    }
    .information-rightMenu-title-subSeriesDiv{
        width: 180px;
    }
    .home-srhimg{
        background-size: auto 35%;
    }
    .information-rightMenu-seriesData .productLine h3,.information-rightMenu-subSeriesData .productSubSeries h3{
        font-size: 14px;
    }
    .productLine ul .product4Sort,.productSubSeries ul .product4Sort,.productLine ul .product2Sort{
        font-size: 14px;
        margin: 10px 0 10px 10px;
    }
    .productSubSeries ul li a{
        font-size: 14px;
    }
    .infomation-nav ul{
        margin: 0 40px;
    }
    .allToolsDiv ul{
        grid-template-columns: repeat(1,100%);
        margin-left:0;
        margin-right: 0;
    }
    .allToolsDiv ul a{
        padding: 24px 24px;
    }
}
.information-rightMenu-seriesData a:hover{
	color:#c7000b !important;
}
.outer-container a:hover{
	color:#c7000b !important;
}
.homePageTagDiv{
	min-height:500px;
}
.information-leftMenu::-webkit-scrollbar {
    width: 0;
    background: transparent;
}
.infomation-search-quick-isHotIcon{
    background: url(../../newInformationSearch/img/bookshelf_content_hot.svg) no-repeat right;
    /*position: absolute;*/
    display: inline-block;
    background-position: center;
    background-size: 100%;
    width: 30px;
    height:20px;
    margin-left:12px
}