.fullscreen{
    background:#fff;
    overflow: auto;
}
video {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    background: transparent;
}
video:focus,
video:active {
    outline: none;
}
/* 解决浏览器变更h6的用户代理样式表默认font-size: 0.67em  */
h6{
    font-size: 13px;
}
/*OVERWRITE IVIEW*/
.ivu-table-header-resizable {
    background: url(/images/916678f8b6af074d396b6e139e90ff46.png) no-repeat 0 center;
}
/* iview table行hover样式 */
.ivu-table .ivu-table-tbody tr.ivu-table-row-hover td{
    background-color:rgba(102, 133, 252, 0.1);
}
.ivu-tree-empty {
    text-align: center;
    margin-top: 20px;
}

/*OVERWRITE IVIEW*/
.c-btn-row{
    color: #4B7EFE;
}

.table-page {
    text-align: right;
    margin: 10px 0;
}
.ivu-page-options-elevator {
    height: 30px;
}
/* >>> MODEL >>> CONFIRM*/
.c-modal-footer-btns {
    text-align: center;
    padding-top: 10px;
}

.c-modal-footer-btns .ivu-btn {
    min-width: 130px;
    margin: 0 15px;
}

/* >>> TREE >>> */


/*LAY*/

.c-main-border {
    border: 5px solid #f0f0f0;
    min-height: 100%;
    width: 100%;
}

.c-left-border-blue {
    border-radius: 3px;
    padding: 5px;
}

.c-left-border-blue h3 {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
}

.c-gray-bg-h {
    background-color: #f4f4f4;
    height: 30px;
    line-height: 30px;
    text-indent: 20px;
    font-weight: 100;
    font-size: 13px;
}

.c-plain-bg-h {
    border-bottom: 1px solid #f0f0f0;
    height: 50px;
    padding: 10px 0 10px 10px;
}

.c-plain-bg-h h3 {
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
}
.c-plain-bg-h .c-btns-right .c-btn-add {
    padding: 3px 15px;
}
.c-top-border-gray {
    border-top: 5px solid #f0f0f0;
    padding: 10px;
}


.c-adv-search-btn {
    float: right;
    margin-top: 3px;
}

.c-adv-search-btn a {
    margin: 0 10px 0 0;
    color: #576374;
    font-size: 12px;
}

.c-adv-search-btn button {
    margin: 0 5px;
}

.c-adv-search-btn .ivu-icon {
    margin-right: 6px;
    color: #576374;
}

.c-adv-search {
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid #ececec;
}

.c-adv-search-row {
    margin: 5px 0;
}

.c-table-top-btns {
    height: 40px;
    border-bottom: 1px solid #EEE;
}

.c-table-top-btns button {
    min-width: 50px;
}

/*   Form  */
.c-form-item {
    display: inline-block;
    min-height: 33px;
    vertical-align: top;    
}
.c-form-item label {
    display: inline-block;
    width: 100px;
    line-height: 35px;
    text-align: right;
}
.c-form-item .ivu-radio-group label, .c-form-item .ivu-checkbox-group label {
    text-align: left;
    width: auto;
    margin-right: 20px;
}
.c-search-main .c-form-item label, .c-adv-search-row .c-form-item label {
    color: #576374;
}

.c-form-data-show .c-form-row-2col {
    height: auto;
    min-height: 40px;
}
.c-form-data-show .c-form-item label {
    font-weight: 700;
} 
.c-form-data-show .c-form-row-1col .c-form-item,
.c-form-data-show .c-form-row-2col .c-form-item{
    line-height: 24px;
    vertical-align: top;
    padding-left: 100px;
    padding-top: 9px;
    position: relative;
}
.c-form-data-show .c-form-row-1col .c-form-item label,
.c-form-data-show .c-form-row-2col .c-form-item label  {
    position: absolute;
    left: 0;
    top: 4px;
    vertical-align: top;
}
.c-form-row-2col .c-form-item {
    width: 49%;
}
.c-form-row-1col .c-form-item {
    width: 99%;
}
.full-width {
    width: 100% !important;
}
.half-width {
    width: 50% !important;
}


/* 展示树 */
.c-tree {
    display: flex;
    min-height: 100%;
}
.c-tree-left {
    width: 350px;
    background-color: #FFF;
    border-top: 3px solid #f0f0f0;
}
.c-tree-left::-webkit-scrollbar {
    width:5px;
    background-color: #DDD;
}
.c-tree-left::-webkit-scrollbar-thumb {
    background: #BBB; 
    border-radius:4px;
}
.c-tree-left h3 {
    border-bottom: 1px solid #f0f0f0;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
}
.c-tree-right {
    flex: 1;
}
.c-tree-tip-input {
    width: 150px;
    border: 1px solid #eaeaea;
    margin-right: 10px;
    vertical-align: bottom;
}
.c-tree-btn-edit, .c-tree-btn-add {
    margin-left: 5px;
}
.el-tree-btns {
    visibility: hidden;    
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    background: #6f98fe;
    z-index: 999;
    padding-right: 5px;
}
.el-tree-btns a {
    color: #FFF;
    margin-left: 5px;
    font-size: 12px;
}
.el-tree-btns a:hover {
    text-decoration: underline
}
.el-tree-title {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.el-tree-title:hover .el-tree-btns {
    visibility: visible;
}

.viewui-tree {
    width: 100%;
    overflow-x: hidden;
}
.viewui-tree .ivu-tree-title {
    width: 100%;
}
.viewui-tree-title {
    position: relative;
    display: block;
    width: 100%;
}
.viewui-tree-btns {
    visibility: hidden;    
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    background: #6f98fe;
    z-index: 999;
    padding-right:5px;
}
.viewui-tree-btns a {
    color: #FFF;
}
.viewui-tree-title:hover .viewui-tree-btns {
    visibility: visible;
}

/* 左右布局结构 start */

.c-sub-lay {
    position: relative;
    height: 100%;
}

.c-sub-menu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 120px;
    border-top: 2px solid #f0f0f0;
    padding-top: 10px;
}

.c-sub-menu li {
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.c-sub-menu li a {
    font-size: 13px;
}

.c-sub-menu li.active a {
    font-weight: 700;
    color: #4b7efe;
}
.c-sub-main {
    position: relative;
    height: 100%;
    overflow-y: auto;
    margin-left: 120px;
    border: 5px solid #f0f0f0;
}
/* 左右布局结构，按时间分类的表格 end */


/*PART*/

.margin0 {
    margin: 0;
}

.padding0 {
    padding: 0;
}

.margin10 {
    margin: 10px;
}

.margin0-10 {
    margin: 0 10px;
}

.padding10 {
    padding: 10px;
}
.padding20 {
    padding: 20px;
}
.padding20-0 {
    padding: 20px 0;
}

.padding10-0 {
    padding: 10px 0;
}

.padding0-10 {
    padding: 0 10px;
}
.padding0-20 {
    padding: 0 20px;
}
.padding20-14 {
    padding: 20px 14px;
}
.padding-l-10 {
    padding-left: 10px;
}
.c-nodata-tip {
    text-align: center;
    line-height: 50px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.ell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.c-center{
    text-align: center;
}
.label-required {
    color: red;
    font-size: 16px;
}

/*BUTTONS*/

.c-btn-add {
    color: #FFF;
    background-color: #576374;
    border: none;
}

.c-btn-add:hover {
    color: #FFF;
    background-color: #9BA1A9;
}

.c-btn-reset {
    background-color: #495566;
    border: none;
}

.c-btn-reset:hover {
    background-color: #5a6779;
}

.c-btn-back {
    background-color: #c8c8c8;
}
.c-btn-cancel {
    background-color: #FD8349;
}
.c-btn-back:hover {
    background-color: #d8d5d5;
}
.c-btn-attention {
    color: #4b7efe;
    margin-left: 20px;
    font-weight: 700;
}
.c-btn-other {
    background-color: #8790ff;
}

.c-btn-other:hover {
    background-color: #abb1ff;
}

.c-btn-upload {
    background: transparent;
    width: 100%;
}
.c-btn-upload:hover {
    background: transparent;
}
.c-btn-upload .ivu-icon {
    font-size: 18px;
}
.c-btn-text {
    color: #5c51fd;
    margin-left: 10px;
    text-decoration: underline;
}

.c-btn-text-disable{
    color: #bbbec4;
    cursor: not-allowed;
}

.c-btn-text-disable:hover{
    color: #bbbec4;
}


.c-btns-right {
    float: right;
    margin-top: 2px;
}
.c-btns-right button {
    margin: 0 5px;
}
.c-btn-modal-search, .c-btn-modal-reset {
    border-radius: 1px; 
    line-height: 30px;
    height: 30px;
}
.c-btn-modal-search {
    background-color:#838A95;
}
.c-btn-modal-reset {
    background-color:#aaafb8;
}
.c-btn-modal-search:hover, .c-btn-modal-reset:hover {
    background-color:#787f8a;
}
.c-btn-modal-select, .c-btn-modal-del {
    display: inline-block;
    color: #4B7EFE !important;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    margin: 0 5px 0 0;
}

.c-icon-export {
    display: inline-block;
    background: url(/images/ab8ba39d007bcf2d1e6dd4526484a13b.png) no-repeat  -4px -42px;
    width: 25px;
    height: 25px;
}

.c-icon-import {
    display: inline-block;
    background: url(/images/ab8ba39d007bcf2d1e6dd4526484a13b.png) no-repeat  -4px -8px;
    width: 25px;
    height: 25px;
}
.c-icon-table {
    display: inline-block;
    background: url(/images/0c3851623ecc48c1fef232d40f1ad7de.png) no-repeat  0 2px;
    width: 25px;
    height: 25px;
}
.c-icon-dline {
    display: inline-block;
    background: url(/images/db5cfadde5b3846285b31fd65f6aee61.png) no-repeat  0 3px;
    width: 25px;
    height: 25px;
}
.c-icon-chart {
    display: inline-block;
    background: url(/images/ab8ba39d007bcf2d1e6dd4526484a13b.png) no-repeat  -4px -88px;
    width: 25px;
    height: 26px;
}

/*form*/

.c-title-css {
    height: 40px;
    line-height: 40px;
    background: #f4f4f4;
    font-size: 14px;
    color: #333;
    padding: 0 16px;
    /* font-weight: bold; */
}



/*MAP*/
.BMap_shadow img {
    display: none !important;
}
.bdmap-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 306px;
    height: 36px;
    border: 3px solid #CCCCCC;
    background-color: #FFFFFF;
    opacity: .7;
}
.bdmap-search .ivu-icon {
    margin: 5px 6px 0 6px;
}
.bdmap-search-key {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 30px;
    width: 300px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border: 0;
    outline: none;
    background: none;
    color: #333;
}
.bdmap-location {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.tangram-suggestion-main {
    z-index: 9999;
}

.c-scrollbar::-webkit-scrollbar {
    width:5px;
    height: 5px;
    background-color: #DDD;
}
.c-scrollbar::-webkit-scrollbar-thumb {
    background: #BBB; 
    border-radius:4px;
}


.spin-icon-load{
    animation: ani-demo-spin 1s linear infinite;
}
@keyframes ani-demo-spin {
    from { transform: rotate(0deg);}
    50%  { transform: rotate(180deg);}
    to   { transform: rotate(360deg);}
}

.cmp-primary-color { color:#4B7EFE; }

.c-link-color{
    color: #333;
}
.c-link-color-red{
    color: red;
}

.hightcharts-icon-date{
    width: 20px;
    height: 20px;
    background: url(/images/1b705900fff142c248850cdda778cb57.png) no-repeat center;
    background-size: 100% 100%;
}
.hightcharts-icon-line{
    background-image: url(/images/4fb729833b8d5e77013ef4c4234589f6.png);
}
.activiti-theme-style .bjs-powered-by {
    display: none !important;
}
/* 视频预览框 */

.play-dialog .ivu-modal-header {
    padding: 0;
    border: none;
    background: #fff;
}

.play-dialog .ivu-modal {
    top: 50%;
    margin-top: -200px;
    height: 400px;
}

.play-dialog .ivu-modal-body {
    padding: 0;
    height: 400px;
}

.play-dialog .ivu-modal-footer {
    padding: 0;
}

.play-dialog .dplayer {
    height: 400px;
}

.play-dialog .ivu-modal-close {
    top: -24px;
    right: -24px;
}

.play-dialog .ivu-icon-ios-close {
    color: #FFF;
}
.fault-live-img .ivu-icon-logo-youtube:before, .scheme-fault-live-img .ivu-icon-logo-youtube:before {
    content: "";
    background: url(/images/f79010048bd053d20621ef62e60cffc0.png) no-repeat 0 center;
    display: block;
    width: 48px;
    height: 40px;
    background-size: 100%;
}

.maintain-image-box{
    padding-bottom:2px;
} 
.maintain-image-box .ivu-icon-logo-youtube:before {
    content: "";
    background: url(/images/f79010048bd053d20621ef62e60cffc0.png) no-repeat 0 center;
    display: block;
    width: 24px;
    height: 20px;
    background-size: 100%;
}
.el-v-tree > div::-webkit-scrollbar{
    width: 5px;
    background-color: #DDD;
}
.el-v-tree > div::-webkit-scrollbar-thumb{
    background: #BBB;
    border-radius: 4px;
}
/* highchart图表crosshair-category的背景颜色 */
path.highcharts-crosshair-category{
    stroke: rgba(102, 133, 252, 0.1);
}
/* 状态标签 */
.status-tag-1{
    display:inline-block;
    padding:0 3px;
    text-align: center;
    min-width: 40px;
    height: 22px;
    border-radius: 2px;
    border: 1px solid rgba(72, 189, 109, 0.3);
    font-size: 12px;
    font-weight: 400;
    color: rgba(72, 189, 109, 1);
    line-height: 20px;
    background-color:rgba(72, 189, 109, 0.1)
}
.tag-1-red{
    color: rgba(234, 76, 75, 1);
    border-color: rgba(234, 76, 75, 0.3);
    background-color:rgba(234, 76, 75, 0.1)
}
.tag-1-green{
    color: rgba(72, 189, 109, 1);
    border-color: rgba(72, 189, 109, 0.3);
    background-color:rgba(72, 189, 109, 0.1);
}
.tag-1-gray{
    color: rgba(51, 51, 51, 1);
    border-color: rgba(216, 216, 216, 1);
    background-color:rgba(153, 153, 153, 0);
}
.tag-1-blue{
    color: rgba(102, 133, 252, 1);
    border-color: rgba(102, 133, 252, 0.3);
    background-color:rgba(102, 133, 252, 0.1);
}
.tag-1-orange{
    color: rgba(249, 161, 16, 1);
    border-color: rgba(249, 161, 16, 0.3);
    background-color:rgba(249, 161, 16, 0.1);
}

/*********** 解决fullscreen下el-select下拉项被遮挡 ***********/
.fullscreen-visual-selects{
	position: fixed!important;
	width: 100vw!important;
	height: 100vh!important;
	left: 0!important;
	right: 0!important;
	top: 0!important;
	bottom: 0!important;
	z-index: 2000!important;
	transform: translate3d(0, 0, 0)!important;
}
.HELP_FULLSCREEN{
	transform: none!important;
	transform-style: initial!important;
	perspective: none!important;
}
.prosee-iframe-box{
    overflow:hidden;
}