/* ===== 阳光维修 全站样式 ===== */
body{margin:0;padding:0;color:#333;font-size:14px;font-family:"Microsoft YaHei",Verdana,sans-serif;line-height:24px;background:#EFEFEF;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
img{max-width:100%;height:auto;border:0;}
div,h1,h2,h3,h4,h5,p,form,ul,label,input,textarea,span,dl,dt,dd{margin:0;padding:0;}
.clear{clear:both;}
li{list-style:none;}
.fl{float:left;}
.fr{float:right;}
.zh{width:1200px;margin:0 auto;}
.left{width:70.7%;}
.right{width:28%;}
.mb15{margin-bottom:15px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.bgb{background-color:#fff;border-radius:5px;}
.pd{padding:8px;}
.dnwu{display:none;}
.tc{text-align:center;}
.flex{display:flex;}

/* 顶部条(手机) */
.top{line-height:35px;height:35px;border-bottom:1px solid #ddd;background-color:#f5f5f5;font-size:13px;}
.top .zh{color:#666;}

/* 头部(手机) */
.head{padding:10px 0;background-color:#fff;}
.logo a{display:block;}
.logo-cn{display:block;font-size:26px;font-weight:700;color:#21A366;line-height:34px;letter-spacing:2px;}
.logo-en{display:block;font-size:11px;color:#999;letter-spacing:1px;line-height:14px;text-align:center;}
.ss form{width:380px;margin-left:100px;margin-top:8px;}
.ss #edtSearch,.ss input[type=text]{float:left;height:36px;line-height:36px;color:#777;width:82%;border:1px solid #ddd;padding-left:2%;background:#fff;border-radius:3px 0 0 3px;box-sizing:border-box;font-size:14px;}
.ss #btnPost,.ss button.search-submit{color:#fff;float:left;height:38px;width:15%;border:0;border-radius:0 3px 3px 0;font-size:1.125em;cursor:pointer;}
.ss #btnPost,.ss button.search-submit{background-color:#64AB23;}
.rss{line-height:60px;width:460px;height:60px;overflow:hidden;text-align:right;}

/* 自适应导航 */
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
#nav{position:relative;height:50px;line-height:50px;z-index:990;}
#nav ul{padding:0;}
#nav ul.zh{display:flex;justify-content:space-between;}
#nav li{float:none;flex:1;text-align:center;}
#nav a{color:#fff;display:inline-block;line-height:50px;padding:0 8px;font-size:15px;}
#nav li a{box-sizing:border-box;}
#nav a#pull,#nav a.home,.sous{display:none;}
#nav li ul{list-style:none;left:-999em;position:absolute;padding-top:0;overflow:visible;text-align:left;white-space:nowrap;}
#nav li ul li{clear:left;width:100%;}
#nav li ul li a{line-height:35px;height:35px;font-weight:normal;padding-right:22px;padding-left:22px;display:block;background-color:#64AB23;font-size:14px;}
#nav li ul a:hover{color:#fff;text-decoration:none;font-weight:normal;}
#nav li:hover ul{left:auto;}
#nav,.ss #btnPost,.ss button.search-submit,.right #divSearchPanel input[type=submit],#divTags dd ul li a,.pagebar a:hover,.pagebar .now-page,#nav li a,.index-list-tu li a:hover p{background-color:#64AB23;}
#nav li a:hover,#nav li a.on{background-color:#298F74;}
.right #divSearchPanel dd form,.pagebar a:hover,.pagebar .now-page{border:1px solid #21A366;}
a:hover,.yanse,.tags a{color:#21A366;}
.info-zi h2,.info-zi h3{border-left:3px solid #21A366;}

/* 分页 */
.pagebar{width:100%;clear:both;margin:10px 0;padding:10px 0;text-align:center;}
.pagebar a,.pagebar .now-page{padding:4px 12px;color:#333;display:inline-block;border:1px solid #ddd;margin:0 3px 3px 0;border-radius:2px;background:#fff;}
.pagebar a:hover,.pagebar .now-page{color:#fff;}
.pagebar .now-page{background-color:#64AB23;color:#fff;border-color:#64AB23;font-weight:700;}

/* 模块标题条 */
.ybbt{font-size:15px;font-weight:700;line-height:36px;height:36px;overflow:hidden;border-bottom:1px solid #ddd;margin-bottom:5px;padding:0 4px;}
.ybbt1{font-size:15px;font-weight:400;line-height:36px;height:36px;overflow:hidden;border-bottom:1px solid #ddd;margin-bottom:5px;}
.ybbt .more{color:#888;}

/* 右侧滑动tab */
.right dl{margin-bottom:15px;clear:both;width:96%;padding:2%;float:left;overflow:hidden;background-color:#fff;border-radius:5px;}
.right dt{font-size:1.1em;font-weight:700;line-height:2.5;padding:0 5px;border-bottom:1px solid #ddd;}
.right ul{clear:both;float:left;width:100%;}
.right li{line-height:1.5;font-size:1em;padding:7px 2%;border-bottom:1px dotted #ddd;}
.notice{width:100%;overflow:hidden;}
.notice .tab-hd{height:41px;background-color:#f1f1f1;font-size:1.08em;}
.notice .tab-hd ul{float:none;width:auto;}
.notice .tab-hd li{float:left;height:40px;line-height:40px;width:33.33%;text-align:center;padding:0;clear:none;}
.notice .tab-hd li a{display:block;padding:0;border-right:1px solid #ccc;color:#333;}
.notice .tab-hd li a.wux{border-right-width:0;}
.notice .tab-hd li.on{background-color:#fff;font-weight:700;border-top:1px solid #fff;border-left:1px solid #ddd;border-bottom:0;margin-left:-1px;margin-right:-1px;}
.notice .tab-bd{border-top:1px solid #ccc;}
.notice .tab-bd ul{overflow:hidden;zoom:1;padding:1%;width:98%;}
.notice .tab-bd li{height:34px;line-height:34px;overflow:hidden;padding:0 10px;border-bottom:1px dotted #ddd;color:#999;}
.zuo10{margin-left:10px;}
.notice .tab-pal{display:none;}
.notice .tab-pal:first-child{display:block;}

/* 图片列表模块 */
.index-list-tu ul,.index-cms{margin-left:-1.5%;}
.index-list-tu li{float:left;margin:5px 0 5px 1.5%;width:18.5%;display:inline-block;overflow:hidden;}
.index-list-tu li a{display:block;position:relative;color:#fff;text-align:center;float:left;width:100%;}
.index-list-tu li a img{width:100%;height:150px;float:left;object-fit:cover;}
.index-list-tu li a p{background:#000;opacity:.7;position:absolute;left:0;bottom:0;width:100%;padding:1% 2%;height:24px;overflow:hidden;color:#fff;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;margin:0;}

/* 文字列表模块 */
.index-cms dl{float:left;width:29.8%;padding:.5% 1%;margin-left:1.5%;margin-bottom:15px;background:#fff;border-radius:5px;}
.index-cms li{height:34px;line-height:34px;overflow:hidden;border-bottom:1px dotted #ddd;color:#999;}
.index-cms li span{float:right;margin-left:10px;}
.index-cms li>a{width:calc(100% - 125px);display:block;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index-cms .ban{width:46.5%;}
.index-cms .ban span{float:left;margin-right:10px;width:95px;line-height:34px;}
.index-cms .ban span a{color:#64AB23;}
.index-cms .ban li>a{width:auto;float:none;display:block;margin-left:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;}
.index-cms .ban li>a:hover{color:#21A366;}

/* 友情链接 */
.links li{float:left;margin:0 15px 10px 0;}
.links li a{color:#555;}

/* 底部 */
.footer{padding:32px 0 26px;background:linear-gradient(180deg,#343A41 0%,#262A30 100%);color:#c8ccd6;text-align:center;line-height:2;border-top:3px solid #21A366;}
.footer-nav{margin-bottom:8px;}
.footer-nav a{display:inline-block;color:#9aa0b0;margin:0 6px;padding:0 14px;border-right:1px solid #474d56;transition:color .2s ease;font-size:14px;}
.footer-nav a:last-child{border-right:0;}
.footer-nav a:hover{color:#21A366;}
.footer-copy{color:#8b90a0;font-size:13px;margin:5px 0;}
.footer-copy a strong{color:#21A366;transition:color .2s;}
.footer-copy a:hover strong{color:#fff;}
.footer-contact{color:#8b90a0;font-size:13px;margin:5px 0;}
.footer-contact .qq{color:#ffb03a;font-size:16px;font-weight:700;letter-spacing:1px;}

/* 列表页文章条目 */
.list .ybbt1{margin-bottom:0;padding:4px 15px;}
.list li{padding:15px;border-bottom:1px solid #ddd;transition:all .25s ease 0s;position:relative;}
.list li:hover{background-color:#f9f9f9;}
.list li h3,.list li h2{font-size:1.15em;line-height:1.5;word-wrap:break-word;margin-bottom:6px;}
.list li h2 a{color:#333;}
.list li h2 a:hover{color:#21A366;}
.list small,.info-bt small,.info-bt small a,.list small a{color:#999;}
.list small span,.info-bt small span{margin-right:15px;}
.list li p{font-size:1em;line-height:1.5;color:#666;word-wrap:break-word;max-height:65px;margin-bottom:3px;overflow:hidden;}
.list-tu{display:block;width:160px;max-height:115px;float:left;margin-right:18px;overflow:hidden;border-radius:3px;}
.list-tu img{width:100%;height:auto;float:left;}

/* well 简介 */
.well{padding:5px 15px;margin:10px 15px 0;}
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);}
.well h2{font-size:20px;line-height:normal;}
.well p{margin:0 0 10px;}

/* 右侧搜索 */
.right #divSearchPanel dd{padding:2%;}
.right #divSearchPanel dd form{height:30px;border-radius:2px;overflow:hidden;background:#fff;}
.right #divSearchPanel input[type=text]{line-height:28px;height:28px;width:72%;float:left;padding-left:1%;clear:left;border:0;}
.right #divSearchPanel input[type=submit]{color:#fff;float:right;height:30px;width:25%;border:0;cursor:pointer;}

/* 右侧标签 */
.right #divTags dd{padding:2% 2% 0;}
.right #divTags dd ul li{display:inline-block;overflow:hidden;border:0;margin:0;padding:0;}
.right #divTags dd ul li a{display:block;margin:0 5px 5px 0;padding:0 6px;line-height:30px;height:30px;overflow:hidden;color:#fff;border-radius:2px;}
#divTags .tag-count{display:none;}
.tags0{background-color:#efac82;}
.tags1{background-color:#84c7cf;}
.tags2{background-color:#d69899;}
.tags3{background-color:#d59ad4;}
.tags4{background-color:#c9b070;}
.tags5{background-color:#b0d699;}
.tags6{background-color:#eda29e;}

/* 右侧品牌栏 */
#brand{padding:1.5em;background:#fff;margin-bottom:15px;}
#brand .c-title{font-size:18px;padding-bottom:.2em;margin-top:-.5em;position:relative;border-bottom:1px solid #ddd;margin-bottom:10px;}
#brand .c-title .name{font-weight:700;}
#brand p{margin-bottom:8px;line-height:1.8;}

/* 右侧图片列表 */
#yxx.index-list-tu li{width:calc(47.5% - 0px);padding:0;float:left;margin:5px 0 5px 2.5%;}
#yxx.index-list-tu li a img{height:90px;}
#yxx.index-list-tu li a p{font-size:12px;}

/* 文章详情 */
.info{padding:15px;}
.info-bt{text-align:center;border-bottom:1px dashed #ddd;padding:15px 0;margin-bottom:10px;}
.title{font-size:1.6em;margin-bottom:10px;}
.info-zi{line-height:1.8;font-size:1.05em;word-wrap:break-word;}
.info-zi p{margin-bottom:.6em;margin-top:.6em;}
.info-zi h2,.info-zi h3{background-color:rgba(102,128,153,.05);padding:10px 20px;border-radius:3px;font-size:1.125em;}
.info-zi h3{font-size:1em;}
#newstext img{max-width:100%!important;height:auto!important;margin:0 auto;display:block;}
#newstext a{color:blue;font-weight:bold;}
.dsf{font-size:.75rem;color:#0AA770;border:1px solid #0AA770;background-color:#F2FBF8;padding:.125rem .5rem;width:200px;margin:5px auto;text-align:center;display:block;}
/* 上一篇下一篇 */
.sx{border:1px dotted #CCC;padding-left:10px;padding-right:10px;border-radius:3px;}
.sx li{width:45%;line-height:40px;height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;}
.sx li a{color:#333;}
.sx li a:hover{color:#21A366;}
/* 猜你喜欢 */
.xg2{margin-bottom:15px;margin-top:15px;padding:10px;border:1px dashed #ccc;font-size:.875em;}
.xg2 h2{font-size:1.25em;line-height:2;}
.index-list-tu2 li{width:100%;display:inline-block;float:left;border-bottom:1px dotted #ddd;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index-list-tu2 li a{color:#333;}
.index-list-tu2 li a:hover{color:#21A366;}

/* 分类页品牌网格 */
.x-wrap{width:1200px;margin-left:auto;margin-right:auto;background:#fff;margin-bottom:20px;}
.x-wrap-padding{padding:15px;}
.x-brandbox-watch section{display:flex;border-bottom:1px solid #eee;padding-bottom:10px;}
.x-brandbox-watch section > div{width:4.5rem;padding:0 1.25rem;background-color:#F4F2F0;color:#928471;font-size:1rem;justify-content:center;align-items:center;}
.mr20{margin-right:20px;}
.x-brandlist-watch{flex:1;flex-wrap:wrap;padding-top:.4rem;padding-bottom:.4rem;}
.x-brandlist-watch li{flex:0 0 8.75rem;max-width:8.75rem;height:8.125rem;border-radius:4px;margin:0 .5rem .5rem 0;border:1px solid #fff;}
.x-branditem-watch{height:5.5rem;text-align:center;padding:.625rem;}
.x-branditem-watch div a{width:7.5rem;height:3.75rem;justify-content:center;align-items:center;margin-bottom:.125rem;display:flex;overflow:hidden;}
.x-branditem-watch div a img{max-width:100%;height:100%;object-fit:contain;}
.x-branditem-watch > a{width:7.5rem;font-size:.875rem;color:#666;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.x-branditem-watch-hide{display:none;}
.x-brandlist-watch li:hover{border:1px solid #928471;background-color:#F4F2F0;}

/* 品牌大全 */
.brand-list li{padding:15px;border-bottom:1px solid #ddd;}
.brand-item h2{font-size:1.2em;margin-bottom:6px;}
.brand-item h2 a{color:#21A366;}
.brand-item p{color:#666;line-height:1.8;}

/* 404 */
#logo404{background:#fff;padding:60px 0;border-bottom:1px solid #9EAA99;}
#cw404{width:720px;margin:20px auto;}
#cw404 h1{font-size:18px;line-height:60px;font-weight:normal;text-align:center;}
#cw404 .kuang{font-size:14px;border:1px solid #9EAA99;border-radius:3px;padding:20px;background:#fff;}
#cw404 #ts404{text-align:center;}
.btn404{display:inline-block;background:#64AB23;color:#fff;padding:8px 30px;border-radius:3px;}

/* 专题门店列表 */
.zt-stores{margin:10px 0;}
.zt-store-item{display:flex;align-items:center;border:1px solid #eee;border-radius:6px;padding:10px;margin-bottom:10px;background:#fafafa;}
.zt-store-item img{width:120px;height:80px;object-fit:cover;border-radius:4px;margin-right:12px;flex-shrink:0;}
.zt-store-info{flex:1;min-width:0;}
.zt-store-info h3{font-size:15px;margin-bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.zt-store-info h3 a{color:#333;}
.zt-store-info h3 a:hover{color:#21A366;}
.zt-store-info p{color:#999;font-size:13px;margin:2px 0;}
@media screen and (max-width:768px){.zt-store-item img{width:90px;height:64px;}}

#goTopBtn{position:fixed;text-align:center;line-height:50px;width:50px;bottom:35px;height:50px;font-size:22px;cursor:pointer;right:10px;background:#64AB23;color:#fff;border-radius:4px;z-index:999;}

/* 手机底部导航 */
.bottomNav{display:none;overflow:hidden;background-color:#21A366;height:52px;line-height:52px;width:100%;position:fixed;left:0;bottom:0;z-index:1000;}
.bottomNav li{float:left;width:calc(50% - 1px);text-align:center;border-left:1px solid #fff;}
.bottomNav li:first-child{border-left:0;}
.bottomNav li a{display:block;}
.bottomNav li .ico{display:inline-block;}
.bottomNav li .ico i{color:#fff;font-size:20px;vertical-align:middle;}
.bottomNav li .tit{display:inline-block;color:#fff;margin-left:10px;font-size:16px;}

/* ===== 响应式 ===== */
@media screen and (max-width:1100px){
  .zh,.zh1,.x-wrap{width:96%;margin-left:2%;margin-right:2%;padding:0;}
  .sjwu,.list-tu{display:none;}
  .dnwu{display:block;}
  .index-cms dl,.right dl,.mb15{margin-bottom:10px;}
  #nav{background-color:#21A366;margin:0;height:50px;padding:0;width:100%;position:fixed;left:0;top:0;display:block;z-index:2;border-radius:0;}
  #nav ul{display:none;height:auto;width:100%;margin:50px 0 20px 0;background:#21A366;}
  #nav a#pull{display:block;width:50px;height:50px;position:absolute;padding:0;top:0;right:0;color:#fff;text-align:center;}
  #nav li{width:100%;float:left;position:relative;height:45px;overflow:hidden;padding:0;flex:none;text-align:left;}
  #nav li a{border-top:1px solid #fff;border-right:0;color:#fff;}
  #nav a{text-align:left;width:100%;line-height:45px;height:45px;padding:0 20px;font-size:15px;}
  #nav a.home{float:left;width:10%;margin:0;display:block;padding:0 10px;}
  #nav li ul{position:static;left:auto;padding-left:20px;}
  #nav li ul li{height:auto;}
  #nav li ul li a{background-color:rgba(0,0,0,.12);}
  #pull i,.home i{line-height:50px;font-size:1.125em;}
  .h60{height:60px;}
  .left,.right{width:100%;}
  .index-cms{margin-left:0;}
  .index-list-tu ul li{width:48.5%;}
  .index-cms dl,.hot{margin-left:0;width:94%;padding:1% 3%;}
  .list li p{margin-bottom:1px;max-height:45px;}
  .index-cms .ban{width:100%!important;}
  .sx li{width:100%;line-height:30px;height:30px;}
  .x-brandbox-watch section{flex-direction:column;padding:.9375rem;}
  .x-brandbox-watch section > div{width:100%;padding:0 0 .9375rem 0;background:transparent;color:#333;font-size:1.125rem;justify-content:flex-start;border-bottom:1px solid #ccc;}
  .x-brandlist-watch{width:100%;max-width:100%;}
  .x-brandlist-watch li{flex:0 0 calc(94% / 4);max-width:calc(94% / 4);height:auto;border:none;margin:1rem 1% 0;}
  .x-brandlist-watch li:nth-of-type(4n){margin-right:0;}
  .x-brandlist-watch li:nth-of-type(4n+1){margin-left:0;}
  .x-branditem-watch{height:auto;padding:0;}
  .x-branditem-watch div a{width:100%;height:2.34rem;margin-bottom:.125rem;}
  .x-branditem-watch > a{width:100%;font-size:.75rem;}
}

@media only screen and (max-width:768px){
  .bottomNav{display:block;}
  .footer{margin-bottom:52px;}
  .info-bt small{display:none;}
  .title{font-size:1.2em;}
  .info{padding:10px;}
  #cw404{width:92%;}
  .index-list-tu li a img{height:110px;}
}

/* ===== 美化增强 ===== */
.bgb,.right dl{box-shadow:0 1px 4px rgba(0,0,0,.07);}
#nav{box-shadow:0 2px 8px rgba(0,0,0,.10);}
.ybbt{border-bottom:2px solid #21A366;color:#2c3e50;}
.index-list-tu li a p{transition:opacity .2s ease;}
.index-list-tu li a img{transition:transform .3s ease;}
.index-list-tu li a:hover img{transform:scale(1.03);}
.list li h2 a{transition:color .2s ease;}
.ad table{border-radius:6px;}
.ss button.search-submit{transition:background .2s ease;}
.ss button.search-submit:hover{background:#298F74;}
#nav li ul li a{transition:background .2s ease;}
.pagebar a{transition:all .2s ease;}
.well h2{color:#21A366;}
.list-tu{border:1px solid #eee;}
.index-cms dl{border-top:3px solid #21A366;}
.ybbt1 i{color:#21A366;}
.info-zi strong{color:#2c3e50;}
#newstext a:hover{color:#298F74;}
.btn404{transition:background .2s ease;}
.btn404:hover{background:#298F74;}
.right .function_t{color:#2c3e50;}
.brand-list li h2 a{color:#21A366;}
.brand-item h2 a:hover{color:#298F74;}
.top{color:#666;}
.logo-cn{text-shadow:0 1px 2px rgba(33,163,102,.15);}
@media screen and (max-width:768px){
  .index-cms dl{border-top:none;}
}