#jiaoshichengguo{width: 1000px;
    margin: 0px auto 0px;
    padding-bottom: 50px;}
    .show_tea_chengguo{width: 100%;display: flex;justify-content: space-around;flex-wrap: wrap;
        margin-top: 40px;justify-content: flex-start;}
    .tea_card,.yanjiu_contain{width: 470px;margin-right: 30px;margin-bottom: 25px;}
    .tea_top{display: flex;padding: 10px 15px;    background: white;border-radius: 5px 5px 0px 0px;}
    .tea_top>img{width: 100px;height: 100px;border-radius: 50%;margin-right: 20px;}
    .tea_info{}
    .info_detail{display: flex;justify-content: space-between;align-items: center;}
    .tea_info_name{font-size: 18px;font-weight: bold;margin-right: 5px;color: #333333;}
    .jianjie{color: #888888;text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;-webkit-box-orient: vertical;}
    .tea_info_xueke_img{width: 14px;vertical-align: middle;}
    .tea_bottom{display: flex;    background: rgba(255,255,255,0.35);    border-radius: 0px 0px 5px 5px;padding: 15px 9px;}
    .tea_zuopin{padding: 8px 10px;
        margin-right: 15px;
        width: 140px;
        position: relative;
        display: flex;
        flex-direction: column;
        background: white;background: white;
        box-sizing: border-box;}
    .tea_zuopin>img{width: 120px;height: 80px;}
    
    .tea_zuopin_leixing{position: absolute;right: 15px;top: 10px;background: #1d9adb;color: white;font-size: 3px;padding: 2px 5px;
        border-radius: 2px}
    .tea_zuopn_name{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 5px;color: #666666;}
    .tea_zuopin:hover{top: -3px;
        box-shadow: 5px 5px 4px #ccc;
        transition: 0.2s ease-in-out;
        cursor: pointer;}

    .guankanshuju{display: flex;color: #999999;font-family: "microsoft yahei";}
    .liulan{margin-right: 10px;display: flex;}
    .guankanshuju img{width: 20px;vertical-align: bottom;margin-right: 4px;}


    .m-style {
        position: relative;
        text-align: center;
        zoom: 1;
        margin-bottom: 50px;
        justify-content: center;
    }
    
    .m-style:before,
    .m-style:after {
        content: "";
        display: table;
    }
    
    .m-style:after {
        clear: both;
        overflow: hidden;
    }
    
    .m-style span {
        /* float: left; */
        margin: 0 5px;
        width: 38px;
        height: 38px;
        line-height: 38px;
        color: #bdbdbd;
        font-size: 14px;
    }
    
    .m-style .active {
        /* float: left; */
        margin: 0 5px;
        width: 38px;
        height: 38px;
        line-height: 38px;
        
        color: #fff;
        font-size: 14px;
        border: 1px solid #2d98e6;
        background: #2d98e6;
       
        
    }
    
    .m-style a {
        /* float: left; */
        margin: 0 5px;
        width: 50px;
        height: 38px;
        line-height: 38px;
        background: #fff;
        border: 1px solid #ebebeb;
        color: #666;
        font-size: 16px;
    }
    .prev,.next{
      /* float: left; */
        margin: 0 5px;
        width: 55px;
        height: 38px;
        line-height: 38px;
        background: #fff;
        border: 1px solid #ebebeb;
        color: #666;
        font-size: 14px;
        cursor: pointer;
    }
    .m-style a:hover,.prev:hover,.next:hover {
        color: #fff;
        background: #2d98e6;
    }
    
    .m-style .next,
    .m-style .prev {
        font-family: "Simsun";
        font-size: 16px;
        font-weight: bold;
    }
    
    .now,
    .count {
        padding: 0 5px;
        color: #2d98e6;
    }
    
    .eg img {
        max-width: 800px;
        min-height: 500px;
    }