/* Demo Styles */
body,ul,li {
  padding:0;
  margin:0;
  border:0;
}

body {
  font-size:12px;
  -webkit-user-select:none; 
    -webkit-text-size-adjust:none;
  font-family:helvetica;
}

#header {
  top:0; left:0;
  width:100%;
  height:45px;
  line-height:45px;
  padding:0;
  color:#eee;
  font-size:20px;
  text-align:center;
  background-color:#cd3333;
  z-index:2;
}

#header a {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  text-shadow:0 -1px 0 rgba(0,0,0,0.5);
  margin-top:-3px;
}

#footer {
  /* position:absolute; z-index:2;
  bottom:0; left:0; */
  width:100%;
  height:48px;
  background-color:#222;
  background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
  background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
  background-image:-o-linear-gradient(top, #999, #666 2%, #222);
  padding:0;
  border-top:1px solid #444;
}

#wrapper {
  position:absolute; z-index:1;
  top:0;bottom:0; left:-9999px;
  width:100%;
  background:#aaa;
  overflow:auto;
}

#scroller {
  position:absolute; z-index:1;
/*	-webkit-touch-callout:none;*/
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  width:100%;
  padding:0;
}

#thelist ul {
  list-style:none;
  padding:0;
  margin:0;
  text-align:left;
}

#thelist li {
  padding:0;
  border-bottom:1px solid #ddd;
  background-color:#fff;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis; 
  padding-left:18px;
  padding-right:18px;
  height:52px;
  line-height:50px;
}
#thelist li a {
  line-height: 50px;
  height: 50px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
#thelist li  a:hover {
  text-decoration:none;
}
#myFrame {
  position:absolute;
  top:0; left:0;
}

#thelist > li {

}
.width-full {
  width: 100%
}
.height-full {
  height: 100%
}
.banner-title {
  height:200px;
  background-color:#cd3333;
  border-top:1px solid rgba(255,255,255,0.3);
  text-align:center;
  font-size:28px;
  font-family:黑体“;
  color:#fff;
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  width: 640px;
}
 .footer-word1 {
  font-size: 17px;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 54px;
  background-color: #eee;
}
  .footer-word2 {
  font-size:10px;
  color:#888888;
  position:relative;
  top:-7px;
}
 #pullDown {
  top:-45px;
  left:0;
  width:100%;
  height:45px;
  padding:0;
  color:#888;
  font-size:20px;
  text-align:center;
  background-color:#eee;
  position:absolute;
  z-index:1;
}
#pullDown .pullDownIcon  {
  display:inline-block;
  width:40px; height:40px;
  background:url(../images/iscroll/pull-icon1@2x.png) 0 0 no-repeat;
  -webkit-background-size:40px 80px; background-size:40px 80px;
  -webkit-transition-property:-webkit-transform;
  -webkit-transition-duration:250ms;	
}
#pullDown .pullDownIcon  {
  -webkit-transform:rotate(0deg) translateZ(0);
}   
#pullDown.flip .pullDownIcon {
  -webkit-transform:rotate(-180deg) translateZ(0);
}
.pullDownLabel {
  vertical-align: top;
  line-height: 40px;
}
/**
 *
 * Pull Up styles
 *
 */
#pullUp {
  background:#fff;
  height:50px;
  line-height:45px;
  padding:5px 10px 40px 5px;
  font-weight:bold;
  font-size:14px;
  color:#888;
  text-align:center;
}
#pullUp .pullUpIcon  {
  display:inline-block;
  width:40px; height:40px;
  background:url(../../assets/images/iscroll/pull-icon1@2x.png) 0 0 no-repeat;
  -webkit-background-size:40px 80px; background-size:40px 80px;
  -webkit-transition-property:-webkit-transform;
  -webkit-transition-duration:250ms;	
}
#pullUp .pullUpIcon  {
  -webkit-transform:rotate(-180deg) translateZ(0);
}

#pullUp.flip .pullUpIcon {
  -webkit-transform:rotate(0deg) translateZ(0);
}

#pullUp.loading .pullUpIcon {
  background-position:0 100%;
}
.pullUpLabel {
  vertical-align: top;
}
#floatingCirclesG{
  position:relative;
  width:70px;
  height:70px;
  margin:auto;
  top:-15px;
  transform:scale(0.5);
  -o-transform:scale(0.5);
  -ms-transform:scale(0.5);
  -webkit-transform:scale(0.5);
  -moz-transform:scale(0.5);
}

.f_circleG{
  position:absolute;
  background-color:rgb(255,255,255);
  height:15px;
  width:15px;
  border-radius:8px;
  -o-border-radius:8px;
  -ms-border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  animation-name:f_fadeG;
  -o-animation-name:f_fadeG;
  -ms-animation-name:f_fadeG;
  -webkit-animation-name:f_fadeG;
  -moz-animation-name:f_fadeG;
  animation-duration:0.5s;
  -o-animation-duration:0.5s;
  -ms-animation-duration:0.5s;
  -webkit-animation-duration:0.5s;
  -moz-animation-duration:0.5s;
  animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  animation-direction:normal;
  -o-animation-direction:normal;
  -ms-animation-direction:normal;
  -webkit-animation-direction:normal;
  -moz-animation-direction:normal;
}

#frotateG_01{
  left:0;
  top:29px;
  animation-delay:0.22s;
  -o-animation-delay:0.22s;
  -ms-animation-delay:0.22s;
  -webkit-animation-delay:0.22s;
  -moz-animation-delay:0.22s;
}

#frotateG_02{
  left:8px;
  top:8px;
  animation-delay:0.3s;
  -o-animation-delay:0.3s;
  -ms-animation-delay:0.3s;
  -webkit-animation-delay:0.3s;
  -moz-animation-delay:0.3s;
}

#frotateG_03{
  left:29px;
  top:0;
  animation-delay:0.37s;
  -o-animation-delay:0.37s;
  -ms-animation-delay:0.37s;
  -webkit-animation-delay:0.37s;
  -moz-animation-delay:0.37s;
}

#frotateG_04{
  right:8px;
  top:8px;
  animation-delay:0.45s;
  -o-animation-delay:0.45s;
  -ms-animation-delay:0.45s;
  -webkit-animation-delay:0.45s;
  -moz-animation-delay:0.45s;
}

#frotateG_05{
  right:0;
  top:29px;
  animation-delay:0.525s;
  -o-animation-delay:0.525s;
  -ms-animation-delay:0.525s;
  -webkit-animation-delay:0.525s;
  -moz-animation-delay:0.525s;
}

#frotateG_06{
  right:8px;
  bottom:8px;
  animation-delay:0.6s;
  -o-animation-delay:0.6s;
  -ms-animation-delay:0.6s;
  -webkit-animation-delay:0.6s;
  -moz-animation-delay:0.6s;
}

#frotateG_07{
  left:29px;
  bottom:0;
  animation-delay:0.67s;
  -o-animation-delay:0.67s;
  -ms-animation-delay:0.67s;
  -webkit-animation-delay:0.67s;
  -moz-animation-delay:0.67s;
}

#frotateG_08{
  left:8px;
  bottom:8px;
  animation-delay:0.75s;
  -o-animation-delay:0.75s;
  -ms-animation-delay:0.75s;
  -webkit-animation-delay:0.75s;
  -moz-animation-delay:0.75s;
}
@keyframes f_fadeG{
  0%{
    background-color:rgb(255,0,0);
   }

  100%{
    background-color:rgb(255,255,255);
  }
}

@-o-keyframes f_fadeG{
  0%{
    background-color:rgb(255,0,0);
  }

  100%{
    background-color:rgb(255,255,255);
  }
}

@-ms-keyframes f_fadeG{
  0%{
    background-color:rgb(255,0,0);
  }

  100%{
    background-color:rgb(255,255,255);
  }
}

@-webkit-keyframes f_fadeG{
  0%{
    background-color:rgb(255,0,0);
  }

  100%{
    background-color:rgb(255,255,255);
  }
}

@-moz-keyframes f_fadeG{
  0%{
    background-color:rgb(255,0,0);
  }

  100%{
    background-color:rgb(255,255,255);
  }
}