body {background-color: #f4f4f4}

::-webkit-scrollbar  {background-color: transparent; width: 2px; height: 2px; border-radius: 1px; z-index: 999}
::-webkit-scrollbar-thumb  {background-color: #4998e7; border-radius: 1px; width: 2px; height: 2px;}
::-ms-scrollbar  {background-color: transparent; width: 2px; height: 2px; border-radius: 1px; z-index: 999}
::-ms-scrollbar-thumb  {background-color: #4998e7; border-radius: 1px; width: 2px; height: 2px;}
::-moz-scrollbar  {background-color: transparent; width: 2px; height: 2px; border-radius: 1px; z-index: 999}
::-moz-scrollbar-thumb  {background-color: #4998e7; border-radius: 1px; width: 2px; height: 2px;}
::-o-scrollbar  {background-color: transparent; width: 2px; height: 2px; border-radius: 1px; z-index: 999}
::-o-scrollbar-thumb  {background-color: #4998e7; border-radius: 1px; width: 2px; height: 2px;}

#nav {height: 35px; padding: 4px 8px; background: #4998e7; color: #eee; position: relative; line-height: 27px;}
#nav .breadcrumb a, #nav .breadcrumb a:hover {color: #eee;}
#nav .child-list a, #nav .child-list a:hover{color: #333}
#nav .btn-child {padding: 3px 10px; border-radius: 0;}
#nav .btn-child.active {color: #4998e7; box-shadow: none;}
#nav .child-list {padding: 10px; background: #fff; border: 1px solid #ddd; position: absolute; top: 35px; right: 8px; display: none; z-index: 9999;}
#nav .child-list li {height: 30px; line-height: 30px; border-bottom: 1px solid #eee; min-width: 70px; color: #333; text-align: right; padding-right: 10px;}
#nav .child-list li:last-child {border-bottom: none}

.area-filter {margin: 10px; padding: 10px; background-color: #fff; box-shadow: 0 1px 3px #ccc;}
.area-filter ul {overflow: hidden; zoom: 1; max-height: 44px; overflow: hidden;}
.area-filter .ch-a {width: 10%; float: left; font-size: 12px; color: #666}
.area-filter .ch-a li {padding: 3px 10px; color: #999; padding: 3px; font-weight: bold;}
.area-filter .sp-line {height: 1px; background: #ddd; margin: 10px 0}
.area-filter .ch-b {width: 90%; float: left; overflow: hidden; zoom:1}
.area-filter .ch-b li {width: 33.3333%; padding: 3px; float: left; height: 22px; line-height: 16px;}
.area-filter .ch-b li a {display: block; text-align: center; border: 1px solid #fff; border-radius: 3px; white-space: nowrap; font-size: 12px; text-overflow: ellipsis; overflow: hidden; }
.area-filter .ch-b li.active a {color: #4998e7; border-color: #4998e7}
.area-filter .ch-b li.more {text-align: center; cursor: pointer}
.area-filter .ch-b li.more .icon {font-size: 16px;}
.area-filter .ch-b li.more.active {color: #4998e7}
.section {margin: 10px; padding: 10px; background-color: #fff; box-shadow: 0 1px 3px #ccc; }
.section .title {height: 25px; line-height: 25px;}
.section .title .text-title {font-size: 16px; color: #4998e7; font-weight: bold;}
.section .title .text-title:before {display: inline-block; content: ''; width: 3px; border-radius: 1px; background: #4998e7; margin-right: 5px; height: 13px;}
.section .title-infos.fixed {height: 45px; padding: 10px; box-shadow: 0 -1px 1px #ccc; background: #fff; position: fixed; top: 0px; left: 10px; width: auto; right: 10px;z-index: 89;}
.section .wrap {padding: 10px; }
.articles li {height: 35px; line-height: 35px; list-style: none; border-bottom: 1px solid #eee}
.articles li:last-child {border-bottom: none}
.articles li a {width: 70%; height: 35px; line-height:35px; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.articles li .addtime {text-align: right; height: 35px; line-height:35px; color: #999; width: 25%; float: right; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.articles li.new a{color: #4998e7}
.articles li.new a:before {font-size: 10px; color: #fff; line-height: 17px; text-align: center; display: inline-block; margin-right: 2px; content: '新'; width: 16px; height: 16px; background: #4998e7}
.articles li.top a {color: #e74950; width: 80%}
.articles li.top a:before {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size: 10px; line-height: 17px; text-align: center; display: inline-block; color: #fff; background: #e74950; content: '顶'; width: 16px; height: 16px; margin-right: 2px;}
.articles li.top .addtime {width: 18%}

.page {height: 25px; line-height: 25px; font-size: 14px; color: #999; text-align: center; }
.page .btn {padding: 0 8px; background: none; color: #999}
.page .btn.active, .page .btn:active {box-shadow: none;}
.page-count {color: #dca437}
.page-count i {font-style: normal}

.page-count i:nth-child(2) {font-size: 16px; font-weight: bold;}
.page-count i:nth-child(3) {font-size: 10px; color: #bbb}

/*------------comlist-----------*/


.articles .item-box{ display:-webkit-box; display:-webkit-flex; display:flex; padding: 10px 0px; background: #fff; border-bottom: 1px dashed #d5d0d0;}
.articles .item-box .item-pic{ width:110px; height:85px; position:relative;}
.articles .item-box .item-pic img{ height:100%; width:100%;object-fit: cover;}
.articles .item-box .item-pic i.vip{ position:absolute; top:0; left:0; width:30px; height:30px; background:url(shop_vip.png) no-repeat 0px 0px; background-size:100% auto;}
.articles .item-box .item-content{ position:relative; padding-right:50px; padding-left:10px; -webkit-box-flex:1; -webkit-flex:1; flex:1; overflow:hidden;}
.articles .item-box .item-content .content h5{ font-weight: 500; font-size:1.1em; line-height:21px; overflow:hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 1px;}
.articles .item-box .item-content .content h5 span.text-icon{ color: #fff; color: #fff; padding: 0px 1px; background-color: #ff7f00; border-radius: 2px; display: inline-block; font-size: 0.6em; font-weight: 500; height: 16px; line-height: 16px; margin-right: 5px;}
.articles .item-box .item-content .content h5 span.icon{ display:inline-block; min-width:20px; height:20px; vertical-align: bottom;}
.articles .item-box .item-content .content h5 span.top{ background:url(shop_top.png)no-repeat center; background-size:90% auto; margin-right:3px;}
.articles .item-box .item-content .content h5 span.vip{ margin-right:1px;}
.articles .item-box .item-content .content h5 .tciconfont{ color:#fe737a; display:inline-block; line-height:20px; font-size:1.05em; vertical-align:-1px; }
.articles .item-box .item-content .content h5 .tcicon-hongbao_icon{ font-size:1.1em;}

.articles .item-box .item-content .content .content-renzheng{ display:block; line-height:20px; height:20px;}
.articles .item-box .item-content .content .content-renzheng span{ font-size:0.9em; margin-right:5px;}
.articles .item-box .item-content .content .content-renzheng .tciconfont{ font-size:1.05em; vertical-align:-1px; margin-right:2px; }

.articles .item-box .item-content .content .xinxi{ height:23px; margin-top: 0px; line-height:23px; color:#9c9c9c; overflow:hidden; font-size:0.85em; padding:1px 0; }
.articles .item-box .item-content .content .address{ height:20px;margin-right: -40px; line-height:20px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;color:#888888; font-size:0.85em;}
.articles .item-box .item-content .content .nr{ height:22px; margin-right: -40px;margin-bottom: 2px; line-height:22px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;color:#666; font-size:0.9em;}
.articles .item-box .item-content .content .nr .zan{ margin-right:2px; vertical-align: bottom; display:inline-block; width:20px; height:22px; background:url(shop_zan.png)no-repeat center; background-size:80% auto;border-radius: 100%;}
.articles .item-box .item-content .content .nr .juan{ margin-right:2px; vertical-align: bottom; display:inline-block; width:20px; height:22px; background:url(shop_kaquan.png)no-repeat center; background-size:80% auto;border-radius: 100%;}
.articles .item-box .item-content .content .nr .qiang{ margin-right:2px; vertical-align: bottom; display:inline-block; width:20px; height:22px; background:url(shop_qianggou.png)no-repeat center; background-size:80% auto;border-radius: 100%;}
.articles .item-box .item-content .content .nr .ptuan{ margin-right:2px; vertical-align: bottom; display:inline-block; width:20px; height:22px; background:url(shop_ptuan.png)no-repeat center; background-size:80% auto;border-radius: 100%;}
.articles .item-box .item-content .content .nr .kjia{ margin-right:2px; vertical-align: bottom; display:inline-block; width:20px; height:22px; background:url(shop_kjia.png)no-repeat center; background-size:80% auto;border-radius: 100%;}
.articles .item-box .item-content .content .nr .choujiang{ margin-right:2px; vertical-align: bottom; display:inline-block; width:20px; height:22px; background:url(shop_choujiang.png)no-repeat center; background-size:80% auto;border-radius: 100%;}
.articles .item-box .item-content .content .nr .huodong{ margin-right:2px; vertical-align: bottom; display:inline-block; width:20px; height:22px; background:url(shop_huodong.png)no-repeat center; background-size:80% auto;border-radius: 100%;}
.articles .item-box .item-content .content .nr .vip-pic{ margin-right:3px; vertical-align: -4px; width:18px; height:18px;}
.articles .item-box .item-content .details{text-align:center; position:absolute; right:0; top:10px; }
.articles .item-box .item-content .details .tel a{ display:inline-block; width:30px; height:30px; background:url(../images/shop_tel2.png)no-repeat center; background-size:100% auto;}
.articles .item-box .item-content .details .dist{ font-size:0.8em; height:20px; line-height:20px;color:#787878;}