body, html {

  height: 100%;

  -webkit-tap-highlight-color: transparent;

/*  background: #232323 ;*/

}

.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;*/

  height:50px;

  position:fixed;

  top:0;

  left:0;

  width:100%;

  z-index:200;

  background:#fff;

}

.demos-header:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #979797;color:#bcbab6;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}



.demos-content-padded {

  padding: 15px;

}



.demos-second-title {

  text-align: center;

  font-size: 1.0rem;

  color: #333;

  font-weight: 400;

  margin: 0 auto;

  line-height:50px;

  width:50%;

}



.demos-header .city-close{

	position:absolute;left:0;top:0;z-index:200;width:10%;display:block;text-align:center;line-height:50px;

}

.demos-header .city-close i{line-height:50px;color:#333}

.demos-header .city-yes{

	position:absolute;right:5px;top:12px;z-index:200;display:block;text-align:center;/*line-height:34px;color:#fff;font-size:0.6rem;background:#04BE02;border-radius:4px;*/

}





footer {

  text-align: center;

  font-size: 14px;

  padding: 20px;

}



footer a {

  color: #999;

  text-decoration: none;

}