/*
	DESTOON Copyright (C)2008-2099 www.destoon.com
	This is NOT a freeware,Use is subject to license.txt
*/
.head-txt {margin-bottom:0;}

.im0 {padding:10px 0;}
.im0l {width:220px;float:left;height:470px;background:#FFFFFF;}

.im0l {
  width: 220px;
  float: left;
  height: 470px;
  background: #FFFFFF;
  border: 2px solid #FF4400; /* 添加外框 */
  border-radius: 6px;         /* 可选：圆角使其更柔和 */
  box-sizing: border-box;    /* 确保边框不影响总宽度 */
}



.im0l p {height:32px;line-height:32px;padding:0 10px 0 20px;font-size:14px;margin:0;background:#0679D4;color:#FFFFFF;}
.im0l ul {margin:10px 0;}
.im0l i {font-style:normal;font-weight:bold;float:right;color:#EEEEEE;font-family:simsun;}
.im0l strong {font-weight:normal;}
.im0l li {height:32px;line-height:32px;padding:0 10px 0 40px;font-size:14px;overflow:hidden;cursor:pointer;}
im0l div:not(.tab-container){z-index:900;position:absolute;width:650px;height:510px;padding:10px 20px;overflow:hidden;border:#EEEEEE 1px solid;background:#FFFFFF;display:none;}
.im0l dl {margin:0;border-bottom:#EEEEEE 1px dotted;clear:both;}
.im0l dt {margin:0;padding:0;line-height:31px;font-size:14px;}
.im0l dd {margin:0;padding:0;line-height:32px;font-size:12px;}
.im0l em {font-style:normal;color:#EEEEEE;padding:0 10px;font-family:simsun;}
.im0l li:hover i {color:#FFFFFF;}
.im0l li:hover strong {color:#FFFFFF;}
.im0l li:hover div {display:block;}



.im0l-tab-wrapper {
  background-color: #FF4400;
  border-radius: 6px 6px 0 0;
  margin-bottom: 2px;
    padding: 0 10px;
}

.im0l-tab {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.im0l-tab li {
  flex: 1;
  text-align: center;
  padding: 8px 0; /* 减少垂直内边距 */
  color: #fff;
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  background-color: #FF4400;
  transition: background-color 0.3s;
  border-right: 3px solid rgba(255, 255, 255, 0.2); /* 添加右边框以分隔每个 tab */
}

.im0l-tab li:last-child {
  border-right: none; /* 去掉最后一个 tab 的右边框 */
}

.im0l-tab li a {
  color: #fff; /* 设置文字颜色为白色 */
  text-decoration: none; /* 去除链接下划线 */
  font-weight: normal; /* 设置字体为普通，不加粗 */
}

.im0l-tab li:hover {
  background-color: #e04a00; /* 悬停时背景颜色变化 */
}

.im0l-tab li.active {
  background-color: #e04a00; /* 选中项背景色 */
}

.subject-tab-content {
  display: none;
  background: #fff;
  padding: 10px 20px;
}

.subject-tab-content.active {
  display: block;
}

.im0l-tabb-wrapper {
  background-color: #FF4400;
  border-radius: 6px 6px 0 0;
  margin-bottom: -2px;
  margin-top: -11px;
  padding: 0 10px;
}

.im0l-tabb {
  display: flex;
  justify-content: flex-start; /* 左对齐，按内容宽度 */
  gap: 10px; /* TAB 间距 */
  margin: 0;
  padding: 0;
  list-style: none;
}

.im0l-tabb li {
  display: flex; /* 使用 flexbox 来控制内容布局 */
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  padding: 8px 14px; /* 更加合理的内边距 */
  background-color: #FF4400;
  color: #fff;
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px 4px 0 0;
  transition: background-color 0.3s;
}

.im0l-tabb li a {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  white-space: nowrap; /* 防止换行 */
}

.im0l-tabb li:hover,
.im0l-tabb li.active {
  background-color: #e04a00;
}









.im0l .cate-0 {background:url('cate-0.png') no-repeat 10px center;}
.im0l .cate-0:hover {background:#0679D4 url('cate-0-on.png') no-repeat 10px center;}
.im0l .cate-0:hover div {margin:-42px 0 0 160px;}
.im0l .cate-1 {background:url('cate-1.png') no-repeat 10px center;}
.im0l .cate-1:hover {background:#0679D4 url('cate-1-on.png') no-repeat 10px center;}
.im0l .cate-1:hover div {margin:-74px 0 0 160px;}
.im0l .cate-2 {background:url('cate-2.png') no-repeat 10px center;}
.im0l .cate-2:hover {background:#0679D4 url('cate-2-on.png') no-repeat 10px center;}
.im0l .cate-2:hover div {margin:-106px 0 0 160px;}
.im0l .cate-3 {background:url('cate-3.png') no-repeat 10px center;}
.im0l .cate-3:hover {background:#0679D4 url('cate-3-on.png') no-repeat 10px center;}
.im0l .cate-3:hover div {margin:-138px 0 0 160px;}
.im0l .cate-4 {background:url('cate-4.png') no-repeat 10px center;}
.im0l .cate-4:hover {background:#0679D4 url('cate-4-on.png') no-repeat 10px center;}
.im0l .cate-4:hover div {margin:-170px 0 0 160px;}
.im0l .cate-5 {background:url('cate-5.png') no-repeat 10px center;}
.im0l .cate-5:hover {background:#0679D4 url('cate-5-on.png') no-repeat 10px center;}
.im0l .cate-5:hover div {margin:-202px 0 0 160px;}
.im0l .cate-6 {background:url('cate-6.png') no-repeat 10px center;}
.im0l .cate-6:hover {background:#0679D4 url('cate-6-on.png') no-repeat 10px center;}
.im0l .cate-6:hover div {margin:-234px 0 0 160px;}
.im0l .cate-7 {background:url('cate-7.png') no-repeat 10px center;}
.im0l .cate-7:hover {background:#0679D4 url('cate-7-on.png') no-repeat 10px center;}
.im0l .cate-7:hover div {margin:-266px 0 0 160px;}
.im0l .cate-8 {background:url('cate-8.png') no-repeat 10px center;}
.im0l .cate-8:hover {background:#0679D4 url('cate-8-on.png') no-repeat 10px center;}
.im0l .cate-8:hover div {margin:-298px 0 0 160px;}
.im0l .cate-9 {background:url('cate-9.png') no-repeat 10px center;}
.im0l .cate-9:hover {background:#0679D4 url('cate-9-on.png') no-repeat 10px center;}
.im0l .cate-9:hover div {margin:-330px 0 0 160px;}
.im0l .cate-10 {background:url('cate-10.png') no-repeat 10px center;}
.im0l .cate-10:hover {background:#0679D4 url('cate-10-on.png') no-repeat 10px center;}
.im0l .cate-10:hover div {margin:-362px 0 0 160px;}
.im0l .cate-11 {background:url('cate-11.png') no-repeat 10px center;}
.im0l .cate-11:hover {background:#0679D4 url('cate-11-on.png') no-repeat 10px center;}
.im0l .cate-11:hover div {margin:-394px 0 0 160px;}
.im0l .cate-12 {background:url('cate-12.png') no-repeat 10px center;}
.im0l .cate-12:hover {background:#0679D4 url('cate-12-on.png') no-repeat 10px center;}
.im0l .cate-12:hover div {margin:-426px 0 0 160px;}
.im0l .cate-13 {background:url('cate-13.png') no-repeat 10px center;}
.im0l .cate-13:hover {background:#0679D4 url('cate-13-on.png') no-repeat 10px center;}
.im0l .cate-13:hover div {margin:-458px 0 0 160px;}
.im0l .cate-14 {background:url('cate-14.png') no-repeat 10px center;}
.im0l .cate-14:hover {background:#0679D4 url('cate-14-on.png') no-repeat 10px center;}
.im0l .cate-14:hover div {margin:-490px 0 0 160px;}
.im0l .cate-15 {background:url('cate-15.png') no-repeat 10px center;}
.im0l .cate-15:hover {background:#0679D4 url('cate-15-on.png') no-repeat 10px center;}
.im0l .cate-15:hover div {margin:-522px 0 0 160px;}

.im0m {width:660px;float:left;margin:0 10px;height:460px;}



.im0a {width:650px;padding-left:10px;height:140px;margin-top:10px;background:#FFFFFF;overflow:hidden;}
.im0a div {width:206px;height:108px;margin:11px 10px 0 0;float:left;overflow:hidden;}
.im0a img {width:206px;height:108px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.im0a img:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.im0r {width:320px;float:left;height:470px;overflow:hidden;}





.im0u {height:300px;overflow:hidden;background:#FFFFFF;}

.im0t {height:160px;overflow:hidden;margin-top:10px;background:#FFFFFF;}







.im0t-list {height:160px;overflow:hidden;margin:10px 16px;}
.im0t-list li {height:28px;line-height:28px;overflow:hidden;}
.im0t-list li .f_r {padding-left:16px;color:#999999;}

.im0g {height:75px;overflow:hidden;padding:0 10px; background: #FFF3F3;}
.im0g div {width:75px;height:75px;float:left;text-align:center;padding:10px 0;}
.im0g div:hover {background:#EEEEEE;}
.im0g img {width:32px;height:32px;margin-bottom:6px;}
.im0g em {font-style:normal;background:#FF6600;border-radius:50%;color:#FFFFFF;font-size:12px;z-index:3;position:absolute;display:block;width:16px;height:16px;line-height:16px;overflow:hidden;text-align:center;margin:0 0 0 42px;}

.ian-h {}
.ian-h ul {border-bottom:#EEEEEE 1px solid;height:32px;padding-left:16px;}
.ian-h li {border:#FFFFFF 1px solid;border-bottom:#EEEEEE 1px solid;display:inline-block;height:31px;line-height:31px;margin-right:16px;padding:0 10px;float:left;}
.ian-h .on {border:#EEEEEE 1px solid;border-bottom:#FFFFFF 1px solid;}

.ian-b {height:66px;overflow:hidden;margin:10px 16px;}
.ian-b li {height:24px;line-height:24px;overflow:hidden;}
.ian-b li .f_r {padding-left:16px;color:#999999;}
.ian-b div {float:left;width:32px;height:32px;line-height:16px;padding:14px;text-align:center;border:#EEEEEE 2px solid;border-radius:50%;}
.ian-b div:hover {border:#FF6600 2px solid;}
.ian-b p {float:left;width:48px;height:16px;padding:24px 0;margin:2px 0 0 0;text-align:center;font-weight:bold;color:#EEEEEE;font-family:simsun;}

.im-b {overflow:hidden;border-bottom:#F6F6F6 1px solid;}
.im-l {width:220px;height:276px;float:left;background:#FFFFFF;overflow:hidden;padding:0 0 10px 0; }
.im-l p {margin:16px 20px 8px 20px;font-size:16px;}
.im-l li {width:90px;padding-left:20px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;}
.im-r {width:1000px;float:left;}

.im-b-img {height:276px;background:#F6F6F6;}
.im-r-img div {width:168px;height:248px;border:#FFFFFF 1px solid;margin:10px 0 0 10px;padding:10px;float:left;background:#FFFFFF;}
.im-r-img div img {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.im-r-img div:hover {border:#EEEEEE 1px solid;box-shadow:2px 2px 10px #EEEEEE;}
.im-r-img div:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.im-r-img i {display:block;height:40px;line-height:40px;font-size:12px;font-style:normal;color:#999999;}
.im-r-img b {display:block;height:40px;line-height:40px;color:#E4393C;font-size:14px;}
.im-r-img b s {font-size:12px;text-decoration:none;}
.im-r-img b em {float:right;font-size:12px;color:#999999;font-weight:normal;font-style:normal;padding-right:4px;}
.im-r-img b span {color:#999999;font-weight:normal;}
.im-r-img p {height:36px;line-height:18px;margin:0;overflow:hidden;font-size:12px;}

.in-b {overflow:hidden;padding:0 0 6px 0;}
.in-l {width:220px;float:left;}
.in-m {width:490px;float:left;margin:0 20px;}
.in-r {width:470px;float:left;}

.in-l div {background:#F6F6F6;padding:10px 16px;margin:10px 0 0 10px;}
.in-l div:hover {background:#EEEEEE;}
.in-l div p {height:48px;line-height:24px;overflow:hidden;font-size:16px;margin:0 0 10px 0;}

.in-m h2 {text-align:left;font-size:22px;margin:10px 12px;height:48px;line-height:48px;overflow:hidden;}

.in-img {}
.in-img div {width:144px;margin:10px 10px 0 0;padding:1px;float:left;}
.in-img div:hover {background:#EEEEEE;}
.in-img div p {height:36px;line-height:18px;overflow:hidden;font-size:12px;margin:10px;}

.ic-b {overflow:hidden;padding:0 0 10px 0;}
.ic-l {width:220px;float:left;}
.ic-m {width:490px;float:left;margin:0 20px;}
.ic-r {width:470px;float:left;}

.ic-brand {background:#F6F6F6;padding:10px;margin:10px 0 0 10px;}
.ic-brand i {font-style:normal;font-size:16px;padding:0 0 10px 10px;display:block;}
.ic-brand p {margin:10px 0 0 0;padding-top:10px;text-align:center;height:88px;}
.ic-brand p:hover {background:#FFFFFF;}
.ic-brand p b {display:block;height:32px;line-height:32px;overflow:hidden;font-size:14px;margin:0;font-weight:normal;}
.ic-brand #brands {height:360px;overflow:hidden;}

.ic-know-credit {background:url('ico_reward.gif') no-repeat right center;color:#999999;padding:0 16px;}

.ic-club {height:240px;overflow:hidden;margin-bottom:10px;}
.ic-club-b {padding-left:10px;overflow:hidden;}
.ic-club-b div {width:150px;height:140px;padding:20px 0;float:left;text-align:center;}
.ic-club-b div:hover {background:#F6F6F6;}
.ic-club-b div:hover img {border:#FF6600 2px solid;}
.ic-club-b img {width:86px;height:86px;border-radius:50%;padding:2px;border:#EEEEEE 2px solid;}
.ic-club-b p {height:32px;line-height:32px;overflow:hidden;font-size:14px;margin:0;}
.ic-club-b span {font-size:12px;color:#999999;}

.ilink {padding:16px;}
.ilink li {padding:0 16px 10px 0;float:left;}


.im0mall {width:990px;height:222px;overflow:hidden;position:absolute;z-index:1;background:#FFFFFF;margin-top:10px;}
.im0t-mall div {width:100px;height:160px;overflow:hidden;margin:16px 0 0 21px;float:left;}
.im0t-mall b {height:24px;line-height:24px;color:#E4393C;font-size:12px;}
.im0t-mall p {height:32px;line-height:16px;margin:0;overflow:hidden;font-size:12px;}









/* 重命名现有的类名，后缀加上"-quanyi" */
.im0-quanyi {
    padding: 10px 0;
}

.im0l-quanyi {
    width: 220px;
    float: left;
    height: 470px;
    background: #FFFFFF;
    border: 2px solid #FF4400; /* 外框 */
    border-radius: 6px;         /* 圆角 */
    box-sizing: border-box;    /* 不影响总宽度 */
}

.im0l-quanyi p {
    height: 32px;
    line-height: 32px;
    padding: 0 10px 0 20px;
    font-size: 14px;
    margin: 0;
    background: #0679D4;
    color: #FFFFFF;
}

.im0l-quanyi ul {
    margin: 10px 0;
}

.im0l-quanyi i {
    font-style: normal;
    font-weight: bold;
    float: right;
    color: #EEEEEE;
    font-family: simsun;
}

.im0l-quanyi strong {
    font-weight: normal;
}

.im0l-quanyi li {
    height: 32px;
    line-height: 32px;
    padding: 0 10px 0 40px;
    font-size: 14px;
    overflow: hidden;
    cursor: pointer;
}

.im0l-quanyi .cate-0 {
    background: url('cate-0.png') no-repeat 10px center;
}

.im0l-quanyi .cate-0:hover {
    background: #0679D4 url('cate-0-on.png') no-repeat 10px center;
}

.im0m-quanyi {
    width: 660px;
    float: left;
    margin: 0 10px;
    height: 460px;
}

/* 新样式 */
.im0a-quanyi {
    width: 650px;
    padding-left: 10px;
    height: 140px;
    margin-top: 10px;
    background: #FFFFFF;
    overflow: hidden;
}

/* 更新现代化的购物车布局 */
.im0g-quanyi {
    height: 75px;
    overflow: hidden;
    padding: 0 10px;
    background: #FFF3F3;
}

.im0g-quanyi div {
    width: 75px;
    height: 75px;
    float: left;
    text-align: center;
    padding: 10px 0;
}

.im0g-quanyi div:hover {
    background: #EEEEEE;
}

.im0g-quanyi img {
    width: 32px;
    height: 32px;
    margin-bottom: 6px;
}

.im0g-quanyi em {
    font-style: normal;
    background: #FF6600;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 3;
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    text-align: center;
    margin: 0 0 0 42px;
}