#content{
    padding:0;
}
main{
    background: #fafafa;
    font-family: Roboto;
}
main h1,
main h2,
main h3,
main h4,
main h5,
main h6{
    font-weight: 600;
}
main h3.group_name {
    font-family: roboto_semibold,RobotoSlab-Bold !important;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #3EB457;
    margin-bottom: 20px;
    /* padding-top: 20px; */
}
 @media (min-width: 768px){
    main .other .main_item, main .chap .main_item{
        width: calc(33.33333333% - 27px);
        margin-bottom: 20px;
    }
    main .other .databox-wraper .main_item:nth-of-type(3n+2)，main .chap .databox-wraper .main_item:nth-of-type(3n+2) {
        margin-left:40px;
        margin-right:40px;
    }
}
main .page-datasets{
    padding:30px;
    padding-bottom: 10px;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(35, 35, 35, 0.15);
    margin-bottom: 30px;
}
.dsets .dataset-item {
    height: 200px;
    position: relative;
    border: 1px solid #E9E9E9;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
}
.dataset-item:hover {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}
.dataset-item a{
    color: #fff;
}
/*other chap*/
.other .dataset-item, .chap .dataset-item{
    /* background: #FFFFFF; */
    /* box-shadow: 0px 3px 3px rgba(35, 35, 35, 0.15);; */
    /* margin-bottom: 30px; */
    height: 350px;
    position: relative;
    color:#fff;
    border: 1px solid #E9E9E9;
}
.other .dataset-item:hover, .chap .dataset-item:hover {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}
.other .dataset-item a, .chap .dataset-item a{
    color: #fff;
}
/*other chap*/
.dsets .imgWraper{
    width: 340px;
    height: 200px;
    position: relative;
}
.other .imgWraper,.chap .imgWraper{
    height: 180px;
    position: relative;
    padding:35px 5px 0 30px;
    background: url(../images/Vector.png) no-repeat right bottom, linear-gradient(180deg, #55CE6F 0%, #4ED06A 100%);;
    background-size:320px;
}

.imgcompont {
    background: url(../images/datasSets/datas_dhs.png);
    background-size:340px;
}
.page-id-127 .imgWraper{
    padding:15px 5px 0 30px;
}
.page-id-127 .imgWraper b{
    display: none;
}
.page-id-127 .pmsmalltitle_10{
    margin-top: 0;
}
.dsets .imgWraper .imgContent{
    /* position: relative; */
    /* width:135px; */
    /* margin: 0 auto; */
}
.dsets .imgWraper span{
    position: absolute;
    left:0;
    top:0;
    background: linear-gradient(90deg, #4ED06A 67%, rgba(78, 208, 106, 0) 100%);
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    font-family: intersemi_bold !important;
    padding: 0px 20px;
    width: 300px;
    height: 44px;
    white-space: nowrap;
}
.dsets .imgWraper p {
    margin-top: 18px;
    font-family: 'RobotoSlab-Bold' !important;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;;
}
.other .imgWraper span, .chap .imgWraper span{
    /* position: absolute;
    right:0;
    top:14px; */
    color: #FFFFFF;
    font-family: 'RobotoSlab-Bold' !important;
    /* font-style: normal;
    font-weight: bold; */
    font-size: 32px;
    line-height: 42px;
}
.other .imgWraper b[underline], .chap .imgWraper b[underline] {
    position: absolute;
    width: 16px;
    height: 3px;
    left: 30px;
    top: 81px;
    background: #FFFFFF;
}
.other .imgWraper p, .chap .imgWraper p{
    margin-top: 18px;
    font-family: 'RobotoSlab-Bold' !important;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;;
}
.dsets .datasetContent{
    padding:20px;
    width: calc(100% - 340px);
    height: 100%;
}
.other .datasetContent,.chap .datasetContent{
    padding:0px 30px 0px;
    text-align: center;
}
.datasetContent span{
    font-family: roboto_semibold!important;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    color: #333;
}
.other .datasetContent p,.chap .datasetContent p {
    margin-top: 30px;
    overflow: hidden;
    width: 100%;
    height: 63px;
    text-align: left;
    line-height: 18px;
    font-family: 'roboto,SourceSansPro-Regular'!important;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: #333333;
}
.other .datasetContent .link_box,.chap .datasetContent .link_box {
    width: 100%;
    margin-top: 20px;
}
/* .datasetContent a{
    position: absolute;
    right: 30px;
    bottom: 30px;
} */
.datasetContent h4:hover{
    text-decoration:underline;
}
.datasetContent a:hover{
    box-sizing: border-box;
    border-radius: 3px;
    color: #fff;
}
.datasetContent p{
    overflow: hidden;
    width: 100%;
    font-family: roboto !important;
    font-size: 16px;
    /*line-height: 21px;*/
    /*color: #333333;*/
    margin-top: 10px;
    line-height: 24px;
    color: #999999;
}
.datasetContent p:nth-child(2){
    /*font-size: 20px;*/
    /*line-height: 24px;*/
    font-size: 16px;
    line-height: 24px;
    color: #999999;
}
.datasetContent p:nth-child(3){
    font-size: 16px;
    line-height: 24px;
    color: #999999;
}
.datasetContent p:nth-child(4){
    font-size: 16px;
    line-height: 24px;
    color: #999999;
}
.dsets .datasetContent .link_box {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.dsets .datasetContent .link_box a {
    display: inline-block;
    padding:10px 30px;
    border: 1px solid #CCCCCC;
    font-family: roboto,SourceSansPro-Regular !important;
    font-size: 14px;
    line-height: 14px;
    color: #333;
}
.other .datasetContent .link_box a,.chap .datasetContent .link_box a {
    display: inline-block;
    width: calc(50% - 5px);
    padding: 10px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font-family: 'SourceSansPro-Regular' !important;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    overflow: hidden;
}