﻿/*遮罩层*/
body { font-family: "microsoft yahei"; }
.hide { display: none; }
/** 清除默认格式 **/

body,  h1,  h2,  h3,  h4,  h5,  h6,  hr,  p,  blockquote, dl,  dt,  dd,  ul,  ol,  li, pre, form,  fieldset,  legend,  button,  input,  textarea, th,  td 
{ margin: 0; padding: 0; font-family: "微软雅黑"; }
body,  button,  input,  select,  textarea /* for ie */
{ font: 14px/1.5 tahoma, /5b8b/4f53, sans-serif; }
h1,  h2,  h3,  h4,  h5,  h6 { font-size: 100%; font-weight: normal; }
address,  cite,  dfn,  em,  var { font-style: normal; }
code,  kbd,  pre,  samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
ul,  ol { list-style: none; }
a { text-decoration: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
fieldset,  img { border: 0; }
button,  input,  select,  textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  menu,  nav,  section,  summary,  time,  mark,  audio,  video { display: block; margin: 0; padding: 0; }
mark { background: #ff0; }
a:visited{text-decoration:none; }
/** 清除默认格式 **/

/*首页*/
header { height: 48px; line-height: 48px; text-align: center; font-size: 1.5em; background-color: #d1323a; color: #fff; }
/*列表页*/
.backprev { float: left; width: 15%; text-align: center; color: #fff; height: 48px; line-height: 48px; }
.head-middle { width: 70%; text-align: center; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.head-right { float: right; text-align: center; width: 15%; }
.app-hide-list i { margin-top: -3px; margin-right: 5px; }
.app-hide-list { background: #f5f5f5; margin: 5px 0; color: #d1323a; }
.app-slide-menu .mdui-list-item-content { text-align: left; padding-left: .8em; }
.app-collapse-menu { margin: 0 16px; }
.app-list-home { padding: 0; margin: 5px 0 10px; background: #d1323a; }
.app-list-home:hover { background: #d1323a; }
.app-list-home i { margin-top: -3px; margin-right: 5px; color: #fff; }
.app-list-home a { color: #fff; }
.app-list-item-link { color: #fff; display: block; width: 100%; text-align: left; }
.mdui-collapse-item-body .app-sub-list { padding: 0; margin: 8px; background: #fff; }
.mdui-collapse-item-body .app-sub-list a { padding-left: 23px; }
.app-collapse-list { margin: 10px 0; }
.menu-click { background: #fee7e8; }
.app-btn { min-width: 100%; text-align: center; padding: 0; }
/*slide*/
#slide { width: 100%; height: 3.2rem; overflow: hidden; position: relative; }
#slide .swiper-slide { text-align: center; height: 3.2rem; }
#slide .swiper-slide img { width: auto; max-width: 100%; height: 3.2rem; }
#slide .pagination { position: absolute; z-index: 20; bottom: 5px; width: 100%; text-align: center; right: 0; }
#slide .swiper-pagination-bullet { display: inline-block; width: 15px; height: 5px; border-radius: 0; background: #4f4341; margin: 0 2px; opacity: 0.8; cursor: pointer; }
#slide .swiper-pagination-bullet-active { background: #d1323a; }
/*menu*/
.menu { width: 100%; height: 2.4rem; background-color: #eeeeee; overflow: hidden; }
.menu ul{ padding-top:.2rem; padding-left:.4rem;}
.menu ul li { float: left; padding:.18rem; }
.menubox { width: 1.31rem; height: 2rem;  overflow:hidden; }
.menulink { width: 1.31rem; height: 2rem;  overflow:hidden; color:#333333; text-decoration:none; }
.menuicon{ display:block; width:1.12rem; height:1.12rem; margin:0 auto;}
.menutitle{ font-size:.22rem; text-align:center; line-height:.4rem;color:#333333;  margin-top:.1rem;}

/*about*/
.about { width: 100%; height: auto; background-color: #fff; overflow: hidden; }
.about_t{ width:100%; height:.8rem; line-height:.8rem; text-align:center; font-size:.4rem; color:#d1323a; font-weight:bold; margin-top:.2rem; }
.about_tz{ width:100%; height:.4rem; line-height:.4rem; text-align:center; font-size:.3rem; color:#333333;   }
.about_zw{ width:90%; height:auto; line-height:.5rem; font-size:.24rem; color:#333333; margin:.4rem auto;}
.about_a{ width:90%; height:.6rem; background-color:#d1323a; border-radius:.1rem; display:block; margin:.2rem auto; color:#fff; line-height:.6rem; text-align:center;}

/*fengguang*/
.fg { width: 100%; height: 4rem; background-color: #f5f5f5; overflow: hidden; }
.tab_proList{padding:0 3%;overflow:hidden;background:white;margin:0;}
.tab_proList dt{padding:.1rem 0;height:.65rem;line-height:.65rem;display:box;display:-webkit-box;display:-moz-box;border-bottom:1px #f8f8f8 solid;}
.tab_proList dt a{display:block;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;border-right:1px #d2d2d2 solid;text-align:center; color:#333333;}
.tab_proList dt a:last-child{border:none;}
.tab_proList dt .currStyle{color:#d81b43;}
.tab_proList dd{margin:.23rem 0;}
.tab_proList dd li{overflow:hidden;border-bottom:1px #f1f1f1 dotted;padding:.15rem 0;}
.tab_proList dd li:last-child{margin:0;}

.goodsPic{width:2.16rem;height:1.28rem;display:block;float:left;text-align:center;overflow:hidden;border:1px #f8f8f8 solid;border-radius:2px;}
.goodsPic img{width:auto;max-width:100%;height:1.28rem;}
.goodsInfor{margin-left:2.6rem;position:relative; }
.listtitle{ width:3rem; height:.3rem; overflow:hidden; font-weight:bold; font-size:.26rem;}
.goodsInfor p{margin-top:.2rem; font-size:.2rem; }
.goodsInfor p .price{color:#c22c0b;}
.goodsInfor p .price:before{content:"￥";}
.goodsInfor p del{color:grey;}
.goodsInfor p del:before{content:"原价：￥"}
.goodsInfor .addToCart{position:absolute;top:30%;right:3%;font-family:'freshregular';font-size:.65rem;color:#f0c600;}
.listicon { width: .26rem; height: .26rem; background-color: #ca031f; line-height:.26rem; text-align: center; font-size: .18rem; color: #fff; float: left; margin-right:.1rem;}


/*xinwen*/
.xw { width: 100%; height: 8.2rem; background-color: #f5f5f5; overflow: hidden; }
.xw_t{ width:100%; height:.8rem; line-height:.8rem; text-align:center; font-size:.4rem; color:#d1323a; font-weight:bold; margin-top:.2rem; }
.xw_tz{ width:100%; height:.4rem; line-height:.4rem; text-align:center; font-size:.3rem; color:#333333;   }
.xw_line{ width:90%; height:.01rem; background-color:#999999; margin:.2rem auto;}
.xw_left{ width:1.6rem; height:1.6rem; background-color:#f5f5f5; border-right:1px solid #999999; float:left; margin-left:.4rem;}
.xw_left_dz{ font-size:1rem; font-weight:bold; color:#999999; text-align:center;}
.xw_left_xz{ font-size:.28rem;  color:#999999; text-align:center;}
.xw_right{ width:4.8rem; height:1.6rem;  float:right; margin-right:.4rem; }
.xw_right_dz{ font-size:.3rem; font-weight:bold; color:#333333; text-align:left; line-height:.3rem;}
.xw_right_xz{ font-size:.24rem; width:4.8rem; height:1.1rem; line-height:.36rem;  margin-top:.3rem;  color:#666666; text-align:left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

/*baoming*/
.bm { width: 100%; height: 7rem; background-color: #d1323a; overflow: hidden; }
.bm_t{ width:100%; height:.8rem; line-height:.8rem; text-align:center; font-size:.4rem; color:#fff; font-weight:bold; margin-top:.2rem; }
.bm_tz{ width:100%; height:.4rem; line-height:.4rem; text-align:center; font-size:.3rem; color:#fff;   }
.bm_txt{ float:left; color:#fff; width:1.2rem; margin-left:1rem; line-height:.8rem; font-size:.24rem;}
.shuru{ width:4.2rem; height:.6rem; border:1px solid #f5f5f5; margin-top:.1rem;text-align:center;}
.tijiao{ width:5.4rem; height:.6rem; border:1px solid #fff; background-color:#e1373f; text-align:center; margin:.2rem auto 0; display:block; line-height:.6rem; color:#fff; border-radius:.1rem;}

/*zaizhi*/
.zybg{ width:100%; height:3.2rem;  overflow:hidden;}
.zybg_wz{color:#fff; font-size:.6rem; font-weight:bold; margin-top:1.2rem; margin-left:.4rem;}
.zy { width: 100%; height: auto; background-color: #fff; overflow: hidden; padding-bottom:.4rem; }
.zy_t{ width:100%; overflow:hidden; line-height:.8rem; text-align:center; font-size:16px; color:#d1323a; font-weight:bold; margin-top:.2rem; }
.zy_zw{ width:90%; height:auto; line-height:.5rem; font-size:14px; font-family:'Microsoft YaHei'; color:#333333; margin:.1rem auto 0;}
.zy_zw p,.zy_zw span{ font-size:12px; font-family:'Microsoft YaHei'; color:#333333;}
.zy_th{ float:left; width:100%; padding-left:.4rem;  font-size:.3rem; font-weight:bold;color:#d1323a; line-height:.6rem; }

/*dibu*/
.dibu{ width:100%; height:.8rem;position: fixed; bottom: 0; overflow:hidden;}
.dibulink{  background-color:#d1323a; height:1rem; border-radius:.2rem; display:block; width:33%; color:#fff; text-align:center; line-height:.8rem;}

.zy_zw table{width:100%; height:auto;}

.zy_zw img{width:100%; margin:auto;}
.yqlink li{width:3.1rem; height:1.2rem; float:left;margin:.2rem;}

.yqlink li img{width:3.1rem; height:1.2rem; overflow:hidden;border:1px #cdcdcd solid; }

