﻿/** 首页CSS **/

/**灰色网页**/
/*html{   
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}*/

.logo-search {

    display: flex;
    flex-direction:row;
    padding:25px 0;
    justify-content:space-between;
}

#bk-logo {

    display:inline-block;
    width:60px;
    height:58px;
    background:url(/skin/content/images/imgLayout.png) no-repeat 41% 5%;
    top:8px;
    right:-90px;
}

.weixin-moblie {

    display: flex;
    flex-direction:row;
    padding-top:20px;  
}

 .weixin-moblie .colum-line {

     display:inline-block;
    margin:12px 2px 0px 2px;
    height:12px;
    width:1px;
    border-left:1px solid #e5e5e5;
}

.weixin-moblie a {

    display: flex;
    flex-direction:column;
    width:80px;
    align-items:center;
}

.weixin-moblie a i {

    display: inline-block;
    font-style:normal;
}

.weixin-moblie a:first-child i:first-child {

    width:25px;
    height:20px;

    background:url(/skin/content/images/imgLayout.png) no-repeat 1% 1%;
}

.weixin-moblie a:first-child i:nth-child(2) {

    margin-top:5px;
}

.weixin-moblie a:last-child i:first-child {

    width:15px;
    height:20px;
    background:url(/skin/content/images/imgLayout.png) no-repeat 5.9% 0.9%;
}

.weixin-moblie a i:last-child {

    margin-top:5px;
}

.weixin-moblie .twocode-warp{

    display:none;
    left:-30px;
    top:30px;
    padding-top:10px;
    z-index:88;
}

.weixin-moblie a.green:hover .twocode-warp {

    display:block;
}

.weixin-moblie a.green:hover i:nth-child(2) {

   color:#8cd9bb;
}

.weixin-moblie a.orange:hover i:nth-child(2) {

   color:#ff9d2d;
}


.weixin-moblie .twocode-content{

    width:140px;
    height:185px;
    background:url(/skin/content/images/imgLayout.png) no-repeat 10% 0.4%;
}

.weixin-moblie .twocode-content p{

    bottom:17px;
    left:19px;
    text-align:center;
}

#searcher{

    margin-top:8px;
    width:500px;
}

#searcher .searcher-wrap{

    border:1px solid #e5e5e5;
    width:418px;
    height:40px;
}

#search-btn{

    width:80px;
    height:42px;
    border:0;
    background:#ffa916;
    cursor:pointer;
}

#search-btn:hover{

    background:#ff9c00;
    transition: all .3s;-webkit-transition: all .3s;
}

#search-btn i{

    display:inline-block;
    font-size:28px;
    padding-top:5px;
    transform:rotate(270deg);
  color:#fff;
}  

#searcher .select-box{

  top:0;
  left:0;
  width:40px;
  padding:11px 20px;
}

#searcher .fGray em{

    display:inline-block;
    font-style:normal;
}

#searcher .fGray dl.round{

    display:inline-block;
    font-size:5px;
    top:2px;
    left:31px;
}

#searcher a.fGray:hover{

    color:#999;
}

#searcher a.fGray:hover .select-sub{

    display:block;
}

#searcher a.fGray:hover dl.round{

    transition: all 0.3s ease 0s;
    transform:rotate(180deg);
}

#searcher .select-box .colum-line{

    display:inline-block;
    top:15px;
    right:4px;
    height:12px;
    width:1px;
    border-left:1px solid #e5e5e5;
}

#searcher .select-sub{

   display:none;
   width:50px;
   left:-21px;
   top:15px;
}

#searcher .s-s-c{

    display:block;
    padding-top:12px;
    width:76px;
}

#searcher .s-s-c-b{

    display:block;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    background:#fff;
}

#searcher .s-s-c-b li{

    display:block;
    text-align:center;
    color:#999;
    height:30px;
    line-height:30px;
}

#searcher .s-s-c-b li.cur{

    background:#f5f5f5;
    color:#333;
}

#searcher .s-s-c-b li:hover{

    background:#f5f5f5;
    color:#ff9d2d;
}

#searcher #searcher_keys{

    width:320px;
    top:12px;
    left:90px;
}

#searcher .hot-keys{

    margin-top:50px;
}

#searcher .hot-keys a{

    margin-left:20px;
}

#searcher .hot-keys a:first-child{

    margin-left:5px;
}

#shiji-moblie-qrc {

    display:inline-block;
    left:160px;
    top:0px;
    width:120px;
    height:130px;
}

#shiji-moblie-qrc img {

    width:100%;
    height:auto;
}

#shiji-moblie-qrc p {

    display:block;
    width:100%;
    text-align:center;
    color:#cc0000;
}

/**导航菜单**/
#menu-nav {

    background:#0a7a17;
    width:100%;
}

#menu-nav .menuWrap {

    display: flex;
    width:100%;
    flex-direction:row;
}

#menu-nav .menuWrap a.m {

    display: inline-block;
    color:#fff;
    margin-left:23px;
    height:50px;
    line-height:50px;
}

#menu-nav .menuWrap a.m:hover {

    text-decoration:underline;  
    transition: all .3s;
    -webkit-transition: all .3s;
}

#menu-nav .menuWrap a:first-child {

    margin-left:0;
}

#menu-nav .menuWrap .colum-line {

    display:inline-block;
    margin:19px 0 0 23px;
    height:12px;
    width:1px;
    border-left:1px solid #fff;
}

#menu-nav .more {

    display:inline-block;
    color:#fff;
    width:60px;
    height:50px;
    line-height:50px;
    padding-left:15px;
    margin-left:50px;
    z-index:2;
}

#menu-nav .more:hover {

    background:#044e0c;
}

#menu-nav .more:hover .more-sub {

    display:block;
}

#menu-nav .more dl.round {

    font-size:5px;
    top:0px;
    left:50px;
    color:#fff;
}

#menu-nav .more:hover dl.round {

    transition: all 0.3s ease 0s;
    transform:rotate(180deg);
}

#menu-nav .more-sub {

    display:none;
    height:auto;
    top:22px;
    left:0px;
    padding-top:28px;
}

#menu-nav .more-sub .ms {

    display: flex;
    flex-direction:column;
    align-items:center;
    background:#0a7a17;
}

#menu-nav .more-sub a {

    display:inline-block;
    width:100%;
    height:32px;
    line-height:32px;
    color:#fff;
    text-align:center;
}

#menu-nav .more-sub a:hover {

    color:#fff;
    background:#3ec34d;
    transition: all .3s;
    -webkit-transition: all .3s;
}

/**细化导航**/
#sub-menu-nav {

    padding:15px 0;
    background:#fff;
}

#sub-menu-nav .area {

    display: flex;
    width:100%;
    margin:0 auto;
    flex-direction:row;
    justify-content:space-between;
}

#sub-menu-nav .area li {

    display: inline-block;
}

#sub-menu-nav .area .title{

    padding-left:40px;
}

#sub-menu-nav .area .title i {

    display:block;
    left:0px;
    top:2px;
    width:26px;
    height:21px;
    background:url(/skin/content/images/imgLayout.png) no-repeat;
}

#sub-menu-nav .area-content {

    display: flex;
    margin-top:10px;
    width:100%;
    flex-direction:row;
    flex-wrap:wrap;
}

#sub-menu-nav .area-content dd{

    display: inline-block;
    width:80px;
    margin:3px 0px; 
}

/**轮播区域**/
#carousel-wrap .more-nav{

    border:1px solid #e5e5e5;
    height:auto;
    right:-86px;
    top:0px;
    background:#fff;
}

#carousel-wrap .more-nav a{

    display: flex;
    flex-direction:column;
    width:40px;
    padding:10px;
    align-items:center; 
}

#carousel-wrap .more-nav a:hover{

    background:#c81623; 
}

#carousel-wrap .more-nav a:hover span{

    color:#fff; 
}

#carousel-wrap .more-nav a span{

   display:inline-block;
   width:28px;
}

#carousel-wrap .more-nav a span em{

   display:inline-block;
   font-size:26px;
   margin-left:1px;
}


#carousel-wrap .more-nav a .colum-line{

    display:block;
    left:14px;
    bottom:-1px;
    height:1px;
    width:30px;
    border-bottom:1px solid #e5e5e5;
}

#carousel-wrap .more-nav a:hover .colum-line{

    display:none;
}

/**全局一行三列样式**/
.three-colum-layout {

    margin:15px 0 5px 0; 
    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

.three-colum-layout .lay:nth-child(1), 
.three-colum-layout .lay:nth-child(3){

    width:350px;
}

.three-colum-layout .lay:nth-child(2){

    width:440px;
}

/**幻灯片start**/
#ia-01 .banner-arry{position: relative;height:200px;}
#ia-01 .banner-arry ul .slider-item {width:350px;}
#ia-01 .banner-arry ul .slider-item .slider-title {width: 320px;}
#ia-01 .banner-arry ul .slider-item a img { width:350px;height:200px;}
#ia-02,#ia-02-1{padding-top:5px;}
#ia-02 .banner-arry,
#ia-02-1 .banner-arry{position: relative;width:440px;height:425px;}
#ia-02 .banner-arry ul .slider-item, 
#ia-02-1 .banner-arry ul .slider-item{width:440px;height:425px;}
#ia-02 .banner-arry ul .slider-item .slider-title,
#ia-02-1 .banner-arry ul .slider-item .slider-title {width: 410px;}
#ia-02 .banner-arry .dots,
#ia-02-1 .banner-arry .dots {display:none;}
/**国医大师**/
#ia-02 .master,
#ia-02-1 .master{

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}

#ia-02 .master dd,
#ia-02-1 .master dd{
   
    display:block;
    width:212px;
    height:207px;
    margin:0 0 14px 0;
    padding:0;
}

#ia-02 .master dd a,
#ia-02-1 .master dd a{
   
    margin:0;
    padding:0;
}

#ia-02 .master dd a p,
#ia-02-1 .master dd a p{
   
    padding-top:10px;
}

#ia-02 .master dd a:hover p,
#ia-02-1 .master dd a:hover p{
   
    color:#ff9d2d;
}

#ia-02 .master dd a em,
#ia-02-1 .master dd a em{
   
    padding:8px 0 0 0;
    margin:0;
}

#ia-02 .master dd:nth-child(2n),
#ia-02-1 .master dd:nth-child(2n){
   
    margin-right:0;
}

#ia-02 .master dd span{
   
    display:block;
    padding:0;
    margin:0;
    width:100%;
    height:128px;
    overflow:hidden;
}

#ia-02-1 .master dd span{
   
    display:block;
    padding:0;
    margin:0;
    width:100%;
    height:168px;
    overflow:hidden;
}

#ia-02 .master dd span img{
   
    width:212px;
    height:auto;
}

#ia-02-1 .master dd span img{
   
    width:212px;
    height:auto;
}

/**幻灯片end**/

.two-img-colum {

    display: flex;
    margin-top:10px;
    flex-direction:row;
    justify-content:space-between;
}

.two-img-colum a {

    display:inline-block;
    width:167px;
}

.two-img-colum a span {

    display:block;
    width:167px;
    height:100px;
    overflow:hidden;
}

.two-img-colum a span img {

    width:100%;
    max-height:100px;
    transition:.5s transform; 
    transform: translateZ(0);
}

.two-img-colum a:hover span img {

    transform: scale(1.5, 1.5); 
    transition: 2s transform;
}

.two-img-colum a p {

    line-height:35px;
}

.two-img-colum a:hover p {

    color:#ff9d2d;
    transition: all .3s;
    -webkit-transition: all .3s;
}

/**广府金汤样式**/
#canton {

    margin-top:15px;
}

#canton .more{

    top:21px;
    right:0px;
}

#canton .switch-row .stitle span{

    padding-left:25px;
}

#canton .switch-row .stitle span em{

    display:inline-block;
    left:0px;
    top:20px;
    width:20px;
    height:20px;
    zoom:1;
    background:url(/skin/content/images/imgLayout.png) no-repeat 29% 6%;
}

#canton .four-img{

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}

#canton .four-img .items{

    width:165px;
    height:130px;
    overflow:hidden;
    margin-bottom:20px;
}

#canton .four-img .items .img{

    display:block;
    width:165px;
    height:100px;
    overflow:hidden;
}

#canton .four-img .img img{

    width:100%;
    max-height:100px;
}

#canton .four-img .items p{

    line-height:40px;
}

#canton .four-img .items a img{

    transition:.5s transform; 
    transform: translateZ(0);
}

#canton .four-img .items a:hover img{

    transform: scale(1.5, 1.5); 
    transition: 2s transform;
}

#canton .four-img .items a:hover p{

    color:#ff9d2d;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#canton .gfjt{

    display: flex;
    flex-direction:row;
    justify-content:center;
    padding-top:10px;
}

#canton .four-sub{

    margin:25px 0 0 0;
}

#canton .four-sub .four-sub-title{

    display: flex;
    flex-direction:row;
    justify-content:space-between;
    border-bottom:1px solid #ccc;
    padding:15px 25px;
}

#canton .four-sub .four-sub-title a{

    display: block;
    width:30px;
    height:30px;
    background:#ccc;
    text-align:center;
    line-height:30px;
    color:#fff;
}

#canton .four-sub .four-sub-title a.cur{

    background:#18b27e;
}

#canton .four-sub .four-content{

    display:none;
    padding:10px 0 0 0;
    min-height:100px;
}

#canton .four-sub .f-c{

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    padding:10px 0;
    height:120px;
    overflow:hidden;
}

#canton .four-sub .f-c span{

    display: flex;
    flex-direction:row;
    justify-content:space-between;
    width:165px;
    margin:0px 20px 9px 0;
}

#canton .four-sub .f-c span:nth-child(2n){

    margin-right:0;
}

#canton .four-sub .f-c span a{

    display: inline-block;
    padding-left:15px;
    max-width:65%;
}

#canton .four-sub .f-c span em{

    display: inline-block;
    font-style:normal;
}

#canton .four-sub .f-c span a em{

    left:0;
    top:1px;
}

#canton .four-sub .f-c span em:nth-child(2){

    padding-top:2px;
}

/**推荐区第二列样式**/
#top-wrap .top-one {

    display: flex;
    flex-direction:row;
    justify-content:center;
    margin-top:18px;
}

#top-wrap .toLnyby img {

    width:100%;
}

#top-wrap .more-list {

    display: flex;
    flex-direction:column;
    /*margin:15px 0;*/
    /*max-height:800px;*/
    margin:12px 0 18px 0;
}

#top-wrap .more-list span {

    display: block;
    margin:7px 0 6px 0;
}

#top-wrap .more-list span a {

    display: inline-block;
    max-width:100%;
}

/**资讯及博览园动态***/
#news-bybw .news-marquee-box{

    width:100%;
    height:950px; 
    overflow:hidden;
}

#news-bybw .news-marquee-box .colum-line{

    display:block;
    left:7px;
    top:0px;
    width:2px;
    height:1010px;
    border-left:1px dashed #ccc;
}

#news-marquee{
    width:100%; 
    height:980px; 
    overflow:hidden; 
}

#news-marquee ul{

    display: flex;
    flex-direction:column;
}

#news-marquee ul li a{

    display:block;
    padding-left:32px;
    margin-top:23px;
}

#news-marquee ul li a h6{

    line-height:24px;
}

#news-marquee ul li a .zhaiyao{

    margin:5px 0;
    line-height:22px;
}

#news-marquee ul li a .time{

    display:block;
    width:100%;
    padding-left:20px;
}

#news-marquee ul li a .time i{

    display:block;
    left:0;
    top:3px;
    width:14px;
    height:14px;
    background:url(/skin/content/images/imgLayout.png) no-repeat 32.6% 6.5%;
}

#news-marquee ul li a:hover h6{

    color:#ff9d2d;
}

#news-marquee ul li a dd{

    display:block;
    left:0px;
    top:5px;
    width:10px;
    height:10px;
    border:2px solid #0a7a17;
    background:#fff;
}

#news-marquee ul li a:hover dd{

    border-color:#ff9d2d;
}

/**小镇动态**/
#bybw,
#show {

    width:100%;
    height:950px;
    /*overflow:hidden;*/
}

#bybw ul.list,
#show ul.list {

    padding-top:3px;
}

#bybw ul.list li,
#show ul.list li {

    display: block;
    width:100%;
    height:auto;
    margin-top:25px;
}

#bybw ul.list li:first-child,
#show ul.list li:first-child {

    margin-top:0;
}

#bybw ul.list li a,
#show ul.list li a  {

    display: flex;
    width:100%;
    flex-direction:row;
    justify-content:space-between;
}

#bybw ul.list li a span,
#show ul.list li a span {

    display: block;
}

#bybw ul.list li a span:first-child,
#show ul.list li a span:first-child{

    width:190px;
    height:80px;
}

#bybw ul.list li a span:first-child h6,
#show ul.list li a span:first-child h6{

    display:block;
    line-height:22px;
}

#bybw ul.list li a span:last-child,
#show ul.list li a span:last-child {

    width:150px;
    height:83px;
    overflow:hidden;
}

#bybw ul.list .time,
#show ul.list .time {

    display:block;
    margin-top:10px;
    padding-left:20px;
}

#bybw ul.list .time i,
#show ul.list .time i {

    display:block;
    left:0;
    top:3px;
    width:14px;
    height:14px;
    background:url(/skin/content/images/imgLayout.png) no-repeat 32.6% 6.5%;
}

#bybw ul.list li a span:last-child img,
#show ul.list li a span:last-child img {

    width:100%;
    height:83px;
    transition:.5s transform; 
    transform: translateZ(0);
}

#bybw ul.list li a:hover  span:last-child img,
#show ul.list li a:hover  span:last-child img{

    transform: scale(1.5, 1.5); 
    transition: 2s transform;
}

#bybw ul.list li a:hover span:first-child h6,
#show ul.list li a:hover  span:first-child h6{

    color:#ff9d2d;
}

#bybw .ajax-more,
#show .ajax-more{

    display: flex;
    width:40px;
    flex-direction:row;
    justify-content:space-between;
    right:0px;
    top:-40px;
}

#bybw .ajax-more dd,
#show .ajax-more dd{

    display:block;
    width:20px;
    height:17px;
    border:1px solid #e5e5e5;
    text-align:center;
    line-height:17px;
    cursor:pointer;
}

#bybw .ajax-more dd:first-child,
#show .ajax-more dd:first-child{

    border-right:0px;
}

#bybw .ajax-more dd i,
#show .ajax-more dd i{

    display:block;
    font-style:normal;
    font-size:12px;
    color:#bfbfbf;
}

#bybw .ajax-more dd:hover,
#show .ajax-more dd:hover{

    background:#e5e5e5;
}

/**第二列窗：中医文化**/
#zywh ul.two-colum{

    display: flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap:wrap;
}

#zywh ul.two-colum li{

    display: inline-block;
    margin:6px 0 20px 0; 
}

#zywh ul.two-colum li span{

    display: block;
    width:165px;
    height:100px;
    overflow:hidden;
}

#zywh ul.two-colum li span img{

    display: block;
    width:100%;
    height:100px;
    transition:.5s transform; 
    transform: translateZ(0);
}

#zywh ul.two-colum li a:hover span img{

    transform: scale(1.5, 1.5); 
    transition: 2s transform;
}

#zywh ul.two-colum li a p{

    margin:10px 0 5px 0;
    width:165px;
}

#zywh ul.two-colum li a:hover p{

    color:#ff9d2d;
}

#zywh ul.two-colum li a i{

    font-style:normal;
}

#zywh .ys-other{

    margin-top:0px;
    border-top:1px solid #ccc;
    padding:13px 0 0 0;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap:wrap;
}

#zywh .ys-other span{

    display: flex;
    flex-direction:row;
    justify-content:space-between;
    width:165px;
    margin:3px 0;
}

#zywh .ys-other span a{

    display:inline-block;
    max-width:65%;
    padding-left:15px;
}

#zywh .ys-other span em{

    display:block;
    font-style:normal;
}

#zywh .ys-other span a em{

    top:2px;
    left:0;
}

#zywh .ys-other span em:nth-child(2){

    padding-top:2px;
}

#yisitupu .switch-Box {

    height:450px;
    overflow:hidden;
}

#zy-wrap .switch-Box {

    height:455px;
    overflow:hidden;
}

#zy-wrap p.lzh_zhaiyao {

    line-height:22px;
    margin:10px 0 20px 0;
    border-bottom:1px dashed #ccc;
    padding-bottom:10px;
}

#zy-wrap h5.hot {

    display: block;
    margin:15px 0 12px 0;
}

#zy-wrap h5.hot:first-child {

    margin:0px 0;
}

#zy-wrap h5.hot a {

    display:inline-block;
    max-width:100%;
}

#zy-wrap dd {

    display: flex;
    flex-direction:row;
    width:100%;
    margin:15px 0;
}

#zy-wrap dd em {

    display:inline-block;
    font-style:normal;
}

#zy-wrap dd a {

    display:inline-block;
    margin-left:20px;
}

/**岭南史话***/
#lingnan ul {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}

#lingnan li {

    display:inline-block;
    width:155px;
    margin-top:15px;
    background:#ff0000;
}

#lingnan li:nth-child(1),
#lingnan li:nth-child(2),
#lingnan li:nth-child(3) {

    margin-top:5px;
}

/**中药传说/抖音等**/
.lf-layout {

    border:1px solid #eee;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

.lf-layout .menu-nav {

    width:145px;
    height:485px;
    display: flex;
    flex-direction:column;
    background:#f9f9f9;
}

.lf-layout .content-nav {

    width:205px;
}

.lf-layout .menu-nav a {

    display:block;
    text-align:center;
    height:40px;
    line-height:40px;
    background:#f9f9f9;
}

.lf-layout .menu-nav a em {

    display:inline-block;
    font-style:normal;
    padding:0 3px;
}

.lf-layout .menu-nav a.cur {

    background:#fff;
    color:#0a7a17;
    font-weight:800;
}

.lf-layout .menu-nav a.cur em {

    color:#0a7a17;
}

.lf-layout .content-nav .switch-Box {

    display:none;
    padding:15px;
    height:455px;
}

.lf-layout .switch-Box .qs {

    display: flex;
    flex-direction:column;
}

.lf-layout .switch-Box .qs span {

    display: block;
    margin-bottom:10px;
}

.lf-layout .switch-Box .qs span a {

    display: block;
}

.lf-layout .switch-Box .qs span dd {

    display: block;
}

.lf-layout .switch-Box .qs span p{

    line-height:22px;
    margin-top:5px;
}

.lf-layout .switch-Box .qs span a:hover dd {

    color:#ff9d2d;
}

.lf-layout .switch-Box .qs-other {

    border-top:1px solid #eee;
    padding-top:17px;
    margin-top:8px;
    display: flex;
    flex-direction:column;
}

.lf-layout .switch-Box .qs-other span {

    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

.lf-layout .switch-Box .qs-other span em {

    display: inline-block;
    font-style:normal;
}

.lf-layout .switch-Box .qs-other span a {

    display: inline-block;
    padding-left:15px;
    max-width:70%;
}

.lf-layout .switch-Box .qs-other span a em{

    left:0;
    top:2px;
}

.lf-layout .switch-Box .qs-other span em:nth-child(2) {

    padding-top:2px;
}

/**杏林墨香**/
.x-marquee li{

    display:inline-block;
    margin-top:15px;
}

.x-marquee li:first-child{

    margin-top:0;
}


.x-marquee li a {

    display: flex;
    width:97%;
    flex-direction:column;
}

.x-marquee li a img {

    width:100%;
}

.x-marquee li a p {

    text-align:center;
    margin:7px 0;
}

.x-marquee li a:hover p {

    color:#ff9d2d;
}

.x-marquee li a:hover img {

    opacity:0.8;
}

/**中医事迹**/
#zysj span,
#zysj span a {

    display:block;
}

#zysj span {

    margin-top:15px;
}

#zysj span:first-child {

    margin-top:0;
}

#zysj span a p {

    margin-top:5px;
}

#zysj span a:hover h5 {

    color:#ff9d2d;
}

#zysj .zysj-other {

    border-top:1px solid #eee;
    padding-top:23px;
    margin-top:23px;
    display: flex;
    flex-direction:column;
}

#zysj .zysj-other span {

    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

#zysj .zysj-other span em {

    display:inline-block;
    font-style:normal;
}

#zysj .zysj-other span a {

    display:inline-block;
    max-width:65%;
    padding-left:15px;
}

#zysj .zysj-other span a em {

    left:0px;
    top:2px;
}

#zysj .zysj-other span em {

    padding-top:2px;
}

/*#yiyaofj {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    width:100%;
    height:440px;
    overflow:hidden;
}

#yiyaofj a{

    display:block;
    width:80px;
    height:30px;
    background:#eee;
    text-align:center;
    line-height:30px;
    margin-bottom:15px;
}

#yiyaofj a:hover{

    background:#0a7a17;
    color:#fff;
}*/

/**中华药典**/
#zhyd{

    margin-bottom:15px;
}

#zhyd .yd-menu {

    width:100%;
    height:745px;
    display: flex;
    flex-direction:column;
    background:url(/skin/content/images/zywMedicineLeftNavBg.png) no-repeat;
    padding:40px 10px 0 32px;
}

#zhyd .yd-menu a{

    display:block;
    width:160px;
    height:auto;
    padding:20px;
    border:2px solid #f8fefa;
}

#zhyd .yd-menu a span{

    display:block;
}

#zhyd .yd-menu a span i{

    display:none;
    font-size:25px;
}

#zhyd .yd-menu a span p{

    margin-top:5px;
}

#zhyd .yd-menu a.cur{

    border-color:#0a7a17;
}

#zhyd .yd-menu a.cur h6,
#zhyd .yd-menu a.cur p,
#zhyd .yd-menu a.cur i{

   color:#0a7a17;
}

#zhyd .yd-menu a.cur i {

    display:block;
    right:0px;
    top:3px;
}

#zhyd .switch-Box {

    display:none;
}

#zhyd .map {

    width:550px;
    height:745px;
}

#zhyd .map-content {

    padding:0 10px;
}

#zhyd .map-content h3.title {

    display:block;
    padding-top:15px;
}

#zhyd .map-content h3.title i {

    display:block;
    width:79%;
    height:2px;
    left:110px;
    top:32px;
    background:#0a7a17;
}

#zhyd .map-content .zhaiyao {

    line-height:23px;
    margin:25px 0;
}

#zhyd .plant-map {

    display:block;
    background:url(/skin/content/images/imgLayout.png) no-repeat 0.3% 40%;
    width:400px;
    height:330px;
    margin:0 auto;
}

#zhyd .dt-title {

    border-top:1px solid #d8e1da;
    margin:30px 0 20px 0;
}

#zhyd .dt-title em {

    display:inline-block;
    background:#fff;
    padding:0 15px;
    left:34%;
    top:-12px;
    font-style:normal;
    color:#419353;
}

#zhyd .plant-list {

    width:450px;
    margin:30px auto 0 auto;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}

#zhyd .plant-list span {

    display:inline-block;
    padding-left:15px;
    width:70px;
    margin:12px 0;
}

#zhyd .plant-list span em {

    display:inline-block;
    left:0;
    top:3px;
}

#zhyd .plant-list .effect {

    margin:12px 13px 0 0;
    width:102px;
}

#zhyd .plant-list .effect:nth-child(1),
#zhyd .plant-list .effect:nth-child(2),
#zhyd .plant-list .effect:nth-child(3),
#zhyd .plant-list .effect:nth-child(4) {

    margin-top:0px;
}

#zhyd .plant-list .effect:nth-child(4n){

    margin-right:0px
}

#zhyd .yuexiwei {

    display:inline-block;
    left:0;
    top:3px;
}

#zhyd .yuexiwei h3.title {

    display:block;
    padding-top:15px;
}

#zhyd .yuexiwei h3.title em {

    display:inline-block;
    font-style:normal;
}

#zhyd .yuexiwei h3.title i {

    display:block;
    width:47%;
    height:2px;
    left:180px;
    top:32px;
    background:#0a7a17;
}

#zhyd .yuexiwei .zhaiyao {

    line-height:23px;
    margin:25px 0;
}

#zhyd .rolling {

    display: flex;
    flex-direction:row;
    width:42px;
    right:0px;
    top:718px;
}

#zhyd .rolling a {

    display: inline-block;
    width:21px;
    height:19px;
    border:1px solid #e5e5e5;
    color:#c1c7d9;
    font-size:14px;
    text-align:center;
    line-height:19px;
}

#zhyd .rolling a:first-child {

    border-right:0;
}

#zhyd .rolling a:hover {

   background:#e5e5e5;
}

#yuexiwei-marquee {

    width:100%;
    height:540px;
    overflow:hidden;
    margin-top:0px;
}

#yuexiwei-marquee ul li a{

    display: flex;
    flex-direction:row;
    justify-content:space-between;
    height:110px;
}

#yuexiwei-marquee ul li span {

    display: block;
}

#yuexiwei-marquee ul li span:first-child {

    width:130px;
    height:80px;
    overflow:hidden;
}

#yuexiwei-marquee ul li span:first-child img {

    width:100%;
    height:auto;
    transition:.5s transform;   
    transform: translateZ(0);
}

#yuexiwei-marquee ul li span:last-child {

    width:190px;
}

#yuexiwei-marquee ul li span:last-child p {

    line-height:21px;
    margin-top:8px;
}

#yuexiwei-marquee a:hover span:first-child img {

    transform: scale(1.5, 1.5);    
    transition: 2s transform;
}

#yuexiwei-marquee li a:hover span:last-child h6 {

   color:#ff9d2d;
}

#zhyd .data-list {

    margin:20px 0;
}

#zhyd .data-list ul{

    display: flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap:wrap;
}

#zhyd .data-list ul a{

    display: block;
    width:163px;
    margin-bottom:25px;
}

#zhyd .data-list ul a .img{

    display: block;
    width:100%;
    height:110px;
    overflow:hidden;
}

#zhyd .data-list ul a .img img{

    width:100%;
    height:110px;
    transition:.5s transform;   
    transform: translateZ(0);
}

#zhyd .data-list ul a:hover .img img{

    transform: scale(1.5, 1.5);    
    transition: 2s transform;
}

#zhyd .data-list ul a .content h6.title{

    margin:8px 0;
}

#zhyd .data-list ul a .content h6.title i{

    display:inline-block;
    font-style:normal;
    right:0;
    top:5px;
}


#zhyd .data-list ul a:hover .content h6.title{

    color:#ff9d2d;
}


#zhyd .data-list ul a .content p{

    line-height:22px;
}

#zhyd .pl{

    justify-content:flex-start;
}

#zhyd .pl a{

    display:block;
    width:97px;
    height:35px;
    padding:0 10px;
    line-height:35px;
    text-align:center;
    background:#eeeeee;
    margin:25px 20px 0 0;
}

#zhyd .pl a:nth-child(4n){

    margin-right:0;
}

#zhyd .pl a:hover{

    background:#0a7a17;
    color:#fff;
}

/**健康养生-母婴护理**/
.sb-wrap {

    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

.sb-wrap .big-img {

    width:380px;
    height:300px;
    overflow:hidden;
}

.sb-wrap .big-img a {

    display:block;
}

.sb-wrap .big-img a h6 {

    display:block;
    width:380px;
    left:0;
    bottom:0;
    padding:10px;
    /*color:#fff;*/
    z-index:1;
    background:url(/skin/content/images/tbg.png) repeat;
}

.sb-wrap .big-img a img {

    width:100%;
    height:300px;
    transition:.5s transform; 
    transform: translateZ(0);
}

.sb-wrap .big-img a:hover img {

    transform: scale(1.5, 1.5); 
    transition: 2s transform;
}

.sb-wrap .other-list {

    width:435px;
    height:285px;
}

.sb-wrap .other-list .onelist {

    display:block;
    margin:7px 0 15px 0;
}

.sb-wrap .other-list .onelist a {

    display:inline-block;
    max-width:100%;
}

.sb-wrap .other-list .more-list span {

    display: flex;
    width:100%;
    flex-direction:row;
    justify-content:space-between;
    margin-bottom:13px;
}

.sb-wrap .other-list .more-list span a {

    display:inline-block;
    padding-left:15px;
    max-width:360px;
}

.sb-wrap .other-list .more-list span em {

    display:inline-block;
    font-style:normal;
    left:0;
    top:3px;
}

.sb-wrap .other-list .more-list span i {

    display:inline-block;
    font-style:normal;
    line-height:24px;
}

.sb-wrap .sj-nav {

    display: flex;
    flex-direction:row;
    justify-content:space-between;
    padding:10px 12px 0 12px;
}

.sb-wrap .sj-nav a {

    display: block;
    width:70px;
    height:70px;
}

.sb-wrap .sj-nav a:first-child {

    background:#01b282;
}

.sb-wrap .sj-nav a:last-child {

    background:#a9a8a6;
}

.sb-wrap .sj-nav a:nth-child(2) {

    background:#fc6d68;
}

.sb-wrap .sj-nav a:nth-child(3) {

    background:#f7af4a;
}

.sb-wrap .sj-nav a span {

    display:inline-block;
    top:10px;
    left:10px;
}

.sb-wrap .sj-nav a span i {

    display:block;
    text-align:center;
    font-style:normal;
    color:#fff;
}

.sb-wrap .sj-nav a:hover span {

    transition: all 0.3s ease 0s;
    transform:rotate(360deg);
}

.sb-wrap .sj-nav a:hover span {

    transition: all 0.3s ease 0s;
    transform:rotate(360deg);
}

#health .sansi {

    padding:0 15px;
    margin:0;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
}

#health .sansi em {

    display:block;
    font-style:normal;
    margin:0 10px;
}

#health .sansi a,
#health .sansi em {

    margin-bottom:7px;
}

#health-cav .menu-nav {

    height:285px;
    width:100px;
}

#health-cav .content-nav {

    width:230px;
    height:360px;
}

#health-cav .switch-Box {

    padding:0;
    display:none;
}

#health-cav .switch-Box .s-b-c {

    padding:5px 10px 0 0;
}

#shichen .zywHealthySection .main li {

    position: relative;
    line-height: 30px;
    margin-bottom:10px;
}

#shichen .zywHealthySection .main li .ico{

    position: absolute;
    top: 33px;
    left: 5px;
}

#shichen .zywHealthySection .main li .leftTitle {

    float: left;
    width: 50px;
    height: 70px;
    font-size: 16px;
    color: #666;
    padding-left:5px;
}

#shichen .zywHealthySection .main li p {

    padding-right: 0px;
}

#shichen .zywHealthySection .main .text {

    line-height: 20px;
    text-align:justify; 
    text-justify:inter-ideograph
}

#shichen .zywHealthySection .footer {

    margin-top: 5px;
}

#shichen .zywHealthySection .footer ul {

    padding-left: 18px;
    overflow: hidden;
}

#shichen .zywHealthySection .footer ul li {

    float: left;
    margin-left: 30px;
    list-style-type: disc;
    color: #18bd8b;
}

#shichen .zywHealthySection .footer ul li a {

    color: #18bd8b;
    margin-left: -6px;
}

#shichen .zywHealthySection .footer ul li:hover {

    color: #ff6600;
}

#shichen .zywHealthySection .footer ul li:hover a {

    color: #ff6600;
}

#shichen .zywHealthySection .footer ul li a:first-child {

    display: inline-block;
}

#shichen .zywHealthySection .colorMain { 

    color:#0a7a17; 
    font-weight:bold;
    font-size:16px;
}

#shichen .zywHealthySection .colorMain:hover  { 

    color:#ff9d2d;
}

#shichen .zywHealthySection .footer {

    width: 220px;
}

#shichen .zywHealthySection .footer {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}

#shichen .zywHealthySection .footer li {

    display:inline-block;
    width:50px;
    margin-top:10px;
}

#shichen .zywHealthySection .footer li a {

    display:block;
    width:100%;
    text-align:center;
    line-height:25px;
    background:#efeded;
}

#shichen .zywHealthySection .footer li a:hover,
#shichen .zywHealthySection .footer li a.active {

    background:#0a7a17;
    color:#fff;
}

#health-cav .marquee-content{

    width:100%;
    padding:5px 0;
    overflow:hidden;
}

#health-cav .marquee-content{

    height:310px;
    padding:5px 0;
    overflow:hidden;
}

#health-cav .marquee-content li{

    display:block;
    margin-top:20px;
}

#health-cav .marquee-content li:first-child{

    margin-top:0;
}

#health-cav .marquee-content li a{

    display:block;
    width:160px;
    min-height:50px;
    padding-left:55px;
    overflow:hidden;
    color:#999;
}

#health-cav .marquee-content li a i{

    display:block;
    font-style:normal;
    left:3px;
    top:18px;
    color:#333;
}

#health-cav .marquee-content li a:hover i{

    color:#ff9d2d;
}

#qizie24 .rolling,
#tzys .rolling {

    display: flex;
    flex-direction:row;
    width:42px;
    right:10px;
    bottom:-27px;
}

#qizie24 .rolling a,
#tzys .rolling a {

    display: inline-block;
    width:21px;
    height:19px;
    border:1px solid #e5e5e5;
    color:#c1c7d9;
    font-size:14px;
    text-align:center;
    line-height:19px;
}

#qizie24 .rolling a:first-child,
#tzys .rolling a:first-child {

    border-right:0;
}

#qizie24 .rolling a:hover,
#tzys .rolling a:hover {

   background:#e5e5e5;
}

#health-cav .other-wrap{

    padding:5px;
}

#health-cav .other-wrap a{

    display:inline-block;
    max-width:100%;
}

#health-cav .other-wrap .zhaiyao{

    margin:5px 0;
}

#health-cav .other-wrap-list span{

    display: flex;
    flex-direction:row;
    justify-content:space-between;
    margin-top:12px;
}

#health-cav .other-wrap-list span:first-child{

    margin-top:15px;
}

#health-cav .other-wrap-list span a{

    display: inline-block;
    padding-left:15px;
    max-width:75%;
}

#health-cav .other-wrap-list span em{

    display: inline-block;
    font-style:normal;
}

#health-cav .other-wrap-list span a em{

    left:0;
    top:2px;
}

#health-cav .other-wrap-list span em:nth-child(2){

    padding-top:2px;
}

#health-cav .other-wrap-btn{

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    border-top:1px dashed #ccc;
    margin-top:10px;
}

#health-cav .other-wrap-btn a{

    display:block;
    background:#efeded;
    width:65px;
    height:30px;
    line-height:30px;
    text-align:center;
    margin-top:10px;
}

#health-cav .other-wrap-btn a:hover{

    background:#0a7a17;
    color:#fff;
}

/**母婴护理**/
#mother {

    margin:10px 0;
}

#mother .subtitle {

    right:0px;
    top:20px;
    width:580px;
    height:20px;
    overflow:hidden;
}

#mother .subtitle marquee a {

    display:inline-block;
    padding:0 3px;
}

#mother-cav {

    min-height:360px;
}

#mother-cav .switch-Box {

    padding:10px;
}

#mother-cav .style1 .img-style {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}

#mother-cav .style1 .img-style a {

    display: block;
    width:100px;
    margin-bottom:20px;
}

#mother-cav .style1 .img-style .img {

    display: block;
    width:100%;
    height:80px;
    overflow:hidden;
}

#mother-cav .style1 .img-style .img img{

    width:100%;
    height:80px;
    transition:.5s transform; 
    transform: translateZ(0);
}

#mother-cav .style1 .img-style a p{

    line-height:20px;
    margin-top:6px;
}

#mother-cav .style1 .img-style a:hover img{

    transform: scale(1.5, 1.5); 
    transition: 2s transform;
}

#mother-cav .style1 .img-style a:hover p{

    color:#ff9d2d;
}

#mother-cav .style1 .other-list span{

    display: flex;
    flex-direction:row;
    justify-content:space-between;
    margin-top:15px;
}

#mother-cav .style1 .other-list span:first-child{

    margin-top:8px;
}

#mother-cav .style1 .other-list span em{

    display: inline-block;
    font-style:normal;
}

#mother-cav .style1 .other-list span a{

    display: inline-block;
    padding-left:15px;
}

#mother-cav .style1 .other-list span a em{

    display: inline-block;
    left:0;
    top:2px;
}

#mother-cav .style1 .other-list span em:nth-child(2){

    padding-top:2px;
}

#mother-cav .style2 .hot{

    display:block;
}

#mother-cav .style2 .hot a{

    display:inline-block;
}

#mother-cav .style2 .hot-zhiayao{

    margin:5px 0 15px 0;
}

#mother-cav .style2 .other-list span{

    display: flex;
    flex-direction:row;
    justify-content:space-between;
    margin-top:15px;
}

#mother-cav .style2 .other-list span:first-child{

    margin-top:20px;
}

#mother-cav .style2 .other-list span em{

    display: inline-block;
    font-style:normal;
}

#mother-cav .style2 .other-list span a{

    display: inline-block;
    padding-left:15px;
}

#mother-cav .style2 .other-list span a em{

    display: inline-block;
    left:0;
    top:3px;
}

#mother-cav .style2 .other-list span em:nth-child(2){

    padding-top:2px;
}

#mother-cav .style2 .sub-nav{

    margin-top:12px;
    padding-top:5px;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    border-top:1px dashed #ccc;
}

#mother-cav .style2 .sub-nav a{

    display:block;
    margin:7px 7px 0 0;
    background:#efeded;
    width:66px;
    height:30px;
    line-height:30px;
    text-align:center;
}

#mother-cav .style2 .sub-nav a:hover{

    background:#fc6d68;
    color:#fff;
}

#mother-cav .style2 .sub-nav a:nth-child(3n){

    margin-right:0;
}

/**岭南中医药文化博览园**/
#lnyby_com {

    width:1200px;
    height:428px;
    background:url(/skin/content/images/lnyby_com.jpg) no-repeat;
}

#lnyby_com .lnyby_wrap{

    width:700px;
    height:385px;
    right:20px;
    top:25px;
    overflow:hidden;
}

#lnyby_com .lnyby_wrap .zhaiyao{

    background:#fff;
    padding:15px 20px 10px 20px;
    line-height:23px;
}

#lnyby_com .lnyby_wrap .zhaiyao em{

    display:inline-block;
    width:30px;
}

#lnyby_com .lnyby_wrap .imgThumb{

    background:#fff;
    margin-top:3px;
    padding:10px 20px;
}

#lnyby_com .lnyby_wrap .imgThumb h5 a{

    right:0px;
    top:5px;
}

#lnyby_com .lnyby_wrap .photos{

    margin-top:10px;
    width:665px;
    height:115px;
    margin-top:20px;
    overflow:hidden;
}

#lnyby_com .lnyby_wrap .photos1{

    width:665px; 
    overflow:hidden; 
    float:left;
}

#lnyby_com .lnyby_wrap .photos1 ul{
    
    width:1875px; 
    overflow:hidden;
}

#lnyby_com .lnyby_wrap .photos1 ul li{ 
    
    float:left; 
    width:125px; 
    display:block; 
    margin-left:10px;
}

#lnyby_com .lnyby_wrap .photos1 ul li:first-child{ 
    
    margin-left:0;
}

#lnyby_com .lnyby_wrap .photos1 ul li a{ 
    
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:123px; 
    height:85px;
    border:1px solid #eee;
    overflow:hidden;
    background:#000;
}

#lnyby_com .lnyby_wrap .photos1 ul li img{ 
    
    width:125px; 
    height:auto;
    transition:.5s transform; 
    transform: translateZ(0);
}

#lnyby_com .lnyby_wrap .photos1 ul li a:hover img{ 
    
    transform: scale(1.5, 1.5); 
    transition: 2s transform;
}

#lnyby_com .lnyby_wrap .photos1 .btn{ 
    
    width:60px;
    height:40px;
    background:#ff0000;
    right:0px;
    top:-30px;
}

#lnyby_com .lnyby_wrap .imgThumb .scrool_leftbtn,
#lnyby_com .lnyby_wrap .imgThumb .scrool_rightbtn{ 
    
    display:block;
    width:50px; 
    height:100px;
    line-height:100px;
    font-size:48px;
    color:#fff;
    top:6px;
    opacity:0.5;
    z-index:1;
}

#lnyby_com .lnyby_wrap .imgThumb .scrool_rightbtn {

    right:0px;
}

#lnyby_com .lnyby_wrap .imgThumb .scrool_leftbtn:hover,
#lnyby_com .lnyby_wrap .imgThumb .scrool_rightbtn:hover{ 
    
    opacity:1;
    cursor:pointer;
}

/**在线投稿**/
#online-tuogao {

    margin:15px 0;
}

/**合作单位**/
#hz-units {

    margin:15px 0;
}

#hz-units ul {

    margin-top:35px;
}

#hz-units li {

    display: flex;
    flex-direction:row;
    margin:20px 0;
}

#hz-units li span {

    color:#0a7a17;
}

#hz-units li a{

    margin-left:30px;
    display:inline-block;
}

#hz-units li a:nth-child(2){

    margin-left:10px;
}

/**广府本草堂**/
#gfbct {

    margin:20px 0; 
}

#gfbct ul.probut {

    display: flex;
    flex-direction:row;
    justify-content:space-between;
    padding-top:10px;
}

#gfbct li{

    display:block;
    height:320px;
    overflow:hidden;
}

#gfbct li:first-child span {

    display:block;
    width:380px;
    height:320px;
    overflow:hidden;
}

#gfbct li:first-child span img {

    display:block;
    width:100%;
    height:auto;
}

#gfbct li a {

    display:block;
}

#gfbct li a .lay {

    display:none;
    left:0;
    top:0;
    background:#333;
    z-index:1;
    opacity:0.6;
}

#gfbct li a:hover .lay {

    display:block;
}
#gfbct li a .lay-content {

    display:block;
    left:0;
    top:0;
    z-index:2;
}

#gfbct li a .lay-content h5 {

    display:block;
    text-align:center;
    color:#fff;
}

#gfbct li a .lay-content em{

    display:block;
    font-style:normal;
    color:#fff;
}

#gfbct li a .lay-content p {

    line-height:20px;
    color:#fff;
    margin:12px 0;
    padding:0 15px;
    height:41px;
}

#gfbct li a .lay-content p em {

    display:inline-block;
    width:15px;
}

#gfbct li a .lay-content img {

    margin:0 auto;
}

#gfbct li a .lay-content .content {

    padding:0 20px;
}

#gfbct li a .c2 {

    display:none;
}

#gfbct li a .lay-content button {

    width:50%;
    font-size:16px;
    margin-top:15px;
}

#gfbct li a:hover .c1 {

   display:none;
}

#gfbct li a:hover .c2 {

    display:block;
}

#gfbct li:nth-child(2) {

    width:440px;
}

#gfbct li:last-child {

    width:335px;
}

#gfbct .other-prou {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}

#gfbct .other-prou a {

    display:block;
    width:163px;
    height:154px;
    margin-bottom:10px;
    overflow:hidden;
}

#gfbct .other-prou a img {

    width:100%;
    height:auto;
}

#gfbct .other-prou button.small-btn {

    width:90%;
    font-size:14px;
    margin-top:0;
    height:30px;
    line-height:30px;
}

/**56民族经方**/
/**56民族经方**/
#minzhu56 {

    margin:25px 0 12px 0;
    width:100%;
    height:685px;
    overflow:hidden;
}

#minzhu56 .minzhu ul {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    padding-top:10px;
}

#minzhu56 .minzhu li {

    display: inline-block;    
    margin-bottom:20px;
}

#minzhu56 .minzhu li a {

    display: block;
    border:1px solid #eee;
    width:210px;
    height:295px;
}

#minzhu56 .minzhu li a i.mark {

    display: block;
    left:0;
    top:-1px;
    font-style:normal;
    width:80px;
    height:24px;
    background:url(/skin/content/images/imgLayout.png) no-repeat 60% 1%;
    z-index:1;
}

#minzhu56 .minzhu li a i.mark h6 {

    color:#fff;
    padding:2px 3px;
}

#minzhu56 .minzhu li a span.img {

    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    width:180px;
    height:180px;
    overflow:hidden;
    margin-top:25px;
}

#minzhu56 .minzhu li a span.img img {

    width:100%;
    height:auto;
}

#minzhu56 .minzhu li a h3.title {

    padding: 15px 15px 10px 15px;
}

#minzhu56 .minzhu li a p.zhaiyao {

    padding:0 15px;
    table-layout:fixed; 
    word-break: break-all; 
    overflow:hidden;
}

#minzhu56 .minzhu li a:hover {

    border:1px solid #ff9d2d;
}

#minzhu56 .minzhu li a:hover span.img img {

   opacity:0.8;
   transition: all .3s;
   -webkit-transition: all .3s;
}

/****民族要以下de2***/
/*#minzhu56 {

    margin:25px 0 12px 0;
    width:100%;
    height:685px;
    overflow:hidden;
}

#minzhu56 p {

    margin:8px 0;
    padding-bottom:10px;
    line-height:20px;
    border-bottom:1px dashed #ccc;
}

#minzhu56 .more-list {

    margin-top:10px;
}

#minzhu56 .more-list ul {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
}

#minzhu56 .more-list ul li {

    display:inline-block;
    width:300px;
    margin-top:15px;
}

#minzhu56 .more-list ul li dd {

    display: flex;
    flex-direction:row;
    width:280px;
}

#minzhu56 .more-list ul li:nth-child(4n) dd {

    width:300px;
}

#minzhu56 .more-list ul li dd span,
#minzhu56 .more-list ul li dd span a {

    display:inline-block;
}

#minzhu56 .more-list ul li dd span:first-child {

    margin-right:10px;
}

#minzhu56 .more-list ul li dd span:first-child a {

    margin:0 2px;
}

#minzhu56 .more-list ul li dd span:nth-child(2) {

    display:none;
}

#minzhu56 .more-list ul li dd span:nth-child(2) a {

    max-width:100%;
}*/

/**24节气养生汤**/
#gfjt-24jieqi {

    margin:15px 0;
}

#gfjt-24jieqi dl {

     display: flex;
     flex-direction:row;
     justify-content:space-between;
}

#gfjt-24jieqi dl dd {

     display:inline-block;
}

#gfjt-24jieqi dl dd:last-child {

     width:850px;
}

#gfjt-24jieqi dl dd h1 {

     display:block;
}

#gfjt-24jieqi h1.title span {

     color:#ff0000;
}

#gfjt-24jieqi h1.title em {

     right:0;
     top:26px;
     display:inline-block;
     background:#000;
     width:250px;
     height:1px;
}

#gfjt-24jieqi-box {

    height:400px;
    width:100%;
    border:1px solid #ccc;
    margin-top:25px;
}

#gfjt-24jieqi-box .jieqi-ico {

    left:-29px;
    top:37px;
    width:60px;
    height:340px;
    background:#fff;
    display: flex;
    flex-direction:column;
    justify-content: center;
    z-index:1;
}

#gfjt-24jieqi-box .jieqi-ico span {

    width:60px;
    height:auto;
    display: flex;
    flex-direction:column;
}

#gfjt-24jieqi-box .jieqi-ico span i {

    display:inline-block;
    font-style:normal;
    width:60px;
    height:60px;
    margin-top:25px;
    text-align:center;
    line-height:60px;
    color:#fff;
    cursor:pointer;
}

#gfjt-24jieqi-box .jieqi-ico span i:first-child {

    margin-top:0;
    background:#fc6d68;
}

#gfjt-24jieqi-box .jieqi-ico span i:last-child {

    background:#65bce9;
}

#gfjt-24jieqi-box .jieqi-ico span i:nth-child(2) {

    background:#88b33e;
}

#gfjt-24jieqi-box .jieqi-ico span i:nth-child(3) {

    background:#f7af4a;
}

#gfjt-24jieqi-box .jieqi-ico span i:hover {

    transition: all 0.3s ease 0s; transform:rotate(360deg);
    background:#8d895a;
}

#gfjt-24jieqi-box .jieqi-content {

    display:none;
    width:90%;
    height:360px;
    padding:15px 0px 15px 75px;
    table-layout:fixed; 
    word-break: break-all; 
    overflow:hidden;
}

#gfjt-24jieqi-box .jieqi-content p.zhaoyai {

    line-height:22px;
}

#gfjt-24jieqi-box .scroll-wrap {

   width:100%;
   height:275px;
   overflow:hidden;
   margin-top:25px;
}

#gfjt-24jieqi-box .jieqi-content-tang {

    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
}

#gfjt-24jieqi-box .jieqi-content-tang .tang {

    width:350px;
    margin-bottom:20px;
}

#gfjt-24jieqi-box .jieqi-content-tang .tang h3 a {

    margin-bottom:5px;
}

#gfjt-24jieqi-box #spring a {

    color:#fc6d68;
}

#gfjt-24jieqi-box #summer a {

    color:#88b33e;
}

#gfjt-24jieqi-box #autumn a {

    color:#f7af4a;
}

#gfjt-24jieqi-box #winter a {

    color:#64bce9;
}

#gfjt-24jieqi-box .jieqi-content-tang .tang h3 a:hover {

    text-decoration:underline;
}

#gfjt-24jieqi-box .jieqi-content-tang .tang h3 span {

    color:#000;
    margin-left:5px;
}

#gfjt-24jieqi-box .jieqi-content-tang .tang p {

   line-height:24px;
}