@import url("fonts/iconfont.css");
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/iconfont.woff2') format('woff2'),
      url('fonts/iconfont.woff') format('woff'),
      url('fonts/iconfont.ttf') format('truetype'),
      url('fonts/iconfont.svg#iconfont') format('svg');}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 8px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
body{background:#fff;font-family:PingFang sc,Microsoft YaHei,Helvetica;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none}
li,ol,ul{list-style:none}
input[type=password],input[type=text],textarea{outline:0;background:#fff;white-space:pre-wrap;word-wrap:break-word;resize:none;-webkit-appearance:none}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}

/*头部*/
.cdx_top { height:.88rem;position: fixed; z-index:999; width:100%;}
.cdx_top .left { float:left; height:.88rem; line-height:.88rem;}
.cdx_top .left span { display:inline-block; color:#fff; font-size:.3rem;}
.cdx_top .left span:before {content:"\e61f";display:inline-block;width:.3rem;height:.3rem;line-height:.3rem;float:left;margin:.26rem .1rem 0 .1rem;font-family:'iconfont';color:#fff;font-size:.3rem;}
.cdx_top .pingdao { margin-left: .3rem;}
.cdx_top .pingdao a:before {content:"\e690";display:inline-block;width:.3rem;height:.3rem;line-height:.3rem;float:left;margin:.26rem .1rem 0 .1rem;font-family:'iconfont';color:#fff;font-size:.4rem;}
.cdx_top .cdx_search { position: absolute;left: 50%;transform: translate(-50%, 0); height:.6rem; border-radius:.4rem; overflow:hidden; margin-top:.14rem;width:68%; background:#fff;}
.cdx_top .cdx_search:before {content:"\e89a";display:inline-block;width:.3rem;height:.3rem;line-height:.3rem;margin:.14rem 0 0 .2rem;font-family:'iconfont';color:#ccc;font-size:.3rem;position:absolute;left:0;}
.cdx_top .cdx_search input { width: 100%; height: .6rem; border:none; background:none; padding:0 .3rem 0 .8rem;position:absolute; left:0; font-size:.28rem; color:#999;}
.cdx_top .right { float:right; height:.88rem;}
.cdx_top .right img { width:.6rem; height:.6rem; border-radius:50%; margin:.14rem .24rem 0 0;filter: grayscale(300%) brightness(700%); }

/*滚动*/
.scrollUp{margin: .2rem auto 0;overflow: hidden;height:.6rem; padding:0 .2rem 0 2rem;background: #ffffff url(./img/hyzx.png) no-repeat .2rem center;background-size: 1.76rem .3rem; }
.scrollUp li{height: .6rem;overflow: hidden;line-height: 30px}
.scrollUp li a{font-size: .26rem;}

/*导航*/
.cdx_menu ul{ width:100%;  float:left; padding-top:.3rem;}
.cdx_menu ul img { padding:.2rem;filter: grayscale(100%) brightness(300%); width:.44rem; height:.44rem;}
.cdx_menu ul span {display:block;font-size:.22rem;line-height:.22rem;color:#000; margin-top:.1rem;}
.cdx_menu ul li {width:20%;height:1.5rem;float:left; text-align:center;}
.cdx_menu ul li a i { display:inline-block; width:.88rem; height:.88rem; border-radius:50%;}
.cdx_menu ul li:nth-child(1) a i { background: linear-gradient(to bottom,#ffc325,#ffa71c,#ffa21a);box-shadow: 0 0 0.1rem rgba(252, 208, 87, .6);}
.cdx_menu ul li:nth-child(2) a i { background: linear-gradient(to bottom,#6defa8,#3cd8a6,#32d4a5);box-shadow: 0 0 0.1rem rgba(109, 239, 168, .6);}
.cdx_menu ul li:nth-child(3) a i { background: linear-gradient(to bottom,#ffc325,#ffa71c,#ffa21a);box-shadow: 0 0 0.1rem rgba(252, 208, 87, .6);}
.cdx_menu ul li:nth-child(4) a i { background: linear-gradient(to bottom,#fe7995,#fb6474,#fa5f6b);box-shadow: 0 0 0.1rem rgba(254, 121, 149, .6);}
.cdx_menu ul li:nth-child(5) a i { background: linear-gradient(to bottom,#c1a4ff,#ae88ff,#a57bff);box-shadow: 0 0 0.1rem rgba(193, 164, 255, .6);}
.cdx_menu ul li:nth-child(6) a i { background: linear-gradient(to bottom,#00d0ff,#00b7ff,#0086fe);box-shadow: 0 0 0.1rem rgba(0, 208, 255, .6);}
.cdx_menu ul li:nth-child(7) a i { background: linear-gradient(to bottom,#fd602d,#ff5a24,#ff3e0d);box-shadow: 0 0 0.1rem rgba(253, 96, 45, .6);}
.cdx_menu ul li:nth-child(8) a i { background: linear-gradient(to bottom,#76b3fe,#669fff,#5d93ff);box-shadow: 0 0 0.1rem rgba(118, 179, 254, .6);}
.cdx_menu ul li:nth-child(9) a i { background: linear-gradient(to bottom,#ff9ec6,#ff7caf,#ff629d);box-shadow: 0 0 0.1rem rgba(249, 171, 203, .6);}
.cdx_menu ul li:nth-child(10) a i { background: linear-gradient(to bottom,#6defa8,#3cd8a6,#32d4a5);box-shadow: 0 0 0.1rem rgba(109, 239, 168, .6);}
.cdx_menu ul li:nth-child(11) a i { background: linear-gradient(to bottom,#fe7995,#fb6474,#fa5f6b);box-shadow: 0 0 0.1rem rgba(254, 121, 149, .6);}
.cdx_menu ul li:nth-child(12) a i { background: linear-gradient(to bottom,#c1a4ff,#ae88ff,#a57bff);box-shadow: 0 0 0.1rem rgba(193, 164, 255, .6);}
.cdx_menu ul li:nth-child(13) a i { background: linear-gradient(to bottom,#00d0ff,#00b7ff,#0086fe);box-shadow: 0 0 0.1rem rgba(0, 208, 255, .6);}
.cdx_menu ul li:nth-child(14) a i { background: linear-gradient(to bottom,#fd602d,#ff5a24,#ff3e0d);box-shadow: 0 0 0.1rem rgba(253, 96, 45, .6);}
.cdx_menu ul li:nth-child(15) a i { background: linear-gradient(to bottom,#76b3fe,#669fff,#5d93ff);box-shadow: 0 0 0.1rem rgba(118, 179, 254, .6);}
.cdx_menu ul li:nth-child(16) a i { background: linear-gradient(to bottom,#ff9ec6,#ff7caf,#ff629d);box-shadow: 0 0 0.1rem rgba(249, 171, 203, .6);}
.cdx_menu ul li:nth-child(17) a i { background: linear-gradient(to bottom,#6defa8,#3cd8a6,#32d4a5);box-shadow: 0 0 0.1rem rgba(109, 239, 168, .6);}
.cdx_menu ul li:nth-child(18) a i { background: linear-gradient(to bottom,#ffc325,#ffa71c,#ffa21a);box-shadow: 0 0 0.1rem rgba(252, 208, 87, .6);}
.cdx_menu ul li:nth-child(19) a i { background: linear-gradient(to bottom,#6defa8,#3cd8a6,#32d4a5);box-shadow: 0 0 0.1rem rgba(109, 239, 168, .6);}
.cdx_menu ul li:nth-child(20) a i { background: linear-gradient(to bottom,#76b3fe,#669fff,#5d93ff);box-shadow: 0 0 0.1rem rgba(118, 179, 254, .6);}

/*layout*/
i,em{font-style:normal}
.blank{overflow:hidden;width:100%;height:.16rem; background:#f5f5f5;}
.blank-top{overflow:hidden;width:100%;height:0rem}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*幻灯*/
.m-focus{width:100%;overflow:hidden;z-index:1;position: relative; }
.m-focus-box{overflow:hidden;margin:0 auto;position:relative;}
.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:.2rem;z-index: 10;}

/* 公用标題 */
.proBox{clear:both;}
.cdx-title{line-height:.36rem;background:white;padding:.28rem .2rem .28rem .3rem;overflow:hidden; border-bottom:1px solid #eee; margin-bottom:.2rem;}
.cdx-title p{width:100%;overflow:hidden;font-size:.26rem;padding-top:.2rem;color:#777}
.cdx-title h2{font-size:.32rem;font-weight:700;color:#333;float:left}
.cdx-title h2:before{content:"";background:#ffa21a;width:.08rem;height:.36rem;float:left;margin-right:.15rem;border-radius: .04rem;}
.cdx-title span{float:right;}
.cdx-title span a{height:.32rem;background-size: .32rem .32rem;display:block;font-size:.2rem; color:#666;}
.cdx-title span a i { margin-left:.1rem;}
/*楼层*/
.qc-head{margin: .1rem .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f8f8f8;border-radius:.4rem;}
.qc-head li{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #666; font-size: .24rem; text-align: center;height:.6rem; line-height:.6rem; border-radius:.4rem;}
.qc-head li.current{background:#ffa21a; color:#fff;}
.qc-body dl{overflow:hidden}
.news-list{width:100%;clear:both;overflow:hidden; background:white}
.news-list h3{font-size:.32rem;line-height:1rem;height:1rem;padding:0px .3rem;border-bottom:#eee 1px solid;margin:0}
.news-list h3:before{content: "";width: .08rem;height: .32rem;background: #1db3c9;float: left;margin: .35rem .2rem 0 0;}
.news-list h3 span{float:right; font-weight:normal}
.news-list ul{overflow:hidden;margin:0px;padding:0 .28rem}
.news-list ul li{overflow:hidden;padding:.28rem 0;border-bottom:#eee 1px solid}
.news-list ul li .pic{overflow:hidden}
.news-list ul li .pic img{width:100%;border-radius:.08rem}
.news-list ul li .text{float:left;width:68%;margin-right:2%}
.news-list ul li p{line-height:.5rem;height:1rem;width:100%;margin-top:-.05rem;overflow:hidden;font-size:.32rem;margin-bottom:.1rem}
.news-list ul li em{font-size:.28rem; overflow:hidden;color:#777;}
.news-list ul li em.sj{background: url(img/sj.png) no-repeat left center; background-size:.32rem .32rem;padding-left:.4rem;height:.4rem; line-height:.4rem;overflow:hidden;font-size:.28rem;margin:.1rem 0;}
.news-list ul.only{overflow:hidden;margin:0px;}
.news-list ul.only li{overflow:hidden;padding:.28rem;border-bottom:#f7f7f7 1px solid}
.news-list ul.only li a{font-size:.32rem}
a.more{display:block;width:3rem;margin:.25rem auto;text-align:center;font-size:.32rem;height:.6rem;line-height:.6rem;border-radius:.4rem;border:#ff7200 1px solid;color:#ff7200}
.brand-tj { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;padding:0 .1rem .2rem; }
.brand-tj dd { width: 33.33%; float: left; overflow:hidden; }
.brand-tj dd a { color: #000; display: block; padding:.1rem }
.brand-tj dd a img { display: block; width: 100%;border:#eee 1px solid}
.brand-tj dd a .brand-name{height: .74rem;font-size:.24rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;color: #333;line-height: .37rem;margin-top:.1rem}
.brand-tj dd a .brand-price { color: #ef1f34; font-size: .28rem; margin-top:.1rem;overflow:hidden}
.brand-tj dd a .brand-price em { font-size:.2rem;}
.brand-list{padding: 0 .2rem;}
.brand-list dd {padding: .2rem 0; border-bottom: 1px solid #eee;overflow:hidden; }
.brand-list dd:last-child { border: none; }
.brand-list dd .brand-logo { width: 1.7rem;float:left;margin-right:.2rem}
.brand-list dd .brand-logo img { width: 1.7rem; border-radius: 3px;}
.brand-list dd .brand-info {overflow:hidden}
.brand-list dd .brand-info .brand-name { font-size: .3rem; margin-bottom:.2rem;overflow:hidden; }
.brand-list dd .brand-info .brand-name a { font-size: .3rem; }
.brand-list dd .brand-info .brand-icon .icon { font-size: .26rem;  padding: .1rem 0rem; overflow:hidden;color:#777}