/* 确保这个CSS规则被放置在适当的CSS文件中或在HTML文档的标签内 */
.detailsCenter {
background-color: #FFFFFF;/* 设置背景颜色为白色 */padding: 5px 10px;/* 可选：根据需要添加内边距 */width: 1202px;margin: 0 auto;
}
.common-layout-ht {
padding: 20px 20px 20px 20px;
float: left;
width: 1085px;
}
.fs-16 {
font-size: 16px;
}
.fw-b {
font-weight: 700 !important;
}
.detailsCenter4 {
background-color: #FFFFFF;
display: flex;
width: 1202px;
margin: 0 auto;
}
.fr {
float: right;
}
.p20 {
padding: 20px;
}
.bg-div {
background-color: #F5F5F5;
padding-top: 10px;
}
.slideBox.common-layout-ct {
overflow: hidden;
zoom: 1;
padding: 0px 15px 15px;
position: relative;
}
.banner-slide {
overflow: hidden;
position: relative;
margin: 0 auto;
}
.banner-slide {
overflow: hidden;
position: relative;
margin: 0 auto;
}
.slideBox.common-layout-ct ul {
overflow: hidden;
zoom: 1;
width: 1201px;
}
.common-layout-item {
margin-right: 1px;
margin-left: 12px;
}
li {
list-style: none;
}
.fl,
.loadboot-exception {
float: left;
}
.slideBox.common-layout-ct li a {
display: inline-block;
width: 218px;
height: 194px;
border: 1px solid #e4e4e4;
overflow: hidden;
}
.maf-logo {
max-width: 216px;
max-height: 130px;
}
fieldset,
img {
border: none;
}
img {
vertical-align: middle;
}
.common-layout-item .item-txt {
text-align: center;
width: 101%;
height: 63px;
background-color: #f2f2f2;
color: #333;
overflow: hidden;
margin-left: -1px;
display: block;
line-height: 63px;
padding: 0px 5px;
}
.common-layout-item .item-txt:hover{
color: #1a9fe9 !important;
}
div {
display: block;
unicode-bidi: isolate;
}
.t-o {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.d-b {
display: block;
}
.icon:before {
width: 16px\9;
height: 16px\9;
}
.icon-back:before {
content: "\e600";
}
.icon-back:before {
content: "\e636";
}
.icon-back:before {
content: "\e636";
}
.slideBox {
position: relative;
}
.tempWrap {
overflow: hidden;
position: relative;
width: 1155px;
}
#brandList {
position: relative;
transition: left 0.5s ease;
}
.slideBox.common-layout-ct .hd {
right: 600px;
bottom: 150px;
}
.banner-slide .hd {
position: absolute;
right: 10px;
bottom: 10px;
z-index: 100;
}
.icon {
font-family: ICKEY !important;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.header .header-top .leftbar .qqiframe a i,
.icon,
.table-ucenter>tbody>tr>td .subtable tbody tr td div .order-numbers,
i {
font-style: normal;
}
.slideBox.common-layout-ct li a:hover{
border: 1px solid #34b4ff;
}
.sg-moudle1 .nav-tabs {
display: flex;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #ddd;
}
.sg-moudle1 .nav-tabs li {
padding: 10px 234px;
cursor: pointer;
background: #fff;
border-bottom: none;
}
.sg-moudle1 .nav-tabs li.active {
background: #0094e7;
color: #fff !important;
font-weight: bold;
}
/* 内容区域样式 */
.sg-moudle1-ct {
display: none;
padding: 20px;
border-top: 1px solid #ddd;
border-top: none;
background: #fff;
}
.sg-moudle1-ct.active {
display: block;
}
/* 主题颜色（可自定义） */
.theme-color {
color: #3498db;
}
.fs-18 {
font-size: 18px;
font-weight: bold;
}
.fw-b {
font-weight: bold;
}
.pt10 {
padding-top: 10px;
}
.pt15 {
padding-top: 15px;
}
.js_sg-moudle1-ct1 {
height: 330px;
width: 1202px;
background: url(/_style/images/7c95c0acb91ad560e3edbeb6e9393a91.png) no-repeat 38px center;
position: relative;
}
.js_sg-moudle1-ct2 {
height: 330px;width: 1202px;background: url(/_style/images/one_step.png) no-repeat 38px center;position: relative;
}
.sg-m1-des{
margin: 50px 40px 0px 475px; color: #666;
}
.mudulePartbox_div{
width: 200px; height: 92.3px; background-color: #fff;border-radius: 5px;
}
.mudulePartfont{
font-size: 16px; color: #333;padding: 23px 0px 23px 19px;
}
.middlerightsideass {
margin-top: 10px;width: 194px;height: 399px;margin-left: 10px;background-color: #fff;padding: 20px;
}
.mudulePartbox_div a{
display: flex;
}
.mudulePartImgbox_img{
width: 97px; height: 91px; object-fit: cover; object-fit: contain;
}
.middlerightsideass_div{
font-size: 13px; color: #666; margin-top: 10px;
}
.middlerightsideass_img{
margin-top:20px;width:154px;border:1px solid #F2F2F2;padding-bottom:8px;
}
.middlerightsideass_img img{
width: 100%;height: 100%;
}
/* 品牌 */
.show-more_brandtop {
width: 1045px;
max-height: 166px;
overflow-y: auto;
display: flex;
flex-wrap: wrap;
gap: 10px;
background-color: #f2f5fa;
margin-left: 10px;
padding: 10px;
}
.brand-brand_select {
width: 117px;
height: 42px;
border: 1px solid #ddd;
cursor: pointer;
position: relative; /* 为伪元素定位 */
}
.brand-brand_select img {
width: 100%;
height: 100%;
}
.brand-brand_black {
border-color: #e43a3d !important;
}
/* 使用伪元素显示选中标记（更可靠） */
.brand-brand_black::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 16px;
height: 16px;
background-image: url('/_style/images/coupon-selected.png');
background-size: contain;
background-repeat: no-repeat;
}
/* 默认隐藏 hover 内容 */
.brand-one-hover {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255,1.0); /* 半透明黑色背景 */
color: rgb(255, 0, 0);
text-align: center;
padding: 5px;
font-size: 12px;
text-align: center;
box-sizing: border-box;
}
/* 鼠标悬停时显示 */
.brand-brand_select:hover .brand-one-hover {
display: block;
}
.hissify_allflex{
padding: 0px 20px 20px 20px; color: #666; display: flex; border-bottom: 1px dashed #eee;
}
/* 搜索框容器 */
.classifyHis_box {
display: flex;
align-items: center;
width: 300px; /* 可根据需求调整 */
height: 40px;
border: 1px solid #dcdfe6;
border-radius: 4px;
padding: 0 10px;
transition: border-color 0.3s;
background-color: #fff;
margin-left: 15px;
}
/* 输入框样式 */
.classifyHis_box .el-input__inner {
flex: 1;
height: 100%;
border: none;
outline: none;
font-size: 14px;
color: #606266;
background: transparent;
}
/* 搜索图标容器 */
.classifyHis_box .el-input__suffix {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 100%;
cursor: pointer;
}
/* 搜索图标样式 */
.classifyHis_box .iconfont.icon-sousuo {
font-size: 16px;
color: #c0c4cc;
transition: color 0.3s;
}
/* 悬停效果 */
.classifyHis_box:hover {
border-color: #c0c4cc;
}
/* 聚焦效果 */
.classifyHis_box.focus {
border-color: #409eff;
}
/* 搜索图标悬停颜色 */
.classifyHis_box .el-input__suffix:hover .iconfont.icon-sousuo {
color: #409eff;
}
.itemfacs-item{
width: 232px; background-color: #fff;border: 1px solid #dcdfe6;
}
.item-content {
padding: 10px;
width: 100%;
}
.item-content .item-price {
color: #d81e06;
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
}
.item-content .item-title a{
color: #333;
display: -webkit-box;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
word-break: break-all;
height: 40px;
}
.btns{
align-items: center;
border-top: 1px solid #ddd;
display: flex;
width: 232px;
}
.btns .btn{
color: #333;
font-size: 12px;
height: 31px;
line-height: 31px;
text-align: center;
width: 116px;
}
.btns .btn_add{
color: #333;
font-size: 12px;
height: 35px;
line-height: 35px;
text-align: center;
width: 116px;
border-right:1px solid #ddd;
}
.color-orange{
color: #ff4e00;
}
.color-orange:hover{
color: #ff4e00;
}
.color-orange11:hover{
color: #333;
}
.image-box{
width: 232px; height: 232px;padding: 10px;
}
.image-box img{
width: 100%;height: 100%; object-fit: cover; object-fit: contain;
}
.mod-list{
display: flex; flex-wrap: wrap; gap: 10px;
}
.mod-content{
display: flex;width: 1202px; margin: 0 auto;background-color: #fff;
}