* { margin: 0; padding: 0; border: 0; color: #333; font-family: "\5FAE\8F6F\96C5\9ED1", Arial; }
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-size: 20px; }
body { max-width: 640px; margin: 0 auto; font-size: 10px; background:#fff;}
a { text-decoration: none; color: #333; webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; }
table { border: 0; margin: 0; border-collapse: collapse; border-spacing: 0; }
table th, table td { border: 0; }
img { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; border: 0; }
i, em { font-style: normal; }
ol, ul, li { list-style: none; }
input, textarea, select, button { padding: 0; margin: 0; outline: none; font-family: "\5FAE\8F6F\96C5\9ED1", Arial; }
input[type="submit"] { appearance: none; -moz-appearance: none; -webkit-appearance: none;  /*去除input默认样式*/ }
input { appearance: none; -moz-appearance: none; -webkit-appearance: none;  /*去除input默认样式*/ }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.color_fff { color: #fff; }
.bg_fff { background:#fff;}
.clearfix:after { content: ' '; display: block; clear: both; }
.right { float: right; }
.left { float: left; }
.h10 { height: 10px; }
.h15 { height: 0.5rem; }
.h20 { height: 1rem; }
.clear { clear: both; }
.ui-mobile-viewport { margin: 0 auto; }
header { width: 100%; max-width: 640px; margin: 0 auto; padding-top:38px; padding-bottom: 30px; }
header .logo { padding:0 20%;}
header .index_search { margin:38px auto 0; width:80%; display:block;box-shadow: 3px 3px 7px #555;border-radius:4px; overflow:hidden;}
header .index_search #kw { width: 78%; height:36px;float:left;text-indent: 10px;}
header .index_search #soOk { background:#dab483; width:22%;height:36px; color:#fff;}
nav { width: 100%; padding: 0 0.5rem; height: 2rem; color: #fff; overflow: hidden; margin: auto; clear: both; }
nav li { float: left; }
nav li i { background: url(../img/nav_line.png); content: ' '; width: 2px; height: 1.5rem; display: inline-block; margin-top: 0.3rem; }
nav li i.nav_down { background: url(../img/nav_down.png); width: 14px; height: 21px; margin-top: 12px; }
nav a { height: 2rem; color: #fff; float: left; line-height: 2rem; font-size: 0.8rem; padding-left: 3%; padding: 0 1rem; }
nav a:nth-child(3) { width: 3rem; height: 2rem; color: #fff; float: right; line-height: 2rem; text-align: right; }
nav span { width: 9rem; color: #fff; float: left; text-align: center; line-height: 2rem; }
.nav_bg { width: 16rem; height: 2rem; }

section { width:100%; max-width:640px; margin:auto;}

.gywm { width:100%; padding:0 2%;}
.gywm img { width:100%;}


.bigtitle { width: 96%; height:46px; line-height:46px; max-width: 609px; margin: auto; overflow:hidden;}
.bigtitle srtong { font-size:22px;}
.bigtitle srtong:before { content:""; display:inline-block; width:4px; height:22px; background:#333; float:left; margin:13px 10px 0 0;}
.bigtitle .cat_more { float:right; font-size:14px; }


.tui { width: 96%; max-width: 608px; margin: auto; margin-top: 0.5rem; }
.tui ul li { float: left; width:33.333333%;}
.tui ul li:nth-child(even) { float: right; }
.tui ul li img { width: 100%; }
.tui ul li p { height: 36px; width: 90%; max-width: 298px; text-align: center; background: #dab483; margin: 8px auto; line-height: 36px; font-size:14px; font-family: '微软雅黑'; color:#fff;}
.brand { width: 96%; max-width: 608px; margin: auto; margin-top: 0.5rem; }
.brand ul { overflow:hidden; border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5;}
.brand ul li { width: 33.3333333%; float: left; background: #fff; padding:10px; max-height:138px; border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;}


.brand ul li img { width: 100%; height:auto; }
.brand ul li p { height:20px; line-height: 20px; text-align: center; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.fang { width: 96%; max-width: 608px; margin: auto; }
.fang ul li { width:49%; float:left; margin-bottom:0.3rem;}
.fang ul li:nth-child(even) { float: right; }
.fang ul li img { width:100%; max-height:7.4rem;}

.cominfo { width: 96%; max-width: 608px; margin: auto; margin-top:0.2rem; }
.cominfo ul li { width:49.5%; float:left; margin-bottom:0.15rem;}
.cominfo ul li:nth-child(even) { float: right; }
.cominfo ul li img { width:100%; max-height:7.4rem;}

.honor { width: 96%; max-width: 608px; margin: auto; margin-top:0.2rem; }
.honor ul { background:#f1d968; padding:2px;}
.honor ul li { width:25%; float:left;}
.honor ul li img { width:100%;}

.case_title { background:url(../img/case_title.png) no-repeat; width:96%; max-width:609px; height:3rem;margin:auto; object-fit:contain; line-height:2.5rem; vertical-align: middle;}
.case_title span { margin-right:0.5rem; vertical-align: middle;}
.case_title span a { color:#fff; font-size:0.8rem; vertical-align: middle;}

footer { max-width:640px; width:100%; margin:auto; text-align:center;}
.footnav {}
.footnav li { float:left; width:33.33%; margin-bottom:0.4rem;}
.footnav li a { display:inline-block; background:#000; color:#fff; width:6rem; line-height:1.6rem; text-align:center; font-size:0.8rem;}
.footnav li:nth-child(4),.footnav li:nth-child(1) { text-align:right;}
.footnav li:nth-child(3n) { text-align:left;}
.copyright { line-height:26px; font-size: 12px; margin-top:10px; }
.copyright p {color:#999;}


/*商品分类*/

.cat_btitle img { width:100%;}
.catlist li { float:left; width:32%; background:#fff; margin-bottom:0.3rem; text-align:center; display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;}
.catlist li:nth-child(3n-1) { margin:0 2%;}
.catlist li img { padding:0.4rem; width:100%; height:5rem;object-fit:contain}
.catlist li p { line-height:2rem; height:2rem; overflow:hidden; font-size:0.8rem; text-align:center; width:100%;}

/*商品列表*/
.bgfff { background:#fff;}
.postion { height:2.5rem; line-height:2.5rem; font-size:0.6rem;}
.postion a { font-size:0.6rem;}
.child { width:94%; max-width:530px; margin:auto;}
.child li { float:left; width:33.33%; line-height:2rem; font-size:0.6rem; overflow:hidden; height:2rem;}

.mall { border-top:1px solid #eee; width:96%; max-width:570px; margin:auto; padding:0.6rem 0;}
.mall .thumb { float:left; max-width:120px; width:20%;}
.mall .thumb img {max-width:120px; width:100%;}
.mall .inf { float:right; width:75%; max-width:427px; position:relative; border:none; padding-top:0; margin-left:10px;}
.red { color:red;}
.mall .inf h1 { height:1.5rem; line-height:1.5rem; font-size:0.8rem; overflow:hidden;}
.mall .inf .xg { width:100%; line-height:1.2rem; height:1.2rem;}
.mall .inf .xg span { font-size:0.6rem; margin-right:2rem; color:#666;}
.mall .price { float:left; }
.mall .price p { line-height:1.2rem; font-size:0.65rem;}
.mall .cart { float:right; position:absolute; width:55%; right:0;}
.mall .cart input { width:20%; max-width:45px; height:1.5rem; line-height:1.5rem; background:#e0e0e0; border-radius:3px; font-size:1.2rem; color:#666; float:right;}
.mall .cart input.text { margin:0 5px; text-align:center; font-size:0.8rem; background:#f2f2f2; width:35%; max-width:60px;}
.mall .cart .buy { width:60%; text-align:center; float:right; margin-right:10%;}
.mall .cart .buy a { background:#222; font-size:14px;display:inline-block; color:#fff;padding:5px 10px;}
.mall .cart .buy img { width:100%;}
.mall .cart .clearfix { line-height:1.5rem;}

.foot-bar-fix { height: 48px; clear: both;  padding-bottom:8px;}
.foot-bar { width: 100%; height: 54px; overflow: hidden; background: #F8F8F8; border-top: #B2B2B2 1px solid; position: fixed; z-index: 9; left: 0; bottom: 0; padding-bottom:8px; }
.foot-bar li { width: 20%; height: 48px; float: left; text-align: center; font-size: 11px; }
.foot-bar span { display: block; padding-top: 32px; }
.foot-bar em { font-style: normal; font-size: 10px; position: relative; z-index: 10; display: block; width: 5px; height: 5px; left: 50%; margin: -38px 0 0 8px; background: #FF0000; border: 1px solid #F43531; border-radius: 5px; }
.foot-bar .icon-home { background: url('../img/foot_1.png') no-repeat center 5px; background-size: 24px 24px; }
.foot-bar .icon-home-on { background: url('../img/foot_1_on.png') no-repeat center 5px; background-size: 24px 24px; }
.foot-bar .icon-about { background: url('../img/foot_2.png') no-repeat center 5px; background-size: 24px 24px; }
.foot-bar .icon-about-on { background: url('../img/foot_2_on.png') no-repeat center 5px; background-size: 24px 24px; }
.foot-bar .icon-my { background: url('../img/foot_5.png') no-repeat center 5px; background-size: 24px 24px; }
.foot-bar .icon-my-on { background: url('../img/foot_5_on.png') no-repeat center 5px; background-size: 24px 24px; }
.foot-bar .icon-mall { background: url('../img/foot_3.png') no-repeat center 5px; background-size: 24px 24px; }
.foot-bar .icon-mall-on { background: url('../img/foot_3_on.png') no-repeat center 5px; background-size: 24px 24px; }
.foot-bar .icon-cart { background: url('../img/foot_4.png') no-repeat center 5px; background-size: 24px 24px; }
.foot-bar .icon-cart-on { background: url('../img/foot_4_on.png') no-repeat center 5px; background-size: 24px 24px; }
.foot-bar .icon-home span,.foot-bar .icon-cart span, .foot-bar .icon-about span, .foot-bar .icon-my span, .foot-bar .icon-mall span { color: #7A7E83; }
.foot-bar .icon-home-on span,.foot-bar .icon-cart-on span, .foot-bar .icon-about-on span, .foot-bar .icon-my-on span, .foot-bar .icon-mall-on span { color: #ddce85; }
.foot-comment { text-align: right; margin: 10px 10px 0 0; line-height: 28px; font-size: 16px; }
.foot-comment div { position: absolute; z-index: 10; left: 10px; right: 60px; text-align: center; background: #FFFFFF; color: #999999; font-size: 14px; }
.my-cart { width: 46px; height: 46px; background: url('../../static/img/home-cart.png') no-repeat center center; background-size: 46px 46px; opacity: 0.9; position: fixed; z-index: 10; right: 10px; bottom: 60px; }
.my-cart em { display: block; height: 16px; line-height: 16px; padding: 0 6px 0 6px; float: right; font-size: 12px; color: #FFFFFF; font-style: normal; background: #FF0000; border-radius: 50%; }
.pages { height: 44px; line-height: 44px; text-align: center; background: #F7F7F7; clear: both; font-size: 16px; }
.pages a { padding-left: 10px; }



/*方案分类*/

.buycatlist { width: 96%; margin: auto;}
.buycatlist li { float:left; width:49%;  margin-bottom:0.3rem; text-align:center;}
.buycatlist li:nth-child(2n) { float:right;}
.buycatlist li img {width:100%; height:auto;}
.buycatlist li p { line-height:2rem; height:2rem; font-size:0.8rem; font-weight:bold;}

.buycatlist li p a {text-shadow:0 0 0.6em #f7eed6, -0 -0 0.6em #f7eed6;}


.buybanner { text-align:center; margin:auto; width:100%;}
.buybanner img { width:96%;}

/*单页*/

.about {width: 96%; max-width: 608px; margin: auto;}
.abouttitle { line-height:2rem; font-size:0.8rem; font-weight:bold;}
.abouttitle font { border-bottom: 2px solid #333;padding-bottom: 5px; }

.about .content p,.about .content{ font-size:0.8rem; line-height:1.3rem;letter-spacing:2px;}
.about .tb td{ border:1px solid #666; line-height:2rem; text-align:center; font-size:0.6rem;}
.about .tb .th { background:#dfdfdf;}

.p96 {width: 96%; max-width: 608px; margin: auto;}


.article li { line-height:1.3rem; height:1.3rem; overflow:hidden;}
.article li span { float:right;}



.contact { width:100%; max-width:640px;}
.contact img { width:100%;}

.tools { background:#f5f5f5; padding:15px 0; overflow:hidden;margin-top:1rem;}
.tools ul li { float:left; width:33.333%; text-align:center; font-size:0.6rem; line-height:40px;}
.tools ul li img { display:block; margin:0 auto; margin-bottom:5px;}
.tools ul li a span{ color:#3a4141;font-size: 16px;}


.top { height:2.5rem; line-height:2.5rem; background:#fff; width:100%; position:fixed; top:0; overflow:hidden; text-align:center; z-index: 9999;border-bottom:1px solid #e6e6e6;}
.top .back { float:left; margin-left:5px;}
.top .back a { color:#fff;}
.top .user { float:right; margin-right:5px;}
.top .search {width: 11rem; display:inline-block;}
.top .search input { line-height: 1.5rem; height: 1.5rem; width: 100%; border: 1px solid #eee; border-radius: 20px; text-align: center; background: #fff url(../img/search.png) no-repeat 1rem 0px; color: #333; }
.top .head-bar-title {display:inline-block; color:#333; font-size:1rem;}
.h3rem { height:2.5rem; clear:both;}

/*注册登录*/
.w575 { max-width:575px; margin:auto; text-align:center;}
.tlogo img { width:80%;}
.login { color:#fff; width:90%;margin:auto; margin-top:3rem; font-size:1rem;}
.login li { width:100%;height:3.3rem; background:#e6e6e6; border-top-left-radius:10px;border-top-right-radius:10px;}
.login li+li { border-top:1px solid #eee;}
.login li input { width:73%; float:right;height:3.2rem; line-height:3.3rem; margin-right:10px; font-size:1rem; background:#e6e6e6 }
.login li+li { border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.login li label { float:left; width:20%; line-height:3.3rem; text-align: center; margin:0;}

.l_btn { width:90%;margin:auto; height:3rem; line-height:3rem; background:#e6e6e6; text-align:center; margin-top:3rem; border-radius:10px; font-size:1rem;}
.send { color:#fff; text-align:right; width:90%; margin:auto; font-size:0.8rem;}
.send a {color:#fff; margin-left:2rem;}

.reg_btn { color:#fff; font-size:1rem;}
.reg_btn p a { display:block; font-size:1rem; width:90%; margin:auto; height:3rem; line-height:3rem; text-align:center; background:#e6e6e6; border-radius:10px; margin-top:1rem;}


.w90 { width:90%; margin:auto;}
.reg .bd-b { border-bottom:1px solid #eee;}
.reg input { width:100%; height:3rem; line-height:3rem; font-size:0.8rem; padding-left:5%; background:#e6e6e6}
.reg .bd-b:first-child input { border-top-left-radius:10px;border-top-right-radius:10px;}
.reg .bd-b:last-child input { border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.reg .sendcode { float: left; height: 2rem; line-height: 2rem; width: 30%; font-size: 0.8rem; border-left: 1px solid #dfdfdf; background: #f3dc6c; color:#fff; margin-top:0.5rem; border-radius:5px; }
.reg .addr-are {height:3rem; line-height:3rem;padding-left:5%; }
.reg .addr-are select { background:#e6e6e6; float:left;height:3rem; line-height:3rem; font-size:0.8rem;}

#agreement { background:#fff; position:fixed; width:100%; z-index:10; top:0; max-width:640px; line-height:1rem; font-size:0.6rem; text-align:left; padding:1rem;}

a.b:link,a.b { color: #fff; font-weight: bold; margin-right: 15px; text-decoration: underline; }

.reg .type select {width:100%; height:3rem; line-height:3rem; font-size:0.8rem; padding-left:5%; background:#e6e6e6}
.dtprice { height:3rem; line-height:3rem; width:100%; border-bottom:1px solid #eee; border-top:1px solid #eee;}
.dtprice span { float:left; width:33.33%; text-align:center;}
.dtprice span label { float: none; display:inline-block;}
.dtprice .yprice { text-decoration: line-through; }

.info {border-bottom:1px solid #eee;border-top:1px solid #eee; padding-top:16px;}

.tig { width:96%; padding:0 2%; border-top:1px solid #eee;}
.tig h1 { line-height:2rem; height:2rem; font-size:1rem;}
.tig>div { float:left;}
.tig .lt { width:55%;}
.tig .rt { width:45%;}
.tig>div li { line-height:1rem; margin-bottom:0.3rem;}
.tig .lt i { background:red; width:1rem; height:1rem; line-height:1rem; border-radius:50%; display:inline-block; text-align:center; color:#fff; font-size:10px; margin-right:0.4rem;}


.mshowtitle { line-height:2rem; height:2rem; padding-left:1rem; font-size:1.1rem;}




.fangwei { background: #000;}



.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.sale ul li { float:left; width:50%; box-sizing:border-box; padding:10px;}
.sale ul li .image { width;100%;border:1px solid #eee; margin-bottom:8px; padding:15px;}
.sale ul li .image img { width:100%;}
.sale ul li h2 { font-size:14px;}
.sale ul li p { margin-top:5px; font-size:12px;}



.mall-bar{position:fixed;z-index:9;bottom:0;background:white;border-top:#eee 1px solid;width:100%;height:50px;display:block}
.mall-bar .left{float:left;width:42%}
.mall-bar .left ul{overflow:hidden}
.mall-bar .left li{float:left;width:33%; text-align:center}
.mall-bar .left li i{margin: auto;display: block;width:18px;height:18px;margin-top:10px;margin-bottom:4px;background-size:100% 100%;background-repeat:no-repeat;}
.mall-bar .left li.kf i{background-image:url("../img/kf.png")}
.mall-bar .left li.dp i{background-image:url("../img/sp.png")}
.mall-bar .left li.gwc i{background-image:url("../img/gwc.png")}
.mall-bar .left li a{ display: inline-block;  font-size: 12px;text-align: center;color:#888}
.mall-bar .right{overflow:hidden;padding:10px 10px 10px 0;width:58%;}
.mall-bar .right ul li{float:left;width:47%;margin-left:3%; text-align:center}
.mall-bar .right ul li a{height:30px;line-height:30px;color:white;display:block;font-size:14px;width:100%;border-radius:16px}
.mall-bar .right ul li.buy a{background: linear-gradient(138deg,#ffa600,#ffb000 77%,#ffbc00)}
.mall-bar .right ul li.car a{background: linear-gradient(-41deg,#ff4f18,#ff2000 24%,#f10000)}



.list-set li:nth-child(1) div { border-top:none;}