/* 郴州非遗资源库 - 非遗·项目 */
@charset "UTF-8";
.header{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1300px;
    height: 250px;
    background: url(../images/fyxm/banner.jpg) no-repeat center 0;
    margin-bottom: 40px;
}
.datalist-box{
    float: left;
    width: 1298px;
    border: 1px solid #48aea3;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 170px;
}
ul.fyxm-datalist{
    float: left;
    width: 1298px;
    margin-bottom: 75px;
}
ul.fyxm-datalist li{
    float: left;
    width: 1298px;
    height: 118px;
    background: url(../images/fyxm/i-line.png) no-repeat center bottom;
    padding: 31px 0;

    font-family:'HSSRL';
    font-size: 16px;
    color: #040000;
    text-align: center;
}
ul.fyxm-datalist li:nth-child(2n+1){ background-color: rgba(216,246,244,.3);}

ul.fyxm-datalist li a{ display: inline-block; width: 1298px; height: 118px;}
ul.fyxm-datalist li:hover a{ color: #24877c;}
ul.fyxm-datalist li.titlebox{
    float: left;
    width: 1298px;
    height: 90px;
    background: #d8f6f4;
    border-bottom: 1px solid #48aea3;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    padding: 0;

    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-align: center;
}
ul.fyxm-datalist li.titlebox .number-title,ul.fyxm-datalist li.titlebox .cover-title,ul.fyxm-datalist li.titlebox .item-name,ul.fyxm-datalist li.titlebox .classify,ul.fyxm-datalist li.titlebox .level,ul.fyxm-datalist li.titlebox .region{ line-height: 90px;}
ul.fyxm-datalist li .number-title{
    float: left;
    width: 150px;
}
ul.fyxm-datalist li .number{
    float: left;
    width: 150px;
    font-size: 14px;
    line-height: 118px;
}
ul.fyxm-datalist li .cover-title{
    float: left;
    width: 164px;
    margin: 0 43px;
}
ul.fyxm-datalist li .cover{
    float: left;
    width: 164px;
    height: 118px;
    border-radius: 3px;
    margin: 0 43px;
}
ul.fyxm-datalist li .item-name{
    float: left;
    width: 280px;
    height: 118px;
    text-align: center;
    margin-right: 38px;
}
ul.fyxm-datalist li .item-name .flex-name{    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
          justify-content: center;
          height: 118px;
}
ul.fyxm-datalist li .classify{
    float: left;
    width: 220px;
    line-height: 118px;
}
ul.fyxm-datalist li .level{
    float: left;
    width: 180px;
    line-height: 118px;
}
ul.fyxm-datalist li .region{
    float: left;
    width: 180px;
    line-height: 118px;
}

.fyxm_detailbox{
    float: left;
    width: 838px;
    min-height: 900px;
    border: 1px solid #48aea3;
    border-radius: 10px;
    background: #fff;
    padding: 70px 230px;
}
.fyxm_detailbox .fyxm-titlebox{
    float: left;
    width: 838px;
    font-size: 32px;
    color: #000;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
}
.fyxm_detailbox .fyxm-descbox{
    float: left;
    width: 838px;
    font-size: 16px;
    color: rgba(0,0,0,.8);
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.fyxm_detailbox .fyxm-descbox span{ margin: 0 5px;}
.fyxm_detailbox .fyxm-article{
    float: left;
    width: 838px;
    font-size: 16px;
    color: #040000;
    line-height: 28px;
    text-align: justify;
}
.fyxm_detailbox .fyxm-article p{ margin-bottom: 15px;}