html,body,
#app,
.page,
.gy-flex-v,
.gy-flex-h{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.gy-flex-v,.page {

	display: -webkit-box; 
    display: -moz-box; 
    display:-webkit-flex;
    display: -ms-flexbox;
    display:flex;
	
    flex-direction: column;
}

.page > .body,
.gy-flex-v > .gy-flex-fill{
	-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; 
	height: 0;
	overflow: hidden;
}
.flex-1{
	-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; 	
}

.comp-box{
	position: absolute;
}
.page-infinite-wrapper{
	overflow: scroll;
	height:100%;
}
.page-infinite-loading {
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.page-infinite-loading div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}
a:link,
a:visited,
a:hover{
	text-decoration: none;
	color:#333;
}
.error{
	color:red;
}
.error ul,
.error li{
	list-style-type: none;
	padding:0;
	margin:0;
}
.fr{
	float:right;
}
.fl{
	float:left;
}
.load-mask-loading{
}
.load-mask-box,
.load-mask-bg,
.load-mask-msg-box{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.load-mask-box{
	z-index: 50;
	border-radius: 3px;
	background:rgba(255,255,255,0.7);
}
.load-mask-box i{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.text-center{
	text-align: center;
}
.img-circle {
    border-radius: 50%;
}
.profile-user-img {
	display: block;
    margin: 0 auto;
    width: 100px;
    padding: 3px;
    border: 3px solid #d2d6de;
}
header{
	width: 100%;
}
header .title-bar{
	text-align: center;
	width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #E36A1B;
    text-align: center;
	color: #fff;
	position:relative;
}
header .title-bar h3
{
    margin: 0;
    font-size: 20px;
    line-height: 30px;
}

header .title-bar .toolbar{
	position: absolute;
	top: 0;
	right: 10px;
}
header .pcui-return{
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}

header .pcui-return .fa{
    font-size: 20px;
    line-height: 30px;
    color: white;
}

header .tool-bar{
	width: 100%;
    height: 2rem;
    line-height: 2rem;
    background-color: #fff;
    text-align: center;
	color: #000;
}
header .tool-bar a{
	margin: 0 0.5rem;
	height: 1.6rem;
    line-height:1.6rem;
    font-size:1.33rem;
}
header .tool-bar a i{
	display: inline-block;
	width:1.6rem;
	height:1.6rem;
	margin-right:3px;
	background: no-repeat center center;
	background-size: cover;
}
header .tool-bar a i:after{
	content:'　'
}
.pagebar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.has-bnav .pagebar{
	bottom: 44px;
}
.pagebar-perch{
	height:40px;
}
.info-box{
	display: block;
	overflow: hidden;
	position: relative;
}
.info-box-tools{
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 10;
}
.info-box-icon{
	float:left;
	width:90px;
	height:90px;
	margin:0;
	padding:0;
}
.info-box-icon img{
	display:block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	padding: 3px;
	border: 3px solid #d2d6de;
	
}
.info-box-content{
	margin-left: 90px;
	padding:5px;
}

.text-center{
	text-align: center;
}
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
  color: #444!important;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.chart-legend {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}
.box-comments {
  background: #f7f7f7;
}
.box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:last-of-type {
  border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
  padding-top: 0;
}
.box-comments .box-comment img {
  float: left;
}
.box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}
.box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}
.box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}


.bg-yellow{
	background-color: #f39c12 !important;
}
.no-padding {
    padding: 0 !important;
}
.no-margin{
	margin:0 !important;
}


div.x-table{
	display: table;
}
div.x-thead{
	display: table-header-group;
}
div.x-tbody{
	display: table-row-group;
}
div.x-tfoot{
	display: table-footer-group;
}
div.x-row{
	display: table-row;
}
div.x-cell{
	display: table-cell;
}

.border-table{
	border-collapse: collapse;
    border: none;
}
.border-table > thead > tr > td,
.border-table > thead > tr > th,
.border-table > tbody > tr > td,
.border-table > tbody > tr > th,
.border-table > tr > td,
.border-table > tr > th
{
	border: solid #000 1px;
}


.table-cell-padding-5 > thead > tr > td,
.table-cell-padding-5 > thead > tr > th,
.table-cell-padding-5 > tbody > tr > td,
.table-cell-padding-5 > tbody > tr > th,
.table-cell-padding-5 > tr > td,
.table-cell-padding-5 > tr > th
{
	padding:5px;
}

.bnavbar  .nav-item{
	text-align: center;
	padding:5px 0;
}
.bnavbar  .nav-item.act{
	color:green;
}
.bnavbar  .nav-item i{
	display: block;
}
.fixed-footer{
	position: fixed;
	bottom: 0;
	width:100%;
	left: 0;
	background: #fff;
}
.fixed-footer-perch{
	height:44px;
}
.row-d {
    background: #eee;
}

.custom-file-label::after{
	content: "选择";
}