@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
    @media (min-width: 992px) {
        .container {
            max-width: 970px;
        }
        @media (min-width: 768px) {
            .container {
                max-width: 750px;
            }
            .container {
                padding-right: 15px;
                padding-left: 15px;
                margin-right: auto;
                margin-left: auto;
            }
            #footer .container .credit {
                margin: 20px 0;
            }
            #footer .container .credit {
                margin: 20px 0;
            }
            .text-muted {
                color: #999;
            }

            .filter-list .btn{
                height:30px;
                padding:3px 12px;
            }

            #selectors_posTag{
                display:inline-block;
            }

            #exportArticle,#exportRank{
                background:url(../images/time_chg.png) no-repeat;
            }
            #exportBtn{
                background:url(../images/time_chg.png) no-repeat;
            }
            .asset-videoType{
                color:#5d70f5;
            }
            .asset-company{
                color:#ccc;
            }
            .asset-influe{
                color:#5d70f5;
            }
            .info-num{
                position: absolute;
                z-index: 0;
                padding: 6px 0px;
                padding-left:5px;
                color: #fff;
                text-align: left;
                background: #000;
                width: 100%;
                top: 165px;
                height: 50px;
                display: flex;
            }
            .info-num img{
                vertical-align: initial;
                margin-right: 0px;
                max-width: 13px;
            }
            .info-num span{
                width: 23%;
                display: inline-block;
                text-align: center;
                font-size: 12px;
            }
            .info-num #img-num{
                width:25%;
                text-align:center;
            }
            #img-num span{
                width: 100%;
            }
            .play-btn{
                cursor:
                        pointer;
                position: absolute;
                left: 15%;
                top: 25%;
                width: 60px;
                height: 60px;
                background:
                        url(/static/images/video/play-eca2f746befac28349f813dcddd0fdab.png) no-repeat;
            }
            .play-btn:hover{
                width: 60px;
                height: 60px;
                background:url(/static/images/video/play_mouseOver-37c54e17de7e605af92f87e50d86be06.png) no-repeat;
            }
            .pannel_heading th{
                text-align: center;
            }
            .pannel_heading span{
                font-size: 17px;
                font-weight: normal;
            }
            .head_order{
                width: 4%;
            }
            .head_title{
                width: 30%;
            }
            .head{
                width: 94px;
                /* width: 5%; */
            }
            .head_1{
                /* width: 174.8px; */
                width: 8.25%;
            }
            .head_2{
                /* width: 111px; */
                width: 5.5%;
            }
            .head_3{
                /* width: 153px; */
                width: 7.33%;
            }
            .head_4{
                /* width: 122px; */
                width: 6.6%;
            }
            /* .head_publishcount{
                width: 8%;
            }
            .head_playcount{
                width: 8%;
            }
            .head_commentcount{
                width: 8%;
            }
            .head_likecount{
                width: 8%;
            }
            .head_avgplaycount{
                width: 8%;
            }
            .head_avgcommentcount{
                width: 8%;
            }
            .head_avglikecount{
                width: 8%;
            } */
            .sortI span{
                cursor: pointer;
            }
            .video-time{
                top: 8px;
                right: 8px;
                position: absolute;
                background-color: rgba(0,0,0,0.6);
                padding: 0px 3px;
                color: #fff;
            }
            #source .dropdown-head{
                margin-right: 10px;
                /* width: 150px; */
            }
            #source_list{
                width: 195px;
            }
            #videoCompany{
                margin-left: 10px;
                width: 170px;
            }
            #videoFolder{
                margin-left: 0px !important;
            }
            #folder_list{
                width: 110px;
            }
            #top_select{
                width: 100px;
            }

            /*播放框样式*/
            #mediaModal .modal-dialog .btn-close {
                cursor: pointer;
                position: absolute;
                width: 25px;
                color: #FFF;
                height: 25px;
                text-align: center;
                line-height: 25px;
                font-size: 35px;
                right: 0px;
                margin-right: 15px;
                margin-top: 14px;
                z-index: 1055;
            }
            #mediaModal .modal-dialog{
                width: 960px;
                margin-top: 7%;
            }
            .media-wall-wrapper {
                float: left;
                width: 100%;
            }
            .media-wall-wrapper .wrapper-content {
                background-color: rgba(0,0,0,0.6);
                float: left;
                max-height: 540px;
                width: 100%;
                position: relative;
            }

            .media-wall-wrapper .wrapper-content i {
                bottom: 227px;
                cursor: pointer;
                display: none;
                float: left;
                height: 90px;
                width: 30px;
                position: absolute;
                z-index: 1000;
            }
            .media-wall-wrapper .wrapper-content i.left {
                background: url(../images/picSlide-left.png) center no-repeat;
            }
            .media-wall-wrapper .wrapper-content i.left:hover {
                background: url(../images/picSlide-left_active.png) center no-repeat;
            }
            .media-wall-wrapper .wrapper-content i.right {
                background: url(../images/picSlide-right.png) center no-repeat;
                right: 0px;
            }
            .media-wall-wrapper .wrapper-content i.right:hover {
                background: url(../images/picSlide-right_active.png) center no-repeat;
            }

            .media-wall-wrapper .media-content {
                height: 100%;
                text-align: center;
                width: 100%;
            }
            .media-wall-wrapper .media-content video {
                width: 100%;
                height: 100%;
            }
            .media-wall-wrapper .media-content img.pic-show {
                max-width: 100%;
                max-height: 100%;
            }
            .media-wall-wrapper .wrapper-message {
                background-color: #fff;
                display: none;
                float: left;
                padding: 15px 20px;
                width: 100%;
                word-wrap:break-word;
                position: relative;
            }

            .media-wall-wrapper .wrapper-message >div {
                float: left;
                padding-left: 34px;
                width: 100%;
            }

            .media-wall-wrapper .wrapper-message .person-info {
                height: 30px;
                line-height: 30px;
            }
            .media-wall-wrapper .wrapper-message img.person-headUrl {
                border-radius: 50%;
                float: left;
                position: absolute;
                width: 30px;
            }
            .media-wall-wrapper .wrapper-message .person-info .person-name {
                float: left;
                width: 40%;
            }
            .media-wall-wrapper .wrapper-message .person-info .person-name p {
                cursor: pointer;
                color: #000;
                float: left;
                font-weight: bold;
                font-size: 14px;
                display: block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%;
            }
            .media-wall-wrapper .wrapper-message .person-info .person-source {
                color: #5f5f5f;
                float: left;
                font-size: 14px;
                text-align: center;
                width: 170px;
                height: 23px;
                display: block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .media-wall-wrapper .wrapper-message .person-info .publish-date {
                color: #979797;
                float: right;
                font-size: 12px;
            }

            .media-wall-wrapper .wrapper-message .message-content {
                color: #595959;
                font-size: 11px;
                margin-top: 7px;
                margin-bottom: 13px;
            }
            .media-wall-wrapper .wrapper-message .location {
                font-size: 10px;
                color: #979797;
                display: none;
                line-height: 14px;
                height: 14px;
            }
            .media-wall-wrapper .wrapper-message .location img {
                float: left;
                margin-right: 2px;
            }


            .videoInfo-item{
                padding:10px 15px !important;
            }
            .videoInfo-item > div{
                padding:5px;
            }
            .videoInfo-item > .info > span{
                margin-right:10px;
            }
            .list-item #imgBorder{
                width:100%;
                height:100%;
                overflow:hidden;
            }
            .list-item #imgBorder1{
                background:#000;
                width:100%;
                height:91%;
                display:flex;
                justify-content:center;
                align-items:center;"
            }
            #imgBorder >img{
                width: 100%;
            }
            #imgBorder1 >img{
                width: auto;
                height: auto;
                max-width:100%;
                max-height:100%;
            }
            .miaDiv{
                min-height:1000px;
            }
            .col-md-12 {
                width: 100%;
            }
            .miaTree{
                padding:20px;
                height: 1000px;
            }
            .chartArea{
                padding-top:0;
            }
            .media-nav {
                color: #fff;
                padding-top: 10px;
            }
            .chartArea {
                min-height:1300px;
                height:auto;
                padding-top:10px
            }
            .chartArea .highcharts-button>rect {
                fill:rgba(200,200,200,0);
            }
            .barAnalysis {
                height:330px;
                padding-top:50px;
            }
            .barAnalysis_item {
                width:19%;
                display:inline-block;
            }
            .itemAna {
                min-height:360px;
                margin-bottom:10px;
            }
            /**
             * 总体分析
            */
            .chartArea *{
                font-size:10px;
                padding-top: 5px;
            }

            .fontSty {
                color:white;
                text-align:left;
                height:40px;
                line-height:40px;
                border-bottom:2px solid #34399c;
                padding-left:3px;
                font-size: 16px;
            }
            .chartArea{
                padding-top:0;
            }
            /**
             * 总体分析
             */
            .itemChart {
                height:250px;
                padding-top:50px;
            }
            .itemAnalysis {
                min-height:1000px;
            }
            .date-nav {
                float: right;
                margin-top:7px;
                cursor: pointer;
                color:white;
            }
            .date-nav> div{
                margin-left: 10px;
                float: left;
                text-align: center;
            }
            .analysisType {
                width: 120px;
                font-size:20px;
                weight:bord;
                color:white;
            }
            .fontSty {
                color:white;
                text-align:left;
                height:40px;
                line-height:40px;
                border-bottom:2px solid #34399c;
                padding-left:3px;
                font-size: 16px;
            }
            .chartArea{
                padding-top:0;
            }
        }
    }
}