﻿body,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,input,select,label,dl,dt,dd{margin:0;padding:0;outline:none;-webkit-text-size-adjust:none;}
input,select,label{vertical-align:middle;}
ul,ol,li{list-style:none;}
input,img,select{border:0;outline:none;}
body{background-color:#fff;font-family:"微软雅黑","Microsoft Yahei","宋体",Verdana,Arial;color:#000;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{text-decoration:none;color:#009933;}

.left{float: left;}
.right{float: right;}
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
.clear{float:none; clear:both; font-size:0; line-height:0; height:0; margin:0; padding:0;}

/*路径*/
.guild {width: 1200px;margin: 0 auto;padding-top:10px;height: 22px;font: 12px/22px "宋体";}
.guild span {font-size: 12px;color:#333333}
.guild span a {margin: 0px 8px; color:#333333}
.guild span a:hover {text-decoration:none;color:#009933;}

/*分页*/
.paging {font-size:12px;text-align:center; width:100%; margin-top:20px; height:40px}
.paging a,.paging span {height:28px; line-height:28px;border:1px #CECECE solid;  padding:5px 10px; margin-left:5px; font-size:14px;text-decoration:none; color:#000}
.paging a.show,.paging a:hover {background:#C40000; border:1px #CECECE solid; color:#FFF;font-size:14px;}
.paging span.active {background:#C40000;color:#fff;border:1px #C40000 solid;}

/*推荐品牌*/
.recBrand-box { max-width: 700px; margin: 0 auto 0 auto; background: #fff; margin-bottom: 1rem; padding-bottom: 0.1rem; }
.recBrand-box .recBrand-title { padding: 0.5rem; background: #fff; margin: 0 0.2rem; border-left: 6px solid #da0000; border-bottom: 1px dashed #c6c6c6; font: bold 16px/20px "microsoft yahei"; color: #da0000; }
.recBrand-box .recBrand-list { overflow: hidden; display: flex; flex-wrap: wrap; border-bottom: 1px solid #f6f6f6; background: #fff; }
.recBrand-box .recBrand-list li { float: left; width: 30%; margin-top: 0.2rem; margin: 0.3rem; text-align: center; box-sizing: border-box; }
.recBrand-box .recBrand-list li a img { width: 7rem; height: 4.326rem; border: 1px solid #f6f6f6; }
.recBrand-box .recBrand-list li a h2 { font-size: 0.85rem; }
.recBrand-box .recBrand-list li p { margin-left: 0.3rem; font-size: 0.5rem; color: #333; }
.recBrand-box .recBrand-list li p strong { font-weight: normal; color: #f00; }
.recBrand-box .recBrand-btn { margin: auto; height: 50px; background: #fff; }
.recBrand-box .recBrand-btn a { width: 49.5%; float: left; display: inline-block; line-height: 50px; text-align: center; color: #333; cursor: pointer; }
.recBrand-box .recBrand-btn hr { border: none; height: 13px; margin-top: 20px; width: 1px; float: left; background: #ccc; }
.recBrand-box .recBrand-btn span { width: 49.5%; float: left; display: inline-block; line-height: 50px; text-align: center; color: #333; cursor: pointer; }

/*以上为通用样式部分*/

/*********************************共用头部开始*******************************/

.top-nav {height:46px;background:#111;overflow:hidden;width:100%;}
.top-nav i {float:left;padding:0.9rem 0.6rem;width:6%;}
.top-nav i img {width:0.6rem;}
.top-nav h1 {text-align:center;font:bold 1.3rem/46px "微软雅黑";color:#fff;width:75%;float:left;}
.top-nav p {float:right;color:#fff;z-index:999;text-align:left;font:1rem/46px "微软雅黑";padding:0.3rem 0.6rem;}
.top-nav a {color:#ffffff;}

/*********************************共用头部结束*******************************/

/*********************************共用导航开始*******************************/
.main-nav {background:#fff;padding-top:0.6rem;padding-bottom:0.3rem;border-top:1px solid #d1d3d0;max-width:750px;margin:0 auto;}
.main-nav li {width:20%;float:left;text-align:center;cursor:pointer;}
.main-nav li h3 {font:0.8rem/1.8rem "微软雅黑";color:#323232;}
.main-nav a {color:#323232;}
.main-nav li .nav-01 {background:#f66c6c;width:3rem;height:3rem;border-radius:4rem;margin:0 auto;}
.main-nav li .nav-02 {background:#bad93e;width:3rem;height:3rem;border-radius:4rem;margin:0 auto;}
.main-nav li .nav-03 {background:#ffa739;width:3rem;height:3rem;border-radius:4rem;margin:0 auto;}
.main-nav li .nav-04 {background:#72b4e4;width:3rem;height:3rem;border-radius:4rem;margin:0 auto;}
.main-nav li .nav-05 {background:#d1759c;width:3rem;height:3rem;border-radius:4rem;margin:0 auto;}
.main-nav li .nav-01 img {width:2rem !important;padding-top:0.6rem;}
.main-nav li .nav-02 img,.main-nav li .nav-03 img,.main-nav li .nav-04 img {width:1.8rem !important;padding-top:0.7rem;}
.main-nav li .nav-05 img {width:1.8rem !important;padding-top:0.6rem;}
.main-nav li p {width:3rem;height:3rem;border-radius:4rem;margin:0 auto;}
.main-nav li .nav-06 {background:#5683e8;}
.main-nav li .nav-07 {background:#fe5f75;}
.main-nav li .nav-08 {background:#ff5f53;}
.main-nav li .nav-09 {background:#13bda4;}
.main-nav li .nav-10 {background:#f15e1b;}
.main-nav li p img {width:1.8rem !important;padding:.6em;}
.line-bottom {background:url(/common/images/line-top.png) repeat-x center;width:100%;height:4px;}

/*********************************共用导航结束*******************************/

/*********************************共用底部开始*******************************/

.foot {border-top:1px solid #dadada;background:#f4f4f4;text-align:center;margin-top:1rem;}
.foot .foot_logo {padding-top:0.5rem;}
.foot .foot_logo img {width:8rem;height:auto;}
.foot a {text-decoration:none;color:#afafaf;}
.foot .foot_nav {color:#afafaf;padding-bottom: 1rem;}
.foot .foot_nav a {display:inline;padding:0px 5px;}
/*返回顶部*/
.gotop {display: none; height:130px; position: fixed; right: 15px; bottom: 5px; z-index: 100; }
.gotop div {width: 38px; height: 38px; line-height: 18px; display: block; text-align: center; background: #000; color: #fff; font-size: 14px; border-radius: 0.33rem; padding: 3px; margin-bottom: 3px; display: block; border-radius: 0.33rem; opacity: 0.4; }
.gotop a { color: #fff; }
.gotop .gotop-back { display: none; width: 44px; height: 44px; border: 0; opacity: 0.2; }
.weixin-layer-bg { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 998; background: rgba(0,0,0,.6); display: none; }
.weixin-layer { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 66%; border-radius: 10px;padding: 3px; background: #fff; text-align: center; box-shadow: 1px 1px 5px #888; display: none; height: 320px; z-index: 999; }
.weixin-layer p { font-size: 16px; text-align: center; line-height: 24px; }
.weixin-layer p span{ color:#ffa739; }
.weixin-layer .close { display: block; position: absolute; bottom: -35px; right: 50%; margin-right: -15px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #13bda4; color: #fff; }

/*********************************共用底部结束*******************************/
