:root{
    --text-primary : rgba(49, 56, 85, 1) ;   /* 主色调文本 */
    --text-secondary :  rgba(117, 119, 133, 1) ; /* 次要文本 */
    --text-success :  #28a745 ;   /* 成功状态文本 */
    --text-error :  #dc3545 ;     /* 错误状态文本 */
    --text-warning :  #ffc107 ;   /* 警告状态文本 */
    --text-link :  rgba(0, 82, 217, 1) ;      /* 链接文本 */
    --titleTab:rgba(49, 56, 85, 1);         /*导航栏字体颜色*/
    --titleTabSelect: rgb(34, 97, 201);  /*导航栏字体选中颜色*/
    --module-title:rgba(49, 56, 85, 1);     /*模块标题*/
    --text-more:rgba(0, 90, 238, 1);        /*更多*/
    --gap:1rem;
    --list-height:7.2rem;
    --banner-height: calc(var(--list-height) * 2 + var(--gap));
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    html{
        font-size: 9px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    html{
        font-size: 10px;
    }
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
    html{
        font-size: 12px;
    }
}
@media (min-width: 1700px) and (max-width: 2099.98px) {
    html{
        font-size: 14px;
    }
}
*{
    margin: 0;
    padding: 0;
}

.rowFlex{
    display: flex;
    flex-direction: row;
}
.columnFlex{
    display: flex;
    flex-direction: column;
}
.spaceBetween{
    justify-content: space-between !important;
}
.end{
    justify-content: end;
}
.mainContent{
    margin: auto;
    width: 100rem;
    padding: 3rem 0;
}



/*标题*/

.tplSpecVersion .tpl-box{
    display: flex;
    justify-content: center;
    width: 100rem;
    margin: auto;
    align-items: center;
    height: auto;
    padding-top: 1rem;
}
.tplSpecVersion .tpl-logo img{
    width: 311px;
}
.tplSpecVersion .tpl-nav{
    display: flex;
    align-items: center;
    margin-top: 1rem;
}
.tplSpecVersion .tpl-menu{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.tplSpecVersion .tpl-item{
    overflow-wrap: break-word;
    color: var(--titleTab);
    font-size: 1.2rem;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    font-weight: normal;
    line-height: 3rem;
}
.tplSpecVersion .tpl-item-select{
    color:var(--titleTabSelect);
    border-bottom: 2px solid var(--titleTabSelect);
}
.tplSpecVersion .tpl-item:hover{
    color:var(--titleTabSelect);
    border-bottom: 2px solid var(--titleTabSelect);
}
.tplSpecVersion .tpl-group{
    width: 100%;
}
.tplSpecVersion .tpl-login{
    margin-left: 0.5rem;
}
.tplSpecVersion #registerBtn{
    margin-right: 1rem !important;
}
.tplSpecVersion .top_m{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 1rem;
}
.tpl-logo{
    justify-content: space-between;
}
.tpl-search{
    margin-right: 1.5rem;
}
.tpl-searchInput{
    width: 22rem;
    height: 2.5rem;
    padding-left: .5rem;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D2D2D2;
}
.tpl-searchBtn{
    width: 6rem;
    height: 2.5rem;
    background: #2B52FF;
    border: none;
    color: #fff;
    font-size: 1rem;
}
a:hover{
    color: var(--titleTabSelect);
}
/*模块标题*/
.articleHead{
    display: flex;
    justify-content: space-between;
}
.mainTitleCont{

}
.mainCommonTitle{
    font-size: 2rem;
    font-style: normal;
    white-space: nowrap;
    position: relative;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow-wrap: break-word;
    color: rgba(49, 56, 85, 1);
    font-family: PingFangSC-Medium;
    font-weight: 500;
}

.areaCont{
    width: 100%;
    margin-top: 2rem;
}
.productListGrid{
    display: grid;
    justify-content: space-between;
    align-content: space-evenly;
    grid-row-gap: 1rem;
}
.mainTitleBg{
    background-image: url("../../newIndex/img/SketchPngbc7cd998ae5d6912d1227cfd54f4e104f0b3ee3d349df4b28cfeccf537788de2.png");
}