/* 字体 */
/*声明 WebFont*/
@font-face {
    font-family: 'pinghei';
    src: url('../fonts/思源黑体SS.ttf'),
        url('../fonts/思源黑体SS.eot'); /* IE9 */
}
@font-face {
    font-family: 'fzltdh';
    src: url('../fonts/方正兰亭大黑_GBK.ttf'),
        url('../fonts/方正兰亭大黑_GBK.eot');
}

@font-face {
    font-family: 'arialbd';
    src: url('../fonts/arialbd.ttf');
}


/*公共*/
html, body{
    padding: 0;
    margin: 0;
    font-family: "pinghei";
    font-size: 16px;
    color: #F7F7F7;
    /* font-family: Source Han Sans CN, Helvetica, sans-serif; */
    height: 100%;
}

/*cssreset*/
html,body,h1,h2,h3,h4,h5,h6,p,ul,li{margin: 0px;padding: 0px;}
a{text-decoration: none;display: block;}
li{list-style: none;}
img{display: block;}

/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{content: "";display: block;clear: both;}


div{
    font-size: 16px;
    color:#666;
}
a,a:hover,a:visited,a:focus{
    text-decoration: none;
}

input,input:focus{
    border: none;
    outline:none;/*去掉选中状态边框*/
}
input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color:rgba(255,255,255,1);
        /* placeholder字体大小  */
    /* font-size: 12px;        */
        /* placeholder位置  */
    /* text-align: right;      */
}
body{
    /* min-width: 900px; */
    font-size: 100%;
    background: #FAFAFA;
}
/* 左右内容 对齐 */
.aline{
    display: flex;
    align-items: stretch;
}
/* 左右内容 对齐 */
.pos-rel{
    position: relative;
}



/* 分页开始 */
.page-box{
    /*margin: 60px 0 !important;*/
}
.page-box .pagination li a{
    color: #999;
}

.paging{
    text-align: center;
}

#index-page{
    display: block;
    width:45px;
    height:42px;
    line-height:42px;
    text-align: center;
    font-size:14px;
    padding: 0;
    margin: 0;
}
.pagination{
    margin: 0;
    margin-top: 40px;
}
.pagination>li:first-child>span,
.pagination>li>a, .pagination>li>span,
.paging .pagination li a,
.paging li{
    display: inline-block;
    width:45px;
    height:42px;
    line-height: 42px;
    text-align: center;
    background:#f8f8f8;
    font-size:14px;
    color: #333;
    cursor: pointer;
    border-radius: 5px;
    margin-right: 20px;
    padding: 0;
}
.pagination>.active span {
    color: #fff !important;
    width:45px;
    height:42px;
    line-height:42px;
    text-align: center;
    background: #4C6CFB;
    border-radius: 5px;
    padding: 0;
}
.pagination>.active span:hover{
    background: #4C6CFB;
}

.disabled {
    display: none !important;
}
/* 分页结束 */


.flex-row-bet{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap;
}
.flex-row-bet-start{
    display: flex;
    align-items: start;
    justify-content: space-between;
    
}
.flex-stretch{
    display: flex;
    align-items: stretch;
}
.flex-bet-end{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    
}
.flex-row-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-row-around{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.flex-row-start{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.flex-col-bet{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.flex-col-around{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.flex-col-start{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.line-clamp1 {
    /* 兼容ie */
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.line-clamp1-1 {
    /* 兼容ie */
  display: block;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.line-clamp2 {
    /* 兼容ie */
    max-height: 44px;
  display: block;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.line-clamp3 {
    /* 兼容ie */
    max-height: 66px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  
}
ul{
    list-style: none;
}
ul li{
    margin: 0;
}
.el-row{
    clear: both;
}
.pad-clear{
    padding: 0;
}
/* location */
.location{
    font-size:16px;
    color:rgba(51,51,51,1);
    margin: 0.2rem 0;
}
.location span{
    display: inline-block;
}
.location a{
    color:rgba(51,51,51,1);
}
.red{
    color: #D11D24;   
}
.font-thirty{
    font-size: 30px;
}


.color-green{
    color: #e74c3c!important
}

.color-red{
    color: #FF6464 !important;
}

.color-orange{
    color: #FE946A !important;
}

.color-grey{
    color: #666 !important;
}
/* 暂无内容样式 */
.no-content{
    width: 100%;
    height: 48px;
    line-height:48px;
    margin-top: 30px; 
    background: #F8F8F8;
    font-size: 16px;
    color: #343434;
    text-align: center;
}
.mt30{
    margin-top: 30px;
} 
.mb30{
    margin-bottom: 30px;
}