body {background-color: #EEEDF3 !important;}
.info_more1 a,.info_moopls a{border: solid 1px #F0F0F0 !important;background-color: #F0F0F0 !important;border-radius: 5px;}
.info_moopls a {
    background: url(../images/search.png) no-repeat 5px -63px !important;
}
.info_moopls a:hover{
	background: url(../images/search.png) no-repeat 5px -84px !important;
}
.info_more1 a:hover, .info_moopls a:hover{border-color: #337EFD !important;}
.info_tab1 .on,.info_tab3 .on,.info_tab4 .on,.info_tab5 .on,.info_tab6 .on{border-radius: 4px;border: solid 1px #337EFD !important;}
#con_type li {
    margin-right: 15px!important;
}
#con_type li.on{
    border-radius: 4px;border: solid 1px #337EFD;
}
#con_type li.on a{
    color: #3280fc;
    background: white;
    border: none;
}
.control-bar-wrapper .control-bar .date-select-bar a,
.info_tab1 a,.infoConditItem i,.info_tab3 a,.info_tab6 a,.info_tab4 li,.info_tab5 li{margin:0 15px 10px 0 !important;}
.info_ritcom ul li a{background-color: transparent !important;padding: 0 10px;}
.info_select{padding-right: 140px;}
.info_bomsel{position: absolute;top: -10px;right: 0;width: auto !important;}
.info_bomsel span{border-radius: 4px;margin-right: 5px;padding: 0 6px !important;height: auto !important;}
.info_munsel_mei em {background-color: #3280fc; color: #fff;padding: 0 10px; height: 45px;line-height: 45px;}   
.info_tab4 li,.info_tab5 li{border: solid 1px transparent;}
.info_media_showIs #info_bomsel_1,.info_media_showIs #info_bomsel_2,.info_media_showIs #info_bomsel_3{display: block !important;}
.info_media_showIs #tarplat{display: none;}
.info_media_showIs a span.info_count,.info_media_showIs #info_more1_1,.info_media_showIs #info_more1_2,.info_media_showIs #info_more1_3{display: none !important;}
.info_media_showIs a i {border: 1px solid #ccc;display: inline-block;width: 12px;height: 12px;margin-right: 2px;border-radius: 2px;position: relative;}
.info_media_showIs li{margin: 0px 0px 10px;}
.info_media_showIs ul li:first-of-type a{padding-left: 0;}
.info_xuanio li{margin: 0px 8px 10px;}
.info_xuanio li:first-of-type,.info_xuanio a:first-of-type{margin-left: 0;}
.date-select-bar{padding-left: 5px;}
.info_ritcom .info_searsel{background: none;}
.info_ritcom .info_searsel i{background: url(../images/search.png) no-repeat -2px -109px;background-color: #3280fc !important;border-color: #3280fc !important;color: #3280fc !important;}
.info_media_showIs li.on{border: none !important;}
.infoTopTitOne{min-width: 57px;max-width: 70px;background: #E6EFFE; color: #337EFD !important;padding: 0 10px!important; display: flex!important;justify-content: center; align-items: center; margin-right: 28px;height: 24px !important;border-radius: 3px !important;font-size: 12px !important;word-break: keep-all;}
.infoTopTabLine{display: flex;position: relative;}
.infoconfigTagsBox li{background-color: white;font-size: 14px;cursor: pointer;position: relative;}
.infoconfigTagsBox li:hover .el-icon-edit{display: block !important;color: white;}
.infoconfigTagsBox li .el-icon-edit{position: absolute;top: 10px;right: 15px;z-index: 999;}
.infoconfigTagsBox li .eliconedit{width: 14px;height: 14px;margin-left: 10px;float: right; color: #8492a6; font-size: 13px}
.infoconfigTagsBox li span{float: left;overflow: hidden;text-overflow: ellipsis;display: inline-block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: nowrap;max-width: 100px;}
.infoTopTabLineBox .el-select .el-select__caret{line-height: 100% !important;}
.infoTopTabLineBox .infoTopTabLine .el-select{max-width: 180px;}
.infoconfigBtn{width: 140px;display: flex;}
.infoconfigBtn span{padding: 0px 10px;border: solid 1px #e3e3e3;border-radius: 4px;cursor: pointer;height: 28px;display: inline-block;line-height: 28px;margin-left: 12px;word-break: keep-all;}
.infoconfigBtn span.on{background: #3280FC;color: white;border-color: #3280FC;}
.infoconfigBtn span:hover{background: #3280FC;color: white;border-color: #3280FC;}
.info_xuanio span,.date-select-bar{padding-left: 0;color: #666;}
.info_xuanio span.info_ques{color: white;}
.info_select{margin-left: 0;}
.control-bar-wrapper .control-bar .date-select-bar a{line-height: 22px;height: auto !important;margin: 0 8px;}
.control-bar-wrapper .control-bar .date-select-bar a:first-of-type{margin-left: 0;}
.rowLine{position: relative;}
.checkTips{position: absolute;bottom: -22px;left: 80px; color: red;font-size: 12px;}
.info_tab6 a{border-right: none !important;}
.info_ritcom li:hover a,.info_xuanio a:hover,.info_xuanio a:hover span,.date-select-bar a.trackable:hover{color: #3280fc;}
.info_ritcom li:hover a span{color: #3280fc;}
.infoconfigDialog .el-dialog__headerbtn{font-size: 20px;top: 12px;}
.info_tab4 .on a b{color: #3280fc;}
.info_ritcom .info_searsel i::after {border: 2px solid #fff !important;border-left: 0 !important;border-top: 0 !important;-webkit-transform: rotate(45deg) scaleY(1);transform: rotate(45deg) scaleY(1);box-sizing: content-box;content: "";height: 7px;left: 3px;position: absolute;top: 0px;width: 3px;}
.info_media_showIs li a.info_searsel b,.info_media_showIs li a.info_searsel{color: #3280fc !important;}
.info_media_showIs li.on b,.info_media_showIs li.on a{color: #666;}
.over_hetabtinfo .on a{color: #666;}
.over_hetabtinfo li a.info_searsel{color: #3280fc;}
.info_media_showIs .info_tab4 li,.info_media_showIs .info_tab5 li,.info_media_showIs #con_type li{margin-left: 0;}
.info_media_showIs ul li a{padding-left: 0;}
.auto_tabb li{border: solid 1px transparent;}
.auto_tabb .on{border-radius: 4px;border: solid 1px #3280fc !important;background: white !important;}
.auto_tabb .on a {color: #3280fc;background-color: transparent !important;}

/* 筛选条件新样式,后期改版公用 */
.infoConditItem i{line-height: 22px; padding: 0 10px; display: inline-block; float: left;cursor: pointer;margin: 0 8px;border: solid 1px transparent;}
.infoConditItem i:first-of-type{margin-left: 0;}
.infoConditItem i.on{border-radius: 4px; border: solid 1px #3280fc;color: #3280fc;}
.newStyInfo .hzSpan span{width: 30px; height: 30px;display: inline-block;border-radius: 100%;font-size: 14px;font-weight: bold;}
.newStyInfo .hzSpan span.info_fm{background: #FE4059;}
.newStyInfo .hzSpan span.info_wtype_1{border: solid 1px #536389;color: #536389 !important;}
.newStyInfo .hzSpan span.info_zx,.newStyInfo .hzSpan span.info_wtype_7{border: solid 1px #FE9E01;color: #FE9E01 !important;}
.newStyInfo .hzSpan span.info_ffm,.newStyInfo .hzSpan span.info_wtype_2{border: solid 1px #327FFC;color: #327FFC !important;}
.editnews_wtype em:nth-child(1){color: #536389;}
.newStyInfo .monitor_source i{display: flex;justify-content: center;align-items: center;margin-bottom: 7px;}
.newStyInfo .monitor_source i em{margin-bottom: 0;min-width: 26px;margin-right: 5px;}
.newStyInfo .monitor_source b{color: #71,.newStyInfo .hzSpan span.info_wtype_2798a;}
#infoTopBox .info_cobgck{height:150px;}
#infoTopBox.on .info_cobgck{padding: 0px 20px;height: 70px;}
#infoTopBox.on .sortVal_s{display:none;}
#infoTopBox.on .hideOld{display: none !important;} 
#infoTopBox.on .info_cemop{display: flex;align-items: center;flex-wrap: wrap;align-content: center;}
#infoTopBox.on .info_mcig{}
#infoTopBox.on .info_mcont{margin: 0;}
/*#infoTopBox.on .info_mczuhe{position: absolute;right: 25px;bottom: 3px;left:0;}*/
#infoTopBox.on .infoCarouselBtn,#infoTopBox.on .infoOCR{margin:5px 10px 5px 0;}
#infoTopBox.on .info_cemop{margin: 0;position: relative;height:100%;}
#infoTopBox.on .newHead,#infoTopBox.on .newConBox{float: left;width: 40%;height: 100%;}
#infoTopBox.on .newItems{display: block !important;}
#infoTopBox.on .newCon{display: flex !important; align-items: center;align-content: center;height: 100%;}
#infoTopBox.on .newmt{color: 333333;}
#infoTopBox.on .newzz{color: #71798a;}
#infoTopBox.on .newCon span,.newCon a{text-align: center;margin-left: 0;}
#infoTopBox.on .tit,#infoTopBox.on .info_cemop{width: 40%;text-align: left;padding:0 10px 0 0;min-width: initial;}
#infoTopBox.on .snapshot{width: 20%;padding:0 1%;text-decoration: underline;color: #5e5e75;}
#infoTopBox.on .simiNum{width: 20%;padding:0 1%;}
#infoTopBox.on .meds{width: 20%;padding:0 1%;}
#infoTopBox.on .auts{width: 20%;padding:0 1%;}
#infoTopBox.on .medlz{width: 20%;padding:0 1%;}
#infoTopBox.on .medlz .med01{color: #3280fc;}
#infoTopBox.on .medlz .med02{color: #71798a;;}
#infoTopBox.on .medlz .med03{color: #71798a;}
#infoTopBox.on .snapshot:hover{color: #3280fc;}
#infoTopBox.on .hzListLeft{padding-top: 0;display: flex;align-items: center;width: 139px;}
#infoTopBox.on .info_mctime{margin-top: 0;display: flex;align-items: center; height: 100%;}
#infoTopBox.on .hzSpan span{margin-top: 0;}
#infoTopBox.on .change_xInputBox{margin-top: 2px;}
#infoTopBox.on .hzSpan .change_xInputBox{position: relative;bottom: auto;}
#infoTopBox.on .showImg img{width: 18px;margin-top: 3px;}
#infoTopBox.on .operation{float: right;width: 6%;height: 100%;position: relative;}
#infoTopBox.on .operationBtns{position: absolute;top: 10px;left: -70px;z-index: 999;width: 90px;background: white;border: solid 1px #e3e3e3;border-radius: 5px;padding: 5px 0;}
#infoTopBox.on .operationBtns i{display: inline-block;width: 20px;height: 100%;margin-right: 8px;}
#infoTopBox.on .operationBtns span{display: flex;justify-content: center; height: 30px;align-items: center;cursor: pointer;position: relative;}
#infoTopBox.on .operationBtns span:hover{color: #3280FC;}
#infoTopBox.on .operationBtns .ope_sc .icmg{background: url(../images/opeBtns.png) no-repeat -4px -30px;}
#infoTopBox.on .operationBtns .ope_fz .icmg{background: url(../images/opeBtns.png) no-repeat -4px -66px;}
#infoTopBox.on .operationBtns .ope_yj .icmg{background: url(../images/opeBtns.png) no-repeat -4px -103px;}
#infoTopBox.on .operationBtns .ope_zz .icmg{background: url(../images/opeBtns.png) no-repeat -4px -139px;}
#infoTopBox.on .operationBtns .ope_qg .icmg{background: url(../images/opeBtns.png) no-repeat -4px -175px;}
#infoTopBox.on .operationBtns .ope_del .icmg{background: url(../images/opeBtns.png) no-repeat -4px -212px;}
#infoTopBox.on .operationBtns .ope_sc:hover .icmg{background: url(../images/opeBtns.png) no-repeat -4px -279px;}
#infoTopBox.on .operationBtns .ope_fz:hover .icmg{background: url(../images/opeBtns.png) no-repeat -4px -325px;}
#infoTopBox.on .operationBtns .ope_yj:hover .icmg{background: url(../images/opeBtns.png) no-repeat -4px -369px;}
#infoTopBox.on .operationBtns .ope_zz:hover .icmg{background: url(../images/opeBtns.png) no-repeat -4px -413px;}
#infoTopBox.on .operationBtns .ope_qg:hover .icmg{background: url(../images/opeBtns.png) no-repeat -4px -458px;}
#infoTopBox.on .operationBtns .ope_del:hover .icmg{background: url(../images/opeBtns.png) no-repeat -4px -503px;}
#infoTopBox.on .operationBtns .ope_sc:hover .bcCtnbox_bzAlone{display: block !important;}
#infoTopBox.on .operation .ope{height: 25px; width: 25px; margin: 0 auto; font-weight: bold; line-height: 25px;letter-spacing: 1px; cursor: pointer; color: #999; border-radius: 100%; position: absolute; top: 50%; margin-top: -12.5px; left: 50%; margin-left: -12.5px;text-align: center;}
#infoTopBox.on .operation .ope:hover{background: #3280FD;color: white;}
#infoTopBox.on .operation:hover .operationBtns{display: block !important;}
#infoTopBox.on .operation .operationBtns:hover{display: block !important;}
#infoTopBox.on .tit .news_title,#infoTopBox.on .meds i,#infoTopBox.on .auts{word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -o-box;  display: box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.info_cobgck:hover{background-color: #F6F5FB;}
#infoTopBox.on .tit .news_title em{color: #121212;}
#infoTopBox.on .tit .news_title em:hover {text-decoration: underline;color: #3280FB;}
#infoTopBox.on .change_xBox{right: -3px;}
#infoTopBox.on .change_xInputCtn{right: -70px;}
.searchInfoBox{display: inline-block;border: solid 1px #e3e3e3;border-radius: 3px;}
.searchInfoBox .info_sosui input,.searchInfoBox select{border: none !important;}
.searchInfoBox select{outline: none;padding: 0 25px 0 8px;margin-right: 0; appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/show_sxl.png) no-repeat 70px center;}
.searchInfoBox .info_sosui i{position: absolute;top: 50%;left: 0;width: 1px;height: 10px;margin-top: -5px;background-color: #e3e3e3;}
.searchInfoBox .info_sosui{height: 100%;padding-left: 9px;}
.searchInfoBox .info_spge{background: url(../images/info_spge.png) no-repeat center center;background-color: #3280fc;width: 55px;border-radius: 3px;}
.searchInfoBox .info_spge:hover{background-color: #2e74e5;}
.chartsTools{right: 10px;float: right; position: absolute; top: 50%; margin-top: -13px;display: flex;}
.chartsTools .tool{cursor: pointer;width: 20px;height: 20px;margin-left: 5px;}
.chartsTools .showDataViews{background: url(../images/dataView.png) no-repeat center center;}
.chartsTools .downLoadCharts{background: url(../images/chartDown.png) no-repeat center center;}
.chartsTools .showDataViews i{margin-left: -25px;}
.chartsTools .downLoadCharts i{margin-left: -30px;}
.dataViewBox{position: absolute;top: 0;left: 0;width: 100%;background: white;}
.dataViewTable{width: 92%;margin: 0 auto;max-height: 285px;overflow-y: auto;margin-top: 20px;}
.dataViewTable tr:nth-child(2n-1){background-color: #f9f9f9;}
.dataViewTable td{padding: 10px 10px;text-align: center;}
.dataViewTable span{position: absolute;bottom: -30px;right: 40px;}
.dataViewTable i{cursor: pointer;padding: 2px 5px;font-size: 12px;border-radius: 3px;background-color: rgb(50, 128, 252);color: rgb(255, 255, 255);}
.dataViewTable table{border-color: #ddd;width: 100%;cursor: context-menu;}
.info_rigsl{margin-left: 0;}
.readSpeedModel{float: right;margin-left: 20px;display: flex;}
.readSpeedModel .btn:first-of-type{background: url(../images/infochackBtn02.png) no-repeat center center;background-color: #EEEDF3;border-radius: 0;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.readSpeedModel .btn:first-of-type.on{background: url(../images/infochackBtn02_h.png) no-repeat center center;background-color: #3280FC;border-color: #3280FC;}
.readSpeedModel .btn:last-of-type{background: url(../images/infochackBtn01.png) no-repeat center center;background-color: #EEEDF3;border-radius: 0;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.readSpeedModel .btn:last-of-type.on{background: url(../images/infochackBtn01_h.png) no-repeat center center;background-color: #3280FC;border-color: #3280FC;}
.readSpeedModel .btn{display: inline-block;width: 40px;height: 35px;cursor: pointer;position: relative;}
.readSpeedModel .btn:hover .hov{display: block !important;}
.readSpeedModel .btn .hov{position: absolute;font-size: 12px;padding: 0px 10px; text-align: center; background: black;color: white; opacity: 0.7;line-height: 25px; border-radius: 3px; bottom: -33px;z-index: 999;left: -15px;display: inline-block;}
.readSpeedModel .btn .hov em{position: relative;}
.readSpeedModel .btn .hov i{border: 4px solid transparent; border-bottom-color: black; position: absolute; top: -12px;left: 21px;}
.po_contabsbg{position: relative;}
.po_cotits{position: absolute; top: 0; left: 50%;margin-left: -82px;z-index: 99;background: #5E5E76; color: white;padding: 0;border-radius: 22.5px;display: flex;justify-content: space-around;align-items: center;height: 45px;}
.po_cotits .updataBox{padding: 12px 0px 12px 15px;display: flex;margin-right: 15px;}
.po_cotits .iclog{margin-right: 15px;width: 14px;height: 18px;}
.po_cotits .iclose{margin-right: 15px;}
.po_cotits i{font-size: 16px; padding: 0 5px;}
.infoTopTabLineBox{position: fixed;top: 54px;right: 20px;z-index: 9999;background: white;}
.control-bar-wrapper .control-bar .date-select-bar a ,.date-select-bar,.info_xuanio a,.info_more1 a,.info_tab1 a:last-child,.info_tab3 a:last-child{ border: none;}
.control-bar-wrapper .control-bar .date-select-bar a:hover,.info_xuanio a:hover {background-color: transparent; }
.control-bar-wrapper .control-bar .date-select-bar .on{border-radius: 4px;padding-top: 0;}
.infoCondItemLine .control-bar-wrapper{padding: 0;}
.infoCondItemLine .info_xuanio{padding-top: 0;padding-bottom: 0;}
.infoCondItemLine{padding: 10px 0 0 0 !important;display: flex;align-items: center;height: 100%;}
.bcCtnbox_bz{padding-top: 10px;}
.bcCtnbox_bz .colbats{box-shadow: 0 2px 5px #c3c2c2;}
.bcCtnbox, .bcCtnbox_bz{border-bottom: none;}
.bcCtnbox em, .bcCtnbox_bz em{border: none;border-top: 1px solid #e3e3e3;}

.hiddChang{width: 120px;text-align: center;font-size: 14px;letter-spacing: 1px;padding: 0 10px 0 35px;cursor: pointer;background: url(../images/hiddChangbox_d.png) no-repeat 10px center;margin: 0 auto;}
.hiddChang:hover{color: #3280FC;background: url(../images/hiddChangbox_dh.png) no-repeat 10px center;}

#infolist_tops .popper__arrow{display:none;}
#infolist_tops .infolp{background: #f5f7f5;color: #999999;}
#infolist_tops .infolp .popper__arrow{display:block;}
#infolist_tops .infolp .popper__arrow,#infolist_tops .infolp .popper__arrow::after{border-right-color: #f5f7f5;border-left-color: #f5f7f5;}

@media screen and (max-width: 1680px) {
   #infoTopBox.on .tit, #infoTopBox.on .info_cemop {
       width: 38% !important;
   } 
}
@media screen and (max-width: 1600px) {
   #infoTopBox.on .tit, #infoTopBox.on .info_cemop {
       width: 36% !important;
   } 
}
@media screen and (max-width: 1440px) {
   #infoTopBox.on .tit, #infoTopBox.on .info_cemop {
       width: 34% !important;
   } 
}
@media screen and (max-width: 1366px) {
   #infoTopBox.on .tit, #infoTopBox.on .info_cemop {
       width: 32% !important;
   } 
}
@media screen and (max-width: 1360px) {
   #infoTopBox.on .tit, #infoTopBox.on .info_cemop {
       width: 30% !important;
   } 
}
@media screen and (max-width: 1280px) {
   #infoTopBox.on .tit, #infoTopBox.on .info_cemop {
       width: 28% !important;
   } 
}