a{
    text-decoration: none;
}
.container{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 1170px;
}
.text-center {
    text-align: center;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
img {
    vertical-align: middle;
    border: 0;
}
.banner img{
width: 100%;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
/*分隔线*/
.divide .line{
    display:inline-block;
    width:100%;
    height:2px;
    background:#a0a0a0;
}
.divide{
   padding-top:2%;
   padding-bottom:2%;
   position:relative;
   font-size: 36px;
   font-family:"微软雅黑";
   font-weight:bold;
}
.divide-top{
   padding-top:0;
   margin-top:8%;
   padding-bottom: 40px;
}
.divide p{
   padding:0;
   margin:0;
}
.divide .en-join{
   font-size: 16px;
}

.study-article{
    margin-top:-1%;
    padding:10px 20px 30px;
    font-size:14px;
}
.article-fload{
    padding:20px 0;
    border-bottom:1px solid #c3c3c3;
}
.article-fload-last{
    border:none;
}
.article-pic{
    display:block;
    position:relative;
   
}
.article-pic img{
    height: 230px;
    width: 100%;
}
.study-article-data{
    height: 230px; 
    position: relative;
}
.data-bottom{
position: absolute;
bottom: 10px;
right: 30px;
}
.article-pic .red-shadow{
    width:100%;
    height:40px;
    line-height: 40px;
    background:rgba(88, 86, 86, 0.6);
    position:absolute;
    bottom:0;
}
.article-pic .red-shadow span{
    display: inline-block;
   
    font-size:1.25em;
    color:#fff;
}
.study-article h3{
    font-size:1.4em;/* 16px 24px */
    margin:0;
    margin-bottom:1em;
}
.study-article h3 a{
    color:#32201e;
    text-decoration: none;
    
}
.study-article h3 a:hover{
    color:#013124;
    text-decoration:underline;
}
.study-article-data{
    font-size:1.25em;/* 16px 20px */
    font-family:"微软雅黑";
    color:#32201e;
}
.study-article-data .jianjie{
  
    padding:0 10px;
    min-height:9em;
}
.study-article-data .jianjie p{
    text-indent: 2em;
    line-height: 28px;
    margin-top: 15px;
}
.study-article-data .data-bottom{
    height:32px;
    line-height:32px;
    color:#a0a0a0;
}
.date-author{
    font-size:0.8em;/* 20px 16px */
    display: inline-block;
}
.date-author span{
    display: inline-block;
    min-width:140px;
    text-align:center;
}
.article-btn{
    display:inline-block;
    height:32px;
    width:150px;
    box-sizing: border-box;
    border-radius:4px;
    border:1px solid #a0a0a0;
    background:#fdfcfb;
}
.article-btn:hover{
    background: #337ab7;

}
.article-btn:hover a{
    color: #fff;
    text-decoration: none;
}
.edit-article{
    width:50%;
    height:30px;
    line-height:30px;
    font-size: 12px;
    float:left;
}
.edit-article .glyphicon-edit{
    display: inline;
    font-size: 18px;
    cursor: pointer;
    color:#272636;
    top:4px;
}
.edit-num{
    display:inline-block;
    margin-left:5px;
    color:#a0a0a0;
}
@media screen and (max-width:767px){
    .wrap{
        width: 100vw;
    }
    .container{
        width: 94%;
        margin: 0 3%;
    }
    .study-article{
        width: 100%;
    }
        .divide {
            font-size: 17px;
        }
        .divide .en-join {
            font-size: 14px;
        }
        .study-article-data .jianjie {
            padding: 5px 20px 0;
            font-size: 1.4rem;
            min-height: auto;
        }
        .study-article-data{
            height: auto;
        }
        .study-article h3 {
            font-size: 1.8rem;
            margin: 0;
            margin-bottom: 1em;
            display: none;
        }
        .data-bottom {
          
            position: unset;
          margin-top: 20px;
          
        }
        .article-pic img {
            height: 166px;
            width: 100%;
        }
        .article-pic .red-shadow span{
            margin-top: 0;
        }
        .row{
         
        }
      .data-bottom{ float: left;
        margin-left: 50% !important;
        transform: translateX(-50%);
    }
      .study-article-data .data-bottom{
          line-height: 30px;
      }
      .divide-top{
          padding-bottom: 5px;
      }
    }