/*html,body{
	height:100%;
	-webkit-tap-highlight-color: transparent;
}*/

.demos-title {
  text-align: center;
  font-size: 34px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

.demos-sub-title {
  text-align: center;
  color: #888;
  font-size: 14px;
}

.demos-header {
  padding: 35px 0;
}

.demos-content-padded {
  padding: 15px;
}

.demos-second-title {
  text-align: center;
  font-size: 24px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}
.gac_select-e{color:#FFFFFF}
.weui-footer_fixed-bottom {
    bottom: 0;
}
.weui-tabbar .weui-bar__item--on .weui-tabbar__icon .iconfont {
	color: #04BE02;
}
.color_red,.color_red .iconfont {
	color: #FF0000;
}
.color_green {
	color: #04BE02;
}
.color_ash {
	color: #3d4145;
}
.icon_64{
	font-size: 64px;
}
.icon_32{
	font-size: 32px;
	line-height: 20px;
	margin-top: 5px;
}
.icon_20{
	font-size: 20px;
	
}
.task_state_0{
	color: #FF0000;
}
.task_state_1{
	color: #04BE02;
}
/*.task_state_2{
	color: #04BE02;
}
.task_state_9{
	color: #666666;
}*/

#select-e .modal-content{
	max-height:400px;
	overflow: auto;
}

.estate0{
	color: #666666;
}
.testate0{
	color: #FFFFFF;
}
.estate1,.testate1{
	color: #04BE02;
}

.page__bd_spacing {
	padding-top: 70px;
	padding-right: 16px;
	padding-bottom: 80px;
	padding-left: 16px;
}
.page__bd_spacing2 {
	padding: 16px;
	height: calc(100vh - 160px); 
	overflow: auto;
}
#indloading{
	padding-bottom: 80px;
}
#toolbar  {
	display: block;
	justify-content: center;
	align-items: center;
	position: fixed;
	width: 100%;
	_height:80px;
	left: 0;
	top:0;  /*置顶*/
	/*bottom: 0px;*/ /*置底*/
	margin: auto;
	z-index: 2;
	background-color: var(--weui-BG-2);/*rgba(0,0,0,0.8);#f7f7fa*/
}
/*#toolbar:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #c0bfc4;
    color: #c0bfc4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}*/
#full{
_z-index: 101;
}
#full .open-header{
	color: #ccc;
	background-color: rgba(0,0,0,0.8);
	text-align: center;

}
.weui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
#listbox{
	height:500px;
	overflow: auto;

}
.subscript{
	color: #fff;
	height: 15px;
	width: 60px;
	position: absolute;
	top: -10px;
	right: -25px;
	text-align: center;
	line-height: 15px;
	background-color: rgba(4,190,2,1);
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
	transform:rotate(45deg);
	display: none;
	font-size: 12px;
	padding-top: 15px;
      }
.ethis{
	overflow: hidden;	/*background-color: #FFFFFF;rgba(4,190,2,0.05);*/
}
.ethis .subscript{
	display: block;
}
.js_grid{
	overflow: hidden;
}
.task_stateb_0{
	background-color: #FF0000;
}
.task_stateb_1{
	background-color: #04BE02;
}
.user_state_0{
	color: #04BE02;
}
.user_state_1{
	color: #666666;
}
.user_stateb_0{
	background-color: #04BE02;
}
.user_stateb_1{
	background-color: #666666;
}
/*.task_stateb_2{
	background-color: #04BE02;
}
.task_stateb_9{
	background-color: #666666;
}*/
#showcode canvas{
	border: 10px solid #FFFFFF;
}