/*
Theme Name: 茶叶新闻资讯网站模板
Theme URI: http://1201.fg27.com
Author: Reasonix
Description: 响应式茶叶新闻养生资讯门户文化网站模板
Version: 1.0.0
*/
/* ===== 基础 ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font:14px/1.6 "Microsoft YaHei","Hiragino Sans GB",Arial,sans-serif;color:#555;background:#fff}
ul,ol{list-style:none}
a{text-decoration:none;color:#333;transition:all .3s}
a:hover{color:#4bc061}
img{max-width:100%;height:auto;border:0}
h1,h2,h3,h4,h5,h6,p{margin:0}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.container{width:1200px;margin:0 auto}
.main{width:1200px;margin:0 auto;padding-bottom:30px}

/* ===== 顶部欢迎栏 ===== */
.hy_top{width:100%;height:30px;line-height:30px;background:#ececec;position:relative}
.hy_top h1{position:absolute;left:-999999px}
.hy_top_con{width:1200px;margin:0 auto}
.hy_top_con>span{float:left;width:auto;font-size:13px;color:#666}
.hy_top .fenxiang{float:right}
.hy_top .fenxiang a{float:left;margin:0 10px;font-size:13px;color:#666}
.hy_top .fenxiang a:hover{color:#4bc061}

/* ===== logo + 搜索 ===== */
.head{background:#fff;border-bottom:1px solid #eee}
.head_cnt{width:1200px;margin:0 auto;overflow:hidden}
.head_cnt .logo{float:left;padding:15px 0;width:45%}
.head_cnt .logo img{max-width:100%}
.head .search{float:right;margin:22px 0;width:35%}
.head .search-input{width:80%;float:left}
.head .search-input input{width:100%;font-size:14px;color:#999;height:32px;line-height:32px;padding:5px 10px;outline:none;border:1px solid #4bc061}
.head .search-button{width:18%;height:40px;float:right}
.head .search-button input{color:#fff;display:block;width:100%;height:40px;font-size:14px;text-align:center;border:0;background:#4bc061;cursor:pointer}
.head .search-button input:hover{background:#3aa54e}
.btn-menu{display:none;float:right;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;color:#4bc061;cursor:pointer;margin-top:15px}

/* ===== 绿色导航 ===== */
.nav-box{position:relative;margin-bottom:20px}
.nav{background-color:#4bc061;line-height:48px}
.nav .container>div,.nav .nav-menu{width:100%}
.nav a{float:left;text-align:center;font-size:16px;color:#fff;padding:0 2.5%}
.nav a i{margin-right:5px}
.nav a:hover{background:rgba(0,0,0,0.15)}
.nav a.hover{background:rgba(0,0,0,0.15)}
/* 移动端导航 */
.mobile-nav{display:none;background:#4bc061;width:100%}
.mobile-nav a{display:block;color:#fff;font-size:15px;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,0.2)}

/* ===== 首页轮播 + 头条 ===== */
.home-top{overflow:hidden;margin-bottom:20px}
.banner_box{width:75%;float:left}
.banner_box .swiper-container{width:100%}
.banner_box .swiper-slide{height:auto}
.banner_box .swiper-slide img{width:100%;display:block}
.banner_box .swiper-pagination-bullet{width:20px;height:4px;border-radius:0;background:#fff;opacity:.7}
.banner_box .swiper-pagination-bullet-active{background:#4bc061;opacity:1}
.float-news{width:23%;float:right;border:1px solid #eee;background:#fff}
.float-news-tit{height:40px;line-height:40px;border-bottom:1px solid #eee}
.float-news-tit li{float:left;width:50%;text-align:center;font-size:15px;color:#666;cursor:pointer}
.float-news-tit li.hover{color:#4bc061;border-bottom:2px solid #4bc061}
.float-news-box{padding:12px}
.float-news-box h3{font-size:15px;line-height:1.5;margin-bottom:8px}
.float-news-box h3 a{color:#333}
.float-news-box h3 a:hover{color:#4bc061}
.float-news-box .hot-spot li{line-height:26px;border-bottom:1px dashed #eee}
.float-news-box .hot-spot li a{font-size:13px;color:#666;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.float-news-box .hot-spot li a:hover{color:#4bc061}

/* ===== 区块标题 ===== */
.main-tit{line-height:30px;margin-bottom:15px;border-bottom:2px solid #4bc061;overflow:hidden}
.main-tit h2{float:left;font-size:26px;color:#222;padding:5px 0}
.main-tit h2 i{display:inline-block;width:8px;height:26px;background:#4bc061;margin-right:10px;vertical-align:-4px}
.main-tit h2 span{font-size:16px;font-weight:500;color:#999}

/* ===== 资讯区 ===== */
.main_cnt{overflow:hidden}
.main_cnt_l{float:left;width:24%;background:#f8fbf8;border:1px solid #e5efe5;padding:15px}
.main_cnt_r{float:right;width:74%}
.news-calls h3{font-size:18px;font-weight:500;margin-bottom:10px;color:#333;border-bottom:1px solid #4bc061;padding-bottom:8px}
.news-calls h3 i{display:inline-block;width:8px;height:18px;background:#4bc061;margin-right:8px;vertical-align:-3px}
.zhaosheng .news-calls ul li{padding-left:14px;background:url("data:image/gif;base64,R0lGODlhCgAKAIABAAAAAP///yH5BAEAAAEALAAAAAAKAAoAAAIEhI8pFwA7") no-repeat left center}
.zhaosheng .news-calls ul li a{font-size:14px;line-height:30px;color:#666;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zhaosheng .news-calls ul li a:hover{color:#4bc061}
.news-calls .news{float:left;width:31.5%;margin-right:2%;padding:15px;background:#fff;border:1px solid #eee}
.news-calls .news:last-child{margin-right:0}
.news_tit{padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:8px}
.news_tit span{float:left;font-size:17px;color:#333;font-weight:bold}
.news_tit span i{display:inline-block;width:6px;height:16px;background:#4bc061;margin-right:6px;vertical-align:-2px}
.news_tit a{float:right;font-size:12px;color:#999}
.news_tit a:hover{color:#4bc061}
.news ul li{padding-left:14px;background:url("data:image/gif;base64,R0lGODlhCgAKAIABAAAAAP///yH5BAEAAAEALAAAAAAKAAoAAAIEhI8pFwA7") no-repeat left center;overflow:hidden}
.news ul li a{font-size:14px;line-height:28px;color:#666;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news ul li a:hover{color:#4bc061}
.news ul li span{float:right;font-size:12px;color:#aaa}

/* ===== 图片列表 ===== */
.pic-list{margin-bottom:20px}
.pic-item{float:left;width:31.5%;margin:0 2% 15px 0;background:#fff;border:1px solid #eee;padding:10px}
.pic-item:nth-child(3n){margin-right:0}
.pic-img{width:100%;height:180px;overflow:hidden}
.pic-img img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.pic-item:hover .pic-img img{transform:scale(1.08)}
.pic-item p{font-size:15px;color:#333;margin:10px 0 5px;line-height:1.4;height:42px;overflow:hidden}
.pic-item:hover p{color:#4bc061}
.pic-item span{font-size:12px;color:#999}

/* ===== 列表 ===== */
.list-box{background:#fff;border:1px solid #eee;padding:10px 20px}
.list-box ul li{line-height:40px;border-bottom:1px dashed #eee;overflow:hidden}
.list-box ul li:last-child{border-bottom:none}
.list-box ul li a{float:left;font-size:15px;color:#555;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:75%}
.list-box ul li a:hover{color:#4bc061}
.list-box ul li span{float:left;margin-left:20px;color:#4bc061;font-size:13px}
.list-box ul li em{float:right;font-style:normal;font-size:13px;color:#999}
/* 分页 */
.pagination{padding:30px 0;text-align:center}
.pagination .page-numbers{display:inline-block;margin:0 3px;padding:6px 14px;background:#f5f5f5;color:#666;border-radius:3px}
.pagination .page-numbers:hover{background:#4bc061;color:#fff}
.pagination .page-numbers.current{background:#4bc061;color:#fff}

/* ===== 内容页 ===== */
.detail-page{padding-top:15px}
.crumbs{background:#f7f7f7;border:1px solid #eee;line-height:38px;padding:0 15px;font-size:13px;color:#999;margin-bottom:15px}
.crumbs a{color:#999}
.crumbs a:hover{color:#4bc061}
.detail{overflow:hidden}
.detail-left{float:left;width:74%;background:#fff;border:1px solid #eee;padding:20px}
.detail-right{float:right;width:24%;background:#f8fbf8;border:1px solid #e5efe5;padding:15px}
.detail-tit{border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px;text-align:center}
.detail-tit h1{font-size:24px;color:#222;line-height:1.4;margin-bottom:10px}
.detail-tit p{font-size:13px;color:#999}
.detail-tit p span{margin:0 10px}
.detail-text{font-size:16px;line-height:1.9;color:#555}
.detail-text p{margin:12px 0}
.detail-text img{max-width:100%;height:auto;display:block;margin:10px auto}
.detail-text .detail-featured{text-align:center;margin-bottom:15px}
.detail-text h2,.detail-text h3,.detail-text h4{margin:18px 0 10px;color:#333}
.detail-text a{color:#4bc061}
.detail-text ul,.detail-text ol{padding-left:25px;margin:10px 0}
.detail-text ul{list-style:disc}
.detail-text ol{list-style:decimal}
.detail-text blockquote{border-left:4px solid #4bc061;background:#f3faf4;padding:10px 18px;margin:15px 0;color:#666}
.detail-text table{width:100%;border-collapse:collapse;margin:15px 0}
.detail-text table td,.detail-text table th{border:1px solid #ddd;padding:8px 10px}
.detail-text pre,.detail-text code{background:#f5f5f5;padding:12px;border-radius:3px;overflow:auto;font-size:14px}
.detail-nav{overflow:hidden;padding:15px 0;border-top:1px solid #eee;margin-top:15px;font-size:14px}
.detail-nav .prev{float:left;max-width:48%}
.detail-nav .next{float:right;max-width:48%;text-align:right}
.detail-nav a{color:#333}
.detail-nav a:hover{color:#4bc061}
.related-box{margin-top:15px;border-top:1px solid #eee;padding-top:15px}
.related-box h3{font-size:18px;color:#333;margin-bottom:10px}
.related-box h3 i{display:inline-block;width:8px;height:18px;background:#4bc061;margin-right:8px;vertical-align:-3px}
.related-box li{line-height:34px;border-bottom:1px dashed #f0f0f0;overflow:hidden}
.related-box li a{color:#555;font-size:14px}
.related-box li a:hover{color:#4bc061}
.related-box li span{float:right;color:#999;font-size:12px}

/* ===== 友情链接 ===== */
.link{width:1200px;margin:0 auto;padding:20px 0;border-top:1px solid #eee;overflow:hidden}
.link h2{float:left;font-size:14px;color:#666;font-weight:500;line-height:30px}
.link .link-cnt{float:left}
.link .link-cnt a{float:left;margin:0 12px;color:#666;font-size:13px;line-height:30px}
.link .link-cnt a:hover{color:#4bc061}

/* ===== 底部 ===== */
.footer{background:#2d3b2e;margin-top:20px;padding:25px 0;color:#aaa}
.footer-inner{width:1200px;margin:0 auto;text-align:center}
.footer-nav{margin-bottom:12px}
.footer-nav a{color:#ccc;font-size:14px;margin:0 10px}
.footer-nav a:hover{color:#4bc061}
.footer p{font-size:13px;line-height:1.8}
.footer a{color:#aaa}
/* 返回顶部 */
.scrotop{width:70px;height:70px;background:#4bc061;color:#fff;text-align:center;position:fixed;right:20px;bottom:60px;cursor:pointer;z-index:99;display:none;border-radius:4px}
.scrotop i{display:block;font-size:20px;padding-top:12px}
.scrotop span{font-size:12px}
.scrotop:hover{background:#3aa54e}

/* ===== 响应式 ===== */
@media only screen and (max-width:1200px){
.container,.main,.head_cnt,.link,.footer-inner{width:100%;padding:0 15px;box-sizing:border-box}
.banner_box{width:70%}
.float-news{width:28%}
.main_cnt_l{width:100%;float:none;margin-bottom:15px}
.main_cnt_r{width:100%;float:none}
.news-calls .news{width:31.5%}
.pic-item{width:31.5%}
.detail-left{width:100%;float:none;margin-bottom:15px}
.detail-right{width:100%;float:none}
}
@media only screen and (max-width:767px){
.hy_top_con{width:100%;padding:0 10px}
.hy_top_con>span{display:none}
.hy_top .fenxiang{float:none;text-align:center}
.hy_top .fenxiang a{float:none;display:inline-block;margin:0 8px}
.head_cnt .logo{width:60%;padding:10px 0}
.head_cnt .logo img{width:100%}
.head .search{width:70%;margin:10px 0}
.btn-menu{display:block;margin-top:5px}
.nav{display:none}
.mobile-nav{display:none}
.mobile-nav.open{display:block}
.banner_box,.float-news{width:100%;float:none;margin-bottom:15px}
.main-tit h2{font-size:20px}
.news-calls .news{width:100%;float:none;margin:0 0 15px}
.pic-item{width:48%;margin-right:4%}
.pic-item:nth-child(3n){margin-right:4%}
.pic-item:nth-child(2n){margin-right:0}
.list-box ul li a{max-width:70%}
.list-box ul li span{display:none}
.detail-left,.detail-right{padding:12px}
.detail-tit h1{font-size:18px}
.footer-nav a{margin:0 6px;font-size:13px}
.scrotop{width:50px;height:50px}
.scrotop i{padding-top:6px}
}
@media only screen and (max-width:480px){
.pic-item{width:100%;margin-right:0}
.list-box ul li a{max-width:65%}
.list-box ul li em{display:none}
.head .search{width:100%;float:none}
.btn-menu{float:right}
}