@charset "UTF-8";
/*公共样式S*/

.home_tit {text-align:center; padding:20px 0 20px 0;}
.home_tit h2 {font-size:48px; line-height:48px; font-weight:600; background:linear-gradient(to bottom,rgba(24,17,17,.1),rgba(24,17,17,0)); -webkit-background-clip:text;color:transparent}
.home_tit h1 {font-size:30px; line-height:48px; color:#000; font-weight:bold; letter-spacing:10px; margin-top:-35px; position:relative; z-index:10;}
.home_tit p {font-size:16px; line-height:28px; color:#666;}

.home_cate {margin:0 auto; width:1220px; overflow:hidden;}
.home_cate li {position:relative; overflow:hidden; float:left; width:25%; padding:0 10px; box-sizing:border-box;}
.home_cate li .cate_item {width:100%; position:relative;}
.home_cate li .imgbox {width:100%; position:relative; padding-bottom:133.3333%; overflow:hidden; transition:.2s;  background:#000;}
.home_cate li:hover .imgbox img {opacity:0.6;}
.home_cate li .imgbox img {position:absolute; top:0; left:0; height:100%; width:100%; transition:.2s; opacity:0.8;}
.home_cate li .imgtext {position:absolute; left:0; right:0; bottom:-60px; text-align:center; transition:.5s;}
.home_cate li:hover .imgtext {bottom:0px; background:rgba(36,107,251,0.85); top:0;}
.home_cate li:hover .imgtext h2 {opacity:1;}

.home_cate h1 {font-size:24px; height:48px; line-height:48px; margin-top:30px; margin-bottom:5px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}
.home_cate h2 {
  font-size:14px; line-height:22px; opacity:0; height:44px; margin:0 20px 30px 20px; color:#fff; transition:.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2; /* number of lines to show */
  -webkit-box-orient: vertical;
}

.home_cate li .a_btn {display:inline-block; overflow:hidden; text-align:center; line-height:34px; color:#fff; padding:0 35px; box-sizing:border-box;
  font-size:14px; transition:.3s; border:1px solid rgba(255,255,255,0.6);
}
.home_cate li .a_btn:hover {background:rgba(255,255,255,0.85); border:1px solid rgba(255,255,255,0.85); color:#000;}

.home_bg {background:#f8f8f8; padding:0 0 50px 0;}
.zzy_img {width:1200px; margin:0 auto; padding:10px 0 30px 0;}
.zzy_img img {max-width:100%;}

.value {width:1240px; margin:0 auto; overflow:hidden; padding:30px 0 0 0;}
.value li {width:33.333%; float:left; text-align:center;}
.value li img {margin:0 auto;}
.value li p {padding:0 30px; text-align:left; font-size:14px; color:#666;}
.value li h3 {font-size:24px; font-weight:bold; color:#000; padding:20px 0 20px 0;}
.value li h3 span {color:#246bfb;}

.soft_list {width:1160px; margin:0 auto; padding:20px; background:rgba(255,255,255,0.9); box-shadow:0 0 8px rgba(0,0,0,0.1);}
.soft_list li {float:left; width:33.333%; text-align:center; padding:20px 0; position:relative;}
.soft_list li:after {content:""; width:1px; background:rgba(0,0,0,0.06); position:absolute; top:0; right:0; bottom:0;}
.soft_list li:before {content:""; height:1px; background:rgba(0,0,0,0.06); position:absolute; bottom:0; right:0; left:0;}
.soft_list li:nth-child(3):after, .soft_list li:nth-child(6):after {display:none;}
.soft_list li:nth-child(4):before, .soft_list li:nth-child(5):before, .soft_list li:nth-child(6):before {display:none;}
.soft_list li .inner {width:100%; box-sizing:border-box; padding:10px 50px 10px 50px;}
.soft_list li a {display:block;}
.soft_list li a:hover h2 {color:#246bfb;}
.soft_list li p img {height:54px; margin:0 auto;}
.soft_list li h2 {font-size:18px; color:#000; padding:2px 0 0 0; margin-bottom:6px; font-weight:600; height:30px; line-height:30px; overflow:hidden; transition:.3s;}
.soft_list li h3 {font-size:14px; line-height:20px; opacity:0.8; height:40px; margin-top:5px;
  overflow: hidden; color:#666;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2; /* number of lines to show */
  -webkit-box-orient: vertical;}
.soft_list li .a_btn {border:1px solid #ddd; display:inline-block; width:108px; color:#246bfb; line-height:34px; margin-top:12px; transition:.3s;}
.soft_list li:hover .a_btn {border-color:#246bfb; background:#246bfb; color:#fff;}


.home_ad {width:90%; margin:0 auto; padding:30px 0 0 0; overflow:hidden; color:#fff;}
.home_ad ul {margin:0 -10px; overflow:hidden;}
.home_ad li {float:left; width:25%; text-align:center;  box-sizing: border-box; padding:0 10px; transition:.5s;  overflow:hidden;}
.home_ad li a:after {content:""; position:absolute; left:0; top:0; right:0px; bottom:0; transition:.5s; z-index:10; border-radius:15px;
  background:rgba(0, 0, 0, .4);
}
.home_ad li a {color:#fff; width:100%; display:block; position:relative; padding-bottom:66.66666%; border-radius:15px; overflow:hidden;}
.home_ad li .pro_img {position:absolute; top:0; left:0; height:100%; width:100%; border-radius:15px;}
.home_ad li .pro_img img {height:100%; width:100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.home_ad li:hover .pro_img img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.home_ad p {font-size:18px; font-weight:bold; color:#FFF; height:40px; padding:0 30px; position:absolute; top:50%; left:0; right:0; line-height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:-20px; transition:.5s; z-index:12;}
.home_ad li:hover .div_con {height:100px;}
.home_ad li:hover a:after {background:rgba(0, 0, 0, .2);}

.home_ad2 {width:90%; margin:0 auto; padding:30px 0 0 0; overflow:hidden; color:#fff;}
.home_ad2 ul {margin:0 -10px; overflow:hidden;}
.home_ad2 li {float:left; width:50%; text-align:center;  box-sizing: border-box; padding:0 10px; transition:.5s;  overflow:hidden;}
.home_ad2 li a:hover:after {content:""; position:absolute; left:0; top:0; right:0px; bottom:0; transition:.5s; z-index:10; border-radius:15px;
  background:rgba(0, 0, 0, .3);
}
.home_ad2 li a {color:#fff; width:100%; display:block; position:relative; padding-bottom:37.5%; border-radius:15px; overflow:hidden;}
.home_ad2 li .pro_img {position:absolute; top:0; left:0; height:100%; width:100%; border-radius:15px;}
.home_ad2 li .pro_img img {height:100%; width:100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.home_ad2 li:hover .pro_img img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}


.title_list {width:1200px; margin:0 auto; overflow:hidden; color:#fff; margin-top:-20px;}
.title_list ul {margin:0 -12px;}
.title_list li {transition:.5s; position:relative; overflow:hidden; float:left; width:384px; margin:24px 12px 0 12px;}
.title_list li .imgbox img {width:100%; height:248px;}


.title_list li .hover_bg {position:absolute; top:0px; left:0px; z-index:1; right:0px; bottom:0px; transition:.5s; min-height:1px; background:rgba(0,0,0,0.075);}
.title_list li:hover .hover_bg {background:rgba(0,0,0,0.25);}
.title_list .btn_box {display:inline-block; background:#246bfb; font-size:14px; color:#FFF;  margin-top:25px; padding:0 32px; height:36px; line-height:36px; transition:.3s; opacity:0;}
.title_list .btn_box:hover {}

.title_list .div_con {position:absolute; padding-bottom:35px; bottom:-60px; left:30px; right:30px; z-index:10; overflow:hidden; transition:.5s;}
.title_list li:hover .div_con {bottom:0px;}
.title_list li:hover .btn_box {opacity:1;}

.title_list .div_con h1 {font-size:26px; font-weight:400; height:40px; line-height:40px; overflow:hidden;}
.title_list .div_con h2 {font-size:14px; line-height:22px; opacity:0.8; height:44px; margin-top:8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2; /* number of lines to show */
  -webkit-box-orient: vertical;
}

.about_img img {margin:0 auto;}


.img_list {width:90%; margin:0 auto; overflow:hidden; color:#fff;}
.img_list ul {margin:0 -10px; overflow:hidden;}
.img_list li {float:left; width:25%; text-align:center;  box-sizing: border-box; padding:10px; transition:.5s; overflow:hidden;}
.img_list li a, .img_list li .img_item {color:#fff; width:100%; display:block; position:relative; padding-bottom:125%; border-radius:15px; overflow:hidden;}
.img_list li .div_con {position:absolute; left:0px; right:0px; bottom:0; transition:.5s; height:80px; z-index:10;
  background: -moz-linear-gradient(rgba(39, 42, 51, 0), rgba(39, 42, 51, 1));
  background: -webkit-linear-gradient(rgba(39, 42, 51, 0), rgba(39, 42, 51, 1));
  background: -o-linear-gradient(rgba(39, 42, 51, 0), rgba(39, 42, 51, 1));
  background: -ms-linear-gradient(rgba(39, 42, 51, 0), rgba(39, 42, 51, 1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5272A33', endColorstr='#00272A33', GradientType=0);
}
.img_list li:hover .div_con {height:100px;}
.img_list li .pro_img {position:absolute; top:0; left:0; height:100%; width:100%; border-radius:15px;}
.img_list li .pro_img img {height:100%; width:100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.img_list li:hover .pro_img img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.img_list li .icon {width:120px; height:40px; line-height:40px; background:#246bfb; color:#fff; text-align:center; border-radius:4px; position:absolute; left:50%; top:0; z-index:20; margin:-20px 0 0 -60px; transition:.5s; opacity:0;}
.img_list li:hover .icon {margin:-20px 0 0 -60px; top:50%; opacity:1;}
.img_list li .icon:hover {background:#e83245;}
.img_list p {font-size:14px; color:#FFF; height:40px; padding:0 20px; line-height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:absolute; left:0; bottom:0; right:0; transition:.5s; z-index:12;}
.img_list li:hover p {bottom:20px;}
.img_list.related {width:1200px;}
.img_list.related li {width:20%;}

.home_foot {position:fixed; left:0; bottom:0; right:0; z-index:1000; height:85px; padding:40px 0 0 0;
  background:
          linear-gradient(to top ,rgba(0,0,0,0.6),rgba(0,0,0,0));
  background:
          -moz-linear-gradient(to top ,rgba(0,0,0,0.6),rgba(0,0,0,0));
  background:
          -webkit-linear-gradient(to top ,rgba(0,0,0,0.6),rgba(0,0,0,0));
  background:
          -o-linear-gradient(to top ,rgba(0,0,0,0.6),rgba(0,0,0,0));
  background:
          -ms-linear-gradient(to top ,rgba(0,0,0,0.6),rgba(0,0,0,0));
}
.home_foot ul {overflow:hidden;}
.home_foot li {float:left; padding:0 45px; position:relative; font-size:13px; color:#fff;}
.home_foot i {font-size:13px; padding-right:6px;}
.home_foot li:nth-child(1):after {content:''; display:block; width:2px; background:rgba(255,255,255,0.3); position:absolute; top:3px; right:0; bottom:3px;}
.home_foot li p {height:24px; line-height:24px; overflow:hidden;}

.home_ma {position:absolute; right:45px; top:46px; width:160px; cursor:pointer;}
.home_ma h2 {font-size:13px; border-radius:28px; line-height:32px; border:1px solid rgba(255,255,255,0.15); color:#fff; text-align:center;}
.home_ma p {display:none; width:160px; height:160px; position:absolute; left:0; bottom:48px; z-index:10;}
.home_ma p img {width:100%;}
.home_ma:hover p {display:block;}
.home_foot .btn {width:164px; border:1px solid #246bfb; color:#246bfb; line-height:42px; text-align:center; display:inline-block; margin:0 8px; border-radius:0; transition:.2s;}
.home_foot .btn.foot_im {background:#246bfb; color:#fff;}

.home_foot.other_foot {position:relative; background:#232323; margin-top:50px;}

.main {
  padding: 30px 0;
  overflow: hidden;
}
.main.index, .main.channel {
  padding: 0 0 50px 0;
  background: #fff;
  overflow: hidden;
}
.main.index [class|=col-lg], .main.channel [class|=col-lg] {
  margin-left: 0;
}
.main.index .col-lg-10, .main.channel .col-lg-10 {
  width: 760px;
}

.section {
  *zoom: 1;
  margin-bottom: 10px;
}
.section:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.section .subslider {
  margin-bottom: 20px;
}

.sidebar {
  float: left;
  min-height: 30px;
}

/*通过module-mg-small控制用在category_primary.html的小尺寸幻灯片*/
.module-mg-small .module {
  margin-bottom: 10px;
}
.module-mg-small .slider {
  height: 480px;
}

.slider {
  position: relative;
  height: 480px;
  overflow: hidden;
}
.slider .slider-pic img {
  display: block;
  width: 760px;
}
.slider .slider-switch {
  *zoom: 1;
  width: 100%;
  position: absolute;
  bottom: 20px;
  text-align: center;
  z-index: 9;
}
.slider .slider-switch:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.slider .slider-switch a {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 6px;
  line-height: 24px;
  margin-left: 5px;
  margin-right: 5px;
  background: #cdd3d1;
  color: #999;
  text-align: center;
}
.slider .slider-switch a.active {
  background: #ea2329 !important;
}
.slider .slider-switch a:hover {
  background: #999;
}
.slider.group-purchase {
  height: 550px;
}
.slider.group-purchase .slider-pic img {
  width: 1189px;
}
.slider.group-purchase a {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.full-slider {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}
.full-slider .slider-pic {
  position: relative;
  z-index: 1;
}
.full-slider .slider-pic img {
  display: block;
  width: 760px;
}
.full-slider .slider-pic .full-slider-box {
  position: relative;
  top: -30px;
}
.full-slider .slider-pic .full-slider-box img {
  width: 1190px;
}
.full-slider .slider-pic img[src=""], .full-slider .slider-pic img:not([src]) {
  opacity: 0;
}
.full-slider .slider-bg, .full-slider .desc-list {
  position: relative;
  height: 100%;
}
.full-slider .slider-bg li, .full-slider .desc-list li {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.full-slider .slider-bg li:first-child, .full-slider .desc-list li:first-child {
  opacity: 1;
}
.full-slider .box {
  height: 480px;
  z-index: 7;
  overflow: hidden;
}

.seaview-other {
  position: relative;
  z-index: 9;
}
.seaview-other .cover-content {
  height: 1px;
}
.seaview-other .box {
  float: right;
}

.seaview .cover-content {
  height: 1px;
  position: relative;
}
.seaview .cover-silder-gg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.groupbuy {
  background: #fff;
}
.groupbuy .groupbuy-title {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  background: #e8e8e8;
  color: #545454;
  font-weight: bold;
}
.groupbuy .groupbuy-pic img {
  display: block;
  width: 100%;
}
.groupbuy .groupbuy-info {
  padding: 10px;
}
.groupbuy .origin-price {
  font-size: 14px;
}
.groupbuy .origin-price i {
  text-decoration: line-through;
}
.groupbuy .discount-price {
  color: #dd2434;
  font-size: 18px;
}
.groupbuy .discount-price em {
  font-size: 16px;
}
.groupbuy .btn {
  float: right;
}
.groupbuy.groupbuy-small .groupbuy-title {
  height: 30px;
  line-height: 30px;
  background: #fff;
}
.groupbuy.groupbuy-small .groupbuy-info {
  padding-top: 0;
}

.subslider {
  *zoom: 1;
}
.subslider:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.subslider .prev-btn, .subslider .next-btn {
  float: left;
  display: block;
  width: 14px;
  height: 90px;
  line-height: 90px;
  background: #fff;
  color: #666;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
.subslider .prev-btn.disabled, .subslider .next-btn.disabled {
  color: #eee;
  cursor: default;
}
.subslider .subslider-pic {
  *zoom: 1;
  float: left;
  width: 1160px;
  height: 90px;
  overflow: hidden;
  margin: 0 1px;
  white-space: nowrap;
}
.subslider .subslider-pic:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.subslider .subslider-pic a {
  float: left;
  width: 145px;
  height: 90px;
  line-height: 88px;
  *line-height: 90px;
  border: 0 none;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
  *font-size: 81px;
  font-family: Arial;
}
.subslider .subslider-pic a img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.subslider .subslider-pic img {
  width: auto;
  height: auto;
}

.brand-wall {
  background: #dadadd;
  padding: 1px;
  padding-bottom: 0;
  margin-left: -1px;
  margin-right: -1px;
}
.brand-wall img {
  display: block;
}
.brand-wall .logo-list li {
  display: block;
  width: 151px;
  height: 84px;
  float: left;
  _display: inline;
  margin-bottom: 1px;
  margin-right: 1px;
  background: #fff;
}
.brand-wall .logo-list li a {
  display: table-cell;
  width: 152px;
  height: 84px;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.brand-wall .logo-list li a .out-line {
  border: 1px solid #dfc182;
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  display: none;
}
.brand-wall .logo-list li a:hover .out-line {
  display: block;
}
.brand-wall .logo-list li a img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.back-to-top {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 20px;
  z-index: 99;
  width: 40px;
  height: 40px;
  background: #e6e6e6;
  cursor: pointer;
  text-align: center;
}
.back-to-top i {
  line-height: 40px;
  color: #777;
  font-size: 30px;
}
.back-to-top span {
  display: none;
  line-height: 1.2;
  margin-top: 4px;
  color: #fff;
  font-size: 14px;
}
.back-to-top:hover {
  background: #777;
}
.back-to-top:hover span {
  display: inline-block;
}
.back-to-top:hover i {
  display: none;
}

.module .module-hd {
  height: 40px;
  line-height: 40px;
  padding: 0;
  color: #333;
  font-size: 20px;
  margin-top: 30px;
}
.module .module-hd em {
  font-size: 18px;
  font-weight: bold;
}
.module .module-hd a {
  float: right;
  color: #666;
}
.module .module-hd span {
  color: #666;
  font-size: 14px;
  margin-left: 10px;
}
.module .module-hd + .module-bd {
  margin-top: 0;
}
.module .module-bd {
  *zoom: 1;
  margin-top: 15px;
}
.module .module-bd:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}

.module-blue .catagorycover .catagorycover-title {
  background: #4da0f0;
}
.module-blue .goods, .module-blue .articalgoods {
  border-color: #4da0f0;
}
.module-blue .articalgoods-title {
  color: #4da0f0;
}

.module-green .catagorycover .catagorycover-title {
  background: #4bc68f;
}
.module-green .goods, .module-green .articalgoods {
  border-color: #4bc68f;
}
.module-green .articalgoods-title {
  color: #4bc68f;
}

.module-purple .catagorycover .catagorycover-title {
  background: #a05ea8;
}
.module-purple .goods, .module-purple .articalgoods {
  border-color: #a05ea8;
}
.module-purple .articalgoods-title {
  color: #a05ea8;
}

.module-yellow .catagorycover .catagorycover-title {
  background: #fab81c;
}
.module-yellow .goods, .module-yellow .articalgoods {
  border-color: #fab81c;
}
.module-yellow .articalgoods-title {
  color: #fab81c;
}

.module-fuchsia .catagorycover .catagorycover-title {
  background: #EC55B7;
}
.module-fuchsia .goods, .module-fuchsia .articalgoods {
  border-color: #EC55B7;
}
.module-fuchsia .articalgoods-title {
  color: #EC55B7;
}

.module-khaki .catagorycover .catagorycover-title {
  background: #E7CB5C;
}
.module-khaki .goods, .module-khaki .articalgoods {
  border-color: #E7CB5C;
}
.module-khaki .articalgoods-title {
  color: #E7CB5C;
}

.catagorycover {
  position: relative;
  background: #fff;
}
.catagorycover .catagorycover-title {
  height: 38px;
  line-height: 38px;
  padding: 0 10px;
  background: #DADADA;
  color: #fff;
  font-weight: bold;
}
.catagorycover .catagorycover-pic {
  position: relative;
  z-index: 2;
  width: 100%;
}
.catagorycover .catagorycover-pic .pic {
  position: relative;
}
.catagorycover .catagorycover-pic .icon {
  position: absolute;
  top: 50%;
  z-index: 3;
  color: #ccc;
  cursor: pointer;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.catagorycover .catagorycover-pic .icon.icon-arrow-left {
  font-size: 40px;
  margin-top: -30px;
  left: 10px;
}
.catagorycover .catagorycover-pic .icon.icon-arrow-right {
  right: 10px;
  font-size: 35px;
  margin-top: -25px;
}
.catagorycover .catagorycover-pic .icon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.catagorycover .catagorycover-pic img {
  display: block;
  width: 214px;
  height: 195px;
}
.catagorycover .catagorycover-pic .scroller {
  width: 214px;
  height: 195px;
  overflow: hidden;
}
.catagorycover .catagorycover-catagory {
  height: 42px;
  margin: 10px 0;
  overflow: hidden;
}
.catagorycover .catagorycover-catagory a {
  display: inline-block;
  width: 44%;
  margin-left: 20%;
  white-space: nowrap;
  overflow: hidden;
  color: #333;
}
.catagorycover.slider-brands .catagorycover-pic img {
  display: block;
  width: 214px;
  height: 65px;
}
.catagorycover.slider-brands .catagorycover-pic .scroller {
  width: 214px;
  height: 195px;
}
.catagorycover.slider-brands .catagorycover-catagory a {
  display: inline;
  width: auto;
  margin-left: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #333;
}

.goods {
  position: relative;
  height: 328px;
  background: #fff;
  border-top: 2px solid #DADADA;
  overflow: hidden;
}
.goods .goods-content {
  width: 290px;
}
.goods .goods-name {
  height: 42px;
  padding: 0 20px;
  font-size: 14px;
  overflow: hidden;
}
.goods .goods-pic {
  width: 290px;
  height: 230px;
  line-height: 228px;
  *line-height: 230px;
  border: 0 none;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
  *font-size: 207px;
  font-family: Arial;
}
.goods .goods-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.goods .goods-pic img {
  width: auto;
  height: auto;
}
.goods .goods-price {
  padding: 0 20px;
  font-size: 14px;
  color: #dd2434;
}
.goods .goods-switch-wrap {
  text-align: center;
}
.goods .goods-switch {
  *zoom: 1;
  display: inline-block;
}
.goods .goods-switch:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.goods .goods-switch li {
  float: left;
  display: block;
  width: 20px;
  height: 5px;
  margin: 0 5px;
  background: #e5e5e5;
  cursor: pointer;
}
.goods .goods-switch .active {
  width: 25px;
  background: #e52233;
}
.goods .scroller {
  width: 290px;
  height: 305px;
  overflow: hidden;
}
.goods.goods-small {
  position: relative;
  height: 348px;
}
.goods.goods-small .goods-pic {
  width: 215px;
  height: 348px;
  line-height: 346px;
  *line-height: 348px;
  border: 0 none;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
  *font-size: 313.2px;
  font-family: Arial;
}
.goods.goods-small .goods-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.goods.goods-small .goods-switch {
  position: absolute;
  left: 50%;
  bottom: 10px;
  margin: 0 0 0 -47px;
}

.categorygoods {
  *zoom: 1;
}
.categorygoods .categorygoods-title {
  height: 30px;
  line-height: 30px;
  border-bottom: 2px solid #333;
}
.categorygoods:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.categorygoods .categorygoods-item {
  float: left;
  width: 238px;
}
.categorygoods .categorygoods-item img {
  display: block;
  width: 100%;
}
.categorygoods .categorygoods-item:first-child {
  margin-left: 0;
}

.articalgoods {
  position: relative;
  background: #fff;
  border-top: 2px solid #DADADA;
}
.articalgoods .articalgoods-info {
  position: relative;
  height: 58px;
  padding: 20px 20px;
  background: #e5e5e5;
}
.articalgoods .articalgoods-title {
  height: 27px;
  overflow: hidden;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
}
.articalgoods .articalgoods-intro {
  height: 18px;
  overflow: hidden;
}
.articalgoods .articalgoods-pic img {
  display: block;
  width: 100%;
}

.crumbs em {
  margin-right: 10px;
  color: #b70f7c;
  font-size: 18px;
  font-weight: bold;
}
.crumbs em.color1 {
  color: #666;
}
.crumbs a {
  color: #666;
}
.crumbs .crumbs-recommend a {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #666;
}

.recommend {
  *zoom: 1;
}
.recommend:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.recommend img {
  float: left;
  width: 25%;
}

.ad img {
  display: block;
}

.seaview .ad {
  background: rgba(255, 255, 255, 0.8);
  padding: 13px;
}

.notice {
  background: #fafafa;
}
.notice .notice-hd {
  margin-bottom: 10px;
}
.notice .notice-hd em {
  font-weight: bold;
}
.notice .notice-hd span {
  float: right;
}
.notice .notice-list li {
  margin-bottom: 10px;
}
.notice .notice-list a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666;
}
.notice .pager {
  margin: 0;
  line-height: inherit;
}

.rank {
  padding: 0 10px;
  background: #fff;
}
.rank .rank-title {
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
.rank .rank-item {
  *zoom: 1;
  padding-bottom: 13px;
}
.rank .rank-item:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.rank .rank-item .num {
  float: left;
  line-height: 30px;
}
.rank .rank-item .num.num-1 {
  color: red;
}
.rank .rank-item .pic {
  float: left;
  margin: 0 5px;
  border: 2px solid #ccc;
}
.rank .rank-item .pic img {
  display: block;
}
.rank .rank-item .name {
  float: left;
  width: 68%;
  height: 35px;
  overflow: hidden;
}
.rank .rank-item .name a {
  color: #666;
}

.rank2 .rank-title {
  font-size: 16px;
  font-weight: bold;
  color: #666;
}
.rank2 .rank-item {
  *zoom: 1;
  padding: 10px;
  background: #fff;
}
.rank2 .rank-item:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.rank2 .rank-item .num {
  float: left;
  line-height: 30px;
}
.rank2 .rank-item .num.num-1 {
  color: red;
}
.rank2 .rank-item .pic {
  float: left;
  margin: 0 5px;
  border: 2px solid #ccc;
}
.rank2 .rank-item .pic img {
  display: block;
}
.rank2 .rank-item .name {
  float: left;
  width: 68%;
  height: 35px;
  overflow: hidden;
}
.rank2 .rank-item .name a {
  color: #666;
}

.brand .brand-hd {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #fafafa;
}
.brand .brand-hd em {
  font-weight: bold;
}
.brand .brand-hd a {
  float: right;
  color: #666;
}
.brand .brand-list {
  background: #fff;
  *zoom: 1;
}
.brand .brand-list:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.brand .brand-list a {
  float: left;
  width: 122px;
  height: 64px;
  line-height: 62px;
  *line-height: 64px;
  border: 0 none;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
  *font-size: 57.6px;
  font-family: Arial;
}
.brand .brand-list a img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.brand .brand-list img {
  width: auto;
  height: auto;
}

.brand2 .brand-hd {
  font-size: 16px;
  font-weight: bold;
  color: #666;
}
.brand2 .brand-hd em {
  font-weight: bold;
}
.brand2 .brand-hd a {
  float: right;
  color: #666;
}
.brand2 .brand-list {
  background: #fff;
  *zoom: 1;
}
.brand2 .brand-list:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.brand2 .brand-list a {
  float: left;
  width: 148px;
  height: 84px;
  line-height: 82px;
  *line-height: 84px;
  border: 0 none;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
  *font-size: 75.6px;
  font-family: Arial;
}
.brand2 .brand-list a img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.brand2 .brand-list img {
  width: auto;
  height: auto;
}

.recommend2 {
  background: #fff;
}
.recommend2 .recommend2-hd {
  height: 20px;
  line-height: 20px;
  padding: 5px 10px;
  color: #545454;
}
.recommend2 .recommend2-hd em {
  font-weight: bold;
}
.recommend2 .recommend2-hd span {
  float: right;
}
.recommend2 .pager {
  margin: 0;
  line-height: inherit;
}
.recommend2 .recommend2-pic img {
  display: block;
  width: 100%;
}

.banner img {
  display: block;
  width: 100%;
}

.search-shop {
  *zoom: 1;
  position: relative;
  padding: 10px;
  background: #fff;
}
.search-shop:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.search-shop .search-shop-pic {
  float: left;
  width: 175px;
  height: 55px;
  line-height: 53px;
  *line-height: 55px;
  border: 0 none;
  overflow: hidden;
  margin-right: 10px;
  text-align: center;
  *font-size: 49.5px;
  font-family: Arial;
}
.search-shop .search-shop-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.search-shop .search-shop-pic img {
  width: auto;
  height: auto;
}
.search-shop .search-shop-txt {
  float: left;
}
.search-shop .search-shop-title {
  margin-bottom: 5px;
  font-size: 14px;
}
.search-shop .btn {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
}
.search-shop i {
  margin-left: 10px;
}

/*shop_home page*/
.shopheader {
  height: 100px;
  border-top: 1px solid #eee;
}
.shopheader .shop-logo img {
  width: 200px;
  height: 60px;
}
.shopheader .shop-slogan {
  font-size: 16px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 80px;
}
.shopheader .shop-favorite {
  float: right;
  margin: 30px 15px 0 0;
  padding: 3px 18px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  background-color: #c81623;
  border-radius: 50px;
}
.shopheader .shop-favorite i {
  margin-right: 5px;
  font-size: 16px;
  vertical-align: middle;
}
.shopheader .shopheader-bg {
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.shopheader .shopheader-content {
  margin-top: -90px;
}
.shopheader .m-code {
  position: relative;
  float: right;
  margin-top: 24px;
  margin-right: 10px;
}
.shopheader .m-code .code-info {
  padding: 5px;
  border-radius: 5px;
  background: #c81623;
  cursor: pointer;
}
.shopheader .m-code .icon-code-small {
  display: block;
  width: 28px;
  height: 28px;
  background-position: -191px -55px;
  margin: 0 auto;
}
.shopheader .m-code .code-img {
  position: absolute;
  left: -4px;
  box-shadow: 0 0 10px #666;
  text-align: center;
  z-index: 10;
  background: #fff;
  padding: 5px;
  margin-top: 10px;
  border-radius: 5px;
  display: none;
}
.shopheader .m-code .code-img::after {
  content: "";
  position: absolute;
  left: 15px;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}
.shopheader .m-code.on .code-img {
  display: block;
}

.shopbar {
  *zoom: 1;
  height: 28px;
  line-height: 28px;
}
.shopbar:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  overflow: hidden;
}
.shopbar .left {
  float: left;
}
.shopbar .right {
  float: right;
}
.shopbar a {
  color: #333;
}

.shoptitle {
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  background: #e8e8e8;
}

/* 商家自定义区域文本编辑器图片样式 */
.img-circle {
  border-radius: 50%;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.4;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}




/*文章模块*/
.art_box {padding:30px 0 15px 0; min-height:600px; width:1200px; margin:0 auto;}
.art_nav{float:left;width:160px;}
.art_nav h2{font-size:16px;color:#000;padding:5px 0;}
.art_nav ul{padding:0 0 15px 0;}
.art_nav li{padding:3px 0;}
.art_nav li a{display:block; line-height:20px; overflow: hidden;padding:4px 10px 4px 0;white-space: nowrap;text-overflow: ellipsis;color: #8c8c8c;}
.art_nav li a:hover {color:#246bfb;}
.art_nav li a.active {color:#246bfb; font-weight:bold;}
.art_nav.cur .dropmenu-items{display: block;}

.art_detail {float:right; width:980px; min-height:650px; overflow:hidden; border-left:1px solid #e8e8e8; padding-left:40px;}
.art_tit {font-size:32px; line-height:44px; padding:10px 0 0px 0; color:#000; text-align:center;}
.art_tit2 {font-size:14px; line-height:24px; padding:0 0 10px 0; color:#999; text-align:center;}
.art_con {overflow:hidden; width:100%; line-height:24px; padding-top:15px;}
.art_con img {max-width:100% !important;}

.art_detail.art_detail2 {float:none; width:80%; border:none; padding:40px 0; margin:0 auto;}

.art_box2 {width:90%; margin:0 auto !important;}
.art_box2 img {margin:0 auto;}

.art_nav2{width:90%; padding:20px 0 20px 0; margin:0 auto;}
.art_nav2 ul {text-align:center; position:relative; overflow:hidden; height:50px;}
.art_nav2 li{padding:0 30px; display:inline-block; position:relative; font-size:18px; overflow:hidden; height:50px;}
.art_nav2 li a{display:block; height:50px; padding:0 12px; line-height:50px; overflow: hidden; position:relative; color: #333;}
.art_nav2 li a:hover, .art_nav2 li.cur a {color:#246bfb;}

.art_nav2 li:after{content: ""; position: absolute; display: block; height:4px; background-color:#246bfb; z-index:100; left:25px; right:25px; bottom: 0px; opacity: 0; transform: scaleX(0); transition: all 0.2s cubic-bezier(0.18, 0.89, 0.17, 0.88) 0s, opacity 0.15s ease 0s; }
.art_nav2 li.cur:after, .art_nav2 li:hover:after { opacity: 1; transform: scaleX(1); }

.art_list {width:90%; overflow:hidden; min-height:300px; margin:0 auto;}
.art_list ul {margin:0 -15px;}
.art_list li {float:left; padding:15px 15px; box-sizing:border-box; -webkit-box-sizing:border-box; width:33.3333%;}
.art_list li a {display:block; width:100%; background:#fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.art_list li .newimg {position:relative; padding-bottom:60%; width:100%; overflow:hidden;}
.art_list li .newimg img {position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.art_list li .newimg:hover img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.art_list li h2 {font-size:16px; height:44px; line-height:44px; overflow:hidden; text-align:center; text-overflow:ellipsis; white-space: nowrap;}

.vip_notes {padding:40px 0 0 62px;}
.vip_notes p {height:40px; line-height:40px; overflow:hidden;}
.vip_notes p b {width:120px; font-weight:normal; float:left;}

.no_notes {text-align:center;}
.no_notes p {color:#999; padding:100px 0 20px 0;}
.no_notes .btn {display:inline-block; border-radius:4px; overflow:hidden;}

.vip_text {background:#f8f8f8; border-radius:4px; padding:20px; margin-top:20px;}

/*能力供需模块*/
.nl_form {width:100%; height:350px; position:relative;}
.nl_form h1 {text-align:center; position:absolute; top:90px; left:0; z-index:10; font-size:36px; color:#fff; width:100%;}
.nl_form h2 {text-align:center; position:absolute; top:150px; left:0; z-index:10; font-size:16px; color:#fff; width:100%;}
.xq_ss {text-align:center; position:absolute; bottom:90px; left:50%; z-index:10; margin:0 0 0 -424px; font-size:16px; color:#fff;}
.xq_ss ul {height:50px; overflow:hidden;}
.xq_ss li {float:left; height:50px; line-height:50px;}
.xq_ss li input[type=text] {float:left; width:480px; border:2px solid #0064ff; height:46px; line-height:46px; padding:0 20px;}
.xq_ss li input[type=submit] {float:left; width:120px; height:50px; background:#0064ff; color:#fff; font-size:16px; border:none; margin-right:15px;}
.xq_ss li .a_btn {height:50px; display:block; padding:0 30px; background:#0064ff; color:#fff; font-size:16px; border:none; margin-left:15px;}
.nl_form img {max-width:100%; height:350px;}
.nl_form .img_bg:after {display:block; content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5);}

.nlgx {background:#fff; padding:20px 0;}
.nlgx .filter-list {width:1240px; margin:0 auto; border:none;}
.nlgx .filter-attr-list {width:1137px !important; border:none !important; padding:0 !important;}
.nlgx.filter .filter-attr {background:none;}

.nlgx_list {padding-bottom:30px;}
.nlgx_list ul {width:105%; padding:10px 0;}

.nlgx_list li {overflow:hidden; width:568px; padding:20px; transition:.5s; background:#fff; border:1px solid #e5e5e5; float:left; margin:0 20px 12px 0;}
.nlgx_list li a {display:block; width:100%; overflow:hidden;}
.nlgx_list li .pic {float:left; width:162px; height:162px; overflow:hidden; margin-right:20px;}
.nlgx_list li .pic img {width:162px; height:162px;}
.nlgx_list li .nlgx_text {float:left;}
.nlgx_list li h1 {font-size:20px; color:#000; line-height:30px; max-height:60px; overflow:hidden;}
.nlgx_list li h2 {font-size:16px; line-height:50px; height:50px; overflow:hidden; color:#ff4900;}
.nlgx_list li h3 {font-size:14px; line-height:20px; height:40px; overflow:hidden; color:#8c8c8c; margin-bottom:15px;}
.nlgx_list li .nlgx_text span {background:#f2f7f9; color:#0064ff; display:inline-block; padding:4px 8px 3px 8px; margin-right:8px; }
.nlgx_list li:hover {box-shadow:0px 0px 20px 0px rgba(0,0,0,.1);}

.xuxiu_img {background:url(/img/xuqiu.jpg) center top no-repeat; width:100%; height:170px;}
.xuxiu_form {width:938px; padding:20px 30px; border:1px solid #e5e5e5; background:#fff; margin:20px auto 0 auto;}
.xuxiu_form h1 {font-size:24px; color:#000; padding-bottom:20px;}
.xuxiu_form .form-label {width:130px; padding:0 20px 0 0; text-align:right;}

.xuxiu_form input[type=text] {width:250px; padding:0 10px;}
.desc_li textarea {width:600px; height:240px; padding:10px; resize: none;}

.xuxiu_form .icon-alert {font-size:12px; display:inline-block; padding:5px 0 0 150px; color:#aaa;}
.xuxiu_form .icon-alert:before {display:none;}
.xuxiu_form .icon-alert.caution {color:#ff4900;}

.upload_li img {margin:0 0 10px 150px; max-height:200px; max-width:400px; clear:both;}
.upload_p {width:95px; height:36px; position:relative; float:left;}
.upload_p input {width:95px; height:36px; display:block; overflow:hidden; opacity:0; position:absolute; top:0; left:0;}
.upload_p span {display:block; width:95px; height:36px; line-height:36px; text-align:center; background:#0090ff; color:#fff; border:none;}

.button_box {text-align:center; padding:20px 0 50px 0;}


.nlgx_box {overflow:hidden; padding:20px 0 50px 0;}
.nlgx_left {width:860px; float:left;}
.nlgx_img {width:300px; margin-right:20px;}
.nlgx_img img {width:300px;}

.nlgx_tit {margin:0 0 0 320px;}
.nlgx_tit h1 {font-size:24px; color:#000; line-height:32px; padding-bottom:8px;}
.nlgx_tit p {padding:5px 0;}
.nlgx_btn {padding:15px 0;}
.nlgx_btn .btn-import {margin-right:8px;}
.nlgx_btn .btn-import span {padding:0 20px;}
.nlgx_btn .btn-simple {color:#0064ff;}

.nlgx_right {width:300px; float:right; background:#fff; padding:20px;}
.nlgx_right h1 {font-size:20px; color:#0064ff;}
.nlgx_show {position:fixed; top:50%; left:50%; z-index:101; background:#fff; margin:-200px 0 0 -200px; padding:20px 20px 10px 20px;}
.nlgx_show .form-act input {width:200px; padding:0 10px;}
.nlgx_show .close.iconfont {position:absolute; top:10px; right:10px; z-index:100; font-size:30px; font-weight:normal; display:block;}

.nlgx_txt {background:#fff; padding:20px; margin-top:20px; overflow:hidden;}
.nlgx_txt div {padding:10px 0;}

.nlgx_user {background:#fff; padding:20px; margin-top:20px; overflow:hidden;}
.nlgx_user table {margin-top:10px;}
.nlgx_user table th {background:#f5f5f5; height:36px;}
.nlgx_user table td {text-align:center; padding:10px 0; border-bottom:1px solid #e8e8e8;}
.nlgx_user table tr:last-child td {border:none;}

.nlgx_left {width:840px; float:left;}
.nlgx_con {background:#fff; padding:20px;}
.no_data {color:#8c8c8c; padding:20px 0; text-align:center;}


.home_fixed {position:fixed; right:0; bottom:0; z-index:999999999;}
.home_fixed .home_fixed_btn {width:88px; height:88px; background:#246bfb; margin-top:10px; position:relative;}
.home_fixed .home_fixed_btn .p1 {position:relative; width:88px; height:80px; padding-top:8px; color:#fff; background:#246bfb; text-align:center; cursor:pointer;}
.home_fixed .home_fixed_btn a {color:#fff;}
.home_fixed .home_fixed_btn i {display:block; width:44px; height:44px; text-align:center; line-height:44px; font-size:32px; margin:0 auto;}
.home_fixed .home_fixed_btn .show_kf1 {box-sizing:border-box; display:none; position:fixed; right:88px; background:rgba(255,255,255,0.96); padding:15px 5px 5px 5px; height:186px; margin-top:-88px; border:1px solid #ddd; border-right:0;}
.home_fixed .home_fixed_btn .show_kf1.on {display:block;}
.home_fixed .home_fixed_btn .show_kf1 li {float:left; padding:0 10px; text-align:center;}
.home_fixed .home_fixed_btn .show_kf1 img {display:block; width:138px;}
.show_tel {position:absolute; top:0; right:88px; background:#246bfb; color:#fff; width:0; overflow:hidden; height:88px; line-height:88px; text-align:center;
font-size:20px; font-weight:bold; transition:0.3s;
}
.show_tel.on {width:200px;}