
/* 方案店铺-所有产品 / 代理商-方案产品 */

.fanganshop_productListPage {
	gap: 20px;
	margin-top: 20px;
}

/* 左侧导航 */

.fanganshop_leftNavBox {
	width: 230px;
}
.fanganshop_leftNavTitleBox {
	height: 39px;
	background-color: #0070BC;
	font-size: 12px;
	font-weight: bolder;
	color: #fff;
	padding-left: 10px;
	line-height: 39px;
	box-sizing: border-box;
}
.fanganshop_border {
	border: 1px solid #e4e4e4;
	border-top: none;
}
.fanganshop_leftsearchTitle {
	width: 36px;
	font-size: 12px;
	text-align: right;
	flex-shrink: 0;
}
.fanganshop_leftBtn {
	width: 62px;
	height: 22px;
	border-radius: 2px;
	background: linear-gradient(to bottom, #7E7E7E, #4B4B4B);
	text-align: center;
	line-height: 22px;
	color: #fff;
	margin-left: 46px;
	cursor: pointer;
}
.fanganshop_leftNavBox .inputStyle {
	height: 25px;
	border: 1px solid #E4E4E4;
	background-color: #fff;
}
.fanganshop_leftNavListItem {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #222;
	padding: 7px 10px;
	box-sizing: border-box;
	border-bottom:  1px solid #e4e4e4;
	cursor: pointer;
}
.fanganshop_leftNavListItem .iconfont {
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: 1px solid #C3C3C3;
	text-align: center;
	line-height: 13px;
	color: #C3C3C3;
	margin-right: 5px;
	font-size: 7px !important;
}
.fanganshop_leftNavSecondBox {
	padding: 0 10px;
	border-bottom:  1px solid #e4e4e4;
	display: none;
}
.fanganshop_leftNavSecondBox li {
	height: 31px;
    line-height: 31px;
    font-size: 12px;
    color: #666;
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}
.fanganshop_leftNavSecondBox li::before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color: #0070BC;
}

/* 右侧内容 */

.schemes_selesct_box .sup-filtrate{
	width: 100%;
}

.schemes_selesct_box .sup-filtrate .sup-filtrate-type {
	padding: 0px 19px;
}
.schemes_selesct_tab {
	height: 52px;
}
.schemes_selesct_tabItem {
	font-size: 13px;
	color: #404040;
	padding-right: 20px;
	height: 30px;
	border-right: 1px solid #EEE8E5;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.schemes_selesct_tabItem:last-of-type{
	border-right: none;
}
.tabItem_On {
	color: #0070BC !important;
}
.tabItem_On .icon-flame {
	color: #0070BC !important;
}
.tabItem_On .clr-active {
	color: #0070BC !important;
}

.schemes_selesct_tabItem .iconfont {
	margin-left: 3px;
    color: #BEBEBE;
}
.schemes_selesct_tabItem .icon_price {
	position: relative;
    width: 10px;
    height: 17px;
}
.schemes_selesct_tabItem .price_top {
	display: inline-block;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 8px !important;
}
.schemes_selesct_tabItem .price_bottom{
	display: inline-block;
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 8px !important;
}

/* 搜索框 */
.schemes_inputbox #schemesForm {
	width: 293px;
	height: 34px;
	border-radius: 5px;
	margin-right: 24px;
	border: 1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
}
.schemes_inputbox .searchInput {
	flex: 1;
	height: 100%;
	padding-left: 14px;
}
.schemes_input_btn {
	background-color: #E9EAEB;
	width: 58px;
	height: 35px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.schemes_input_btn .iconfont {
	color: #999;
	font-size: 18px !important;
}

/* 方案列表 */
.fanganshop_productBox {
    margin-top: 10px;
	width: 100%;
	padding: 20px 16px;
	box-sizing: border-box;
	background-color: #ffffff;
	display: flex;
    flex-wrap: wrap;
	gap: 17px;
}

 .fanganshop_productList_item {
    width: 230px;
    height: 330px;
}

.fanganshop_productList_item img {
    width: 230px;
    height: 230px;
    object-fit: cover;
	border-radius: 10px;
}

.fanganshop_productList_item_price {
    color: #FF303A;
    font-size: 18px;
	font-weight: bold;
	padding: 15px 0;
}

.fanganshop_productList_item_text {
    font-size: 14px;
	height: 44px;
    color: #333333;
}

.fanganshop_productList_item_text a {
	color: #333;
}

.schemes_selectItem {
	height: 30px;
	padding: 0 20px;
	font-size: 12px;
	color: #333;
	line-height: 30px;
	cursor: pointer;
}
.schemes_selectItemOn {
	border: 1px solid #0070BC ;
	color: #0070BC !important;
	border-radius: 5px;
	position: relative;
}
.schemes_selectItemOn::after {
	content: '\e713';
	font-family: 'iconfont';
	font-size: 15px !important;
	color: #0070BC !important;
	position: absolute;
    right: -1px;
    bottom: -9px;
}

/* 红色模板 */
.red_template_set .fanganshop_leftNavTitleBox {
	background-color: #FF872D;
}
.red_template_set .fanganshop_leftNavSecondBox li::before {
	background-color: #FF872D;
}
.red_template_set .sup-filtrate .sup-filtrate-tab ul li.active {
	color: #FF872D !important;
    border: 1px solid #FF872D;
}
.red_template_set .sup-filtrate .sup-filtrate-tab ul li.active::after {
	color: #FF872D;
}
.red_template_set .tabItem_On {
	color: #FF872D !important;
}
.red_template_set .schemes_selectItemOn {
	border: 1px solid #FF872D ;
	color: #FF872D !important;
	border-radius: 0px;
}
.red_template_set .schemes_selectItemOn::after {
	color: #FF872D !important;
}
.red_template_set .tabItem_On {
	color: #FF872D !important;
}
.red_template_set .tabItem_On .icon-flame {
	color: #FF872D !important;
}
.red_template_set .tabItem_On .clr-active {
	color: #FF872D !important;
}


/* 蓝色模板 */
.blue_template_set .fanganshop_leftNavTitleBox {
	background-color: #19BAA7;
}
.blue_template_set .fanganshop_leftNavSecondBox li::before {
	background-color: #19BAA7;
}
.blue_template_set .sup-filtrate .sup-filtrate-tab ul li.active {
	color: #19BAA7 !important;
    border: 1px solid #19BAA7;
}
.blue_template_set .sup-filtrate .sup-filtrate-tab ul li.active::after {
	color: #19BAA7;
}
.blue_template_set .tabItem_On {
	color: #19BAA7 !important;
}
.blue_template_set .schemes_selectItemOn {
	border: 1px solid #19BAA7 ;
	color: #19BAA7 !important;
	border-radius: 0px;
}
.blue_template_set .schemes_selectItemOn::after {
	color: #19BAA7 !important;
}
.blue_template_set .tabItem_On {
	color: #19BAA7 !important;
}
.blue_template_set .tabItem_On .icon-flame {
	color: #19BAA7 !important;
}
.blue_template_set .tabItem_On .clr-active {
	color: #19BAA7 !important;
}

/* 黑色模板 */
.black_template_set .fanganshop_leftNavTitleBox {
	background-color: #3759E6;
}
.black_template_set .fanganshop_leftNavSecondBox li::before {
	background-color: #3759E6;
}
.black_template_set .sup-filtrate .sup-filtrate-tab ul li.active {
	color: #3759E6 !important;
    border: 1px solid #3759E6;
}
.black_template_set .sup-filtrate .sup-filtrate-tab ul li.active::after {
	color: #3759E6;
}
.black_template_set .tabItem_On {
	color: #3759E6 !important;
}
.black_template_set .schemes_selectItemOn {
	border: 1px solid #3759E6 ;
	color: #3759E6 !important;
	border-radius: 0px;
}
.black_template_set .schemes_selectItemOn::after {
	color: #3759E6 !important;
}
.black_template_set .tabItem_On {
	color: #3759E6 !important;
}
.black_template_set .tabItem_On .icon-flame {
	color: #3759E6 !important;
}
.black_template_set .tabItem_On .clr-active {
	color: #3759E6 !important;
}

/* 黑色-方案薄荷绿模板 */
.green_template_set .fanganshop_leftNavTitleBox {
	background-color: #9EDEDE;
	color: #2A8EA1;
}
.green_template_set .fanganshop_leftNavSecondBox li::before {
	background-color: #9EDEDE;
	color: #2A8EA1;
}
.green_template_set .sup-filtrate .sup-filtrate-tab ul li.active {
	color: #9EDEDE !important;
    border: 1px solid #9EDEDE;
}
.green_template_set .sup-filtrate .sup-filtrate-letter .filtrateLetterItem.active {
	color: #2A8EA1;
}
.green_template_set .sup-filtrate .sup-filtrate-tab ul li.active::after {
	color: #2A8EA1;
}
.green_template_set .tabItem_On {
	color: #2A8EA1 !important;
}
.green_template_set .schemes_selectItemOn {
	border: 1px solid #2A8EA1 ;
	color: #2A8EA1 !important;
	border-radius: 0px;
}
.green_template_set .schemes_selectItemOn::after {
	color: #2A8EA1 !important;
}
.green_template_set .tabItem_On {
	color: #2A8EA1 !important;
}
.green_template_set .tabItem_On .icon-flame {
	color: #2A8EA1 !important;
}
.green_template_set .tabItem_On .clr-active {
	color: #2A8EA1 !important;
}



