.head_nav{width:100%; height: 40px; line-height: 40px; top: 0; text-align: center; box-shadow: 0 1px 3px #ccc; position: fixed; background: #fff; z-index: 999}
.head_nav .back,.head_nav .back_index{width:40px; height: 40px; position: absolute}
.head_nav .back i,.head_nav .back_index i{font-size: 1.2rem;}
.head_nav .back{left:0;}
.head_nav .back_index{right:0;}
.search_ind{padding: 10px; position: relative;}
.search_ind i{width:42px; height: 42px; line-height: 42px; text-align: center; position:absolute; right: 10px;}
.search_ind input{width: 100%; line-height: 20px; padding: 10px; border:1px solid #ddd; font-size: .8rem;}
.main{padding: 0 10px; background: #eee; overflow: hidden;}
.main dl{border-radius: 5px; background: #fff; margin: 10px 0;}
.main dl dt{height: 40px; line-height: 40px; font-weight: bold; border-bottom:1px solid #eee; font-size: 1rem; padding-left: 10px;}
.main dl dt i{font-size: 1.4rem; margin-right: 10px; font-weight: normal; vertical-align: middle;}
.main dl dt a{font-size: .8rem; padding: 0 10px; color: #999; font-weight: normal;}
.main dl dt a i{font-size: .8rem; margin-right: 5px;}
.main dl dd{padding: 5px 0}
.main dl dd a{width: 25%; line-height: 40px; text-align: center; font-size: .8rem; color:#666; float: left;}

.shop li{height:120px; padding:10px;}
.shop li+li{border-top: 1px solid #ddd; }
.shop li img{width: 100px; height: 100px; position: absolute;}
.shop li .shop_name{height: 30px; line-height: 30px; margin-left: 110px;}
.shop li .shop_name h2{ padding-bottom: 5px; font-size: 1rem; font-weight: bold;}
.shop li .shop_name .shop_add i{width: 20px; text-align: center; display: inline-block;}
.shop li .shop_name .shop_add a{font-size: .8rem; color: #32b16c;}
.shop li .shop_name .shop_add{color: #999; font-size: .8rem;}
.shop li .shop_name a{display: block;}
.shop_d_head{min-height: 120px; padding: 15px 15px; background: #f4f4f4; margin-top: 40px; }
.shop_d_head img{width: 90px; height: 90px; position: absolute;}
.shop_d_head .shop_d_name{margin-left: 110px;}
.shop_d_head .shop_d_name h2{font-size: 1rem; margin-bottom: 5px; font-weight: bold;}
.shop_d_head .shop_d_name p{font-size: .8rem; line-height: 20px; color: #999;}
.shop_d_head .shop_d_name p span{color: #ff8745}
.shop_d_info{border-bottom:1px solid #ddd; }
.shop_d_info li{height: 50px; line-height: 50px; padding: 0 15px; color: #666; font-size: .9rem; border-top: 1px solid #ddd;}
.shop_d_info li i{width:20px; text-align: center; display: inline-block; margin-right: 10px;}
.shop_d_info li a{padding-right: 10px; display: inline-block;}
.shop_d_about h1{height: 40px; line-height: 40px; font-size: 1rem; padding: 0 15px; font-weight: bold; border-bottom: 1px solid #ddd;}
.shop_d_about .about{min-height:200px; padding: 15px; line-height: 30px; font-size: 0.9rem; color: #666}
.shop_d_about .about_img{padding:10px 0;}
.shop_d_about .about_img img{width: 48%; float:left; margin: 10px 0;}
.shop_d_about .about_img img:nth-child(2n){margin-left: 4%;}
.shop_d_about .about a{color:#1c96e3;}
.entry{padding:15px;}
.entry h3{line-height:40px; background:#f2f2f2; font-size: .8rem; text-align: center; color: #666; margin-bottom: 10px;}
.entry li{border-bottom:1px solid #ddd; }
.entry li input,.entry select,.entry textarea{width:100%; line-height: 25px; font-size: .9rem; padding: 10px 0; }
.entry li select{width: 49%; float: left; color: #999; position: relative; background: url(../img/arrow.png) no-repeat right; background-size: 18px;}
.entry li select+select{margin-left: 2%}
.entry li select i{position: absolute; right: 10px;}
.entry li.upload_photo{height: 46px;}
.entry li.upload_photo span{line-height:45px; font-size: .9rem; color: #999; padding-right: 5px; float: left;}
.entry li.upload_photo input{width: 180px; float: right;}
.entry button.tj{width:100%; line-height: 50px; color: #fff; background: #c00; font-size: 1rem; text-align: center; border-radius: 5px; margin-top: 20px; display: block}
.entry .tit{font-size: .8rem; color: #666; padding: 10px 0 0 0;}
.entry .photo img{width: 23%; float: left; margin: 5px 2.7% 5px 0;}
.entry .photo img:nth-child(4n){margin-right: 0%;}
.entry .photo img:nth-child(4n+1){margin-right: 2.6%;}

.news {padding: 0 15px;}
.news li{padding: 15px 0;}
.news li+li{border-top:1px solid #ddd; }
.news li a{display: block}
.news li h2{font-size: 1rem; font-weight: normal; margin-bottom: 5px;}
.news li .news_brief{height: 60px; line-height: 20px; font-size: .8rem; color: #666; }
.news li .news_brief img{width: 60px; float: left; margin-right: 10px;}
.news_details {padding: 15px;}
.news_details h1{font-size: 1.2rem; line-height: 25px; }
.news_details span{line-height: 40px; font-size: .8rem; color: #999;}
.news_details .con{line-height: 25px; font-size: 1rem}
.news_details .con img{width:100%; margin: 0 auto; text-align: center; margin: 10px 0}
.news_details .con p{margin: 10px 0; text-indent:2em}

.community{padding: 10px;}
.community li{width: 23%; height: 100px; text-align: center; margin: 10px 1%; float: left;}
.community li a{display: block;}
.community li a h3{font-size: 14px; font-weight: normal;}
.community li a span{width:60px; height:60px; line-height: 60px; margin-bottom: 10px; border-radius: 50%; color: #fff; display: inline-block;}
.community li a span i{font-size: 30px; }
.community_pic{height: 220px; overflow: hidden;}
.community_pic img{width: 100%;}
.daily .layui-tab-title li{font-size: 16px;}
.daily .layui-tab-title .layui-this{font-weight: bold;}
.notice{height: 40px; line-height: 40px; padding: 0 15px;}
.notice_tit{width:16px; float: left; margin-right: 10px; color: #c00;}
.notice_tit i{font-size: 18px;}
.notice_name{width:calc(100% - 26px); height: 40px; float: left; font-size: 14px; overflow: hidden;}
.notice_name li{display: block; height: 40px;}
.notice_name li span{width:calc(100% - 50px); height: 40px; overflow: hidden; float: left; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.notice_name li em{width:40px; display: inline-block; color: #999; float: right; font-size: 12px;}
.community_mode{padding: 15px;}
.community_mode h2{font-weight: bold;}
.community_mode li{height: 35px; line-height: 35px; font-size: 14px;}
.community_mode li i{margin-right: 10px; font-size: 18px; color: #333; vertical-align: middle;}
.community_mode li a{padding-right: 10px;}
.community_mode .remarks{margin-bottom: 10px;}
.community_mode .remarks .text{line-height:25px; font-size: 14px; padding: 10px; color:#666; background: #f9f9f9; border: 1px dashed #ddd;}
.community_mode .remarks .text h3{font-size: 14px; font-weight: bold; color:#000;}
.community_mode .remarks .text h3+h3{margin-top:10px;}
.community_mode .remarks .text a{color:#1c96e3;}
.community_mode .remind{font-size: 14px; line-height: 24px; color: #999;}

.nav{width: 100%; height: 40px; line-height: 40px; position: fixed; bottom: 0; z-index: 999;}
.nav ul li{width: 50%; height: 40px; text-align: center; float: left; -webkit-tap-highlight-color:rgba(255,255,255,0); position: relative}
.nav ul li+li{width: 50%}
.nav ul li .nav_dh{width:100%; height: 100%; border-left: 1px solid #ddd; border-top: 1px solid #ddd; top:0px;left:0px; color: #666; font-size: .8rem; background: #f4f4f4; position:absolute; z-index: 20;}
.nav ul li .nav_dh i{vertical-align: middle; color: #ccc; margin-right: 3px;}
.nav ul li .nav_dh a{display: block;}
.nav ul li .nav_dh.current a{color: #009688; font-weight: bold;}
.nav ul li .nav_list{width:92%; margin: 0 4%; border:1px solid #ddd; border-radius: 5px; background: #f4f4f4; left:0px; position:absolute; z-index: 10}
.nav ul li .nav_list:after{width:8px; height:8px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background: #f4f4f4; transform:rotate(-45deg); content:""; position: absolute; margin:-4px 0 0 -5px;}
.nav ul li .nav_list a{display: block; margin: 0 5px; font-size: .8rem}
.nav ul li .nav_list a+a{border-top:1px dotted #ddd;}
.footer_front{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}

.details_foot{line-height:20px; padding: 20px 0; text-align: center; font-size: 12px; color: #999; background: #eee;}