@charset "utf-8";

/*banna*/
.banna {width: 100%;height: 450px;background: #f20b39;}
.banna .picScroll {width: 750px;height: 450px;margin-left: 200px;overflow: hidden;}
.banna .notice {width: 220px;height: 450px;padding:0 15px;background:url(../images/white_bg.png) repeat;background: rgba(255, 255, 255, 0.94);}
.banna .notice .title {height: 45px;line-height: 45px;padding-left: 30px;font-size: 14px;background-image:url(../images/icon_list_01.png);background-repeat:no-repeat;border-bottom: 1px solid #f9e2e6;}
.banna .notice a {font-size: 12px;color: #666;}
.banna .notice .title.t1 {background-position: -15px -102px;}
.banna .notice .title.t2 {background-position: -15px -152px;}
.banna .notice .title.t1:hover {background-position: -14px -302px;}
.banna .notice .title.t2:hover {background-position: -13px -352px;}

.banna .notice .infolist li {height: 30px;line-height: 30px;padding-left: 18px; background: url(../images/icon.png) -12px -176px no-repeat;}
.banna .notice .infolist {padding:14px 0;}
.banna .notice .infolist li:hover {background-position: -12px -196px;}

#slideBox1 .prev ,#slideBox1 .next {width: 40px;height: 90px;}
#slideBox1 .prev {background-position: 0 -116px;}
#slideBox1 .next {background-position: -40px -116px;}
#slideBox1 .hd {left:0;width: 100%;height: 20px;text-align: center;}
#slideBox1 .hd ul {display: inline-block;padding: 0 4px; background: rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#40000000', EndColorStr='#40000000'); border-radius: 15px;}
#slideBox1 .hd ul {*display: inline;}
#slideBox1 .hd ul li {margin: 4px 4px 0;}
#slideBox1 .bd li {width: 750px;height: 450px;}

#slideBox2 .prev , #slideBox2 .next{margin-top: -27px;width: 56px;height: 56px;opacity:0;filter:alpha(opacity=0);-webkit-transition: all .3s;transition: all .3s }
#slideBox2 .prev {left:-58px;background-position: 0 -1px;}
#slideBox2 .next {right:-58px;background-position: -56px -58px;}
#slideBox2:hover .prev {left:-28px;opacity:1;filter:alpha(opacity=100);}
#slideBox2:hover .next {right:-28px;opacity:1;filter:alpha(opacity=100);}



/*主体部分 s*/
.wrap {width: 1200px;margin:0 auto;}
.main {margin-top: 10px;}
.adwrap a ,.adwrap img {display: block;}
.adwrap img {margin:0 auto 10px;}
.adwrap.ad-mg0 img {margin:0;}

.mgtop {margin-top: 15px;}
.mgtop-2 {margin-top: 25px;}
.fc-m {color: #ff3600;}
.title {height: 55px;line-height: 55px;border-bottom: 2px solid #ffaa00;}
.t-pdl {padding-left:25px;}
.title .name {font-size: 22px;font-weight: normal;float: left;color: #333;padding-left: 60px;}
.title .name.fcr {font-size: 24px;color: #ffaa00;}
.title.t-bdt {height: 44px;line-height: 44px;border:1px solid #e8e8e8;border-top-color:#ff7300;}
.title .more {float: right;padding-right: 10px;color: #999;}
.title .morelink , .title .morelink li {float: left;}
.title .morelink {margin-left: 45px;}
.title .morelink li {margin-right: 10px;}
.title .morelink a {font-size: 14px;color: #666666;}


.ttbg {background: url(../images/icon_list_02.png);background-repeat: no-repeat;}
.ttbg.ttbg_pp {background-position: -5px -72px;}
.ttbg.ttbg_tg {background-position: -5px -138px;}
.ttbg.ttbg_tg_price {background-position: 0 0;}
.ttbg.ttbg_flor {background-position: 15px -190px;}

.pdb20 {padding-bottom: 20px;}

.infolist li a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*加入购物车按钮*/
.joinCart {position: absolute;right:15px;top:15px;width: 26px;height: 24px;background: url(../images/cart.png) no-repeat;cursor: pointer;}

/*幻灯*/
.slideBox { width:100%; height:100%; position:relative;}
.slideBox .hd.poa{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:45px; z-index:1; }
.slideBox .hd ul li {display: inline-block;color: transparent;}
.slideBox .hd ul li {*display: inline;margin-right:8px;  width:12px; height:12px; line-height:12px; text-align:center; background:#fff; border-radius:50%; cursor:pointer; }
.slideBox .hd.poa ul li.on{ background:#ff6600; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0; overflow:hidden;}
.slideBox .bd li{position: relative;width:100%;height: 100%;float: left;zoom:1; vertical-align:middle; }
.slideBox .bd ul li a {display: block;}
.slideBox .bd img{ width:100%; height:100%; display:block;  }
.slideBox .bd ul li .bt ,.slideBox .bd ul li .bg {position: absolute;bottom:0;left:0;width: 100%;height: 36px;line-height: 36px;}
.slideBox .bd ul li .bt  {z-index: 2;cursor: pointer;}
.slideBox .bd ul li .bt p {padding:0 10px;text-align: center;font-size: 16px;color: #fff;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.slideBox .bd ul li .bg {background: rgba(0,0,0,0.6);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#80000000', EndColorStr='#80000000');z-index: -1;-webkit-transition: all .2s;transition: all .2s;}
.slideBox .bd ul li .bt:hover .bg {background: rgba(0,0,0,0.8);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#90000000', EndColorStr='#90000000');}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:0; top:50%; margin-top:-37px; display:block; width:30px; height:75px; background:url(../images/scroll_btn.png) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;-webkit-transition: all .2s;transition: all .2s;}
.slideBox .next{ left:auto; right:0; background-position:-30px 0; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=70);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*推荐团购*/
.part02 .listbox li {width: 290px;float: left;margin-right: 10px;margin-top: 20px;border:1px solid #fff;background-color: #fff6e4;-webkit-transition: all .2s;transition: all .2s;}
.part02 .listbox li:hover {border-color: #eaeaea;background: none;}
.part02 .listbox li:hover .name a {color: #666;}
.part02 .listbox li:last-child {margin-right: 0;}
.part02 .listbox li a  ,.part02 .listbox li a img {display: block;}
.part02 .listbox li a img {width: 270px; height: 190px;padding:8px;}
.part02 .listbox li p.name {height: 40px;line-height: 25px;padding:0 10px;text-align: left;-webkit-transition: background .2s;transition: background .2s;overflow: hidden;}
.part02 .listbox li p.name a {font-size: 14px;color: #333;}
.part02 .listbox li p.name a:hover {color: #333;}
.part02 .listbox li div.price {height: 60px;background-color: #fff6e4;-webkit-transition: background .2s;transition: background .2s;}
.part02 .listbox li div.price .price_2 {margin: 8px 0 0 10px;
color: #fff;font-size: 14px;}
.part02 .listbox li div.price .price_2 .new {font-size: 30px;margin-right: 5px;}
.part02 .listbox li div.price .price_2 .old {text-decoration: line-through;}
.part02 .listbox li div.price .other {float: right;margin:30px 10px 0 0;color: #999;}
.part02 .listbox li div.price .other span {margin:0 3px;color: #333;}
#slideBox2 .bd {height: 328px;}

/*推荐大品牌*/
.brandList .listbox ul {width: 1212px;margin-left: -12px;}
.brandList .listbox ul li , .brandList .listbox ul li a {display: block;width: 188px;height: 78px;color: #fff;}
.brandList .listbox ul li {position: relative;float: left;margin:20px 0 0 12px;border:1px solid #f2f2f2;overflow: hidden;}
.brandList .listbox ul li img {display: block;width: 140px;height: 70px;padding:10px 25px;}
.brandList .listbox ul li .bg ,.brandList .listbox ul li p {position: absolute;left:0;top:100%;width: 100%;height: 100%;}
.brandList .listbox ul li .bg {background: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#80000000', EndColorStr='#80000000');}
.brandList .listbox ul li p {font-size: 14px;line-height: 80px;text-align: center;color: #fff;opacity:0;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;cursor: pointer;}
.brandList .listbox ul li:hover .bg {top:0;}
.brandList .listbox ul li:hover p {top:0;color: #fff;opacity:1;}
.brandList .listbox ul li a:hover {color: #fff;}


/*楼层循环*/
.part_floor {margin-bottom: 20px;}
.part_floor .title .name {position: relative;padding-left: 80px;}
.part_floor .title .name .nub {position: absolute;left:4px;top:0;font-size: 30px;color: #ffaa00;font-family: "Arial Bold","Microsoft Yahei";
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
 }
.part_floor .listbox {width: 1215px;}
.part_floor .listbox li {width: 226px;float: left;margin-right: 15px;margin-top: 20px;border:1px solid #fff;background-color: #f5f5f5;-webkit-transition: all .2s;transition: all .2s;}
.part_floor .listbox li:hover {border-color: #eaeaea;background: none;}
.part_floor .listbox li:hover .name a {color: #666;}
.part_floor .listbox li a  ,.part_floor .listbox li a img {display: block;}
.part_floor .listbox li a img {width: 200px;height: 200px;padding:13px;}
.part_floor .listbox li p.name {height: 48px;line-height: 24px;padding:0 10px;text-align: left;-webkit-transition: background .2s;transition: background .2s;overflow: hidden;}
.part_floor .listbox li p.name a {font-size: 14px;color: #333;}
.part_floor .listbox li p.name a:hover {color: #333;}
.part_floor .listbox li div.price {margin-top: 5px;padding: 0 10px;height: 46px;font-size: 20px;overflow: hidden;}
.part_floor .listbox li div.price .new {line-height: 46px;font-size: 20px;color: #ff6633;margin-right: 5px;}
.part_floor .listbox li div.price .sj {margin-top: 16px;font-size: 12px;color: #999;}
.part_floor .listbox li div.price .old {text-decoration: line-through;}
.part_floor .listbox li div.price .other {float: right;margin:30px 10px 0 0;color: #999;}
.part_floor .listbox li div.price .other span {margin:0 3px;color: #333;}


.anim {
  -webkit-animation-name: anim;
  animation-name: anim;
}

@-webkit-keyframes anim {
  0% {
    left: 25px;
	top: -38px;
  }

  40% {
    left: 10px;
	top: -43px;
    -webkit-animation-timing-function: ease-in-out;
  }

  100% {
    left: 4px;
	top: 0;
    -webkit-animation-timing-function: ease-in-out;
  }
}
@keyframes anim {
  0% {
    left: 25px;
	top: -38px;
  }

  40% {
    left: 10px;
	top: -43px;
    -webkit-animation-timing-function: ease-in-out;
  }

  100% {
    left: 4px;
	top: 0;
    -webkit-animation-timing-function: ease-in-out;
  }
}


.part02 .listbox li a ,
.part02 .listbox-s li p ,
.part01 .listbox ul li p {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.infolist li a:hover ,
.title .more:hover ,
.title .morelink a:hover {color: #DA9203;}


.leftFixNav {position: fixed;left:0%;top:30%;margin-left: -650px;width: 30px;opacity:0;transition:left .5s , opacity .8s;}
.leftFixNav.show {left:50%;opacity:1;}
.leftFixNav ul li {width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
overflow: hidden;
margin-top: -1px;
cursor: pointer;
border-bottom: 1px solid #ccc;}
.leftFixNav ul li:last-child {border-bottom: none;}

.leftFixNav ul li a {display: block;
width: 30px;
height: 30px;
margin: 0 auto;
color: #625351;
font-size: 14px;
font-family: Arial;}

.leftFixNav ul li a.txt {
display: none;
width: 30px;
height: 30px;
color: #fff;
font-size: 12px;
}

.leftFixNav ul li.current a.flNub ,
.leftFixNav ul li:hover a.flNub {display: none;}
.leftFixNav ul li.current a.txt ,
.leftFixNav ul li:hover a.txt {display: block;color: #c81623;}

.leftFixNav ul li:hover a.txt {background: #f00;color: #fff;}