/* 全局样式 */
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
* {margin: 0px; padding: 0px; list-style-type: none;}
/*强制firefox出现滑动条*/
html { font-size:1em;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none;}
html, body {margin: 0;padding: 0; background-color: #e7ebee;}

body h1,body h2,body h3,body h4,body h5,body h6,body em {font-weight:normal; } /*微软雅体 将原有的bold属性去掉*/
input:focus { outline: none; }
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } /*利用阴影来填充掉input自动填充色*/
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{ font-size:1em;}

em, cite, address, optgroup { font-style:normal;}
kbd, samp, code { font-family:monospace;}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, var { margin:0; padding:0;}


img, input, button, select, textarea {  vertical-align: middle;outline: none;font-family: "microsoft yahei",Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
ul, ol { list-style:none;}
img, fieldset { border:0;}
abbr, acronym { cursor:help; border-bottom:1px dotted black;}
table { width:100%; border-spacing:0; border:0;}
table th, table td { border:0;word-break:break-all;}
legend, hr { overflow:hidden; position:absolute; top:0; left:0;}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0;}
body{font-family: "microsoft yahei",Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;   font-size: 0.75em; line-height: 1.42857143; height: 100%; width: 100%;  position: relative;color:#0a0404;overflow-x: hidden;}
html,body,input,textarea,.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: "微软雅黑", "arial, helvetica, sans-serif","PingFangSC-Regular";
}
.btn-orange{background-color: #446ed4;color: #fff!important}
/*.btn-orange{background-color: #FA7676;color: #fff!important}*/
.border-none{border: none!important}
.text-d-n{text-decoration: none !important;}
.rel{position: relative;}
.abs{position: absolute;}
.v-a-m{vertical-align: middle !important;}
.nowrap{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.portlet-placeholder { height: 400px; line-height: 2.2em; border: dashed 1px #888;}
.treefloat {
    position: fixed !important;
    z-index: 2;
    top: 132px !important;
    left: initial !important;
    margin-top: 0px !important;
}
.a-hover-line, .a-none-line a { text-decoration: none !important;}
.a-hover-line:hover { text-decoration: underline !important;}
a{ text-decoration: none!important;}
.daterangepicker select.yearselect{width: 48%!important}
/*loading-sm*/
.loading-sm{position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0,0,0,.3);}
.loading-sm .loading-sm-cont{display: inline-block; padding: 10px 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.6); border-radius:5px; margin-top: 20%;}
.rotate360 {
    -webkit-animation: rotate360 1s linear infinite;
    animation: rotate360 1s linear infinite;
 }
@-webkit-keyframes rotate360 {
    0% { -webkit-transform: rotate(0deg);transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg);transform: rotate(360deg); }
}
@keyframes rotate360 {
    0% { -webkit-transform: rotate(0deg);transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg);transform: rotate(360deg); }
}
.rotate180 {
    animation: rotate180 0.4s forwards;
    -moz-animation: rotate180 0.4s forwards;
    -webkit-animation: rotate180 0.4s forwards;
    -o-animation: rotate180 0.4s forwards;
}
  @keyframes rotate180{
     0% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    100% {transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
  }

  @-webkit-keyframes rotate180{
     0% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    100% {transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
  }

  .rotate-90{
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    /* IE 9 */
    -moz-transform:rotate(-90deg);
     /* Firefox */
    -webkit-transform:rotate(-90deg);
    /* Safari 和 Chrome */
    -o-transform:rotate(-90deg);
  }
  .rotate90{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    /* IE 9 */
    -moz-transform:rotate(90deg);
     /* Firefox */
    -webkit-transform:rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform:rotate(90deg);
  }


  /*table滚动条样式*/
        .tableScroll::-webkit-scrollbar {/*滚动条整体样式*/
            width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
        }
        .tableScroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            /*-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.3);*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
            background: rgba(0,0,0,0.5);
            /*background: :rgba(255,255,255,0.3);*/
        }
        /*滚动条里面轨道*/
        .tableScroll::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px  rgba(255,255,255,0.3);
            border-radius: 0;
            background:  rgba(255,255,255,0.3);
        }

/*loading*/
.loader { margin: 4em auto;}
.loader--circularSquare { width: 0; height: 0; box-shadow: -0.625em -0.625em 0 0.625em #9b59b6, 0.625em -0.625em 0 0.625em #9b59b6, -0.625em 0.625em 0 0.625em #9b59b6, 0.625em 0.625em 0 0.625em #9b59b6; animation: circSquare 1.5s ease-in-out infinite;}
@keyframes circSquare {
    50% {
        width: 1.25em;
        height: 1.25em;
        border-radius: 50%;
        transform: rotate(0.5turn);
        box-shadow: -2.5em 0 0 #2ecc71, 2.5em 0 0 #e74c3c, -2.5em 0 0 #3498db, 2.5em 0 0 #f1c40f;
    }
    80%, 100% {
        transform: rotate(1turn);
    }
}
.mengban{height:100%;
    width:100%;
    background: rgba(255,255,255,0.8);
    position: absolute;
    z-index: 1;
    top: 0;
    left:0;}

.row5 {margin-right: -5px !important;margin-left: -5px!important;}
.row5> [class^="col-"], .row5> [class*="col-"] {padding-right: 5px !important; padding-left: 5px !important;}
.page-content{padding: 0 14px; margin: auto;}
.floatFoot{position: fixed; bottom: 0; left: 220px; z-index: 1;}
 /*bg-color*/
.bg-blue-10 {background-color: #f1f5f8!important;}
.bg-blueGray-300{background-color: #d2d9de!important;}
.bg-white{
    background-color: #fff !important;
}
.bg-F9{
    background-color:#F8F9F9;
}
.bg-ee{
    background-color: #eee;
}
.bg-e5{
    background-color: #e5e5e5;
}



.cursor-d{
    cursor: default;
}

/*button*/
.btn-info-inverse, .btn-info-inverse:hover, .btn-info-inverse:focus {
    background-color: #eee;
    border: solid 1px #2aa39c;
    color: #2aa39c;
}

.btn-group-interval .btn{margin-right: 10px;}
.btn-group-blue .btn{border: solid 1px #5988ca; background-color: transparent;}
.btn-group-blue .btn.active{background-color: #5988ca; color: #fff;}
.btn-blue,.btn-blue:hover{background-color: #6994cf; color: #fff;}
.btn-blue-in,.btn-blue-in:hover{background-color: #fff; border: solid 1px #6994cf; color: #444;}
.btn-info { color: #fff; background-color: #00adde; border-color: #00adde;}
.btn-info.focus, .btn-info:focus, .btn-info:hover { background-color: #1ec1ef; border-color: #1ec1ef;}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info { background-color: #1ec1ef; border-color: #1ec1ef;}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
    background-color: #1ec1ef;
    border-color: #1ec1ef;
}
.bg-primary{background-color: #446ed4;}
.btn-primary { color: #fff; background-color: #446ed4; border-color: #446ed4;}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background-color: #446ed4; border-color: #446ed4;}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { background-color: #446ed4; border-color: #446ed4;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-info:hover {
    background-color: #446ed4;
    border-color: #446ed4;
}

/*border-0*/
.border-0{
    border: 0 !important;
}
.border-top-0{
    border-top: 0 !important;
}
.border-bottom-0{
    border-bottom: 0 !important;
}
.border-left-0{
    border-left: 0 !important;
}
.border-right-0{
    border-right: 0 !important;
}
/*border-1*/

.border-bottom-1{
    border-bottom: 1px solid #e0e0e0!important;
}
/*字体 vertical-align*/
.v-a-b{
    vertical-align: bottom;
}




/*btn新加的*/
    .btn-border{
        border: 1px solid #E5E5E5;
        color: #666666;
        background-color: #fff;
        width: 100%;
        -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,.1);
        box-shadow: 0 0px 0px 0 rgba(0,0,0,.1);
    }
    .btn-border-primary{
         border: 1px solid #628DF0;
         color: #628DF0;
    }
    .btn-border-primary:focus{
         color: #628DF0;
    }
    .btn-border-primary:hover{
         color: #628DF0;
    }
.checkbox-primary input[type=radio]:checked+label::before, .checkbox-primary input[type=checkbox]:checked+label::before{background-color: #446ed4;border-color: #446ed4;}
.radio-primary input[type=radio]:checked+label::before { border-color: #446ed4;}

.label-primary {background-color: #446ed4;}
/*font-size*/
.font-size-13{font-size: 13px !important;}

/*导航菜单*/
.navbar {min-height: 80px; border: none;}
.navbar-brand-logo{height: 28px; margin-top: -2px;}
/* .responsive-navbar {background-color: #020B23;} */
.navbar-header {height: 64px;}
.navbar-header .navbar-brand-text{line-height: 64px; font-size: 25px;}
.navbar-header .logo{height: 40px;}
.responsive-navbar .site-menu{width: 100%; height:42px; background-color: #4E73C9;}


  /*头部导航的的logo div 的css*/
.logo_box{
    float:none;
    overflow: inherit;
    height: 56px;
    padding: 3px;
}
/*导航菜单改的css*/
.navbar-inverse{
    background-color: #1C2B41;
}
.navbar-brand{
    padding: 12px 20px!important;
}
.nav .justice-nav>li>a{
    text-decoration: none;
    display: block;
    height: 48px;
    padding: 13px 20px;
    background-color: transparent;
}
.nav .justice-nav>li>a>span.text-line{
    font-size: 14px;
    font-weight: 400;
    color: #D3D3D3;
}

.nav .justice-nav  li .btn-group{
    box-shadow: none;
}
/*.nav .justice-nav li .btn-group:hover{
    background-color: #3E6CD5;
}*/
.nav .justice-nav  li .btn-group>a{
    line-height: 33px;
    border-radius: 0;
    font-size: 14px;
    color: #D3D3D3;
    z-index: 999;
    -webkit-font-smoothing: inherit;
    height: 48px;
    font-weight: 400;
    display: flex;
    align-items: center
}
a>span.text-line{
    display: flex;
    align-items: center;
    height: 22px;
}

    .nav .justice-nav>li{
        position: relative;
    }
    .nav .justice-nav  li:hover {
        text-decoration: none;
    }
    .nav .justice-nav>li:hover .text-line  {
        color:#fff;
        font-weight: 600;
        position: relative;
    }
    .nav .justice-nav>li:hover .text-line::after  {
        content: '';
        height: 4px;
        background: #446ed4;
        position: absolute;
        bottom: -8px;
        display: block;
        width: 100%;
        left:0px;
    }


    .nav .justice-nav>li a>.caret {
        position: absolute;
        right: 2px;
        transform: translate(0px,-1px);
        top: 50%;
    }

    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
        background: none;
    }

    .navbar-inverse .navbar-toolbar>li>a:focus, .navbar-inverse .navbar-toolbar>li>a:hover{
        color: #fff;
        background-color:inherit;
    }




 .justice-nav  li .btn-group .dropdown-menu li{
    margin: 0;
}
.justice-nav  li .btn-group .dropdown-menu li a {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #202020;
}




.nav .open>a{
    background-color: transparent;
}
 /* .nav .open>a:focus, .nav .open>a:hover{
    background-color: #3861bf;
    color: #fff
} */

.nav>li .dropdown-menu>li:hover{
    background-color: #F4F4F4;

}
/* .nav>li .dropdown-menu>li>a:hover{
    color: #fff;
} */


      /*  .navbar-brand{
            padding: 13px 20px;
            height: 49px;
        }*/
      /*.justice-nav  .swiper-button-next, .swiper-button-prev{
            width: 25px;
            height: 22px;
            margin-top: -12px;
        }
      .justice-nav  .swiper-button-next{
            right: 5px;
        }
      .justice-nav  .swiper-button-prev{
            left: 5px;
        }*/

/*.justice-nav  li .btn-group>a{
    line-height: 29px;
    border-radius: 0;
}


        .justice-nav  li:hover a{
            text-decoration: none;
        }
      */
/*头部导航扩展样式*/


   /*     .nav>li .dropdown-menu>li>a {
    display: block;

    clear: both;
    font-weight: 300;
    line-height: 1.57142857;
    color: #757575;
    white-space: nowrap;
    border-bottom-color: #e0e0e0;
}
.nav>li .dropdown-menu {
    background-color: #fff;
    border: 1px solid #e0e0e0;
}
*/



.responsive-navbar .site-menu .nav>li>a:hover,.responsive-navbar .site-menu .nav>li>a:focus,.responsive-navbar .site-menu .nav>li.active>a {text-decoration: none;background-color: #F97676;}
.responsive-navbar .site-menu .nav .open>a,.responsive-navbar .site-menu .nav .open>a:hover,.responsive-navbar .site-menu .nav .open>a:focus {background-color: #fd9827; border-color: #e0e0e0;}
.nav>li .dropdown-menu{
    background-color: #fff;
    border-color:#e0e0e0;
    padding: 0;
}

/* top menu submenu style */
.nav>li .dropdown-menu>li>a{
    color: #f5f1f1;
    padding: 9px 19px;
    height: auto;
}

.nav>li .dropdown-menu>li:last-child>a{border: none;}
.nav>li .dropdown-menu>li>a{background-color: transparent;color: #999;text-align: center;}
.nav>li>a{overflow: inherit;min-width: 40px;}
/*小角标*/
.nav>li  .nav-badge{background-color: #EF5E5F;color: #fff;font-size: 0.1em;border-radius: 45%;position: absolute;right: 5px;top: 12px;min-width: 20px;height: 15px;text-align: center;line-height: 15px;z-index: 1;}
/* .nav>li  .tooltip{min-width: 60px !important} */
/* .nav>li .iconWith100 + .tooltip{min-width: 90px !important} */

.navbar-right { float: right!important; margin-right: -15px;}
/*.navbar-right { margin-right: -15px;}*/
.navbar-toolbar>li { float: left; position: relative;}

.navbar-toolbar>li>a {padding:13px; color: #444; font-size: 14px;}
/* .navbar-toolbar>li>a:hover,.navbar-toolbar>li>a:focus{background-color: rgba(0,0,0,.05);} */

.dashbody>.page{background: none;}
.page{min-height: -webkit-calc(100% - 106px);min-height: calc(100% - 106px); background-color: transparent;}
.page-content-left>.panel,.page-content-right{background-color: #fff; border-radius:3px ;}
.page-content-left{width:78%; float: left;  margin-bottom: 20px; min-height: 500px; }
.page-content-left>.panel{padding: 60px; margin-bottom: 10px;}
.page-content-right{width:20%; float: right;}
.page-right-hearder{padding: 12px 20px; background-color: #f4b485;color: #fff; border-radius:3px 3px 0 0 ;}
.page-right-title{font-size: 22px; }
.page-right-menubar{padding: 0 20px; min-height: 300px;}
.page-right-menubar>ul>li{padding: 12px 10px; padding-left: 25px; border-bottom: solid 1px #e9e9e9; position: relative; }
.page-right-menubar>ul>li.active:after,.page-right-menubar>ul>li:hover:after{content: ""; position: absolute; top: 20px; left: 5px; display: inline-block; width: 8px; height: 8px; border-radius:50%; background-color: #f4b485;}
.page-right-menubar>ul>li a{font-size: 16px; color: #4c5a64;}
.page-right-menubar>ul>li.active a,.page-right-menubar>ul>li a:hover{text-decoration: none; color:  #f4b485;}

/*.site-menubar*/

.site-menubar{
    position: fixed;
    background-color: #243d66;
    color: #fff;
    height: -webkit-calc(100% - 0px);
    height: calc(100% - 0px);
}
.site-menubar.affix{position: fixed; top: 0 !important;}
.site-menubar-body{height: -webkit-calc(100% - 10px);height: calc(100% - 10px);width: 220px;position: absolute;overflow:hidden;}
/*滚动条样式*/
.site-menu::-webkit-scrollbar{/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
.site-menu{/*火狐滚动条整体样式*/
    overflow-y: scroll;
    scrollbar-color: transparent transparent;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;
}


.site-menu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,1);
    background: rgba(255,255,255,1);
}
.site-menu::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.site-menubar-body>div,.site-menubar-body>div>div{height: 100%;}
.site-menubar-unfold .site-menubar{
    width: 220px;
}
.site-menubar-unfold>.page, .site-menubar-unfold .site-footer{margin-left: 220px;}
.site-menubar-body{padding: 10px;}
.site-menubar-title{height: 40px; line-height: 40px; border-bottom: solid 2px #3779CA;}
.site-menubar-title>h1{font-size: 18px;line-height: 40px; margin: 0;margin-left: 10px;color: #fff;}
.site-menubar-unfold .site-menu>.site-menu-item>a,.site-menu .site-menu-sub .site-menu-item>a{padding: 0;}

.site-menu>.site-menu-item{border-top:solid 1px rgba(255,255,255,.2) ;}
.site-menubar .site-menu-item a,.site-menubar .site-menu>.site-menu-item.hover>a, .site-menubar .site-menu>.site-menu-item:hover>a,.site-menubar .site-menu>.site-menu-item.open>a,.site-menubar .site-menu .site-menu-sub .site-menu-item.hover>a,.site-menubar .site-menu .site-menu-sub .site-menu-item:hover>a{
    color: #D3D3D3;
}
.site-menu-item .site-menu-icon{font-size: 14px; margin-right: 11px;}
/* .site-menu .site-menu-sub{font-size: 12px;} */
.site-menu .site-menu-sub .site-menu-item.active>a,
.site-menu>.site-menu-item.active>a,
.site-menu .site-menu-sub .site-menu-item.active:hover>a,
.site-menu>.site-menu-item.active:hover>a{
    color: #fff;
    background: #0B3C98;
}

.site-menubar .site-menu>.site-menu-item.hover>a,.site-menubar .site-menu>.site-menu-item:hover>a,
.site-menubar .site-menu>.site-menu-item.active>a{background-color: rgba(33,33,33,.2);}
.site-menubar-unfold .site-menu-title{max-width: 150px;}

.site-menu-arrow, .site-menu-badge, .site-menu-label {
    right: 0;
}
.site-menubar .site-menu-item .btn-group{box-shadow: none;}
.site-menubar .dropdown-menu a{color: #444;}


/*下面两个按钮的样式*/

.site-menuBtn {
    border: 1px solid #E5E5E5;
    color: #666666;
    background-color: transparent;
    width: 85px;
    margin-left: 5px;
    -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,.1);
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.1);
}
.menuBtn-primary {
    border: 1px solid #3E6CD5;
    color: #3E6CD5;
}
.menuBtn-primary:active{
    border: 1px solid #3E6CD5;
    color: #3E6CD5;
}
.menuBtn-primary:hover{
    border: 1px solid #3E6CD5;
    color: #fff;
    background: #3E6CD5;
}
.PopWithList{
    z-index: 99;

    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
}
.PopWithListType {
    top: -100px;
    width: 189px;
    height: 70px;
    background: #fff;
    border-radius: 3px;
}

/*.site-menubar .PopWithListProgramme{
    top: -370px;
    left: -98px;
}*/
.site-menubar .PopWithListProgramme>ul{
    max-height: 300px;
}

/* .page{padding-top: 105px;} */


.badge{padding: .5em .6em;    border-radius: .215rem;}


/*bg-color*/
.bg-deep-purple-300{background-color: #816aef !important;}
.bg-transparent{background-color: rgba(0,0,0,0.0);color: #fff}

/*border*/
.border-0{border: 0;}
.border-E5{
    border: 1px solid #E5E5E5;
}

/*color*/
.bluePurple-300{color: #7c6de6 !important;}
.color-danger{color: #F15B6C !important;}
.color-333{color: #333}
.color-999{color: #999}
.color-91{color: #919191}
.color-A6{color: #A5A6A6;}
.color-AF{color: #AFC2EC;}
.color-a{
    color:#628DF0;
}
.color-5f{
    color: #EF5E5F;
}
.color-62{color:#628DF0;}
.color-666{color:#666;}
.color-600{color: #FF7600}


/*宽度 width*/

/*首页样式*/

.searchIndex{background:linear-gradient(135deg,#000441 0%,#178BC5 100%)}
 .dashbody{background-size: 100% 100%;width: 100%; zoom: 1;height: 100%; background-color: #112B91;}
.foodDrugTitle{position: relative;z-index: 1;}
.foodDrugTitle span{border: 1px solid white;width: 700px;margin: 0 auto;position: relative; z-index: 1;display: block }
.foodDrugTitle:before{content: "";position: absolute;width: 700px;height: 65px;background: #00A7D8;left: 5px;top:5px;z-index:-1;}
.smallCircle{height: 147px; line-height:147px; background: url(../images/outerRing.png) no-repeat center center;cursor: pointer;}
.smallCircle:hover{background: url(../images/ringHoverBg.png) no-repeat center center;}
/*.smallCircle:nth-child(1){top: 20%;left: 9%;}
.smallCircle:nth-child(2){top: 17%;left: 42%;}
.smallCircle:nth-child(3){top: 20%; right: 9%;}
.smallCircle:nth-child(4){top: 74%;left: -3%;}
.smallCircle:nth-child(5){top: 67%;left: 29%;}
.smallCircle:nth-child(6){top: 65%;left: 56%;}
.smallCircle:nth-child(7){top: 74%;right: 0%;}*/
.positionWrap{ position: fixed;right: 10px;top: 30%;width:150px;}
.positionWrap>div{border-radius: 6px;width:100%;}
.ulBox{max-width:1300px;width: 80%;margin:0px auto;}
@media screen and (max-width:1560px){.ulBox{width:1000px;}}
.foodDrugTitleWrap{margin-top:2%;}
.clock{border-radius: 6px;background: url(../images/clock.png) no-repeat center center;-webkit-background-size: 80%;background-size: 80%;}
.clock span:nth-child(1){height: 75px;line-height: 85px;}
.clock span:nth-child(2){height: 75px;line-height: 55px;}
.remindDate{height: 25px;line-height: 25px;background: rgba(0,0,0,0.1)}
.positionSecond span:nth-child(1){height: 75px;line-height: 85px;background: rgba(0,0,0,0.1)}
.positionSecond span:nth-child(2){height: 75px;line-height: 65px}
.positionThird div{height: 75px;}
.swiper-foodDrug-media{ height: 25px;overflow: hidden;}

.news-infor{position: fixed; top: 82px; left: 0; z-index: 3; width: 100%; background-color: #254c8d; box-shadow: 0 0 5px rgba(0,0,0,.6);}
.news-infor>div:nth-child(1){position: absolute; top: 0; left: 20px; z-index: 1;}
.news-infor>div:nth-child(2){padding-left: 130px;padding-right: 20px;}
.news-infor+.page,.news-infor+.site-menubar+.page{padding-top: 110px;}
.site-menubar-unfold .news-infor{margin-left: 220px;}
.site-menubar-unfold .news-infor>div:nth-child(1){left: 20px;}
.site-menubar-unfold .news-infor>div:nth-child(2){padding-right: 220px;}
/*涉检信息 页面下的滚动消息框*/
.news-list-group .panel{
    -webkit-box-shadow:0 0px 0px 0 rgba(0,0,0,0);
    box-shadow:0 0px 0px 0 rgba(0,0,0,0);
    border: 1px solid #E5E5E5;
}
.news-list-group .input-group-btn:first-child>.btn-group>.btn{
    background: transparent;
    border: 0;

    color: #333;
    font-weight: 400;
    font-size: 16px;
}
/* .news-list-group .tooltip-inner{

    min-width: 50px;


  } */
.news-list-group .list-group-item .label{background: #E5E5E5;color: #666}
.news-list-group .list-group-item .label-primary{background: #628DF0;color: #fff;}
.news-list-group .blocks>li{margin-bottom: 0;}
.news-list-group .panel-title{padding: 5px 15px; color: #333;font-size: 16px;height: 42px;}
.news-list-group .panel{border-radius:0 ;}
.news-list-group .panel-actions{right: 20px;}
.news-list-group .panel-actions a{margin-left: 10px;}
.news-list-group .panel-heading{background-color:#FAFAFA; color: #999999; border-radius:0 ;border-bottom: 1px solid #e5e5e5;z-index: 3}
.news-list{box-shadow: none;}
.news-list .list-group-item{padding:6px 20px; font-size: 14px;}
.news-list .list-group-item>span{display: inline-block; vertical-align: middle;}
.news-list .list-group-item>span:first-child{width: 20px; margin-right: 5px; text-align: center; padding:4px 0 !important; font-family: arial ;}
.news-list .list-group-item .title{width: 45%;}
.news-list .list-group-item .title>.nowrap{
    width: 90%;
    display: inline-block;
    vertical-align:middle;
}
.news-list .list-group-item .source{
    width: 100px;
    display: inline-block;
    text-align: center;
    clear: both;
}


.news-list .list-group-item .tag{width: 16px;display: inline-block;text-align: right;margin-right: 5px;}
.news-list .list-group-item .num{max-width: 70px;
:25px;text-align:left;display: inline-block;}
.news-list .list-group-item .num>a{display: inline-block;}
.news-list .list-group-item .news-time{position: absolute; right: 20px; top: 8px; color: #b3b3b3;}
.news-list .list-group-item .wb-name{width: 80px;text-align: center;position: absolute; right: 19%; top: 8px;}

.news-top-infor{top: 0; left: 0; z-index: 2; padding-top: 10px; width: 100%; height: 115px; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
/*.news-top-infor .list-group-item{background-color: transparent;}*/
.news-top-infor .media{padding: 0 20px 10px; font-size: 13px; line-height: 1.6; color: #888;}
.news-top-infor .media .media-heading{font-size: 16px; text-align: center; margin-bottom: 10px;}
.news-top-infor .media .media-text{height: 50px; overflow: hidden; padding-bottom: 10px;}
.move-btn{cursor: move;}
.addColumn{background-color: #fff; color: #e7ebee; height: 398px; line-height: 398px; text-align: center; cursor: pointer;}
.addColumn:hover{background-color: #fff; color: #ddd;}
.addColumn .icon{font-size: 80px;}

.new-list-swiper.swiper-container{
    height: calc(100% - 25px)
}

/*在涉检信息页面  上面加个排名 热门信息 等文字标题 start*/
    .list-group-title{
        padding: 5px 20px;
        position: relative;
        padding-top: 0px;
        font-size: 14px;
    }
    /*排名*/
    .list-group-title>span:first-child{text-align: center;  font-family: arial ;}
    /*热门信息*/
    .list-group-title .hotTitle{width: 45%;}
    .list-group-title .hotTitle>span{
        width: 90%;
        display: inline-block;
        text-align: center;
    }
    /*相似文章*/
    .list-group-title .similarTitle{
        width: 100px;
        text-align: center;
    }
    /*来源*/
    .list-group-title .sourceTitle{
        width: 80px;
        /*text-align: center;*/
       text-align: center;position: absolute; right: 19%; top: 0px;
    }
    /*发布时间*/
    .list-group-title .timeTitle{position: absolute; right: 30px; top: 0px; }
    @media (max-width: 1367px){
        .list-group-title{
            font-size: 12px;
        }
    }


/*在涉检信息页面  上面加个排名 热门信息 等文字标题 end*/


/*事件对比*/
.contrastGroup{width: 780px; margin: auto;}
.input-time .input-group{display: inline-block; vertical-align: middle;}
.input-time .input-group .form-control{padding-right: 40px;}
.input-time .input-group .input-group-addon{position: absolute; top: 3px; right: 10px; z-index: 5; background-color: transparent; border: none; text-align: center; font-size: 16px;}

/*媒体友好度*/
.mediaFriendliness{width: 370px; height: 320px; position: relative; margin: auto;}
.mediaCircle{display: inline-block; margin-top: 10%; width: 220px; height: 220px;}
.mediaCircle.one{background: url(../images/shuijingtu_bg.png) no-repeat; background-size: 100% 100%;}
.mediaCircle.two{background: url(../images/shuijingtu_bg.png) no-repeat; background-size: 100% 100%;}
.mediaCircle>div{width: 100%; height: 100%;}
.mediaSource{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.mediaSource>ul{display: inline-block; width: 100%; height: 100%; position: relative;}
.mediaSource>ul>li{display: inline-block; color: #fff; width: 62px; height: 62px; line-height:1.6; border-radius:50%; background-color: #444; position: absolute;}
.mediaSource>ul>li p:first-child{margin-top: 20%; margin-bottom: 0;}
.mediaSource>ul>li:nth-child(1){top: 20px; right: 30px;}
.mediaSource>ul>li:nth-child(2){top: 110px; right: 5px;}
.mediaSource>ul>li:nth-child(3){top: 200px; right: 20px;}
.mediaSource>ul>li:nth-child(4){top: 80px; left: 10px;}
.mediaSource>ul>li:nth-child(5){top: 170px; left:10px;}

.mediaSource.one>ul>li:nth-child(1){background-color: #7194cb;}
.mediaSource.one>ul>li:nth-child(2){background-color: #7dbadd;}
.mediaSource.one>ul>li:nth-child(3){background-color: #b0dcc8;}
.mediaSource.one>ul>li:nth-child(4){background-color: #5988ca;}
.mediaSource.one>ul>li:nth-child(5){background-color: #93c5c6;}

.mediaSource.two>ul>li:nth-child(1){background-color: #9289ea;}
.mediaSource.two>ul>li:nth-child(2){background-color: #93b4ea;}
.mediaSource.two>ul>li:nth-child(3){background-color: #a5cbea;}
.mediaSource.two>ul>li:nth-child(4){background-color: #7e76e7;}
.mediaSource.two>ul>li:nth-child(5){background-color: #9eabed;}

.kedu {width: 108px; height: 108px; line-height: 108px; display: inline-block;}
.kedu_purple{background: url(../images/kedu_purple.svg)  no-repeat;  background-size: 100% 100%;}
.kedu_blue{background: url(../images/kedu_blue.svg)  no-repeat;  background-size: 100% 100%;}
/*.kedu_green{background: url(../images/kedu_green.svg)  no-repeat;  background-size: 100% 100%;}*/
.kedu_red{background: url(../images/kedu_red.svg)  no-repeat;  background-size: 100% 100%;}
.kedu_yellow{background: url(../images/kedu_yellow.svg)  no-repeat;  background-size: 100% 100%;}
.kedu_grey{background: url(../images/kedu_grey.svg)  no-repeat;  background-size: 100% 100%;}
.kedu_white{background: url(../images/kedu_white.svg)  no-repeat;  background-size: 100% 100%;}
.counter-lg .counter-number-group, .counter-lg>.counter-number {font-size: 22px;font-weight: 600;}
.text-uppercase.title {text-transform: uppercase!important; position: absolute; top: 10px; left: 10px; font-size: 14px;}

/*chartSwitch*/
.h_all {height: 100%;}


.chartSwitch>div{width: 96%; height: 92%;}
.chartSwitch>div .modal-content,
.chartSwitch>div .modal-body>div,
.chartSwitch>div .modal-body>div>div,
.chartSwitch-nav{height: 100%;}
.chartSwitch>div .modal-body{height: 100%;}
.chartSwitchBody .swiper-container{height: 90%;}
.chartSwitch-nav{border-right:solid 1px rgba(0,0,0,.1) ;}
.chartSwitch-nav>li{cursor: pointer; padding: 10px 15px;}
.chartSwitch-nav>li:hover{background-color: rgba(0,0,0,.1);}
.chartSwitch-nav>li.active,.chartSwitch-nav>li.active:hover{background-color: #28aea5  !important; border-color:#28aea5  !important ; color: #fff !important;}


.jp-color-1 {color: #97a3bf;}
.jp-color-2 {color: #7c6de6;}

.checkbox-custom input[type=radio]:checked+label::after, .checkbox-custom input[type=checkbox]:checked+label::after{
    font-family: 'iconfont';
    content: '\e65c';
}
.modal-header{padding: 10px 20px;}
.modal-line .modal-content{border-top:solid 2px #5988ca; border-radius:0 ;}
.modal-line .modal-header{padding: 10px 0px; margin: 0 20px; border-bottom:solid 1px #dcdcdc ;}
.modal-title{font-size: 14px;}
.close{opacity: 0.6;}
.title-c-line{position: relative; text-align: center;}
.title-c-line:after{content: ""; position: absolute; top: 50%; left: 0; z-index: 0; display: inline-block; width: 100%; height: 1px; background-color: #d6d6d6;}
.title-c-line>span{position: relative; z-index: 1; background-color: #fff; padding: 10px;}

.title-left-line{position: relative;}
.title-left-line:after{content: ""; position: absolute; top: 0; left: -10px; z-index: 0; display: inline-block; width: 4px; height: 100%; background-color: #446ed4;}
/*form*/
.bootstrap-select-auto:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: auto !important;}
.bootstrap-select-auto .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){    width: auto !important;}
.bootstrap-select-full .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}
/*button*/
.box-s-n{box-shadow: none;}

/*tabs*/
.nav-tabs-line>li.active>a, .nav-tabs-line>li.active>a:focus, .nav-tabs-line>li.active>a:hover{border-bottom-color: #3f51b5;}

/*table*/
.table-border{border: solid 1px #e0e0e0;}
/*labelauty*/
.labelauty.blocks li input+label{width: 100%;}
/*设置条件*/
.set-list-group .checkbox-custom,.set-list-group .radio-custom{margin-top: 0; margin-bottom: 0;}

/*tabs-menu*/
.tabs-menu .blocks>li{margin-bottom: 0;}

/*
.tabs-menu .btn{background-color: #fff;padding-top:6px;padding-bottom:6px; border: solid 1px #446ED4; box-shadow: none; font-size: 1rem;color:#446ED4;border-radius: 5px;}
*/
.tabs-menu .btn{background-color: #fff;padding-top:10px;padding-bottom:6px; border: solid 1px #446ED4; box-shadow: none; font-size: 1rem;color:#446ED4;border-radius: 5px;}
.tabs-menu .btn .icon{font-size: 1.2em; color: #446ED4;}
.tabs-menu .active .btn,.tabs-menu .btn:hover{background-color: #446ED4; color: #fff;}
.tabs-menu .active .btn .icon,.tabs-menu .btn:hover .icon{color: #fff;}
/*@media all and (max-width: 1320px){
    .tabs-menu .blocks>li{padding-left: 0;padding-right: 0;}
}*/
/*修改的日常监测下面的tabs-menu css*/
.tabs-menu .blocks-6 .btn{
    background: #fff;
    box-shadow:0px 0px 0px 0px rgba(66,80,159,0.08);
    border-radius:0px;
    border: 0;
    /*color: #666;*/
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
}
/*.tabs-menu .blocks-6 .btn .icon{*/
/*    color: #666;*/
/*}*/
.tabs-menu .blocks-6 .active .btn .choice_border, .tabs-menu .blocks-6 .btn .choice_border:hover{
    /*background: #3E6CD5;*/
    /*color: #fff;*/
    border-bottom: 2px solid #446ed4;
    color: #446ed4;
    font-weight: 600;
    padding-bottom: 6px;
}
/*.tabs-menu .blocks-6 .active .btn .icon , .tabs-menu .blocks-6 .active .btn .icon:hover{*/
/*    color: #fff;*/
/*}*/
/*.tabs-menu .blocks-6 li a.btn:hover .icon{*/
/*    color: #fff;*/
/*}*/

/*详情页*/
.contentBox {display: block;font-size: 13px;line-height: 25px; margin-top: 25px; margin-bottom: 10px;  clear: both; position: relative; border: solid 1px #e6e6e5;}
.contentBox .bt { position: absolute; padding: 0 20px; font-size: 16px; font-weight: 600; height: 35px;  line-height: 35px; background-color: #fff; border: solid 1px #e6e6e5; border-bottom-color: #fff;  top: -35px; left: -1px;}
/*panel*/
.panel{border-radius:0 ;}
.panel-footer .arrow{position: absolute; top: -7px; left: 50%; margin-left: -7px; z-index: 1; width: 12px; height: 12px; background-color: #fff; border:solid 1px #e0e0e0;}
.panel-footer .arrow.arrow-dwon{transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.panel-footer .arrow.arrow-up{transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.panel-footer .arrow:after{content: ""; position: absolute;z-index: 1; width: 12px; height: 12px; left: -2px; background-color: #fff;}
.panel-footer .arrow.arrow-dwon:after{ top: -2px; }
.panel-footer .arrow.arrow-up:after{ bottom: -2px; }
.chat-body{width: 100%;}
.siteBar{width: 260px;margin-right: -260px}
.contentMoment{width: 100%;}

.contentToggleTop,.contentToggleBottom{cursor: pointer;}
.contentMomentChild{
    margin-left:260px;
}
.line-right{border-right: 1px solid #e0e0e0}
.line-left{border-left: 1px solid #e0e0e0}
.line-bottom{border-bottom: 1px solid #e0e0e0}
.line-top{border-top: 1px solid #e0e0e0}
.line-x-right{border-right: dashed 1px  #e0e0e0;}
.table-middle thead tr th,.table-middle tbody tr  td{
    vertical-align: middle;
    text-align: center;
}
table tr th,table tr td{
    vertical-align: middle;
    text-align: center;
}
/*2019.7.8 修改tab */
.panel-group .panel-title:after, .panel-group .panel-title:before{
    font-family: "iconfont";
}
.panel-group .panel-title:before{
    content:"\e610";
}
.panel-group .panel-title:after{
    content:"\e611";
}
.panel-group .panel-title{
    font-size: 12px;
}

/*添加关键词组*/
.KW-Group {display: -webkit-flex; display: flex; margin: 20px 0;}
.KW-Group .KW-Group-operation {position: relative;min-width: 20px; margin: 40px 5px 15px 5px; border: 1px solid #929a9b; border-right: 0;}
.KW-Filter:first-child .KW-container .KW-operation, .KW-Filter:first-child .KW-Filter-container .KW-Filter-operation-text, .KW-Group:first-child>.KW-Group-operation .KW-Group-operation-text { display: none;}
.KW-Group .KW-Group-operation-text { font-size: 13px; line-height: 1.641025641025641; position: absolute; top: -50px; left: -5px; z-index: 2;font-weight: 600; background-color: #fff;}
.KW-Group-Filter-container { width: 400px; margin-right: 20px;}
.KW-Filter-container:before { position: absolute; top: 18px; left: -25px; width: 20px; height: 1px; border-bottom: 1px solid #929a9b; content: "";}
.KW-Filter:first-child .KW-Filter-container:before{border: none;}
.KW-Filter { position: relative; margin-bottom: 20px;}
.KW-Filter-container {position: relative;display: -webkit-flex;display: flex; margin: 20px 45px 20px 0;  -webkit-flex-direction: row;flex-direction: row; background-color: #fff; border: 1px solid #c8cccc;  border-radius: 3px; outline: none;}
.KW-Filter-container .KW-Filter-operation {position: absolute; top: -40px; left: -40px; z-index: 2; width: 25px;  margin: 19px 0 0; text-align: center; background-color: #fff; border: 0;}
.KW-Filter .KW-Filter-operation {font-size: 11px;line-height: 1.696969696969697; left: -35px; width: 20px;}
.KW-Filter .KW-Filter-operation-value { width: 100%;}
.KW-Filter-container .KW-Filter-operation-input { display: inline-block;}
.KW-Filter-container .KW-Filter-operation-input>input{border: none;}
.KW-Filter .KW-Filter-operation-input {width: 100%;}
.KW-Filter .KW-Filter-operation-input input:active, .KW-Filter .KW-Filter-operation-input input:focus{    box-shadow: 0 0 20px rgba(22,32,32,.2);}
.KW-Group-operators { width: 100px;}

.KW-Filter-right { position: absolute; top: 50%; right: -80px;  -webkit-transform: translateY(-50%); transform: translateY(-50%);}

/*词库左侧选择*/
.thesaurus-group-left-list{height: 432px; overflow: hidden; overflow-y: auto;}
.thesaurus-group-left-list .blocks>li{padding: 5px 0; text-align: center; cursor: pointer; margin-bottom: 10px;}
.thesaurus-group-left-list .blocks>li:hover{background-color: rgba(63, 81, 181,.2);}
.thesaurus-group-left-list .blocks>li.active{background-color: #446ed4; color: #fff;}

.thesaurus-group-right-list{height: 380px;overflow: hidden; overflow-y: auto;}
.thesaurus-group-right-list>div{padding: 10px; background-color: #fff; margin-bottom: 10px;}
.thesaurus-group-right-list .blocks>li{margin-bottom: 0;}

/*普通块list*/
.box-list>li>span{display: block; font-size: 14px; background-color: #eff1f2; text-align: center; padding: 40px 0; border: solid 1px #dbdbdb; border-radius:2px; cursor: pointer;}
.box-list>li.active>span,.box-list>li:hover>span{background-color: #71a1da; color: #fff;}

/*reportPreview*/
.reportPreview{ position: relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
overflow: hidden;}
.reportPreview .panel-heading{border-bottom: solid 2px #e53935;}
.reportPreview .panel-heading .star{position: absolute; z-index: 1; bottom: -12px; left: 50%; font-size: 18px; background-color: #fff;}
.reportPreview .panel-body p{text-indent: 35px; text-align:justify;text-align-last:justify;}
.tag_l{position: absolute; top: 0; left: 0;}
    .tag_l em:before{  content: "";height: 0px;width: 0;
  border-right: 60px solid transparent;
  border-left: 0px solid #eb3341;
  border-top: 60px solid #eb3341;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;}
  .tag_l em:after{content: "预览效果";  width: 60px; font-style: normal; position: absolute; z-index: 3; top: 8px; left: -3px; color: #fff;transform: rotate(45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);}

/**/
.modulesUL .monit_label_r {position: absolute;top: -8px;right: -10px; z-index: 1; display: none;}
.modulesUL .active .monit_label_r{display: block;}
.modulesUL>li .badge {background-color: #eb3341; color: #fff; padding: 4px 8px; border-radius: 20px !important; font-size: 12px; font-style: normal; position: relative;}
.modulesUL>li .badge:after {content: ""; border: 0 solid transparent; border-bottom: 5px solid #eb3341; -moz-border-radius: 0 0 0 200px; -webkit-border-radius: 0 0 0 200px; border-radius: 0 0 0 200px; width: 8px; height: 8px; position: relative; margin-top: 16px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); position: absolute; left: 0px; top: 0px;}

.modulesUL>li .widget{cursor: pointer;}
.modulesUL>li .widget:hover{ -webkit-box-shadow: 0 0 12px #3f51b5; box-shadow: 0 0 12px #3f51b5; }


 @media screen and (max-width: 1024px) {
  .news-list .list-group-item{ font-size: 12px;}
  .news-list .list-group-item .title{width: 45%;}
  .news-list .list-group-item .wb-name{width: 60px;}
  .news-list .list-group-item .num{width: 60px;}
 }

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

 }
@media screen and (min-width: 1400px){
      .foodDrugTitleWrap{
        margin-top:5%;
      }
}

/* 左侧导航栏样式 */
a{
    text-decoration: none!important;
    color: #757575;
}
.PopWithList{
    z-index: 99;
    top: 56px;
     width: 189px;
}
 .site-menubar .PopWithListProgramme>ul{max-height: 550px;overflow: auto;}
 .site-menubar .PopWithListProgramme{
    width: 189px;
    position: absolute;
    overflow:hidden;
 }
   /*滚动条样式*/
    .site-menubar .PopWithListProgramme>ul::-webkit-scrollbar {/*滚动条整体样式*/
        width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 4px;
    }
    .site-menubar .PopWithListProgramme>ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: rgba(0,0,0,0.2);
    }
    .site-menubar .PopWithListProgramme>ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,1);
        border-radius: 5px;
        background: rgba(255,255,255,1);
    }
 .site-menu{
     overflow-y: auto;
     height: calc(100% - 250px);
 }
 .btnShare{
     display: none;
 }
 .PopWithListType{
     height: 87px;
     background: #fff;
     border-radius: 3px;
 }
 .border-red{
     border-color: #e53935;
 }
 /* .tabs-menu .btn{
     font-size: 1em;
 } */
 .tableBanner .selected{
     color: #FA7676;
 }
 .tableBanner tbody td{
     font-size:14px;
 }
 .batchHandle .btn-group{
     box-shadow: none;
 }
 .modal-contentNew {
     position: absolute;
     /*right: -268px;*/
     right: -300px;
     top: 0px;
     background: #fff;
     /*height: 575px;*/
     height: 582px;
     /*border-radius: 3px;*/
     border-radius: 0;
 }
 .tdContentBottom .btn-group{
     box-shadow: none
 }
 /* .PopWithList:after{
     position: absolute;
     left: 83px;
     top: -5px;
     content: '';
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-bottom: 5px solid #fff;
 } */
 .ui-datepicker{
    z-index: 9999!important;
}
 .input-daterangetoolbox{
     top: 47px;left:-39%;background-color: #fff;z-index: 9;width: 486px; box-shadow: darkgrey 10px 10px 30px 5px ;
 }
/* .staticAnalysis .input-daterangetoolbox{
    top: 47px;left:-281%;background-color: #fff;z-index: 9;width: 486px; box-shadow: darkgrey 10px 10px 30px 5px ;
 }*/
.input-daterangetoolbox>.input-group{
    width:230px;
}
 /* 监测概述html */
 .positiveWords a{color:#86A2EC}
 .unpositiveWords a{color:#E87D7B}
 .positiveWords a:hover{background: #698DE9;color:#fff}
 .unpositiveWords a:hover{background: #E87D7B;color:#fff}
 .content a{
     font-size:15px;
 }
 @media all and ( max-width:1462px ){
     .positiveWords .btn,.unpositiveWords .btn{
         padding:6px;
     }
 }
 /* 日常监测 标题 法治左边修饰竖条 */
 .fazhi:after{
    content: "";
    position: absolute;
    /*left: 0px;*/
    left: 20px;
    /*top:5px;*/
    top: 14px;
    display: block;
    width: 4px;
    height: 25px;
    height: 18px;
    /*background-color: #EF5E5F;*/
    background-color: #FA8F32;
    border-radius: 2px;
}
/* input框去除X号 */
    input::-ms-clear {
        display: none;
    }

    input::-ms-reveal {
        display: none;
    }
    .inforTypeBox label{
        width:12%
    }
    .tableBanner td{padding:1px!important;}

/*日常监测 敏感 中性已读*/
    .sensetive{
        border: 1px solid #EF5E5F;
        color: #EF5E5F;
        padding: 2px 4px;
        padding-top: 0px;
    }
    .neutral{
        border: 1px solid #0097FC;
        color: #0097FC;
        padding: 2px 4px;
        padding-top: 0px;
    }
    .read{
        border: 1px solid #919191;
        color: #919191;
        padding: 2px 4px;
        padding-top: 0px;
    }
/* 简报报告页面 */
    .blocks-3>li:nth-child(3n+4){
        clear: none;
    }
    .view-h1{
        color:#666!important
    }
    .view-h1 i{
        display: inline-block;
        font-size: 20px;
        text-align: center;
        width: 25px;
        height: 25px;
        line-height: 25px;
        vertical-align: middle;
        margin-right: 10px;
    }
    .fc-1{
        color:#EE8B8B
    }
    .fc-2 {
        color: #408EEE;
    }
    .fc-3 {
        color: #F49F58;
    }
    .fc-4 {
        color: #959595;
    }
    .fc-5 {
        color: #31C73D;
    }
    .fc-6 {
        color: #43BAD0;
    }
    .fc-7 {
        color: #7589F0;
    }
    .navbar-toolbar.navbar-left a{
        font-size:24px;
    }

.heightfull{
    height:100%;
}
.searchDetails .search-group{
    width: 1000px;
}
.searchDetails .searchButton{
    width: 100px;
}
/* .navbar-collapse.in{overflow-y: inherit} */


/* warningset页面 */
.warningSet .nav-tabs>li>a{
    border-color: #e0e0e0;
}
.warningSet .nav-tabs{
    border-bottom: none;
}
.warningSet .nav-tabs>li.active>a{
    background-color: #fff!important;
    color: #757575!important;
    border-color: #3f51b5!important;
}
 .editable-buttons button{
            padding-left:5px;
            padding-right:5px;
         }
         .site-menu-item .btn-group.abs{
            z-index: 2;
         }
         .site-menu-item .btn-group.open{
            z-index: 4;
         }

.comparativeAnalysis .list-group-item .icon{margin-right: 0;}
 .rangeUi-scale-values span{display: none!important;}
 .pc-content{display: block}
 .mobile-content{display: none}
    /* @media all and (max-width:1367px){
        .site-menubar-body{width: 187px;}
         .site-menubar-body .site-menu{
             overflow-y: auto;
             height: calc(100% - 180px);
         }
         .site-menubar-body .site-menu-item .site-menu-icon{
            font-size:14px;
         }
         .site-menubar-body .site-menu .site-menu-sub .site-menu-item{
            line-height:30px;
         }
         .editable-buttons button{
            padding-left:3px!important;
            padding-right:3px!important;
         }
        .btn{
            padding-top:4px;
            padding-bottom:4px;
            font-size:10px;
        }
        .input-daterangetoolbox{
            top:31px;
            left:-47%;
            width: 380px;
        }
        .input-daterangetoolbox>.input-group{
            width: 180px;
        }
        .staticAnalysis .input-daterangetoolbox{
            top:31px;
            left:-240%;
            width: 380px;
        }
        .staticAnalysis .input-daterangetoolbox>.input-group{
            width: 180px;
        }
        .tabs-menu .btn{
            padding-top:5px;
            padding-bottom:5px;
            font-size:12px;
        }
        .tabs-menu .btn .icon,.media-heading,button,.btn,a,body,label,#nav2 ul li .h1{
            font-size:12px;
        }
        .content a{font-size: 12px;}
        .fazhi,.btn-lg,.site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title,.panel-title,.site-menubar-title>h1{
            font-size: 13px;
        }
        .navbar-toolbar.navbar-right a,select,.navbar-toolbar.navbar-right span,.news-list .list-group-item,.site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title{
            font-size:11px;
        }
        .batchHandle a,.batchHandle label,.bootstrap-select-auto button,
        .input-group input,.input-group button,.tableBanner tbody td .btn,
        .tableBanner tbody td,table th,table ,td,.dropdown-menu a
        ,.form-horizontal .control-label,.form-control,.modal span,.btn-sm{
            font-size:10px;
        }
        .form-control{
            height: 30px;
        }
        .directional-monitoring-body  .list-group-item{
            padding: 5px;
        }
        .banner{
            padding-top: 60px;
        }
        .pagination li>a, .pagination li>span{
            padding:4px 13px;
        }
        .justice-nav  li .btn-group>a{
            padding: 6px 15px;
        }
        .justice-nav li>a,.justice-nav  li .btn-group>a{
            font-size:11px;
        }

        #swiperList{
            height: 258px;
        }
        .site-menubar-unfold .site-menubar{
            width: 187px;
        }
        .site-menubar .PopWithList{width:168px;top:30px;}
    .site-menubar .PopWithListProgramme>ul{max-height: 400px;overflow: auto;}
        .site-menubar-body .list-group-item .btn-sm{padding:5px;}
        .site-menubar-body .list-group-item .btn-sm .icon{margin-right:5px;}
        .page{
            padding-top: 72px;
            padding-top: 105px;
        }

        .modal-header span{font-size:22px;}
        .site-menubar-unfold>.page{
            margin-left: 178px;
            padding-top: 105px;
        }
        .checkConditions{margin-top:-6px;}


    } */
    /*@media all and (max-width:767px){*/
@media screen and (max-width: 449px) {
        .navbar-right{
            display: none
        }
        .justice-nav{
            height: auto;
        }
        .site-menubar-unfold>.page{
            margin-left: 0;
        }
        .pc-content{display: none}
        .mobile-content{display: block;padding:0}
        #shaixuanBtn{
            position: fixed;right:2%;top:80%;z-index: 9;
        }
        .navbar-brand{
            padding: 22px 20px;
        }
        .news-list .list-group-item .num{
            width: 40px;
        }
        .news-list .list-group-item .title{
            width: 29%;
        }

        /* .justice-nav li{
            display: block
        } */
        .justice-nav >li,.nav .open>a{background-color: #020B23!important;
            text-align: left;}
        .searchDetails .search-group{
            width: 300px;
        }
        .searchDetails .searchButton{
            width: auto;
        }
        .searchDetails .page{
            padding-top: 66px;
            overflow-x: hidden
        }
        .searchDetails .page .page-content{
            padding: 0;
        }
        .inforTypeBox label{
            width: 8%;
        }
        .form-control{height: 32px;}
        .searchDetails .asPaginator{
            margin-top: 10px;
        }
        .justice-nav li>a,.justice-nav  li .btn-group>a{
            padding-right: 7px;
            padding-left: 7px;
            height: 40px;
            line-height: 27px;
        }
        .navbar-fixed-top .navbar-collapse{
            max-height: 100%;
            width:100%;
            /*min-width:768px;*/
            min-width:450px;
            /*width:expression_r(document.body.clientWidth < 1000 ? "1000px": "auto" );*/
        }
        .justice-nav li{
            display: block;
            width: 100%;
            text-align: left;
            padding-left: 10%;
        }
        .thesaurus-group-left-list{height:auto}
    }
    @media only screen and (min-height: 1000px) and (min-width: 1400px){
        .justice-nav li>a,.justice-nav  li .btn-group>a{
            font-size:20px;
        }
    }
        .serviceTable>tbody>tr>td{
            border-top:none;
        }
        .serviceTable>thead>tr>th{
            border-bottom: none;
        }
        .serviceTable>tbody>tr>td:nth-child(3),.serviceTable>thead>tr>th:nth-child(3){
            padding-left:2.5%!important;
        }
        .setType label{
            /*width: 100px;*/
            border: 1px solid #e0e0e0;
            border-radius: 3px!important;margin-right: 5px;
            /*margin-top:0px!important;*/
        }
        .setType label.active{
            background-color: #6299DD;
               border: 1px solid #6299DD;
            color: #fff;
        }
        .modifyedInput{
            width:68px;
        }

        /*2019..7.19修改单选框和复选框的大小*/
            .radio-sm label::before{
                width: 14px;
                height: 14px;
                top: 2px;
            }
            .radio-sm input[type=radio]:checked+label::before{
                top: 2px;
                border-width: 7px;
            }
            .radio-sm label::after{
                width: 8px;
                height: 8px;
                left: 3px;
                top: 5px;
                margin-left: -20px;
                border-width: 4px;
            }

            .checkbox-custom label::before{
                width: 16px;
                height: 16px;
                top: 2px;
            }
            .checkbox-custom input[type=checkbox]:checked+label::before{
                border-width: 8px;
            }
            .checkbox-custom label::after{
                left: -2px;
            }

        /*2019.8.14加弹框-header的背景和下框*/
            .modal-header{
                background:rgba(246,249,250,1);
                border:1px solid rgba(151,151,151,0.2);
            }
        /*简报制作*/
             .position-r{
                position: relative;
            }
            .cursor-p{
                cursor: pointer;
            }
            .radius-50{
                border-radius: 50%;
                /*border-radius:1000px;*/
            }
            .yuan{
                width: 32px;
                height: 32px;
                line-height: 32px;
                /*width: 50px;*/
                /*height: 50px;*/
                font-size: 20px;
                /*line-height: 50px;*/
                text-align: center;
                color: #D9D9D9;
                border: 1px solid #D9D9D9;
                background-color: #fff;
                /*color: #fff;*/
                /*background-color: #D9D9D9;*/
                /*background-color: #D8D8D8;*/
            }
            .yuan-right:after{
                content: "";
                height: 1px;
                /*width: 100%;*/
                top: 16px;
                /*top: 25px;*/
                width: calc(50% - 16px);
                /*width: calc(50% - 25px);*/
                right: -55px;
                /*right: -92px;*/
                /*right: 0px;*/
                position: absolute;
                background-color: #D8D8D8;
            }
            /*.yuan-left:before{*/
            /*    content: "";*/
            /*    height: 1px;*/
            /*    width: 100%;*/
            /*    top: 25px;*/
            /*    width:  calc(50% - 25px);*/
            /*    left: 0px;*/
            /*    position: absolute;*/
            /*    background-color: #D8D8D8;*/
            /*}*/
           .yuan-left.yuan-left-blue:before{
             background-color: #0556EC;
             /*background-color: #3E6CD5;*/
           }
           .yuan-right.yuan-right-blue:after{
             background-color: #0556EC;
             /*background-color: #3E6CD5;*/
           }
            .bg-CD5{
                background-color: #0556EC;
                color: #fff;
                border: none;
                /*background-color: #3E6CD5;*/
            }
            .color-cd5{
                color: #0556EC!important;
                /*color: #3E6CD5 !important;*/
            }
            .add-kuai-border{
                border:1px solid rgba(151,151,151,0.2);
                padding: 20px;
            }
            .numKuai{
                border: 1px solid rgba(151,151,151,0.2);
               display: inline-block;
              width: 22px;
              height: 22px;
              text-align: center;
              line-height: 22px;
                font-weight: 500;
                margin-right: 10px;
            }
            .bg-f6-kuai{
                margin-left: -8px;
                margin-right: -8px;
                background-color: #F6F6F6;
                padding-top:10px;
                padding-bottom: 10px;
            }
            .width-70{
                width: 70px !important;
                min-height: 1px;
            }



            /*简报制作模板管理模块*/
                .templateLi{
                    /*width:260px;*/
                    /*height:350px;*/
                    /*background:rgba(250,250,250,1);*/
                    /*box-shadow:0px 2px 19px 0px rgba(66,80,159,0.08);*/
                    /*border:1px solid rgba(151,151,151,0.07);*/
                    /*float: left;*/
                    /*margin-right: 15px;*/
                    /*margin-bottom: 15px;*/
                    overflow: hidden;
                }
                .border-dashed-3E{
                    border: 2px dashed #DDE4F4;
                    height: calc(100% - 30px)
                }
                .templateLi_top{
                    width: 100%;
                    height: 100%;
                    /*height: 40px;*/
                    /*border-bottom: 1px solid rgba(151,151,151,0.07);*/
                    /*background-color: #FBFBFB;*/
                    /*line-height: 40px;*/
                }
                .templateLi_top_icon{
                    top: 0px;
                    right: 10px;
                }
                .templateLi_top_icon .dropdown-menu.pull-right{
                    right: -10px;
                }
                .templateLi_top_icon .dropdown-menu{
                    min-width: 90px;
                    top: 30px;
                }
                .templateLi_top_icon .dropdown-menu.bullet:after, .templateLi_top_icon .dropdown-menu.bullet:before{
                    left: 62px;
                }
                .templateLi_top_icon .dropdown-menu>li>a:focus, .templateLi_top_icon .dropdown-menu>li>a:hover{
                    background-color: #fff;
                    color: #628DF0;
                }
                .dropdown-menu-border{
                    border-bottom: 1px solid #E1E1E1;
                    border-top: 1px solid #E1E1E1;
                }
                .margin-top-120{
                    margin-top: 120px;
                }
                /*自定义01的图片大小*/
                .templateLi .custom01{
                    width: 190px;
                    margin-top: 60px;
                }
                .templateLi .custom02{
                    width: 145px;
                    margin-top: 60px;
                }
                .templateLi .custom03{
                    width: 120px;
                    margin-top: 55px;
                }
                /*经典版图片大小*/
                .templateLi .classic{
                    width: 122px;
                    margin-top: 55px;
                }
                /*网宣版图片大小*/
                .templateLi .netXuan{
                    width: 150px;
                    margin-top: 45px;
                    margin-left: -20px;
                }
                /*摘要版图片大小*/
                .templateLi .Abstract{
                    width: 195px;
                    margin-top: 80px;
                }
                /*党政版图片大小*/
                .templateLi .party{
                    width: 190px;
                    margin-top: 95px;
                }

                .AngleLabel{
                    display: none;
                    font-size: 12px;
                    line-height: 2em;
                    background: #F87677;
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 2;
                    -webkit-transform-origin: right bottom;
                    -moz-transform-origin: right bottom;
                    transform-origin: right bottom;
                    -webkit-transform: translate(-29.29%,-100%) rotate(-45deg);
                    -moz-transform: translate(-29.29%,-100%) rotate(-45deg);
                    transform: translate(-29.29%,-100%) rotate(-45deg);
                    text-indent: 0;
                    padding: 0 2em;
                    text-align: center;
                    color: #fff;
                }

                .templateLi .width-180{
                    display: -webkit-inline-box;
                    max-width: 180px;
                    overflow: hidden;
                }

                /*customTemplate.html */
                    /*更换头部里面的图片大小*/
                    .modelUl>li>div>a>.custom01{
                        width: 190px;
                        margin-top: 40px;
                    }
                    .modelUl>li>div>a>.custom02{
                        width: 140px;
                        margin-top: 60px;
                    }
                    .modelUl>li>div>a>.custom03{
                        width: 120px;
                        margin-top: 35px;
                    }
                    /*主要舆情表格里面饿标题和与摘要*/
                    .table-span-title{
                        display: inline-block;
                        padding: 2px 4px;
                        background-color: #DCEEFC;
                        color: #4EABF2;
                        margin-right: 5px;
                        border-radius: 2px;
                    }
                    .table-span-Abstract{
                        display: inline-block;
                        padding: 2px 4px;
                        background-color: #FDE7E7;
                        color: #EF5E5F;
                        margin-right: 5px;
                        border-radius: 2px;
                    }
                    .select-border{
                        border: 1px solid #E5E5E5;
                        padding: 4px 6px;
                    }






        /*infor-Monitor.html 下面表格头像下面里面的状态*/
            .span_state{
                padding: 2px 8px;
                border: 1px solid;
                font-weight: 500;
                top: 60px;
                left: 10px;
                border-radius: 3px;

                /*margin-left: -50%;*/
            }
            /*评论*/
            .span_ping{
                border-color: #F87677;
                color: #F87677;
            }
            /*原微博*/
            .span_yuan{
                border-color: #505050;
                color: #505050;
            }
             /*转微博*/
            .span_zhuan{
                border-color: #0097FC;
                color: #0097FC;
            }
            .color-fc{
                color: #0097FC;
            }
            .img_hover{
                display: none;
                position: absolute;
                left: -100px;
                top: -100px;
                width: 200px;
                height: 200px;
                padding: 5px;
                background-color: #fff;
                border: 1px solid #ccc;
                border-radius: 5px;
                z-index: 9999;

            }
            .img_hover:before {
                content: "";
                width:0;
                height:0;
                left: 95px;
                bottom: -10px;
                 position: absolute;
                border-left:10px solid transparent;
                border-right:10px solid transparent;
                border-top:10px solid #fff;
            }
            .img_hover > img{
                width: 100%;
                height: 100%;
            }
            .color-75{
                color: #757575;
            }
            .text-3-hide{
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
            }
            .text-2-hide{
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                word-break: break-word;
            }
            .text-1-hide{
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
            }
        /*热搜排行*/
            .icon-fei-color{color: #EF5E5F;font-size: 16px;cursor: auto;}
            .icon-xin-color{color: #628DF0;font-size: 16px;cursor: auto;}
            .icon-re-color{color: #EF5E5F;font-size: 16px;cursor: auto;}
            .icon-tui-color{color: #FA8F32;font-size: 16px;cursor: auto;}
            .padding-left-18{padding-left: 18px;}
            /*table 序号小box*/
            .serialNumber{
                width: 40px;
                height: 24px;
                line-height: 24px;
                border-radius: 2px;
                background-color: rgba(216, 216, 216, 0.23);
                text-align: center;
                display: inline-block;
                border: 1px solid rgba(151, 151, 151, 0.23);


            }
            .activeLine_top{
                position: relative;
                background:rgba(233,230,230,1);
                opacity:0.7;
            }
            .activeLine_top:after{
                content: "";
                width:100%;
                height:3px;
                background-color: #628DF0;
                top: -1px;
                position: absolute;
                left: 0;
            }
            .v-a-t{
                vertical-align: top;
            }



             /*分页的插件新样式*/
             .pagination-right>li{
                display: inline-block;
                margin-right: 4px;
             }
             .pagination-right>.active>a, .pagination-right>.active>a:focus, .pagination-right>.active>a:hover, .pagination-right>.active>span, .pagination-right>.active>span:focus, .pagination-right>.active>span:hover{
                background-color: #446ed4;
                border-color: #446ed4;
             }

            .pagination li>a {
                padding: 6px 10px;
            }

            /*白色的selectpicker*/
            .white-selectpicker>.btn-group>.btn:first-child{
                padding-top: 5px;
                padding-bottom: 5px;
                border: 1px solid #e0e0e0;
                background: #FFF;
            }
            /*modal 弹窗里面的切换 nav-tabs*/
            .modal-nav-tabs>li{
                height: 46px;
            }
            .modal-nav-tabs>li>a{
                border-bottom:0px ;
            }

            .modal-nav-tabs>li.active>a, .modal-nav-tabs>li.active>a:focus, .modal-nav-tabs>li.active>a:hover{
                color: #628DF0;
                background:rgba(233,230,230,1);
                opacity:0.8;
                border-bottom-color:#628DF0;
                border-bottom:3px solid;
            }


            /*信息分析--里面的创建分析任务弹窗 css*/
                .icon.ListIocn:hover{
                    color: #fff;
                }
                .examplePopWithList{
                    position: relative;
                }
                .examplePopoverList{
                    position: absolute;
                    z-index: 99;
                    right: 0px;
                    top: 35px;
                    display: none;
                    width: 200px;
                    max-height: 400px;
                    background: #fff;
                    overflow: hidden;
                    border: 1px solid #e0e0e0;
                }
                .examplePopWithList li{
                    padding: 0;
                    cursor: pointer;
                }
                .examplePopWithList .list-group{
                    max-height: 325px;
                    overflow-y: auto;
                }
                .examplePopWithList .list-group-bordered{
                    box-shadow:0 0px 0px 0 rgba(0,0,0,.1);
                    -moz-box-shadow:0 0px 0px 0 rgba(0,0,0,.1);
                    -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,.1);
                }
                .examplePopWithList .list-group-item{
                   border-right: 0;
                    border-left: 0;
                }
                .examplePopWithList .list-group-item:first-child{
                    border-top: 0;
                }
                 .examplePopWithList .site-menu-icon{
                    font-size: 14px;
                    margin-right: 5px;
                    margin-left: 5px;
                 }


                /*第一层的 里面a 的样式*/
                .examplePopWithList .list-group-item .site-menu-item:first-child>a{
                    background-color: #fff;
                    padding-left: 10px;
                }

                /*第一层的 里面a 展开后的样式*/
                .examplePopWithList .list-group-item .site-menu-item.open:first-child>a{
                    color: #628DF0;
                }


                .examplePopWithList .site-menu .site-menu-sub{
                    padding: 0;
                }


                 .examplePopWithList .site-menu .site-menu-sub .site-menu-item.active{
                    color: #fff;
                    background-color: #628DF0;
                 }
                 .examplePopWithList .site-menu .site-menu-sub .site-menu-item{
                    background-color: #F5F5F7;
                    border-top: solid 1px #e0e0e0
                 }
                .inp_red{
                    background:rgba(231,94,100,0.08);
                    border: 1px solid red !important;
                }
                .inp_red::-webkit-input-placeholder {
                   color: #E75E64;
                }
                .inp_border_red{
                    border: 1px solid red !important;
                }
                .color-A6{
                    color: #A5A6A6;
                }

        /*infor-Monitor.html 页面里的数字加减*/
        .bootstrap-touchspin{
            width: 200px;
        }
        .bootstrap-touchspin-down{
            border: 1px solid #E5E5E5;
            background: #fff;
            border-radius: 2px;
            height: 30px;
            font-size: 14px !important;
            margin-right: 5px !important;
        }
        .bootstrap-touchspin-up{
            border: 1px solid #E5E5E5;
            background: #fff;
            border-radius: 2px;
            height: 30px;
            font-size: 14px !important;
            margin-left: 5px !important;
        }
        .bootstrap-touchspin .input-group-btn .btn{
            padding: 3px 10px;
            font-family: "微软雅黑", "arial, helvetica, sans-serif","PingFangSC-Regular";
        }

        #PrecisionFilterModal .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
             width: 120px;
             max-width: 200px;
             background: #fff;
        }
        #PrecisionFilterModal .btn-default{
            background: #fff;
        }
        #PrecisionFilterModal .checkbox-custom label{
            display: inline-block;
            vertical-align: middle;
            position: relative;
            padding-left: 5px;
            padding-top: 2px;
            margin-right:20px;
        }

        /*Modal滚动条样式*/
        .ModalScroll{
            max-height: 460px;
            overflow-y: auto;
        }
        .ModalScroll::-webkit-scrollbar {/*滚动条整体样式*/
            width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 5px;
        }
        .ModalScroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            /*-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.3);*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
            background: rgba(0,0,0,0.5);
            /*background: :rgba(255,255,255,0.3);*/
        }
        /*滚动条里面轨道*/
        .ModalScroll::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px  rgba(255,255,255,0.3);
            border-radius: 0;
            background:  rgba(255,255,255,0.3);
        }
        /* .batchHandle .tooltip{
            min-width: 50px;
        }
       .batchHandle .tooltipS .tooltip {
            min-width: 95px;
       } */
       .white-selectpicker-addInp>.btn-group>.btn:first-child{
            border: 1px solid #e0e0e0;
            background: #FFF;
       }
       .none-focus:focus{
        border-color: #e0e0e0;
       }

    .icon-zhuanfa3,.icon-yuanchuang,.icon-pinglun{
        font-size: 38px;
        position: absolute;
        top: 0px;
        left: -2px;
        z-index: 2;
        height: 22px;
        line-height: 22px;
        padding: 0px;
    }

    .icon-zhuanfa3 {
        color:#D58A3E
    }
    .icon-yuanchuang {
        color:#3E6CD5;
    }
    .icon-pinglun{
        color: #77B822;
    }


        /* .zhuanWeibo{
            font-size:12px;
            line-height:2em;
            width:4em;
            color: #fff;
            background:#65B97D;
            position:absolute;
            left:0;
            top:0;
            z-index:2;
            -webkit-transform-origin:right bottom;
            -moz-transform-origin:right bottom;
            transform-origin:right bottom;
            -webkit-transform:translate(-29.29%,-100%) rotate(-45deg);
            -moz-transform:translate(-29.29%,-100%) rotate(-45deg);
            transform:translate(-29.29%,-100%) rotate(-45deg);
            text-indent:0;text-align:center;
        }
        .yuanWeibo{
            font-size:12px;
            line-height:2em;
            width:4em;
            color: #fff;
            background:#4EABF2;
            position:absolute;
            left:0;
            top:0;
            z-index:2;
            -webkit-transform-origin:right bottom;
            -moz-transform-origin:right bottom;
            transform-origin:right bottom;
            -webkit-transform:translate(-29.29%,-100%) rotate(-45deg);
            -moz-transform:translate(-29.29%,-100%) rotate(-45deg);
            transform:translate(-29.29%,-100%) rotate(-45deg);
            text-indent:0;text-align:center;
        }
        .pingWeibo{
            font-size:12px;
            line-height:2em;
            width:4em;
            color: #fff;
            background:#73B6E5;
            position:absolute;
            left:0;
            top:0;
            z-index:2;
            -webkit-transform-origin:right bottom;
            -moz-transform-origin:right bottom;
            transform-origin:right bottom;
            -webkit-transform:translate(-29.29%,-100%) rotate(-45deg);
            -moz-transform:translate(-29.29%,-100%) rotate(-45deg);
            transform:translate(-29.29%,-100%) rotate(-45deg);
            text-indent:0;text-align:center;
        } */
        /*相似文章小span*/
        .similarSpan{
            padding: 2px 5px;
            background: rgba(78,171,242,0.2);;
            color: #4EABF2;
            border-radius: 2px;
            margin-left:auto;
        }
        .width-85{
            width: 85px;
            min-height: 1px;
        }
        .color-85{
            color: #2A5585;
        }

    /* #F2913D directional-monitoring.html 页面的css*/
        /*定向信源小box颜色*/
        .bg_3d_box{
            display: block;
            color: #F2913D;
            background:rgba(242,145,61,0.1);
            border-radius:2px;
            border:1px solid rgba(242,145,61,0.5);
            font-size: 14px;
            padding: 5px 10px;
        }
        /*nav-tabs css*/
        .nav-tabsBgF5{
            background: #F0F2F5;
        }
        .nav-tabsBgF5>li.active>a, .nav-tabsBgF5>li.active>a:focus, .nav-tabsBgF5>li.active>a:hover{
            background: #fff;
            color: #3E6CD5;
            border-bottom:0;
        }
        .nav-tabsBgF5>li>a{
            border-right: 1px solid #e0e0e0;
            margin-right: 0;
            font-size: 14px;
        }

        .white-selectpicker>.btn-group>.btn:first-child{
            font-size: 14px;
        }
       .white-selectpicker>.btn-group>.btn> .filter-option{
            font-size: 14px;
       }
      .bottom-box .pagination>li>a{
        font-size: 14px;
        padding: 5px 13px;
       }


       /*预警设置 页面下面的预警模块*/
       .warningModulebox{
            border: 1px solid #e0e0e0;
            font-size: 14px;
            margin-bottom: 20px;
       }
       .warningModulTitle{
            padding: 8px 10px;
            color: #333;
            font-weight: 400;
       }
       .hover_blue{
        cursor: pointer;
       }
       .hover_blue:hover{
        color: #446ED4;
       }
       .no-click{
        cursor: not-allowed;
        pointer-events:none
       }

       /*白色的 selectpicker*/
       .white_selectpicker .btn-default{
        background: #fff;
       }

       .warningTable .table-bordered>thead:first-child>tr:first-child>th{
        border-top: 0;
       }
       .warningTable .table-bordered>tbody>tr>td:first-child, .warningTable .table-bordered>tbody>tr>th:first-child, .warningTable .table-bordered>tfoot>tr>td:first-child, .warningTable .table-bordered>tfoot>tr>th:first-child, .warningTable .table-bordered>thead>tr>td:first-child, .warningTable .table-bordered>thead>tr>th:first-child{
        /*border: 1px solid #e0e0e0;*/
        border-left: 0;
       }
       .warningTable .table-bordered>tbody>tr>td:last-child, .warningTable .table-bordered>tbody>tr>th:last-child, .warningTable .table-bordered>tfoot>tr>td:last-child, .warningTable .table-bordered>tfoot>tr>th:last-child, .warningTable .table-bordered>thead>tr>td:first-child, .warningTable .table-bordered>thead>tr>th:first-child{
        /*border: 1px solid #e0e0e0;*/
        border-right: 0;
       }
        .warningTable .table-bordered>thead:first-child>tr:first-child>th:last-child{
            border-right: 0;
        }
    /*日常监测 信息列表下面的选择向上向下的css table td 里面的定位*/
    #informationTable td.container{
        position: static !important;
    }


    /* 榜单预警-热搜词云  小的tab切换span*/
    .tabsm_span{
        display: inline-block;
    }
    .tabsm_span span{
        display: inline-block;
        padding: 2px 8px;
        color: #666;
        font-size: 12px;
        border: 1px solid #e5e5e5;
        border-right: 0px solid #e5e5e5;
        float: left;
        cursor: pointer;
    }
    .tabsm_span span:last-child{
         border-right: 1px solid #e5e5e5;
    }
    .tabsm_span span.active{
        background: #4EABF2;
        color: #fff;
    }
    /*热搜榜单*/
        /*热搜榜单的table*/
        .listTable>tbody>tr>td,
        .listTable>tbody>tr>th,
        .listTable>tfoot>tr>td,
        .listTable>tfoot>tr>th,
        .listTable>thead>tr>td,
        .listTable>thead>tr>th{
            border-top: 0px solid #e0e0e0;
            padding: 12px;
        }
        .listTable>tbody>tr>th,
        .listTable>thead>tr>th{
            color: #666;
        }
         .listTable>tbody>tr>td{
            color: #333;
         }
        .listTable.table-striped>tbody>tr:nth-of-type(odd){
                    background: #F5F7FA;
        }
        .listTable>thead>tr>th{
            border-bottom: 0px solid #e0e0e0;
        }
        .listTable tr td .text-1-box{
            max-width: calc(100% - 40px);
            vertical-align: bottom;

        }
        /*热搜榜单的左边目录*/
        .list_site-menu>.site-menu-item.active a{
                color: #fff;
            }
        .list_site-menu>.site-menu-item.active:after {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            display: block;
            width: 4px;
            height: 40px;
            background-color:#3E6CD5;
        }
        .list_site-menu>.site-menu-item.active>a:hover {
            color: #fff;
        }
        .list_site-menu>.site-menu-item{
            border: 0;
            padding-left: 20px;
        }
        .site-menubar .list_site-menu>.site-menu-item.hover>a, .site-menubar .list_site-menu>.site-menu-item:hover>a, .site-menubar .list_site-menu>.site-menu-item.active>a{
            background:rgba(44,72,115,1);
        }
        .site-menubar .list_site-menu>.site-menu-item.hover, .site-menubar .list_site-menu>.site-menu-item:hover, .site-menubar .list_site-menu>.site-menu-item.active{
            background:rgba(44,72,115,1);
        }
        /*热搜榜单-微博热搜榜 向上向下的小三角css*/
        .pm-triangle-down{
            width:0;
            height:0;
            border-left:5px solid transparent;
            border-right:5px solid transparent;
            border-top:5px solid #65B97D;
            position: absolute;
            left: 0px;
            top: 8px;
        }
        .pm-triangle-up {
            width:0;
            height:0;
            border-left:5px solid transparent;
            border-right:5px solid transparent;
            border-bottom:5px solid #F56C6C;
            position: absolute;
            left: 0px;
            top: 6px;
        }
        .pm-num{
            display: inline-block;
            width: 26px;
            text-align: center;
           cursor: auto;
        }
        .pm-num > i{
            cursor: auto;
        }
        .pm-num + span{
            display: inline-block;
            width: 41px;
        }
        .pm-num + span>.margin-left-15{
            display: inline-block;
            width: 26px;
             /*text-align: center;*/
        }
        /*热搜榜单-微博话题榜 小的话题span*/
        .topicSpan{
            display: inline-block;
            font-size: 12px;
            color: #999;
            border: 1px solid #e0e0e0;
            padding:0px 4px;
        }

    /*热搜榜单里面的更多筛选*/
    .moreScreening{
        min-width: 280px;
        position: absolute;
        right: 0;
        top: 45px;
        z-index: 99;
        color: #666;
         font-size: 14px;
    }
    .moreScreening .selected{
        color: #3E6CD5;
    }

    .moreScreening .list-group-item-Left .screeningList span{
        cursor: pointer;

    }
    .moreScreening-btn{
        margin-left: 4px;
    }
     .max-h {
        max-height: 300px !important;
        overflow-y: auto;
    }
    /**/
    .biaoqing{
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-left: 2px;
    }
    .updown{
        width: 14px;
        height: 14px;
        display: inline-block;
        cursor: pointer;
        margin-left: 5px;
        background: url(../images/updown.svg)  no-repeat;
        background-size: 100% 100%;
    }
    .updown_down{background: url(../images/updown_down.svg)  no-repeat;  }
    .updown_up{background: url(../images/updown_up.svg)  no-repeat;  }
    .v-a-text{vertical-align: text-bottom;}





    /*日常监测 信息列表下面的选择向上向下的css */
    /*.table-responsive table .{
        position: relative;
    }*/

        .loading-bg {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1700;
            background-color: rgba(0, 0, 0, 0.4);
            display: none;
        }

        .loading-center {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 400px;
            height: 260px;
            margin-left: -200px;
            margin-top: -130px;
            background: #fff;
            border-radius: 3px;
        }

        .loading-center .loader-wrapper {
            width: 90px;
            height: 90px;
        }

        .loader-wrapper-30{
            width: 30px;
            height: 30px;
        }

    /*公共的弹窗*/
    .modal-body .iconbox{
        width: 64px;
        height: 64px;
        border-radius: 50%;
        font-size: 36px;
        text-align: center;
        line-height: 64px;
    }
    .iconbox.iconbox_blue{
        background-color: #4EABF2;
        color: #fff;
    }


    /*新的账号监测页面的 */
        /*左边侧点击目录文件夹的时候的css*/
        .site-menubar .site-menu>.site-menu-item>.gatherIcon{
            display:none;
        }
        .site-menubar .site-menu>.site-menu-item.open>.gatherIcon{
            display: inline-block;
        }
        /*添加账号*/
        .bootstrap-select-all .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
            width: 100% !important;
        }
        /*总览*/
     /*   .overview.active{
            position: relative;
            background: rgba(73,127,250,0.1);
            color: #3E6CD5;
        }
        .overview.active:after {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            display: block;
            width: 4px;
            height: 40px;
            background-color: #3E6CD5;
        }
*/


            /*重新筛选的css*/
            .screeningBox .selected{
                color: #446ED4;
            }
            .screeningBox .list-group-item-Left{
                width: 49%;
                display: inline-block;
            }
            .screeningBox .list-hidden{
                display: none;
            }
            .screeningBox .width-70{
                display: inline-block;
                width: 70px;

            }
            .screeningBox .width-45{
                display: inline-block;
                max-width: 45px;

            }
            /*这个是其他筛选的span*/
            .screeningBox .otherSpan{
                border:1px solid #e0e0e0;
                padding: 4px;
                border-radius: 5px;
                position: relative;
                margin-right: 10px;

            }
            /*这个是其信息类型的span*/
            .screeningBox .checkbox-span{
                margin-right:10px;
            }
            /*这个是微博认证的span*/
            .screeningBox .certifySpan{
                margin-right: 15px;
            }

            /* 评论的 commentBox*/
            .commentBox{
                font-weight: 500;
                position: absolute;
                left: 0px;
                /*top: 0px;*/
                bottom: -55px;
                background-color: #FFFFFF;
                border: 1px solid #CCCCCC;
                box-shadow: 1px 1px 3px 0 #808080;
                -webkit-box-shadow: 1px 1px 3px 0 #AAA;
                -moz-box-shadow: 1px 1px 3px 0 #AAA;
                border-radius: 4px;
                z-index: 1400;
                font-size: 12px;
                padding: 0px 5px 0px 10px;
                width: 222px;
            }
            .width-100{
                width: 100px;
            }

            @media screen and (min-width:1200px){
                .screeningBox .otherSpan{
                    margin-right: 10px;
                }
                .screeningBox .checkbox-span{
                    margin-right:10px;
                }
                .screeningBox .certifySpan{
                    margin-right: 15px;
                }
            }
            @media screen and (min-width:1367px){
                .screeningBox .otherSpan{
                    margin-right: 20px;
                }
                .screeningBox .checkbox-span{
                    margin-right:30px;
                }
                .screeningBox .certifySpan{
                    margin-right: 25px;
                }
            }


            .screeningBox .screeningList span{
                cursor: pointer;
            }
            .screeningBox .checkbox-custom label{
                padding-left: 5px;
                font-size: 13px;
                font-weight:400;
            }
            .screeningBox .checkbox-custom{
                margin-top:0px ;
            }
            .screeningBox .screeningRadio{

                position: absolute;
                top: 30px;
                /*left: 0px;*/
                width: 400px;
                height: auto;
                background-color: #FFFFFF;
                border: 1px solid #CCCCCC;
                box-shadow: 1px 1px 3px 0 #808080;
                -webkit-box-shadow: 1px 1px 3px 0 #AAA;
                -moz-box-shadow: 1px 1px 3px 0 #AAA;
                border-radius: 4px;
                z-index: 1400;
                font-size: 12px;
            }
            .screeningBox .screeningRadio .radio-custom{
                margin-top:8px;
                margin-bottom: 0px;
            }
            .screeningBox .screeningRadio .radio-custom label{
                font-weight: 400;
            }
            .screeningBox  .width-90{
                display: inline-block;
                width: 90px;

            }
            .screeningName{
                color: #666;
            }
            .screeningBox .daterange-btn{
                /* color:#0a0404; */
                border: 1px solid #E5E5E5;
                border-radius: 2px;
            }

            /*引导层的css*/
            #guideLayerP0:before {
                content: "";
                width:0;
                height:0;
                left: 10px;
                bottom: -5px;
                 position: absolute;
                border-left:5px solid transparent;
                border-right:5px solid transparent;
                border-top:5px solid #fff;
            }
            #guideLayerP1:before {
                content: "";
                width:0;
                height:0;
                left: 10px;
                bottom: -5px;
                 position: absolute;
                border-left:5px solid transparent;
                border-right:5px solid transparent;
                border-top:5px solid #fff;
            }
            #guideLayerP2:before {
                content: "";
                width:0;
                height:0;
                left: 10px;
                bottom: -5px;
                 position: absolute;
                border-left:5px solid transparent;
                border-right:5px solid transparent;
                border-top:5px solid #fff;
            }

    /*左侧*/
    /*左侧列表按钮*/

        .myfixed {
            top: 50%;
            left: 220px;
            z-index: 1401;
            position: fixed;
        }

        .myfixed:hover {
            opacity: 1;
        }

        .myfixed span {

            border-left: 11px solid #243D66;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            height: 60px;
            width: 0px;
            display: block;
            align-items: center;
            position: relative;
        }
        .myfixed span i.icon{
            color: #fff;
            position: absolute;
            left: -12px;
            top:50%;
            transform: translateY(-50%);
            z-index: 0;
        }

        .myfixed span.fixed-show {
            border-radius: 0px 10px 10px 0px;
        }

        .myfixed span.fixed-hide {
            border-radius: 0px 10px 10px 0px;
        }

        /* @media(max-width: 1367px) {
            .myfixed {
                left: 187px;
            }
        } */

        /* 顶部下拉子菜单的文字样式 */
        .btn-group .dropdown-menu>li>a {
            padding: 4px 18px;
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(0, 0, 0, 0.65);
            display: flex;
            justify-content: space-between;
        }

        .btn-group .dropdown-menu {
            min-width: auto;
        }
        /* .btn-group .dropdown-menu::before {
            top:-6px;
            left: 6px;
            transform: translateX(-50%);
            content: '';
            width: 0;
            height: 0;
            border-bottom: 6px solid #fff;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            position: absolute;
        } */

        .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
            background-color: rgba(232,234,238,.35);;
        }
        .dropdown-menu {
            border:0px;
            background: #FFFFFF;
            box-shadow: 0px 1px 6px 0px rgba(66, 66, 66, 0.16);
        }

        .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
            background-color:rgba(0, 0, 0, 0);
        }

        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{
            background-color:rgba(0, 0, 0, 0);
        }

        .editable-buttons{
            width: 55px;
            background: #fff;
            padding: 0px 5px;
            height: 30px;
            line-height: 30px;
            display: block;
            top: 1.4px;
            position: relative;
        }
        .editable-buttons>span{
            width: 16px;
            height: 16px;
            display: block;
            float:left;
        }
        .editable-buttons>span:nth-of-type(1){
            margin-right:13px;
        }
        .editable-buttons>span:nth-of-type(1)>i{
            color:#446ed4
        }
        .editable-buttons>span:nth-of-type(2) {
            position: relative;
        }

        .editable-buttons>span:nth-of-type(2)>i{
            color:#EA5A56;
        }
        .editable-buttons>span:nth-of-type(2)::before{
            content: '';
            width: 1px;
            height: 9px;
            background: #D9D9D9;
            position: absolute;
            left:-7px;
            top:12px;
        }

        .nav .justice-nav>li.active>a>span.text-line{
            font-weight: 600;
            color: #fff;
            position: relative;
        }
        .nav .justice-nav>li.active::after {
            content: '';
            height: 4px;
            background: #446ed4;
            position: absolute;
            bottom: 5px;
            display: block;
            left:20px;
            right:20px;
        }

        #monitorFolderKeywordUl>.site-menu-item.has-sub>a>.iconfont.icon-arrow{
            margin-left: 9px;
            font-size:9px;
            color: #fff;
            display: inline-block;
        }
        #monitorFolderKeywordUl>li.open>a>.iconfont.icon-arrow{
            transform: rotate(90deg);
        }

.content_prop i.red{
    background: #B84822;
    /*background: #EF5E5FFF;*/
}
.content_prop i.blue{
    background: #3E6CD5;
    /*background: #628DF0;*/
}
.content_prop i.grey{
    background: #EB9E51;
    /*background: #666;*/
}

        .navbar-collapse.Navigation.Navigation-dropdown {
            background: #243D66;
        }

        .checkbox-custom input[type=radio]:focus+label::before, .checkbox-custom input[type=checkbox]:focus+label::before {
            outline: none;
        }

        .site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title,
        .site-menu .site-menu-sub .site-menu-item.active>a, .site-menu>.site-menu-item.active>a, .site-menu .site-menu-sub .site-menu-item.active:hover>a, .site-menu>.site-menu-item.active:hover>a,
        .site-menu .site-menu-sub {
            font-size: 13px;
        }

        .site-menu .site-menu-sub .site-menu-item.active > a, .site-menu > .site-menu-item.active > a, .site-menu .site-menu-sub .site-menu-item.active:hover > a, .site-menu > .site-menu-item.active:hover > a {
            font-size: 13px;
        }

        .tooltip{
            width: max-content;
            max-width: 18em;
        }
        .tooltip.top .tooltip-arrow {
            border-top-color: #fff !important;
        }
        .tooltip-inner {
            background-color: #fff !important;
            box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 15%) !important;
            font-size: 12px !important;
            font-family: PingFangSC-Regular, PingFang SC !important;
            font-weight: 400 !important;
            color: #333333 !important;
            line-height: 22px;
            text-align: left;
            max-width: 18em;
        }

        [data-toggle="tooltip"] i.iconfontNew:hover, i.iconfontNew[data-toggle="tooltip"]:hover {
            color: #3E6CD5;
        }
        /* 设置设计师常用宽14px */
        .setTopHeight-14{
            margin-top:14px;
        }
        .setBottomHeight-14{
            margin-bottom:14px;
        }