@media screen and (max-width: 1919px) {

    .picture {
        /*width: 1366px;*/
        /*height: 187px;*/
        text-align: center;

    }
    .picture img{
        width: 918px;
    }

    .content .select-news .detail li {
        background-color: #fff;
        display: flex;
    }

    .content .select-news .detail li a:focus {
        color: #2289F0;
    }

    .content .select-news .detail .img {
        height: 10px;
        width: 10px;
        margin-top: 8px;
        margin-left: 8px;
        visibility: hidden;
    }

    .content .select-news .page {
        width: 140px;
        height: 28px;
        display: flex !important;
        justify-content: space-around;
        background-color: #fff;
        line-height: 40px;
        font-size: 10px;
        color: #5E6166;
        font-weight: 400;

    }

    .content .select-news .page button {
        font-family: SourceHanSansCN-Regular, sans-serif;
        color: #5E6166;
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        outline: none;
        background-color: #fff;
        cursor: pointer;
    }

    .content .select-news .page button:hover {
        color: #F77D26;
    }

    .content .container {
        float: right;
        width: 766px;
        background: #FFF;
        position: relative;
    }

    .content .container .top {
        width: 100%;
        height: 52px;
        background: rgba(255, 255, 255, 1);
    }

    .content .container .top div {
        /*width: 746px;*/
        height: 53px;
        margin-left: 24px;
        border-bottom: 1px solid #DEDEDE;
    }

    .content .container .top .title {
        float: left;
        height: 20px;
        /*width: 300px;*/
        /*padding-left: 5px;*/
        /*margin: 17px 0 0 0;*/
        /*border-left: 5px solid #FFCC44;*/
        font-size: 1.25em;
        font-weight: 500;
        color: rgba(34, 137, 240, 1);
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        padding: 17px 3px 16px 0;
        border-bottom: 1px solid #999;
    }
    .content .container .top .title::before{
        content: '';
        display: inline-block;
        width: 5px;
        height: 20px;
        background:#FFCC44;
        position: relative;
        top: 2px;
        margin-right: 5px;
    }

    .content .container .top .detail {
        max-width: 180px;
        height: 18px;
        font-size: 0.75em;
        float: right;
        margin-top: 20px;
        margin-right: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .content .container .top .detail a {
        color: #000;
    }

    /*.content .container .line {*/
    /*    width: 88px;*/
    /*    border-bottom: 2px solid #999;*/
    /*    margin-left: 24px;*/
    /*}*/
}

@media screen and (min-width: 1920px) {
    .picture {
        /*width: 1920px;*/
        /*height: 280px;*/
        margin: 0 auto;
        text-align: center;
    }
    .picture img{
        width: 1296px;
    }

    .content .select-news .detail {
    }

    .content .select-news .page {
        width: 196px;
        display: flex !important;
        justify-content: space-around;
        background-color: #fff;
        line-height: 40px;
        color: #5E6166;
        font-weight: 400;

    }

    .content .select-news .page button {
        font-family: SourceHanSansCN-Regular, sans-serif;
        color: #5E6166;
        font-size: 14px;
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        outline: none;
        background-color: #fff;
    }

    .content .select-news .page button:hover {
        color: #F77D26;
    }

    .content .select-news .page button {
        cursor: pointer;
    }

    .content .container {
        float: right;
        width: 1076px;
        background: #FFF;
        position: relative;
    }

    .content .container .top {
        width: 100%;
        height: 72px;
        background: rgba(255, 255, 255, 1);
    }

    .content .container .top div {
        width: 1052px;
        height: 72px;
        margin-left: 24px;
        border-bottom: 1px solid #DEDEDE;
    }

    .content .container .top .title {
        float: left;
        height: 30px;
        /*width: 350px;*/
        /*padding-left: 10px;*/
        padding: 24px 3px 18px 0;
        /*border-left:6px solid #FFCC44;*/
        font-size: 28px;
        font-weight: 500;
        color: rgba(34, 137, 240, 1);
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        border-bottom: 1px solid #303133
    }

    .content .container .top .title::before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 30px;
        background:#FFCC44;
        position: relative;
        top: 4px;
        margin-right: 10px;
    }

    .content .container .top .detail {
        height: 30px;
        font-size: 12px;
        font-weight: 400;
        float: right;
        margin-top: 31px;
        margin-right: 35px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;

    }

    .content .container .top .detail a {
        color: #000;
    }

    /*.content .container .line {*/
    /*    width: 132px;*/
    /*    height: 1px;*/
    /*    background: #303133;*/
    /*    margin-left: 24px;*/
    /*}*/
}