html{
	font-size: 10px;
}
@media (min-width: 1280px){
	html{
		font-size: 10px;
	}
}
@media (min-width: 1445px){
	html{
		font-size: 12px;
	}
}
@media (min-width: 1590px){
	html{
		font-size: 12.5px;
	}
}
@media (min-width: 1660px){
	html{
		font-size: 13px;
	}
}
@media (min-width: 1746px){
	html{
		font-size: 14px;
	}
}
@media (min-width: 1925px){
	html{
		font-size: 16px;
	}
}
@media (min-width: 2350px){
	html{
		font-size: 18px;
	}
}
*{
	font-family: 微软雅黑;
}
table *{
	font-size: 1rem;
}

.inner-btn{
	font-size: 1rem;
}

.flex-box-column{
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ 
	display: -webkit-flex; /* NEW - Chrome */ 
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-direction:column;
	-webkit-flex-direction:column;

	display: -ms-flexbox;
	-ms-flex-direction:column;
}
.flex-one{
    -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1;     /* OLD - Firefox 19- */              
    -webkit-flex: 1;      /* Chrome */  
    -ms-flex: 1;           /* IE 10 */  
    flex: 1;              /* NEW, Spec - Opera 12.1, Firefox 20+ */	
}
.flex-list-page{
	overflow-y: auto;
	overflow-x: hidden;
	padding:10px;
	align-items: center;
	position: relative;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	-ms-flex-direction:column;
	-ms-flex-align:center;
}
.flex-com-box{
    -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1;     /* OLD - Firefox 19- */              
    -webkit-flex: 1;      /* Chrome */  
    -ms-flex: 1;           /* IE 10 */  
    flex: 1;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
	width: 100%;
	background: #fff;
}
.flex-col-item {
  flex-shrink: 1; /* default 1 */
}

h9{
	display: inline-block;
	width: 10em;
}
h9>.glyphicon{
	display: inline-block;
	width: 1.5em;
}
h8{
	display: inline-block;
}
h10{
	display: block;
}
h{
	display: inline;
}
.navbar-inverse{
	border-radius: 0;
	background-color: #fff;
	border-color: #fff;
	border-left: 0;
}
.navbar-inverse .navbar-brand {
	color: #333;
	padding-left: 23px;
}
.navbar-inverse .navbar-brand:hover {
	color: #17a9a8;
}
.navbar-inverse .navbar-brand:focus{
	color: #333;
}
.navbar-inverse .navbar-nav>li>a {
	color: #333;
	font-size: 1rem;
	line-height: 2.142rem;
	padding-top: 0.714rem;
	padding-bottom: 0.714rem;
}
.navbar-inverse .navbar-nav>li>a>.glyphicon {
	position: relative;
	top: 5px;
	font-size: 1.285rem;
}
.navbar-inverse .navbar-nav>li>a:hover {
	color: #333;
}
.navbar-inverse .navbar-nav>li>a:focus {
	color: #333;
}
.navtree .container-fluid{
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}
.navtree .container-fluid .nav>li>a{
	color: #aeaeae;
	padding: 5px 15px 5px 30px;
	margin: 5px 0 5px 0;
}
.no-padding{
	padding: 0!important;
}
.logo{
	padding: 2.14rem 3.21rem 1.28rem 3.21rem;
	background-color: #06101b;
	text-align: center;
}
.navbar-brand{
	font-size: 1.07rem;
}
.navbar{
	margin-bottom: 0px;
	box-shadow: 0px 2px 5px #aaa;
	min-height: 0;
}
.navbar-inverse .navbar-nav>li>.nav-hover-t:hover{
	background-color: #d8f0f0;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-nav>.open>a>span, .navbar-nav>.open>a>span:hover,.navbar-nav>.open>a>span:focus {
    color: #fff;
    background-color: #17a9a8;
}
.navbar-inverse .navbar-toggle{
	background-color: #373d41;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #333;
	background-color: transparent;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 1rem;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}


.flrs-sharp{
	height: 0px;
	padding-bottom: 12.5%;
	position: relative;
}

.slidebar{
	float: left;
	position: relative;
	width: 17.5rem;
	overflow: auto;
	height:100%;
	max-height: 100%;
}
.slidebar nav{
	min-height: 100%;
	background-color: #071421;
}
.diver-header{
	position: relative;
	z-index: 10;
}
.diver-view .diver{
	min-height: 500px;
	overflow: auto;
	padding: 1.5rem 2rem;
}
.wrapper{
	height:100%; 
	width:100%; 
	position:absolute;
}
.bonsly{
	width: 30px;
	border-radius: 30px;
}
.divorer{
	margin-bottom: 1.428rem;
}
.divorer-up{
	margin-top: 20px;
}
.divorband{
	padding-left: 0;
}

.fzclr-gary{
	color: #919191;
}
.fzclr-main{
	color: #17a9a8;
}
.fzclr-red{
	color: red;
}
.fzclr-ccc{
	color: #ccc;
}
.fzclr-white{
	color: white;
}
.fzclr-f00{
	color: #f00;
}
.fzclr-0f0{
	color: #0f0;
}
.fzclr-yel{
	color: #d58512;
}

.header-binder:hover{
	color: #17a9a8;
}

.spaner-elem-right{
	float: right;
	font-size: 1.285rem;
	position: relative;
    top: 2px;
    cursor: pointer;
}
.span2{
	height: 30px;
}

.btn-primary{
	border:1px solid #17a9a8!important;
	background-color: #17a9a8!important;
}
.btn-primary:hover{
	border:1px solid #138b8b!important;
	background-color: #138b8b!important;
}
.bwizard-steps .active{
	background: #17a9a8!important;
}
.bwizard-steps .active:after {
	border-left-color: #17a9a8;
}

.navtree{
	background-color: #091929;
	font-size: 1rem;
}
.nacul{
	background-color: #06101b;
}
.navtree .container-fluid .nav .navlevel2>li>a{
	padding: 5px 15px 5px 5.357rem;
	margin: 5px 0 5px 0;
}
.navtree .container-fluid .nav .islevel1{
	font-size: 1.07rem;
	font-weight: bold;
	background-color: #091929;
}
.navtree .container-fluid .nav .islevel1 h9{
	font-size: 1.07rem;
}
.navtree .container-fluid .nav .islevel1 h9 span{
	font-size: 0.857rem;
}
.navtree .container-fluid .nav>li>a:hover{
	background-color: #17a9a8;
	color: white;
}
.navtree-active{
	background-color: #17a9a8!important;
	color: white!important;
}
.main-diver{
	overflow: auto;
	position: relative;
	height: 100%;
}
.diver-white{
	background-color: #fff;
}
.diver-mainclr{
	background-color: #17a9a8;
}
.row-elem{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	/*height: 100%;*/
}
.pie-chart-cir{
	height: 10.71rem;
	width: 100%;
}
.elem-inb{
	display: inline-block;
}
.row-header{
	padding: 1.071rem 2.142rem;
}
.row-header>div{
	font-size: 1.142rem;
	text-align: center;
}
.row-header-tit{
	font-size: 1.142rem;
	display: inline-block;
	padding-right: 50px;
}
.row-header>a{
	font-size: 1.142rem;
	color: #f00;
	display: inline-block;
	padding-right: 30px;
}
.index-liner-mse-show{
	text-align: left;
	font-size: 0.6rem;
	font-weight: bold;
}
.show-mesf-content{
	margin-top: 1.8rem;
}
@media (min-width: 1590px){
	.index-liner-mse-show{
		text-align: left;
		font-size: 0.87rem;
		font-weight: bold;
	}
}
.gt-hide-when{
	display: inline;
}
@media (min-width: 990px){
	.gt-hide-when{
		display: none;
	}
}
@media (min-width: 1385px){
	.gt-hide-when{
		display: inline;
	}
}
.index-liner-block{
	width: 0.9rem;
	height: 0.7rem;
	border-radius: 2px;
	display: inline-block;
}

.tb-header{
	background-color: #f3f3f3;
}
.tb-main>tbody>tr>td{
	text-align: center;
	border-right: 1px solid #ddd;
	border-top: none;
}
.tb-main>tbody>tr>th{
	font-size: 1.428rem;
	text-align: center;
	border-right: 1px solid #ddd;
}
.tb-main{
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.levl-btn{
	padding-top: 1.071rem;
}
.btn-signmain{
	outline: none;
	width: 5.714rem;
	height: 3.5rem;
	font-size: 1.2rem;
	color: #17a9a8;
	background-color: #fff;
	border-color: #ccc;
}
.btn-signmain:hover,.btn-signmain-active,.btn-signmain:focus{
	background-color:#17a9a8;
	color: #fff;
	border-color: #17a9a8;
}

/*machine monitor*/
.monitor-machine-list{
	min-height: 56rem;
	/*max-height: 832px;*/
	font-size: 1rem;
	position: relative;
}
.divorband-all-side{
	padding: 0;
}
.divorband-right-side{
	padding-right: 0;
}
.machin-list-elem{
	padding: 0 1.285rem;
	line-height: 3rem;
	height: 3rem;
}
.machin-list-elem>.container-fluid{
	padding: 0;
}
.machin-list-elem>.container-fluid div{
	padding: 0;
}
.machin-list-elem-header{
	height: 3rem;
	line-height: 3rem;
	border-bottom: 1px solid #f0f0f0;
}
.machin-list-elem-header>div{
	display: inline-block;
}
.machin-list-elem-elemer{
	padding-left: 2.142rem;
	cursor: pointer;
	border-bottom: 1px solid #f0f0f0;
}
.machin-list-elem-footer{
	height: 82px;
	margin-top: 10px;
	position: absolute;
	bottom:0.9rem;
	width: 100%;
}
.machin-list-elem-footer>.container-fluid{
	padding-left: 28px;
	padding-right: 28px;
}
.machin-list-elem-footer>div{
	height: 41px;
	line-height: 41px;
}
.machin-list-elem-footer input{
	line-height:initial;
	width: 80%;
	border: none;
	font-size: 1.142rem;
}
.machin-list-elem-footer input:hover{
	border: none;
}
.machin-list-elem-footer a{
	text-decoration: none;
	color: #17a9a8;
}
.machin-list-elem-footer .glyphicon{
	position: relative;
	top: 2px;
}
.machin-list-elem-footer h0{
	cursor: pointer;
}
.machin-list-elem-footer h0:hover{
	color: #17a9a8;
}
.machin-elem-active{
	background-color: #e7f6f6;
}

.monitor-machine-monitor{
	min-height:715px;
	float: left;
}
.diver-title{
	display: none;
}

.diver-title-top-media{
	font-weight: bold;
	font-size: 1.428rem;
	text-align: center;
	padding: 6px 0px 12px 0px;
}

@media (min-width: 1370px) {
	.diver-title{
		display: inline-block;
		font-weight: bold;
		font-size: 1.428rem;
		line-height: 4.47rem;
	}
	.diver-title-top-media{
		display: none;
	}
}

.btn-bar{
	display: inline-block;
	padding: 1.142rem 0.714rem 1.428rem 0px;
}
.monitor-btn-list-able{
	padding: 0px 20px;
}
.monitor-elem-view{
	padding: 1.285rem 1.428rem;
	font-size: 1rem;
}
.monitor-page-tab>div{
	text-align: center;
	padding: 0px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}
.monitor-page-tab>div:hover{
	background-color: #bbb;
}
.monitor-page-tab>div>span{
	padding-left:10px;
}
.monitor-page-tab>div>span:hover{
	color: #17a9a8;
}
.page-tab-active{
	background-color: #ccc;
}


.can-monitor{
	font-size: 1rem;
}
.can-monitor .inner-btn{
	font-size: 1rem;
}
.can-monitor .monitor-publish-no-data{
	font-size: 1rem;
}
.screenshot-no-data{
	height: 44.285rem;
	padding-left: 1.428rem;
	text-align: center;
	vertical-align: middle;
	line-height: 44.285rem;
	padding-right: 1.428rem;
}
.machine-data-chart{
	height: 44.285rem;
	padding-left: 1.428rem;
	padding-right: 1.428rem;
}
.chart-select-btnor{
	height: 1.428rem;
	width: 100%;
}
.chart-show-divor{
	height: 42.85rem;
	width: 100%;
}
.screenshot-view{
	height: 44.285rem;
	padding-left: 1.428rem;
}
.screenshot-view-right{
	height: 44.285rem;
	padding-right: 5px;
	overflow-x: hidden;
	overflow-y: auto;
}
.view-show-img{
	width: 100%;
	height: 42.85rem;
	position: relative;
	background-color: #000;
}
.view-show-img .img-diver{
	width: 100%;
	height: 100%;
	background-size: 100% 100% !important;
}
.view-show-img .datetime {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    opacity: 0.8;
    background: #000;
    color: #fff;
}
.view-list-img ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.view-list-img ul>li{
	text-align: center;
	height: 140px;
	margin: 5px 0;
	position: relative;
}
.view-list-img ul>li>img{
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.view-list-img ul>li .cancel-divor{
	width:15px;
	height:15px;
	position:absolute;
	top:10px;
	right:23px;
	cursor:pointer;
	background:url(../images/close.png);
	background-size:100% 100%;
}
.view-list-img ul>li .cancel-divor:hover{
	background:url(../images/close1.png);
	background-size:100% 100%;
}

.screenshot-thumbs{
	border: solid 1px #ccc;
    width: 100%;
    height: 100px;
}
.screenshot-thumbs:hover{
	border:solid 1px #0aa;
}

.monitor-normal-message{
	height: 25.642rem;
}
.monitor-normal-message ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 55px;
}
.monitor-normal-message ul>li{
	height: 39px;
}

.monitor-elem-title{
	padding-left: 1.428rem;
	padding-bottom: 1.785rem;
	font-size: 1.142rem;
}
.hrer{
	margin: 0px;
	margin-bottom: 1.428rem;
	color: #919191;
}
.monitor-normal-list{
	height: 44.285rem;
	overflow-x: hidden;
	overflow-y: auto;
}
.monitor-normal-list>table>tbody>tr>td{
	border-top: none;
	border-left: 1px solid #ddd;
}
.monitor-normal-list>table>tbody>tr>th{
	background-color: #f0f0f0;
	font-size: 1.142rem;
	border-left: 1px solid #ddd;
}
.monitor-normal-list>table{
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.monitor-bn-list-base{
	padding: 0px 1.428rem;
	font-size: 1rem;
}

.monitor-bn-list-base button{
	padding:5px 18px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	font-size:0.857rem;
	border-radius: 5px;
}

.monitor-bn-list-able button{
	background-color: #17a9a8;
	cursor: pointer;
}

.monitor-bn-list-disable button{
	background-color: #999;
	cursor: not-allowed;
}

.monitor-btn-list-able button{
	background-color:#17a9a8;
	padding:0px 18px;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size:0.857rem;
	text-decoration:none;
	color:#fff;
	background-image: linear-gradient(bottom, rgb(23,168,169) 0%, rgb(23,168,169) 100%);
	background-image: -o-linear-gradient(bottom, rgb(23,168,169) 0%, rgb(23,168,169) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(23,168,169) 0%, rgb(23,168,169) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(23,168,169) 0%, rgb(23,168,169) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(23,168,169) 0%, rgb(23,168,169) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(23,168,169)),
	color-stop(1, rgb(23,168,169))
	);
	-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 6px 0px #0f7372;
	-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 6px 0px #0f7372;
	-o-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 6px 0px #0f7372;
	box-shadow: inset 0px 1px 0px #7fd2f1, 0px 6px 0px #0f7372;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	border:0px;
	outline: none;
	height: 30px;
	font-size: 1rem
}

.monitor-btn-list-able button::before {
	background-color:#17a9a8;
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:4px;
	left:-2px;
	top:5px;
	z-index:-1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 1px 0px #fff;
	-moz-box-shadow: 0px 1px 0px #fff;
	-o-box-shadow: 0px 1px 0px #fff;
	box-shadow: 0px 1px 0px #fff;
}

.monitor-btn-list-able button:active {
	color:#0a4a4a;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
	background:rgb(23,168,169);
	-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #0f7372;
	-moz-box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #0f7372;
	-o-box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #0f7372;
	box-shadow: inset 0px 1px 0px #7fd2f1, inset 0px -1px 0px #0f7372;
	top:7px;
}

.monitor-btn-list-able button:active::before {
	top:-2px;
}

.monitor-btn-list-disable{
	padding: 0px 20px;
}

.monitor-btn-list-disable button{
	cursor: not-allowed;
	background-color:#bbb;
	padding:0px 18px;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size:0.857rem;
	text-decoration:none;
	color:#fff;
	background-image: linear-gradient(bottom, rgb(176,176,176) 0%, rgb(176,176,176) 100%);
	background-image: -o-linear-gradient(bottom, rgb(176,176,176) 0%, rgb(176,176,176) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(176,176,176) 0%, rgb(176,176,176) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(176,176,176) 0%, rgb(176,176,176) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(176,176,176) 0%, rgb(176,176,176) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(176,176,176)),
	color-stop(1, rgb(176,176,176))
	);
	-webkit-box-shadow: inset 0px 1px 0px #bbb, 0px 6px 0px #666;
	-moz-box-shadow: inset 0px 1px 0px #bbb, 0px 6px 0px #666;
	-o-box-shadow: inset 0px 1px 0px #bbb, 0px 6px 0px #666;
	box-shadow: inset 0px 1px 0px #bbb, 0px 6px 0px #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	border:0px;
	outline: none;
	height: 30px;
	font-size: 1rem;
}

/*machine-list*/
/*条件筛选的样式*/
.screening-conditions{
	padding: 1.071rem 2.142rem;
}
.screening-conditions>div{
	font-size: 1rem;
}
.screening-conditions>a{
	font-size: 1.142rem;
	color: #f00;
	display: inline-block;
	padding-right: 30px;
}

.custom-radio{
	margin-right: 20px;
}
.custom-radio em {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
    vertical-align: -5px;
}
.custom-radio em{
	background:url(../images/icon.png) 0 -829px no-repeat; 
}
.custom-radio em.redio-activte{
    background:url(../images/icon.png) 0 -852px no-repeat;
}
.page-normal-list{
	min-height: 50rem;
}
.page-normal-list>.col-md-12{
	padding-top: 1.071rem;
}
.page-normal-list table>tbody>tr>td{
	border-top: none;
	border-left: 1px solid #ddd;
	text-align: center;
	vertical-align:middle;
}
.page-normal-list table>tbody>tr>th{
	background-color: #f0f0f0;
	font-size: 1.142rem;
	border-left: 1px solid #ddd;
	text-align: center;
	vertical-align:middle;
}
.page-normal-list table{
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.page-normal-list-nodata{
	height: 50rem;
	text-align: center;
	line-height: 50rem;
}

.fnpager{
	width: 100%;
	text-align: right;
}

.pagination{
	margin-top: 0px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
    cursor: default;
    background-color: #17a9a8;
    border-color: #17a9a8;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #158989;
    background-color: #eee;
    border-color: #ddd;
}
.pagination>li>a, .pagination>li>span {
    color: #17a9a8;
}


/*porgram-list*/
.tab-card{
	margin-top: 10px;
	display: block;
	font-size: 1.142rem;
	height: 40px;
	line-height: 40px;
	position: relative;
	color: white;
	cursor: pointer;
}
.tab-view{
	width: 90%;
	text-align: center;
}
.tab-card:hover{
	border-left: 1px solid #e1e1e1;
	background:linear-gradient(244deg, transparent 15%, #fff 15%);
	background-size:100% 100%;
	background-repeat:no-repeat;
	color: #000;
	z-index: 10;
}
.tab-card-active{
	border-left: 1px solid #e1e1e1;
	background:linear-gradient(244deg, transparent 15%, #fff 15%);
	background-size:100% 100%;
	background-repeat:no-repeat;
	color: #000;
}
.tab-card-active:before {
    content: "";
    height: 40px;
    line-height: 40px;
    border-bottom: 40px solid rgba(0, 0, 0, 0.1);
    border-left: 10px solid transparent;
    position: absolute;
    top: 0px;
    left: -10px;
    z-index: 0;
}
@media (min-width: 990px){
	.tab-card:hover{
		background:url(../images/test/tab.png);
		background-size:100% 100%;
		background-repeat:no-repeat;
		color: #000;
		z-index: 10;
	}
	.tab-card-active{
		background:url(../images/test/tab.png);
		background-size:100% 100%;
		background-repeat:no-repeat;
		color: #000;
	}
}

.elem-outer-serch{
	width: 70%;
	float: right;
	padding-right: 1.428rem;
}
.elem-outer-serch .form-control{
	font-size: 1rem;
	height: auto;
}
.elem-outer-serch .input-group-addon{
	cursor: pointer;
}
.input-group-addon{
	font-size: 1rem;
}
.elem-inner-serch{
	width: 55%;
	margin-top: 0.74rem;
	float: right;
	padding-right: 1.428rem;
}
.elem-inner-serch .form-control{
	font-size: 1rem;
	height: auto;
}
.elem-inner-serch input[type=text]{
	background-color: rgba(255,255,255,0.3);
	border:none;
	outline: none;
	color: black;
}
.elem-inner-serch .input-group-addon{
	background-color: rgba(255,255,255,0.4);
	border: 1px solid rgba(0,0,0,0.1);
	color: white;
	cursor: pointer;
}
.elem-inner-viewchange{
	width: 30px;
	margin-top: 9px;
	height: 34px;
	text-align: center;
	font-size: 1.285rem;
	line-height: 34px;
	float: right;
	color: white;
}
.elem-inner-viewchange .glyphicon{
	cursor: pointer;
}
.elem-inner-viewchange span{
	display: none;
}
.elem-inner-viewchange:hover h{
	display: none;
}
.elem-inner-viewchange:hover span{
	display: inline;
}
.elem-inner-viewchange h11{
	font-size: 1rem;
	line-height: 34px;
	cursor: pointer;
}

.elem-outer-viewchange{
	width: 30px;
	height: 30px;
	margin-left: 5px;
	text-align: center;
	font-size: 1.285rem;
	line-height: 34px;
	float: right;
	color: #333;
}
.elem-outer-viewchange .glyphicon{
	cursor: pointer;
}
.elem-outer-viewchange span{
	display: none;
}
.elem-outer-viewchange:hover h{
	display: none;
}
.elem-outer-viewchange:hover span{
	display: inline;
	color: #17a9a8;
}

.ad-main-content{
	position: relative;
}
.position-atatic{
	position: static;
}
.tab-footer{
	padding-top: 1em;
	height: 90px;
}
@media (min-width: 1308px){
	.tab-footer{
		position: absolute;
		bottom: 0px;
		right: 25px;
		padding-top: 3em;
		height: 90px;
	}
}
.tab-down-btn{
	float: left;
	padding-bottom: 8px;
	height: 42px;
}
.tab-down-btn button{
	background-color: transparent;
	border: 1px solid #17a9a8;
	color: #4a4a4a;
	outline: none!important;
}
.tab-down-btn button:hover{
	background-color:#17a9a8;
	color: white;
}
.tab-down-btn h8{
	font-size: 0.857rem;
}

.tab-down-fpage{
	float: right;
	padding-bottom: 8px;
	height: 42px;
}
/*.tab-down-fpage ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	text-align: center;
}
.tab-down-fpage ul>li{
	float: left;
	width: 28px;
	height: 28px;
	line-height: 28px;
	margin-right: 14px;
	border:1px solid #bbb;
	vertical-align: middle;
	cursor: pointer;
}
.tab-down-fpage ul>div{
	float: left;
	height: 30px;
	line-height: 36px;
	margin-right: 15px;
}
.tab-down-fpage ul>li:not(.tab-down-fpage-disable):hover{
	border: 1px solid #17a9a8;
	background-color: #17a9a8;
	color: white;
}
.tab-down-fpage-active{
	border: 1px solid #17a9a8!important;
	background-color: #17a9a8;
	color: white;
}
.tab-down-fpage-disable{
	color: #bbb;
	cursor: not-allowed!important;
	border: 1px solid #ddd!important;
}*/

.elem-inner-serch input::-webkit-input-placeholder{
	color:white;
}
.elem-inner-serch input:-moz-placeholder{
	color:white;
}
.elem-inner-serch input::-moz-placeholder{
	color:white;
}
.elem-inner-serch input:-ms-input-placeholder{
	color:white;
}

/*视图*/
/*屏幕5等分*/
@media (min-width: 1200px) {
.col-zdlg-2-5{
		float: left;
		width:20%;
	}
}

.program-images-view{
	padding: 0px 20px;
}
.program-images-view>.col-zdlg-2-5>div{
	height: auto;
	box-shadow: 2px 2px 3px #bbb;
	/*margin-bottom: 20px;*/
	/*border-radius: 4px;*/
}
.program-images-view>.col-zdlg-2-5>div:hover{
	box-shadow: 4px 4px 10px #888;
}
.program-images-view>.col-zdlg-2-5>div>.imger{
	height: 0px;
	padding-bottom: 80%;
	position: relative;
}
.program-images-view>.col-zdlg-2-5>div>.imger>img{
	position: absolute;
}
.program-images-view>.col-zdlg-2-5 .ovrly h9{
	display: block;
	width: 100%;
	padding: 0 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.program-images-view>.col-zdlg-2-5 .list-container h10{
	text-align: center;
	font-size: 1rem;
}
.program-images-view>.col-zdlg-2-5 .list-container h10 .col-md-3{
	line-height: 30px;
}

/*素材预览模态框下面的详细信息展示*/

.sHoverItem {
	height: auto;
	margin: 0px;
	float: left;
	border: 0px;
	margin-bottom: 55px;
	margin-top: 25px;
	position: relative;
}
.sHoverItem .outTitle {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	color: #fff;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=50);
	text-align: center;
	font-size: 1rem;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.ztree2 li a {
	height: 30px;
}
.material-dec{
	line-height: 50px;
	text-align: center;
	font-size: 1.142rem;
	color: white;
}

.like-dropzone{
	min-height: 300px;
	border: 2px dashed rgba(0, 0, 0, 0.3);
	padding: 5px;
	margin: 20px;
}

/*编辑节目时的样式*/
.pe-nav-icon-honner-out{
	display: block;
	float: left;
}

.pe-nav-icon-title{
	display: block;
	text-align: center;
	margin-right: 15px;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	font-size: 0.7rem;
}

.pe-nav-iconblock{
	display: block;
	width: 35px;
	height: 25px;
	border: 1px solid #505050;
	border-radius: 4px;
	margin-top: 0.74rem;
	margin-right: 15px;
	text-align: center;
	line-height: 23px;
	font-size: 1rem;
	cursor: pointer;
	color: #444;
}

.pe-nav-iconblock:hover{
	background-color: #505050;
	color: white;
}

.pe-nav-iconblock.focus{
	border-color: red;
}

/*重写节目制作的样式*/
.navbar-p-edit{
	box-shadow: 0px 2px 5px #ddd;
	z-index: 2;
}
.editor-btn-group{
	height: auto;
	line-height: normal;
	background: none;
}
.editor-main{
	background-color: #f0f0f0;
}
.editor-pannel-container{
	background-color: #f0f0f0;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border: none;
	z-index: 0;
}
.editor-pannel{
	width: auto;
}

.editor-pages-container{
	border:none;
	background-color: #fff;
}
.editor-page-add-btn{
	border-top: solid 1px #eee;
}

.editor-right{
	width: 290px;
	background-color: white;
}

/*项操作按钮*/
.pe-nav-syspor{
	display: block;
	float: left;
	padding:5px 7px;
	margin-top: 1.2rem;
	margin-left: 0.76rem;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	font-size:0.857rem;
	border-radius: 5px;
	background-color: #17a9a8;
	cursor: pointer;
}
.pe-nav-syspor span{
	font-size: 1rem;
}

.pe-nav-xs-view li{
	padding-left: 20px;
}
.editor-component-thumbs{
	margin-top: 15px;
}
.pe-title{
	height: 41px;
	text-align: center;
	line-height: 42px;
	color: #333;
	border-bottom: 1px solid #f0f0f0;
	font-weight: bold;
	background-color: #fafafa;
}
.pe-normal-attr{
	margin: 0px 15px;
	border-bottom: 1px solid #f0f0f0;
	height: 42px;
	line-height: 42px;
	font-size: 0.857rem;
}
.pe-normal-attr input{
	height: 18px;
	border-color: #f0f0f0;
}
.pe-main-container{
	border-top: 10px solid #f0f0f0;
	overflow-y: auto;
}
.editor_setting_title{
	background-color: #fafafa;
	height: 41px;
	text-align: center;
	line-height: 42px;
	color: #333;
	border-bottom: 1px solid #f0f0f0;
	font-weight: bold;
	font-size: 1rem;
}
.pe-btn-attr{
	border: none;
	outline: none;
}
.op-label-item{
	margin: 10px 15px;
}

.ad-tab-position input[type=number]{
	border:1px solid #f0f0f0;
	height: 18px;
}
.ad-fontmixed *{
	font-family: inherit;
}
.editor-page{
	overflow: hidden;
}
.backg_img_item_name{
	width: 19rem;
}

.search-in-company-selector{
	margin-bottom: 1rem;
	margin-bottom: 1rem;
}

.lang-selc li>a{
	text-align: center;
}
.inp-fack{
	border: 1px solid #ccc!important;
	padding-top: 3px;
	padding-bottom: 3px;
}

.modal-tit-tab-card{
	border-bottom: 1px solid #e5e5e5;
}
.modal-tit-tab-content{
	display: inline-block;
	padding: 0.95rem 2rem;
	cursor: pointer;
	font-size: 1.2rem;
}
.modal-tit-tab-content.active{
	font-weight: bold;
}
.td-left td{
	text-align: left;
}