@charset "utf-8";
/* CSS Document */
/* 2015-08-14 yu*/
/*========common==========*/
@font-face {
  font-family: 'iconfont';
  src: url('https://at.alicdn.com/t/font_1406529339_498383.eot'); /* IE9*/
  src: url('https://at.alicdn.com/t/font_1406529339_498383.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://at.alicdn.com/t/font_1406529339_498383.woff') format('woff'), /* chrome、firefox */
  url('https://at.alicdn.com/t/font_1406529339_498383.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('https://at.alicdn.com/t/font_1406529339_498383.svg#iconfont') format('svg'); /* iOS 4.1- */
}
body{padding-right: 40px;-webkit-font-smoothing: antialiased;}
.container{width: 1200px;margin: 0px auto;}
.row{width: 1200px;margin: 0 auto;}
.row:before, .row:after,.container:before,.container:after {display: table;line-height: 0;content: "";}
.row:after,.container:after {clear: both;}

.dp-nim{display: none!important;}
.dp-n{display: none;}
.dp-b{display: block;}
.dib{display: inline-block;}

.iconfont{font-family:"iconfont";
font-size:16px;font-style:normal;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.ml30{margin-left: 30px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.psr{position: relative;}
.psa{position: absolute;}
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.fll{float: left;}
.flr{float: right;}
.fwb{font-weight: bold}
.cf37{color: #f37}
.clv{color: #22a94c}
.clan{color: #13beef}

/*css3 缓动动画*/
#header .header_wrap .nav1 li.navsec a.asec{
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

/*head*/
#header{width:100%;height: 140px;position: relative;/*background:url('../images/layoutimg/header-bg.png') top repeat-x;*/z-index: 999;}
.header_wrap{background: #fff;height: 131px;}

#header .header_wrap .up .ads{right: 0;top: 0;}
#header .header_wrap .up .logo{float: left;margin-top: 12.5px;width:400px;}

/*搜索*/
.wrap_search{width: 499px;height: 100px;margin-left: 0px;}
.wrap_search form{position: relative;margin-left: 25px;margin-top: 20px;width: 450px;height: 40px;background: #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.wrap_search .hot{top: 45px;left: 0;font-size: 14px;}
.wrap_search .hot a{text-decoration: none;}
.wrap_search .hot a:hover{color: #f37;}
.wrap_search .header_search_ipt {padding-left: 10px;top: 4px;left: 4px;width: 340px;height: 32px;*line-height: 32px;border: 0;outline: 0;box-shadow:none;font-size: 14px;}
.wrap_search a.header_search_btn {display: block;top: 4px;left: 355px;width:90px;height: 32px;background: none;color: #fff;border: 0;text-align: center;text-decoration: none;font-size: 16px;line-height: 32px;}
.wrap_search a.header_search_btn:hover {background: #444;}

#header .header_wrap .header_login {right: 0px;top: 10px;}
#header .header_wrap .header_login .inner{width: 210px;text-align: right;font-size: 14px;color: #333;}
#header .header_wrap .header_login .inner .i_user,#header .header_wrap .header_login .inner .i_logout
{width: 12px;height: 12px;position: relative;margin-left: 5px;display: inline-block;background:url('../images/layoutimg/icon_center_s.png') 0 0 no-repeat;}
#header .header_wrap .header_login .inner .i_user{background-position: -8px -44px;}
#header .header_wrap .header_login .inner .i_user span,#header .header_wrap .header_login .inner .i_logout span
{width: 80px;height: 20px;top: -23px;left: -34px;text-align: center;display: none;position: absolute;}
#header .header_wrap .header_login .inner .i_user:hover{background-position: -32px -44px}
#header .header_wrap .header_login .inner .i_user:hover span{display: block;}
#header .header_wrap .header_login .inner .i_logout{background-position: -8px -8px;}
#header .header_wrap .header_login .inner .i_logout:hover{background-position: -32px -8px}
#header .header_wrap .header_login .inner .i_logout:hover span{display: block;}
#header .header_wrap .header_login .inner a{text-decoration: none;color: #f37;font-size: 14px;}
#header .header_wrap .header_login .inner a:hover{color: #ff5d93;}
#header .header_wrap .header_login .inner .line {height: 3px;background: #333;}
#header .header_wrap .header_login .cart{width: 125px;height: 35px;display: block;margin-top: 10px;margin-left: 85px;background:url('../images/layoutimg/icon-sp.png') -4px -290px no-repeat;text-align: left;text-decoration: none;}
#header .header_wrap .header_login .cart:hover{background-position: -4px -340px;}
#header .header_wrap .header_login .cart .cart_num{width: 30px;display: block;padding-left: 8px;padding-top: 3px;color: #f37;font-weight: bold;text-align: center;}
#header .header_wrap .header_login .cart:hover .cart_num{color: #ff5d93;}

#header .header_wrap .nav1{
  margin-top: 0px;
  height: 40px;
  background: none;
  /*width: 1200px;*/
  /*margin-left: 50px;*/
}
#header .header_wrap .nav1 li.navsec{
  position: relative;float: left;
}
#header .header_wrap .nav1 li.navsec a.asec{
  display: block;padding: 0px 20px;
  height: 40px;
  line-height: 40px;
  color: #000;font-size: 18px;
  text-decoration: none;cursor: pointer;font-weight: bold;
}
#header .header_wrap .nav1 li.navsec a.asec.cats-all{
  padding:0px;
  width:198px;
  border: 1px solid #fff;
  border-bottom: none;border-top: none;
  background:#d42f3e;color: #fff;
  text-align: center;
}
#header .header_wrap .nav1 li.navsec a.asec.cats-all-on{}
#header .header_wrap .nav1 li.navsec a.asec.cats-all-off{}
#header .header_wrap .nav1 li.navsec a.asec:hover{color: #d42f3e;}
#header .header_wrap .nav1 li.navsec a.asec.active{background: #d42f3e;color: #fff;}
#header .header_wrap .nav1 li.navsec a.asec .iconfont{margin-left: 10px;}
#header .header_wrap .nav1 li .downlist{position: absolute;top: 40px;left: 0;}
/*下拉*/
.downlist{
  width: 198px;
  border: 1px solid #fff;
  border-top: none;
  background: #d42f3e;color: #fff;
}
.downlist .navbar_list{position: relative;}
.downlist li.navlev1li{border-top: 1px dashed #fff;}
.downlist li.navlev1li.fst{border: none;}
.downlist li.navlev1li a.navlev1{
  position: relative;display: block;padding:0 15px;
  width: 168px;
  text-decoration: none;color: #fff;font-size: 14px;
}
.downlist li.navlev1li a.navlev1.active{color: #fff;}
.downlist li.navlev1li a.navlev1 .rightarrow{position: absolute;right: 5px;top: 0;font-size: 12px;}
.downlist li.navlev1li a.navlev1,.downlist li.navlev1li a.navlev1 .rightarrow{
  height: 27px;line-height: 27px;
}
.downlist li.navlev1li .subnav{
    display: none;position: absolute;left: 197px;top: 1px;padding: 15px;
    width: 360px;height: 388px;
    border: none;
    background: rgba(255,255,255,.9);z-index: 10;overflow-y: auto;
    *background: #fff;*filter:alpha(opacity=90);
      border-right: 12px solid rgba(255,255,255,.9);
}
.downlist li.navlev1lib .subnav{}
.downlist li.navlev1li .subnav .navlev2{
  display: block;float: left;
  font-weight: bold;color: #d42f3e;font-size: 14px;
}
.downlist li.navlev1li .subnav .navlev2li{line-height: 30px;border-bottom: 1px dashed #ccc;}
.downlist li.navlev1li .subnav .navlev2li .navlev3wrap{float: left;}
.downlist li.navlev1li .subnav .navlev2li .navlev3wrap span{display:inline-block;padding: 0 8px 0 10px;color: #ccc;}
.downlist li.navlev1li .subnav .navlev2li .navlev3wrap .navlev3{display: inline-block;padding: 0 2px;}
.downlist li.navlev1li .subnav .navlev2li .navlev3wrap .navlev3:hover{color: #d42f3e;}


.navbar{padding-top: 10px;}
.navbar_list {position: relative;}
.navbar_list li{font-size:12px; color:#333;}
.navbar_list li.on .li_div{display:block;}
.navbar_list li.on .li_name{background:#000;}
.navbar_list li.on .li_name a{color: #fff;}
.navbar_list li .li_name{ padding-left:20px;}
.navbar_list li .li_name a{display: block;padding:5px 10px;color:#333;text-decoration:none;font-size:12px;}
.navbar_list ol li{float: left;}
.navbar_list ol li a{font-size: 12px;}
.navbar_list .li_div{display:none;width: 0;position:absolute; margin-left:160px; margin-top:-40px;background:#fff;border: 1px solid #000;border-left: none;}
.navbar_list .li_div ul{ padding:20px 20px;}
.navbar_list .li_div ul li{display: block;padding: 5px;}
.navbar_list .li_div .cat_wrap{float: left;width: 400px;}
.navbar_list .li_div li a{height: 20px;line-height: 20px;float: left;display: inline-block;}
.navbar_list .li_div li span{height: 20px;line-height: 20px;float: left;display: inline-block;color: #ccc;font-size: 12px;}
.navbar_list .li_div li a.t{font-weight: bold;width: 60px;}
.navbar_list .li_div li a.c{padding: 0px 5px;}
.navbar_list .li_div a{text-decoration:none;color: #333;}
.navbar_list .li_div a:hover{color: #f37;}
/*首页顶部*/

.headroom {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: calc(100% - 40px);
  height: 60px;
  background: rgba(0,0,0,.6);
  z-index: 10001;
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.headroom--top{display: none;}

.headroom--unpinned{
-webkit-animation:flipOutX 1s .2s ease both;
-moz-animation:flipOutX 1s .2s ease both;}
@-webkit-keyframes flipOutX{
0%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0}
}
@-moz-keyframes flipOutX{
0%{-moz-transform:perspective(400px) rotateX(0deg);
opacity:1}
100%{-moz-transform:perspective(400px) rotateX(90deg);
opacity:0}
}
.headroom--pinned{
-webkit-animation:flipInX .5s .2s ease both;
-moz-animation:flipInX .5s .2s ease both;}
@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
}
@-moz-keyframes flipInX{
0%{-moz-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateX(-10deg)}
70%{-moz-transform:perspective(400px) rotateX(10deg)}
100%{-moz-transform:perspective(400px) rotateX(0deg);
opacity:1}
}

.headroom .container{height: 60px;background: url('../images/layoutimg/logopng.png') no-repeat;}
.headroom .wrap_search{width: 450px;height: 40px;margin-top: 10px;margin-left: 475px;}
.headroom .wrap_search form{margin: 0;}

.headroom-item {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: calc(100% - 40px);
  height: 60px;
  background: rgba(0,0,0,.6);
  z-index: 10001;
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.headroom-item-top{
  background: rgba(54,41,48,1);
}
.headroom-item-not-top{
  background: rgba(0,0,0,.6);
}
.animated-item{
  -webkit-animation-duration:.5s;
  -moz-animation-duration:.5s;
  -o-animation-duration:.5s;
  animation-duration:.5s;
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both
}
@-webkit-keyframes slideDown{
  0%{-webkit-transform:translateY(-4em)}
  100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes slideDown{
  0%{-moz-transform:translateY(-4em)}
  100%{-moz-transform:translateY(0)}
}
@-o-keyframes slideDown{
  0%{-o-transform:translateY(-4em)}
  100%{-o-transform:translateY(0)}
}
@keyframes slideDown{
  0%{transform:translateY(-4em)}
  100%{transform:translateY(0)}
}
.animated-item.slideDown-item{
  -webkit-animation-name:slideDown;
  -moz-animation-name:slideDown;
  -o-animation-name:slideDown
  ;animation-name:slideDown
}
@-webkit-keyframes slideUp{
  0%{-webkit-transform:translateY(0)}
  100%{-webkit-transform:translateY(-60px)}
}
@-moz-keyframes slideUp{
  0%{-moz-transform:translateY(0)}
  100%{-moz-transform:translateY(-60px)}
}
@-o-keyframes slideUp{
  0%{-o-transform:translateY(0)}
  100%{-o-transform:translateY(-60px)}
}
@keyframes slideUp{
  0%{transform:translateY(0)}
  100%{transform:translateY(-60px)}
}
.animated-item.slideUp-item{
  -webkit-animation-name:slideUp;
  -moz-animation-name:slideUp;
  -o-animation-name:slideUp;
  animation-name:slideUp
}
.headroom-item .container{height: 60px;background: url('../images/layoutimg/logopng.png') no-repeat;}
.headroom-item .wrap_search{width: 450px;height: 40px;margin-top: 10px;margin-left: 475px;}
.headroom-item .wrap_search form{margin: 0;}
/*固定导航fixednav*/
.fixednavwrap a,.fixednavwrap i,.fixednavwrap span{
  text-decoration: none;
  -webkit-transition: all .05s ease-in-out;
     -moz-transition: all .05s ease-in-out;
       -o-transition: all .05s ease-in-out;
      -ms-transition: all .05s ease-in-out;
          transition: all .05s ease-in-out;}
.fixednavwrap{position: fixed;right: 0;top: 0;width: 40px;height: 100%;background: #454545;z-index: 10000;}

.fixednav_list{position: absolute;top: 0;}
.fnlist,.fnhome,.fnlogin,.fnphoe{
  background: #fff;overflow: hidden;
  -webkit-box-shadow: 0px 0px 5px #333;
     -moz-box-shadow: 0px 0px 5px #333;
          box-shadow: 0px 0px 5px #333;
  *border: 1px solid #ccc;
}
.fnlist{
  position: relative;padding: 10px;width: 300px;

}
.fnlist h2{border-bottom: 2px solid #454545;text-align: left;margin-bottom: 10px;}
.fnlist li{padding: 5px 0px;text-align: left;line-height: 20px;border-bottom: 1px dashed #ccc;}
.fnlist li a.lev1{display: inline-block;color: #f33;}
.fnlist li a.lev2{display: inline-block;padding: 0px 5px;}
.fnlist li a.lev1:hover{color: #f37;}
.fnlist li a.lev2:hover{color: #f37;}

.fixednav {position: relative;padding-top: 200px;}
.fixednavli{width: 40px;line-height: 40px;border-bottom: 1px solid #353535;border-top: 1px solid #555;text-align: center;}
.fixednavli a.fnicons{display: block;width: 40px;color: #f33;text-decoration: none;}
.fixednavli a.fnicons i.iconfont{font-size: 24px;}
/*hover*/
.fixednavli.actived a.fnicons {color: #fff;background: #f33;}

.fixednav_home{border-top: none;}
.fixednav_phoe{border-bottom: none;}
.fixednav_cart a.fnicons{padding-bottom: 10px;}
.fixednav_cart a.fnicons span{display: block;margin: 0 auto;width: 20px;height: 55px;line-height: 16px;text-align: center;}
.fixednav_cart a.fnicons span.num{display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;background: #f33;border-radius: 10px;}

.fixednavli{position: relative;}
.fixednavbox{display: none;position: absolute;top: 0;right: 40px;}
.fnhome{
  padding-left: 20px;padding-top: 20px;
  width: 331px;height: 62px;
}
.fnhome a{float: left;display: block;height: 45px;overflow: hidden;}
.fnhome a img{height: 45px;}
.fnhome a span{
  display: block;margin-top: -15px;height: 15px;line-height: 15px;text-align: center;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}
.fnhome a:hover span{margin-top: 0px;}
.fnhome span.line{float: left;display: block;margin: 0 20px;width: 3px;height: 45px;background: #f37;}
.fnlogin{
  width: 200px;height: 120px;background: #fff;
}
.fnlogin .title{display: block;margin-bottom: 13px;padding: 2px 8px;border-bottom: 2px solid #454545;font-size: 14px;text-align: center;}
.fnlogin .i_user,.fnlogin .i_logout{display: block;float: left;line-height: 26px;font-size: 14px;}
.fnlogin .i_user{margin-left: 40px;margin-right: 25px;}
.fnlogin .i_user .iconfont,.fnlogin .i_logout .iconfont{display:block;font-size: 26px;}
.fnlogin a.i_user:hover,.fnlogin a.i_logout:hover{color: #f37;}

.fnphoe{
  width: 300px;height: 40px;=
}
.fnphoe .iconfont{float: left;margin: -5px 15px 10px -20px;font-size: 70px;}
.fnphoe span{float: left;display: block;height: 40px;line-height: 40px;font-size: 18px;}


/*顶部幻灯片*/
.sectionTLshow{width: 1200px;height: 70px;margin: 10px 0;
  position: relative; overflow:hidden;*z-index: 100;border:1px solid #eee;}

/*banner*/
.slider_index { height: 430px;     margin: 5px 0;
  position: relative; overflow:hidden;}
@media screen and (min-width: 1400px){
  .slider_index .slider_cella li{
    position: absolute;
    top:10px;
    width: 900px;
    left:22%}
}
@media screen and (min-width: 1378px)and (max-width: 1400px) {
  .slider_index .slider_cella li{ position: absolute;
    top:10px;
    width: 900px;
    left: 20.2%}
}
@media screen and (min-width: 1365px)and (max-width: 1378px) {
  .slider_index .slider_cella li{ position: absolute;
    top:10px;
    width: 900px;
    left: 20.5%}
}

@media screen and (max-width: 1365px){
  .slider_index .slider_cella li{ position: absolute;
    top:10px;
    width: 900px;
    left:19.3%}
}
@media screen and (max-width: 1200px){
  .slider_index .slider_cella li{
    position: absolute;
    top:10px;
    width: 900px;
    left: 210px}
}
@media screen and (max-width: 900px) {
  .slider_index .slider_cella li{ position: absolute;
    width: 900px;
    top:10px;left:220px}
}
@media screen and (max-width: 500px) {
  .slider_index .slider_cella li{ position: absolute;
    width: 900px;
    top:10px;left: 100px}
}

.slider_index .slider_cella a{display: block;width: 900px;}
.slider_index .slider_cella li a img{
  height: 240px;width: 700px;
   display: block;

}
/*数字按钮样式*/
@media screen and (max-width: 1365px) {
  .slider_index .numa {left: 790px;}
}
@media screen and (min-width: 1365px) {
  .slider_index .numa {left: 830px;}
}
@media screen and (max-width: 1200px){
  .slider_index .numa {left: 750px;}
}
.slider_index .numa { overflow:hidden;top:222px;
  height: 20px;position: absolute;zoom:1; z-index:100; }
.slider_index .numa li{ width: 20px; height: 20px; line-height: 20px;
  text-align: center;color: #fff; background: #ccc; margin-left: 5px;
  border:1px solid #d42f3e;
  cursor:pointer; float: left;border-radius: 50% }
.slider_index .numa li.current{ background: #d42f3e;} /*当前项*/

/*上一个  下一个*/
.slider_index .pn_wrap{height: 60px;position: absolute;top: 50%;margin-top: -30px;}
.slider_index .prev,
.slider_index .next { width: 60px;height: 60px;display: block;background:url('../images/layoutimg/icon-sp.png') no-repeat;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.slider_index .prev {background-position: -66px -472px;left: 0;}
.slider_index .prev:hover{background-position: -4px -472px;}
.slider_index .next {background-position: -66px -410px;right: 0;}
.slider_index .next:hover{background-position: -4px -410px}

/*热门推荐*/
.bestsell_ads li{float: left;position: relative;width: 595px;overflow: hidden;margin:0 10px 8px 0;}
.bestsell_ads li:nth-child(2),
.bestsell_ads li:nth-child(4){margin-right: 0}
.bestsell_ads li .mask{left:0;top:0;width:100%;height: 100%;position:absolute;background:#000;opacity:0;*filter:alpha(opacity=10);}


/*login*/
.login_tc{ position:absolute;width:488px; height:342px;background:url(../images/login_tcbg.gif) no-repeat;top:50%; left:50%; margin-left:-244px; margin-top:-171px; z-index:999;}
.login_close{width:20px; height:20px; position:absolute; right:-20px; top:15px; background:url('../images/layoutimg/icon-sp.png') -300px -300px no-repeat; cursor: pointer }
.login_close:hover{background-position: -340px -300px}
.login_one_tc{ width:500px;margin: 0 auto;padding:40px 20px;position: relative;z-index:999;}
.login_onebox {padding:20px 30px 0 60px;}
.login_onebox label.txt{width: 60px;height: 33px;line-height: 33px;float: left;font-size: 16px;text-align: right;}
.login_onebox .control-group{margin-bottom: 20px;text-align: left;position: relative;}
.login_onebox .control-group .controls{margin-left: 70px;}
.login_name,.login_pass{margin-left: 70px;}
.login_onebox .login_pass{background:url(../images/login_pass.gif) no-repeat 5px center}
.login_name input,.login_pass input{
  width: 260px;height: 33px;padding-left: 10px;
  font-size: 16px;color: #999;line-height: 33px;
  border: 1px solid #bfbfbf;background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.login_onebox .hintborder{border: none;}
.login_onebox .hintborder input{border: 1px solid #f37;}
.login_onebox .loginhint{color:#f37;position: absolute;right: 0;top: 0;font-size: 12px;height: 33px;line-height: 33px;}
.login_onebox .loginret{color:#f37}
.login_but{text-align:center;}
.login_but a{margin-left:20px;}
.btn_style{
  display: inline-block;padding: 10px 50px;
  color: #fff;border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;font-weight: bold;line-height: 26px;text-align: center;vertical-align: middle;cursor: pointer;
}
.btn_style:hover{
  text-decoration: none;
    background-position: 0 -80px;
    -webkit-transition: background-position 0.2s linear;
    -moz-transition: background-position 0.2s linear;
    -o-transition: background-position 0.2s linear;
    transition: background-position 0.2s linear;
}
.btn_style1{
  background-color: #e34293;
    background-image: -moz-linear-gradient(top, #e34293, #d82877);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e34293), to(#d82877));
    background-image: -webkit-linear-gradient(top, #e34293, #d82877);
    background-image: -o-linear-gradient(top, #e34293, #d82877);
    background-image: linear-gradient(to bottom, #e34293, #d82877);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe34293', endColorstr='#ffd82877', GradientType=0);
    border-color: #d82877 #d82877 #e34293;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn_style1:hover{background-color: #e34293;}

.login_b {width:94px; height:33px; background:url(../images/login_but.gif) no-repeat; border:0; display:inline-block;cursor:pointer;}
.login_qinfo{ padding-top:20px; font-size:12px;}

.login_lable {height:33px;margin-bottom:15px;border-bottom: 1px solid #f37;}
.login_lable ul{position: absolute;bottom: -1px;left: 0px;}
.login_lable li{ width:100px;
  border: 1px solid #f37;border-bottom: none;-webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-align: center;font-size:18px; float:left; line-height:31px;
  background: #f37;color: #fff;
}
.login_lable li a{ display:block;font-size: 18px;color: #fff;}
.login_lable li a:hover{text-decoration:none;filter:alpha(opacity=80);opacity: 0.8;}
.login_lable li.on{background: #fff;color: #333;}
.login_lable li.on a{color: #333;}

.login_qt p{ line-height:30px; padding:10px 10px 5px;}
.login_onebox .login_qinfo{padding-top:10px;}


.login_twobox{ padding:10px;}
.login_twobox li{ height:33px; line-height:33px;margin-bottom: 20px;}
.login_butt{width: 260px;height: 33px;padding-left: 10px;
  font-size: 16px;color: #999;line-height: 33px;
  border: 1px solid #bfbfbf;background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}
.login_left {width:100px;height: 33px;line-height: 33px;float:left; text-align:right;font-size:16px;}
.login_twobox #seccode {width: 70px;line-height: 33px;height: 33px;}



/*商品列表*/
.pro_content{width: 1200px;}
.pro_content .pro_list,.pro_content .pro_list_cont,.pro_content .ul220 {margin: 0;padding: 0;}
.pro_list_cont .ul270{padding: 10px;padding-right: 0;}
.pro_list_cont .ul270 li{width:272px;float:left; margin-right:10px;}
.pro_list_cont .ul270 .img{ width:270px; height:270px;border: 1px solid #eee;}
.pro_list_cont .ul270 .img img{width: 270px;height: 270px;}
.pro_list_cont .ul270 li p{ line-height:20px; font-size:12px;}
.pro_list_cont .ul270 li p.font_12{ font-weight:bold; font-size:12px; line-height:28px; height:28px; overflow:hidden;}
.pro_list_cont .ul270 li p span{ color:#FF6600;}


/*首页分类*/
.fllist{width: 1200px;margin: 30px 0 20px;}
.fllistone{margin: 0;width: 595px;float: left;}
.fllistone h1{font-size: 25px;height: 30px;line-height: 30px;padding: 5px 0 10px;margin-bottom: 15px;}
.fllistone h1 a{margin-right: 10px;}
.fllistone h1 a:hover{opacity: 0.7;*filter:alpha(opacity=70)}
.fllistone h1 i{height: 30px;line-height: 30px;font-size: 30px;padding-right: 8px;font-weight: normal}
.fllistone ul.fllistoneul{padding: 5px 0 15px;}
.fllistone a{text-decoration: none;-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}

.fllistone .fllistonecell{display: block;height: 25px;*height: auto;padding: 3px 0;}
.fllistone .fllistonecell a.fllist1{display:block;height: 25px;line-height: 25px;padding:0 10px;float: left;font-size: 17px;}
.fllistone a.fllist1:hover{color: #000;}
.fllisttwo{height: 25px;margin: 0;display:block;float: left;overflow: hidden;}
.fllisttwo a{color: #000;}
.fllisttwo a:hover{color: #f37;}
.fllisttwocell{float: left;height: 25px;padding:0 5px;}
.fllisttwocell a.fllist2{font-size: 13px;line-height: 25px;}

.fllistoneleft{}
.fllistoneleft h1{color: #f37;border-bottom: 1px solid #f37;}
.fllistoneleft h1 a{color: #f37;}
.fllistoneleft ul.fllistoneul{}
.fllistoneleft a.fllist1{color: #f37;}
.fllistoneleft a.fllist1:hover{}
.fllistoneleft .fllisttwo{}
.fllistoneright{margin-left: 10px;}
.fllistoneright h1{color: #b6253d;border-bottom: 1px solid #b6253d;}
.fllistoneright h1 a{color: #b6253d;}
.fllistoneright ul.fllistoneul{padding-left: 10px;}
.fllistoneright a.fllist1{color: #b6253d;}
.fllistoneright a.fllist1:hover{ }
.fllistoneright .fllisttwo{}



/*footer*/
.footer-2014{width: 100%;background: #fff url('../images/footer-2014.jpg') center 0 repeat-y;color: #fff;}
.footer-2014 .row{width: 1100px;padding: 0 50px;}
.footer-2014 .span2{float: left;width: 220px;}
.footer-2014 .span9{float: left;width: 825px;}
.footer-2014 .span3{float: left;width: 275px;}
.footer-2014 .search-2014{height: 60px;border-bottom: 1px solid #000;}
.footer-2014 .search-2014 .wrap_search{width: 450px;height: 40px;margin: 0 auto;margin-top: 10px;}
.footer-2014 .search-2014 .wrap_search form{margin: 0;}
.footer-2014 .service-2014{padding-top: 20px;margin-top: 0px;height: 170px;font-size: 12px;border-top: 1px solid #666;border-bottom: 1px solid #000;}
.footer-2014 .service-2014 li.title{font-size: 14px;font-weight: bold;}
.footer-2014 .service-2014 li{margin-bottom: 7px;}
.footer-2014 .service-2014 li a{color: #fff;}
.footer-2014 .service-2014 li a:hover{color: #f37;}
.footer-2014 .info-2014{padding: 10px 50px;margin-top: 0;color: #ccc;font-size: 12px;border-top: 1px solid #666;}
.footer-2014 .info-2014 .span9 ul{margin: 10px 0;}
.footer-2014 .info-2014 .span9 ul li{float: left;margin-right: 10px;}
.footer-2014 .info-2014 .span9 ul li a{color: #eee;}
.footer-2014 .info-2014 .span9 ul li a:hover{color: #f37;text-decoration: none;}
.footer-2014 .info-2014 .span9 p{margin: 5px 0;}
.footer-2014 .info-2014 .span9 p a{text-decoration: none;color: #fff;}
.footer-2014 .share-2014 ul{margin: 0;margin-top: 45px;}
.footer-2014 .share-2014 li{float: left;padding-left: 10px;list-style: none;}
.footer-2014 .share-2014 li a{display: block;height: 37px;width: 38px;background:url('../images/weibo-2014.png') 0 0 no-repeat;}
.footer-2014 .share-2014 li.sina a{background-position: 0 0}
.footer-2014 .share-2014 li.sina a:hover{background-position: 0 -43px}
.footer-2014 .share-2014 li.qq a{background-position: -58px 0}
.footer-2014 .share-2014 li.qq a:hover{background-position: -58px -43px}
.footer-2014 .share-2014 li.weixin a{background-position: -116px 0}
.footer-2014 .share-2014 li.weixin a:hover{background-position: -116px -43px}
.footer-2014 .share-2014 li.email a{background-position: -174px 0}
.footer-2014 .share-2014 li.email a:hover{background-position: -174px -43px}
.footer-2014 .share-2014 li.fav a{background-position: -232px 0}
.footer-2014 .share-2014 li.fav a:hover{background-position: -232px -43px}
#scrollUp {bottom: 10px;right: 1px;height: 38px;width: 38px;background: url(../images/top.png) no-repeat;}

/* Footer
----------------------------------------*/
.footer-t a,.footer-logo a{
  display: block;background: url('../images/2015/m-foot-sprite.png') 0 0 no-repeat;
}
.footer{
  margin-top: 20px;
  background: #ba2936;
}
.footer-t{
  height: 100px;
  border-bottom: 1px solid #d22f3e;
}
.footer-t a{
  width: 1200px;height: 90px;
}
.footer-m{
  height: 200px;
  border-bottom: 1px solid #d22f3e;
}
.footer-logo{
  float: left;border-right: 1px solid #d22f3e;
  width: 259px;height: 200px;
}
.footer-logo a{
  width: 260px;height: 200px;
  background-position: -10px -120px
}
.footer-helps{
  float: left;padding:20px 30px;overflow: hidden;
  width: 880px;height:160px;
}
.footer-helps-item{
  float: left;
  width: 176px;
}
.footer-helps-item ul{
  margin: 0;padding: 0;
}
.footer-helps-item ul li{
  width: 176px;height:2em;line-height:2em;
  text-align: center;font-size: 12px;
}
.footer-helps-item ul li a{
  color: #ffd6da;
}
.footer-helps-item ul li.title{
  color: #ffc1c7;font-size: 16px;font-weight: bold;
}
.footer-b{
  height: 30px;line-height: 30px;
  text-align: center;font-size: 12px;color: #ff929c;
}

/*商品页样式item.html*/
/**标准按钮**/
.yubtn{display: inline-block;padding-left:15px;padding-right:15px;height: 40px;line-height: 40px;cursor: pointer;
  background: #f33;color: #fff;font-size: 16px;text-align: center;text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.yubtn[type="button"]{border: none;}
.yubtn,.yubtn i{-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.yubtn i{font-size: 18px;width: 20px;display: inline-block;margin-right: 5px;}
.yubtn:hover{text-decoration: none;background: #f66;color: #fff;}
.yubtn:hover i{font-size: 20px;color: #fff;}
/**小按钮**/
.yubtnSmall{height: 20px;line-height: 20px;font-size: 12px;padding-left:5px;padding-right:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.yubtnSmall i{font-size: 12px;width: 14px;display: inline-block;margin-right: 3px;}
.yubtnSmall:hover i{font-size: 14px;}
/**页面layout**/
.yutitle{height: 75px;border: 1px solid #ccc;border-left: none;border-right: none;}
.yutitle a{text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.yutitle a i{font-size: 20px;
  -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.yutitle a:hover{text-decoration: none;}
.yutitle .yutitleL,.yutitle .yutitleR{float: left;height: 75px;    width: 100%;}
.yutitle .yutitleL{}
.yutitleR{width: 185px;padding-left: 15px;}
.yutitle h3{height: 75px;display: inline-block;font-size: 20px;color: #000;width: 450px;}
.yutitle .yushare{display: inline-block;width: 240px;height: 75px;line-height: 75px;float: right;}
.yutitle .yushare a{font-size: 14px;padding-right: 5px;line-height: 24px;}

.yutitle .yushare a:hover{text-decoration: none;}
.yutitle .yushare a.tsina:hover {color: #e8343a;}/*新浪*/
.yutitle .yushare a.tqq:hover {color: #20b8e5;}/*腾讯*/
.yutitle .yushare a.qq:hover {color: #ffc028;}/*空间*/
.yutitle .yushare a.renren:hover {color: #105ba3;}/*人人*/
.yutitle .yushare a.douban:hover {color: #228a31;}/*豆瓣*/
.yutitleR p{width: 70px;display: block;float: left;line-height: 24px;margin-top: 15px;font-size: 16px;}
.yutitleR p b{font-size: 12px;font-weight: normal;}
.yutitleR a{width: 36px;height: 75px;display: block;float: left;line-height: 75px;font-family:Arial;font-size: 17px;font-weight: bold;}
.yutitleR a i{font-size: 36px;margin-right: 10px;}
.yutitleR a:hover i{color: #f37;}
.yupro_info{ border:none; padding:0px; margin-bottom:20px;_height:1px;}

.yupro_info .pro_pic{ width:440px; float:left}
.yupro_info .pro_pic .pic_box{ width:440px;height:440px;display:block;padding:0px;}
.yupro_info .pro_pic .pic_v{ text-align:right; margin:10px 0;}
.yupro_info .pro_text{ width:740px; float:right;padding-left:20px;margin: 0;}
.yupro_info .pro_text h3{ font-size:16px;}
.yupro_info .pro_text ul.yubase{margin:15px 0 20px;border-bottom: 1px solid #ccc;}
.yupro_info .pro_text li{ line-height:40px;color: #666;}
.yupro_info .pro_text li .font_color{color: #f37;}
.yupro_info .pro_text li b{color: #000;font-weight: normal;}
.yupro_info .pro_text li b.yuprice{font-family:Arial;font-size: 28px;color: #f37;font-weight: bold;}
.yupro_info .pro_text li.midline b.yuprice{font-family:Arial;font-size: 12px;}
.yupro_info .pro_text li img{ vertical-align:middle;}
.yupro_info .pro_text .prospec{float:left;width:300px;}
.yupro_info .pro_text .prospecname{float:left;width:50px;line-height:24px;}
.yupro_info .pro_text .prospec a{border:1px solid #E4E4E4;padding:0 6px;margin:5px 2px;display:block;float:left;text-decoration:none;white-space:nowrap;}
.yupro_info .pro_text .prospec a.notallow{cursor:not-allowed;opacity:0.5;border:1px dotted #000;}
.yupro_info .pro_text .prospec a.selected{border-color:#f60;}
.yupro_info .pro_text .nobuy{border:1px solid #f60;}
.yupro_info .buyinfo a:hover{text-decoration: none;}
/*sku*/
.yupro_info .pro_text .sku dl{height: 52px;line-height: 52px;margin-bottom: 10px;padding-bottom: 0;overflow: hidden;}
.yupro_info .pro_text .sku dl dt{float:left;}
.yupro_info .pro_text .sku dl dd{float:left;}
.yupro_info .pro_text .sku ul{width:600px;}
.yupro_info .pro_text .sku li{float:left;background-color:#fff;line-height:50px;vertical-align:middle;margin:0 10px 0 0;padding:0px;position:relative;}
.yupro_info .pro_text .sku li a{height: 50px;background-color:#fff;border:1px solid #d1d1d1;color:#000000;display:block;min-width:10px;text-align:center;text-decoration:none;white-space:nowrap;}

.yupro_info .pro_text .sku li a:hover{border: 1px solid #f37;}
.yupro_info .pro_text .sku li.selected a{border:2px solid #f37;padding: 0px;height: 48px;}
.yupro_info .pro_text .sku li.notallow a{cursor:not-allowed;opacity:0.5;border:1px dotted #000;}
.yupro_info .pro_text .sku .skupic li a{width:50px;height:50px;}
.yupro_info .pro_text .sku .skupic li.selected a{width: 48px;height: 48px;}
.yupro_info .pro_text .sku .skupic li a span{padding-left:1px;display:block;}
.yupro_info .pro_text .sku .skutext li a{padding:0 6px;}
/**赠品**/
.yupro_info .pro_text .giftouter{margin:0;height: 40px;line-height: 40px;}
.yupro_info .pro_text .gifttitle{color:#f37;float:left;width:auto;}
.yupro_info .pro_text .giftlist{margin-left:0px;}
.yupro_info .pro_text .gift .giftleft{width:25px;height: 33px;padding-top: 7px;display:block;line-height: 40px;float:left;}
.yupro_info .pro_text .gift .giftright{display:block;width:200px;height: 40px;line-height: 40px;margin-left:5px;margin-top:0;float:left;overflow:hidden;}
.yupro_info .pro_text .gift .giftnum{color:#f37;float:left;margin:0;height:40px;line-height:40px;}

.yupro_top_lable{}
.yupro_top_lable {height:40px; background:url(../images/line_1px.gif) left bottom repeat-x; margin-bottom:15px;}
.yupro_top_lable li{ width:150px; float:left; line-height:40px; background:#f37; text-align:center;color: #fff;}
.yupro_top_lable li a{ display:block;color: #fff;font-size: 18px;font-weight: normal;}
.yupro_top_lable li a:hover{ background:none; text-decoration:none;}
.yupro_top_lable li.on{ background:#fff;color: #000;border: 1px solid #999;border-bottom: none;}
.yupro_top_lable li.on a{color: #000;}

.yupro_left{}
.yupro_left .libiao_item{border:1px solid #e4e4e4;margin-bottom:20px;}
.yupro_left .libiao_item h1{height: 40px;font-size:14px;background: #000;color:#fff;padding-left:15px;line-height:40px;border: none;}
.yupro_left .libiao_item li{margin:10px auto;}
.yupro_left .libiao_item p{text-align:center;margin:5px 0;}


/*floor*/
.sectionFloor{position: relative;margin-top: 15px;}
.sectionFloor .fltitle{position: relative;height: 60px;border-bottom: 3px solid #f37;}
.sectionFloor .fltitleCell{height: 60px;width: 100%;text-indent: -99999px;background: #000;background:url('../images/layoutimg/floortit.jpg') no-repeat;}
.sectionFloor a.flmore{position: absolute;display: block;top: 10px;right: 10px;height: 40px;line-height: 40px;color: #f37;font-size: 14px;}
.sectionFloor a.flmore .iconfont{font-size: 30px;margin-right: 5px;position: absolute;top: 0px;left: -33px;}
.sectionFloor a.flmore:hover{color: #f03;}
.sectionFloor a.flmore:hover .iconfont{

        -ms-transform:rotate(540deg);   /* IE 9 */
       -moz-transform:rotate(540deg);   /* Firefox */
    -webkit-transform:rotate(540deg); /* Safari 和 Chrome */
         -o-transform:rotate(540deg);   /* Opera */
            transform:rotate(540deg);
}
.sectionFloor .fltitleCell.fl1{background-position: -10px 0px}
.sectionFloor .fltitleCell.fl2{background-position: -10px -60px}
.sectionFloor .fltitleCell.fl3{background-position: -10px -120px}
.sectionFloor .fltitleCell.fl4{background-position: -10px -180px}
.sectionFloor .fltitleCell.fl5{background-position: -10px -240px}
.sectionFloor .fltitleCell.fl6{background-position: -10px -300px}
.sectionFloor .fltitleCell.fl7{background-position: -10px -360px}
.sectionFloor .fltitleCell.fl8{background-position: -10px -420px}
.sectionFloor .fltitleCell.fl9{background-position: -10px -480px}
.sectionFloor .fltitleCell.fl10{background-position: -10px -540px}
.sectionFloor .fltitleCell.fltui{background-position: -10px -600px}

.sectionFloor a,.sectionFloor img,.sectionFloor i,.sectionFloor em
{text-decoration: none;-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.sectionFloor a:hover{text-decoration: none;color: #f37;}
.sectionFloor a:hover img{opacity: 0.9;fliter:alpha(opacity=90);}
.contentShow{width: 1200px;height: 540px;}
.contentShow div.hd{height: 40px;border-bottom: 1px solid #ccc;}
.contentShow div.hd li{line-height: 40px;cursor: pointer;float: left;padding:0 10px;font-size: 16px;border-right: 1px solid #ccc;}
.contentShow div.hd li:first-child{padding-left: 0;}
.contentShow div.hd li:last-child{border: none;}
.contentShow div.hd li.on{color: #f37;}
.contentShow .contentShowCell{}
.sectionFloor .sec240{width: 230px;padding: 5px;float: left;}
.sectionFloor .sec960{width: 960px;float: left;}
/*样式一*/
.sectionFloor .bigpic {padding:0 5px;}
.sectionFloor .bigpic img{width: 220px;}
.sectionFloor .fenlei{position: relative;height: 150px;padding: 20px 0;}
.sectionFloor .fenlei h1{font-size: 15px;padding: 20px 15px 5px;}
.sectionFloor .fenlei p{line-height: 24px;padding: 10px 15px 5px;}
.sectionFloor .fenlei ul{width: 150px;margin-top: 20px;padding-left: 5px;}
.sectionFloor .fenlei ul li{padding-right: 15px;float: left;margin-bottom: 10px;}
.sectionFloor .fenlei .tagsimg{width: 75px;position: absolute;bottom: 15px;right: 0;}
.sectionFloor .newslist{height: 233px;}
.sectionFloor .newslist h5{color: #000;font-size: 14px;padding: 5px 0;}
.sectionFloor .newslist ul li{width: 220px;height: 60px;}
.sectionFloor .newslist ul li a{font-size: 14px;float: left;display: block;width: 150px;height: 60px;line-height: 30px;margin-left: 10px;}
.sectionFloor .newslist ul li a.imgwrap{width: 60px;margin-left: 0;}
.sectionFloor .newslist ul li a.imgwrap img{width: 60px;height: 60px;}
.sectionFloor .newslist ul li{margin-bottom: 8px;}
.sectionFloor .secAdsShow{width: 220px;height: 250px;overflow: hidden;position: relative;}
.sectionFloor .secAdsShow h5.title{width: 70px;height: 20px;line-height: 20px;display: block;position: absolute;top: 0;left: 0;color: #000;font-size: 14px;}
.sectionFloor .secAdsShow ul.num{width: 136px;height: 20px;line-height: 20px;float: right;}
.sectionFloor .secAdsShow ul.num li{float: left;width: 12px;height: 4px;margin-top: 8px;background: #999;margin-right: 5px;}
.sectionFloor .secAdsShow ul.num li.on{background: #f37;}
.sectionFloor .secAdsShow .secAdsShowCell{height: 220px;padding-top: 30px;}
.sectionFloor .secAdsShow .secAdsShowCell li{width: 220px;}
.sectionFloor .secAdsShow .secAdsShowCellul img{width: 220px;}
/*样式二*/
.sectionFloor .class2goods{width: 220px;}
.sectionFloor .class2goods .imgwrap{width: 220px;height: 220px;}
.sectionFloor .class2goods .imgwrap img{width: 220px;height: 220px;}
.sectionFloor .class2goods h4.title{font-size: 14px;color: #000;}
/*样式三*/
.sectionFloor .class3goods{padding-top: 12px;}
.sectionFloor .class3goods ul.listAimg,.sectionFloor .class3goods ul.listBimg
{width: 956px;height: 476px;border: 1px solid #ccc;border-bottom: none;border-right: none;}
.sectionFloor .class3goods ul.listAimg li{float: left;width: 190px;height: 235px;border: 1px solid #ccc;border-top: none;border-left: none;}
.sectionFloor .class3goods ul.listAimg li img{}
.sectionFloor .class3goods ul.listBimg li{float: left;width: 190px;height: 474px;border: 1px solid #ccc;border-top: none;border-left: none;}
.sectionFloor .class3goods ul.listBimg .lineccc{width: 100%;height: 1px;line-height: 1px;background: #ccc;}



/*商品列表*/
.proList a,.proList img,.proList li
{text-decoration: none;-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.proList{padding: 0;}
/**图文**/
.proList ul.ul240{width: 1201px;padding: 0;margin-top: 10px;border: 1px solid #ddd;}
.proList ul.ul240 li{position: relative;margin: 4px;width: 230px;height: 315px;float: left;border: 1px solid #fff;}
.proList ul.ul240 li .PLimg{width: 230px;height: 230px;position: relative;}
.proList ul.ul240 li .PLimg img{width: 230px;height: 230px;}
.proList ul.ul240 li .PLimg a.PLwrap{
  position: absolute;
  width: 100%;height: 100%;
  background: rgba(0,0,0,0.4);z-index: 10;*zoom:1;
  opacity: 0;
  transform:scale(0,0);
  -webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.proList ul.ul240 li .PLimg a.PLwrap .PLbtn{
  display: block;position: absolute;top: 50%;left: 50%;margin-top: -40px;margin-left: -40px;
  width: 80px;height: 80px;line-height: 80px;border-radius: 40px;
  border: 1px solid #fff;color: #fff;text-align: center;font-size: 16px;
}
.proList ul.ul240 li .PLinfo{height: 77px;}
.proList ul.ul240 li .PLinfo p{padding-left: 10px;line-height: 20px;font-size: 12px;}
.proList ul.ul240 li .PLinfo h5{padding:0px 10px;height: 40px;line-height: 20px;overflow: hidden;margin: 5px 0;}
.proList ul.ul240 li .PLinfo h5 a{font-weight: normal;font-size: 12px;text-decoration: none;}
.proList ul.ul240 li .PLinfo p.price{position: absolute;bottom: 10px;}
.proList ul.ul240 li .PLinfo p.price span{color: #f33;font-size: 18px;font-weight: bold;margin-right: 5px;}
.proList ul.ul240 li.hover h5 a{color: #f37;}
.proList ul.ul240 li.hover{border: 1px solid #f37;}
.proList ul.ul240 li.hover .PLimg a.PLwrap{transform:scale(1,1);opacity: 1}
/**列表**/
.proList ul.ullist{padding: 10px;width: 100%;}
.proList ul.ullist li{padding-bottom: 10px;margin-bottom: 10px;width: 100%;height: 100px;border-bottom: 1px solid #ddd;}
.proList ul.ullist li .PLimg,.proList ul.ullist li .PLinfo,.proList ul.ullist li .PLinfo h5,.proList ul.ullist li .PLinfo p.price
{float: left;}
.proList ul.ullist li .PLinfo h5,.proList ul.ullist li .PLinfo p.price
{display: block;height: 100px;}
.proList ul.ullist li .PLimg{}
.proList ul.ullist li .PLimg img{width: 100px;height: 100px;}
.proList ul.ullist li .PLinfo{margin-left: 20px;}
.proList ul.ullist li .PLinfo h5{width: 280px;line-height: 33px;}
.proList ul.ullist li .PLinfo h5 a{font-size: 14px;font-weight: normal;}
.proList ul.ullist li .PLinfo p.price{margin-left: 20px;width: 160px;font-size: 18px;line-height: 33px;color: #f33;}
/**分页**/
.bottom_page a,.bottom_page li,.top_page a,.top_page span
{text-decoration: none;-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.top_page{width: 100%;padding: 10px 0;margin: 0;}
.top_page ul{float: right;}
.top_page ul li{float: left;margin-left: 5px;border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.top_page ul li.btn-in{cursor: pointer;}
.top_page ul li.btn-in a{display: block;padding:3px 10px;text-decoration: none;font-weight: bold;color: #f37;}
.top_page ul li.btn-in:hover{background: #f37;border-color: #f37;color: #fff;}
.top_page ul li.btn-in:hover a{color: #fff;*color: #000;}
.top_page ul li.btn-in a:hover{color: #fff;*color: #000;}
.top_page ul li.disabled{background: #ddd;padding:3px 10px;}
.top_page ul li.current{border-color: #fff;padding:3px 10px;}
.bottom_page{width: 100%;padding: 10px 0;}
.bottom_page ul{float: right;}
.bottom_page ul li{float: left;margin-left: 5px;border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.bottom_page ul li.btn-in{cursor: pointer;}
.bottom_page ul li.btn-in a{display: block;padding:3px 10px;text-decoration: none;font-weight: bold;color: #f37;}
.bottom_page ul li.btn-in:hover{background: #f37;border-color: #f37;color: #fff;}
.bottom_page ul li.btn-in:hover a{color: #fff;*color: #000;}
.bottom_page ul li.btn-in a:hover{color: #fff;*color: #000;}
.bottom_page ul li.disabled{background: #ddd;padding:3px 10px;}
.bottom_page ul li.current{border-color: #fff;padding:3px 10px;}
/**分类**/
.proSelect {border:1px solid #ddd;}
.proSelect dl{ border-bottom:1px dotted #ddd;}
.proSelect dl dt{ width:80px; float:left; margin-left:20px;*margin-left:5px; line-height:35px;}
.proSelect dl dd{ float:left;}
.proSelect dl dd li{ margin:0 5px; float:left; font-size:12px;line-height:35px; height:35px;}
.proSelect dl dd li a{padding: 3px 10px;text-decoration:none;}
.proSelect dl dd li a:hover{color:#F37;}
.proSelect dl dd li a.on{background: #f37;color:#FFF;}

.proSearch{position: relative;padding-left: 20px;margin-top:5px;height: 35px;line-height: 35px;border:1px solid #ddd;}

.proSearch .search_right{ width:auto;position: absolute;right: 10px;}
.proSearch .search_right .input_100{ width:100px; height:20px; line-height:21px; padding:0 3px;border:1px solid #e4e4e4; margin-right:10px;}
.proSearch .search_right .input_80{ height:20px; line-height:21px; padding:0 3px;border:1px solid #e4e4e4;}
.proSearch .searchCondi span{display: inline-block;}
.proSearch .searchCondi span.title{width: 80px;}
.proSearch .searchCondi span a b{margin-left: 3px;font-weight: normal;color: #000;}
.proSearch .searchCondi span.condition a
{width:auto; height:17px; line-height:17px; display:block; font-size:12px;text-decoration:none;margin-right: 15px;}
.proSearch .searchCondi span.condition a.on b{color: #f37;}

.proSearch .search_button{ width:50px; height:20px; border:1px solid #cfcfcf; color:#999999; display:inline-block;cursor:pointer;}

/*2015年新版楼层样式*/
.ns_tl{
  margin:30px 0;
  width: 1200px;height: 90px;
}
.ns_tl img{
  width: 1200px;height: 90px;
}
.ns_floor_wrap{
  position: relative;
  width: 1200px;
}
.ns_floor_wrap .ns_aside{
  float: left;
  width: 200px;
}
.ns_floor_wrap .ns_aside .ns_title{
  height: 60px;
}
.ns_floor_wrap .ns_aside .ns_title .ns_title_num{
  display: block;float: left;
  width: 60px;height: 60px;line-height: 60px;
  border-radius: 30px;
  background: #c3542e;color: #fff;
  font-size: 34px;text-align: center;
}
.ns_floor_wrap .ns_aside .ns_title .ns_title_txt{
  display: block;float: left;margin-left: 10px;
  width: 130px;height: 60px;line-height: 60px;
  color: #c3542e;font-size: 20px;
}
.ns_floor_wrap .ns_aside .ns_cats{
  padding: 20px 15px;
  width: 170px;height: 100px;
}
.ns_floor_wrap .ns_aside .ns_cats li{
  float: left;margin-right: 10px;
}
.ns_floor_wrap .ns_aside .ns_cats li span{
  display: block;
  width: 170px;height: 30px;line-height: 30px;
  font-size: 16px;color: #000;
}
.ns_floor_wrap .ns_aside .ns_cats li a{
  display: block;
  height: 24px;line-height: 24px;
  font-size: 14px;color: #666;
}
.ns_floor_wrap .ns_aside .ns_hots{
  width: 200px;
}
.ns_floor_wrap .ns_aside .ns_hots .ns_hots_info{
  margin-bottom: 20px;
  height: 50px;
}
.ns_floor_wrap .ns_aside .ns_hots .ns_hots_info img{
  float: left;
  width: 50px;height: 50px;
  border-radius: 25px;
}
.ns_floor_wrap .ns_aside .ns_hots .ns_hots_info span{
  display: block;float: left;margin-left: 10px;
  width: 140px;height: 50px;line-height: 50px;
  font-size: 16px;
}
.ns_floor_wrap .ns_aside .ns_hots .ns_hots_imgs{
  margin: 0;overflow: hidden;position: relative;
  width: 200px;height: 130px;
}
.ns_floor_wrap .ns_aside .ns_hots ul li{
  width: 200px;height: 130px;
}
.ns_floor_wrap .ns_aside .ns_hots ul li a{
  display: block;margin-bottom: 10px;
  width: 200px;
}
.ns_floor_wrap .ns_aside .ns_hots ul li img{
  margin-left: 35px;
  width: 130px;
}
/*上一个  下一个*/
.ns_floor_wrap .ns_aside .ns_hots .ns_hots_imgs .ns_h_a{height: 60px;position: absolute;top: 50%;margin-top: -30px;cursor: pointer;}
.ns_floor_wrap .ns_aside .ns_hots .ns_hots_imgs .ns_h_a_p,
.ns_floor_wrap .ns_aside .ns_hots .ns_hots_imgs .ns_h_a_n{ width: 60px;height: 60px;display: block;background:url('../images/layoutimg/icon-sp.png') no-repeat;
-webkit-transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
     -o-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
}
.ns_floor_wrap .ns_aside .ns_hots .ns_hots_imgs .ns_h_a_p{background-position: -66px -472px;left: 0;opacity:.5;}
.ns_floor_wrap .ns_aside .ns_hots .ns_hots_imgs .ns_h_a_p:hover{opacity: 1}
.ns_floor_wrap .ns_aside .ns_hots .ns_hots_imgs .ns_h_a_n{background-position: -66px -410px;right: 0;opacity:.5;}
.ns_floor_wrap .ns_aside .ns_hots .ns_hots_imgs .ns_h_a_n:hover{opacity: 1}

.ns_floor_wrap .ns_main{
  float: left;
}
.ns_floor_wrap .ns_main .ns_min_ads{
  float: left;
  width: 480px;height: 400px;
}
.ns_floor_wrap .ns_main .ns_min_ads ul{
  margin: 0;
}
.ns_floor_wrap .ns_main .ns_min_ads li{
  float: left;
  width: 240px;height: 200px;
  overflow: hidden;
}
.ns_floor_wrap .ns_main .ns_min_ads li img{
  width: 240px;
}
.ns_floor_wrap .ns_main .ns_big_ads{
  float: left;
  width: 520px;height: 400px;
}
.ns_floor_wrap .ns_main .ns_big_ads{
  position: relative;overflow: hidden;
  width: 520px;height: 400px;
}
.ns_floor_wrap .ns_main .ns_big_ads img{
  width: 520px;
}
.ns_floor_wrap .ns_main .ns_big_ads .num{
  position: absolute;bottom: 10px;right: 10px;
}
.ns_floor_wrap .ns_main .ns_big_ads .num li{
  float: left;margin-left: 10px;
  width: 14px;height:14px;
  background: #fff;
  border-radius: 7px;
  cursor: pointer;
}
.ns_floor_wrap .ns_main .ns_big_ads .num li.on{
  background: #f37;
}
/*上一个  下一个*/
.ns_floor_wrap .ns_main .ns_big_ads .ns_b_a{height: 60px;position: absolute;top: 50%;margin-top: -30px;cursor: pointer;}
.ns_floor_wrap .ns_main .ns_big_ads .ns_b_a_p,
.ns_floor_wrap .ns_main .ns_big_ads .ns_b_a_n{ width: 60px;height: 60px;display: block;background:url('../images/layoutimg/icon-sp.png') no-repeat;
-webkit-transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
     -o-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
}
.ns_floor_wrap .ns_main .ns_big_ads .ns_b_a_p{background-position: -66px -472px;left: 0;opacity:.5;}
.ns_floor_wrap .ns_main .ns_big_ads .ns_b_a_p:hover{opacity: 1}
.ns_floor_wrap .ns_main .ns_big_ads .ns_b_a_n{background-position: -66px -410px;right: 0;opacity:.5;}
.ns_floor_wrap .ns_main .ns_big_ads .ns_b_a_n:hover{opacity: 1}
/*css3 缓动*/
.ns_floor_wrap .ns_aside .ns_hots ul li img,
.ns_floor_wrap .ns_main .ns_min_ads li img,
.ns_floor_wrap .ns_main .ns_big_ads a:hover img{
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
/*css3 放大*/
.ns_floor_wrap .ns_aside .ns_hots ul li a:hover img,
.ns_floor_wrap .ns_main .ns_min_ads li a:hover img,
.ns_floor_wrap .ns_main .ns_big_ads a:hover img{
  transform: scale(1.1);
}
.ns_floor1 .ns_aside .ns_title .ns_title_num,
.ns_floor1 .ns_main .ns_big_ads .num li.on{
  background: #c3542e;color: #fff;
}
.ns_floor1 .ns_aside .ns_title .ns_title_txt{
  color: #c3542e;
}

.ns_floor2 .ns_aside .ns_title .ns_title_num,
.ns_floor2 .ns_main .ns_big_ads .num li.on{
  background: #f33950;color: #fff;
}
.ns_floor2 .ns_aside .ns_title .ns_title_txt{
  color: #f33950;
}

.ns_floor3 .ns_aside .ns_title .ns_title_num,
.ns_floor3 .ns_main .ns_big_ads .num li.on{
  background: #f37;color: #fff;
}
.ns_floor3 .ns_aside .ns_title .ns_title_txt{
  color: #f37;
}

.ns_floor4 .ns_aside .ns_title .ns_title_num,
.ns_floor4 .ns_main .ns_big_ads .num li.on{
  background: #23ac38;color: #fff;
}
.ns_floor4 .ns_aside .ns_title .ns_title_txt{
  color: #23ac38;
}

.ns_floor5 .ns_aside .ns_title .ns_title_num,
.ns_floor5 .ns_main .ns_big_ads .num li.on{
  background: #f33;color: #fff;
}
.ns_floor5 .ns_aside .ns_title .ns_title_txt{
  color: #f33;
}

.ns_floor6 .ns_aside .ns_title .ns_title_num,
.ns_floor6 .ns_main .ns_big_ads .num li.on{
  background: #23bae7;color: #fff;
}
.ns_floor6 .ns_aside .ns_title .ns_title_txt{
  color: #23bae7;
}
