body {
  overflow: hidden;
}
div.picker {
  z-index: 10007;
}
.geSidebarContainer .geTitle {
  color: #505050;
}
.geSidebarContainer .geTitle input {
  font-size: 8pt;
  color: #606060;
}
.geBlock {
  z-index: -3;
  margin: 100px;
  margin-top: 40px;
  margin-bottom: 30px;
  padding: 20px;
}
.geBlock h1,
.geBlock h2 {
  margin-top: 0px;
  padding-top: 0px;
}
.geEditor ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.geEditor ::-webkit-scrollbar-track {
  background: whiteSmoke;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
}
.geEditor ::-webkit-scrollbar-corner {
  background: none;
}
.geEditor ::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  border-radius: 10px;
  border: whiteSmoke solid 3px;
}
.geEditor ::-webkit-scrollbar-thumb:hover {
  background: #b5b5b5;
}
.geTemplate {
  border: 1px solid transparent;
  display: inline-block;
  _display: inline;
  vertical-align: top;
  border-radius: 3px;
  overflow: hidden;
  font-size: 14pt;
  cursor: pointer;
  margin: 5px;
}
.geFooterContainer div.geSocialFooter a {
  display: inline;
  padding: 0px;
}
.geFooterContainer div.geSocialFooter a img {
  margin-top: 10px;
  opacity: 0.5;
}
.geFooterContainer div.geSocialFooter a img:hover {
  opacity: 1;
}
.geFooterContainer > div#geFooter > img {
  opacity: 0.5;
  border: 1px solid transparent;
  cusor: pointer;
  margin-top: 3px;
  margin-right: 6px;
  position: absolute;
  right: 4px;
  top: 12px;
  padding: 1px;
  cursor: pointer;
}
.geFooterContainer > div#geFooter > img:hover {
  opacity: 1;
}
#a_yulan,
#a_yulan:visited {
  text-decoration: none;
  color: #454545;
}
#a_baocun,
#a_baocun:visited {
  text-decoration: none;
  color: #454545;
}
/** 水流**/
.flow-zheng {
  stroke-dasharray: 10;
  animation: dash-zheng 0.4s linear;
  -webkit-animation: dash-zheng 0.4s linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.flow-fan {
  stroke-dasharray: 10;
  animation: dash-fan 0.5s linear;
  -webkit-animation: dash-fan 0.5s linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.flow-stop {
  stroke-dasharray: 10;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.flow-quick-zheng {
  stroke-dasharray: 10;
  animation: dash-zheng 0.2s linear;
  -webkit-animation: dash-zheng 0.2s linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.flow-slow-zheng {
  stroke-dasharray: 10;
  animation: dash-zheng 1s linear;
  -webkit-animation: dash-zheng 1s linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.flow-quick-fan {
  stroke-dasharray: 10;
  animation: dash-fan 0.2s linear;
  -webkit-animation: dash-fan 0.2s linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.flow-slow-fan {
  stroke-dasharray: 10;
  animation: dash-fan 1s linear;
  -webkit-animation: dash-fan 1s linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes dash-zheng {
  0% {
    stroke-dashoffset: 20;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash-fan {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 20;
  }
}
.toggle {
  display: inline-block;
  position: relative;
  /*width: 150px;*/
  /*height: 40px;*/
  background-color: #777;
  overflow: hidden;
  box-shadow: inset 0 10px 25px rgba(0, 0, 0, 0.5), 0px 1px 2px #fff;
  margin: 0px;
  text-align: left;
}
.toggle__input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 2;
}
.toggle__label {
  display: inline-block;
  /*width: 75px;*/
  /*height: 40px;*/
  background-color: #6ab3e5;
  color: #FFF;
  font-size: 1.1em;
  font-weight: 700;
  text-align: center;
  text-shadow: 1px 1px 0px #444;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.7);
  /*line-height: 40px;*/
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.toggle__label:before {
  content: attr(data-off);
}
.toggle input:checked + label {
  margin-left: 50%;
  background: #abd281;
  color: white;
}
.toggle input:checked + label:before {
  content: attr(data-on);
}
.toggle--on-off label.toggle__label {
  background-color: #f47e71;
}
.toggle--yes-no label.toggle__label {
  background-color: #EF4836;
}
.toggle--yes-no input:checked + label {
  background: #F5AB35;
}
.button {
  min-height: 1.5em;
  display: inline-block;
  padding: 12px 36px;
  margin: 40px 5px 5px 0px;
  cursor: pointer;
  opacity: 0.9;
  color: #FFF;
  font-size: 1em;
  letter-spacing: 1px;
  text-shadow: rgba(0, 0, 0, 0.9) 0px 1px 2px;
  background: #434343;
  border: 1px solid #242424;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  -khtml-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  -moz-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  -o-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  -webkit-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.button:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  -khtml-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  -o-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
}
.button:active {
  -webkit-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0) 0px 1px 0px, inset rgba(0, 0, 0, 0.5) 0px 0px 5px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  -khtml-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0) 0px 1px 0px, inset rgba(0, 0, 0, 0.5) 0px 0px 5px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  -moz-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0) 0px 1px 0px, inset rgba(0, 0, 0, 0.5) 0px 0px 5px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  -o-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0) 0px 1px 0px, inset rgba(0, 0, 0, 0.5) 0px 0px 5px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
  box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0) 0px 1px 0px, inset rgba(0, 0, 0, 0.5) 0px 0px 5px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
}
.shine {
  display: block;
  position: relative;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
  background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  padding: 0px 12px;
  top: -12px;
  left: -24px;
  height: 1px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 5px;
  -khtml-box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 5px;
  -moz-box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 5px;
  -o-box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 5px;
  box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.button:hover .shine {
  left: 24px;
}
.button.gray {
  background: #555;
}
.button.blue {
  background: #3a617e;
}
.button.green {
  background: #477343;
}
.button.red {
  background: #723131;
}
.button.purple {
  background: #4b3f5e;
}
.button.orange {
  background: #624529;
}
.gaugeForD3 {
  background-color: #515151;
  /* css formats for the gauge */
  /* css formats for the segment display */
}
.gaugeForD3 .unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.gaugeForD3 .gauge .domain {
  stroke-width: 2px;
  stroke: #fff;
}
.gaugeForD3 .gauge .tick line {
  stroke: #fff;
  stroke-width: 2px;
}
.gaugeForD3 .gauge line {
  stroke: #fff;
}
.gaugeForD3 .gauge .arc,
.gaugeForD3 .gauge .cursor {
  opacity: 0;
}
.gaugeForD3 .gauge .major {
  fill: #fff;
  font-size: 20px;
  font-family: 'Play', verdana, sans-serif;
  font-weight: normal;
}
.gaugeForD3 .gauge .indicator {
  stroke: #EE3311;
  fill: #000;
  stroke-width: 4px;
}
.gaugeForD3 .segdisplay .on {
  fill: #00FFFF;
}
.gaugeForD3 .segdisplay .off {
  fill: #00FFFF;
  opacity: 0.15;
}
.bar.total rect {
  /*fill: steelblue;*/
}
.bar.positive rect {
  fill: darkolivegreen;
}
.bar.negative rect {
  fill: crimson;
}
.bar line.connector {
  /*stroke: grey;*/
  /*stroke-dasharray: 3;*/
}
.bar text {
  /*fill: white;*/
  /*font: 12px sans-serif;*/
  text-anchor: middle;
}
.axis text {
  font: 10px sans-serif;
}
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.chart {
  border: 1px solid #EEEEEE;
  margin: 300px;
}
.gaugeForD3ForVIZ .label {
  font-size: 28px;
  fill: #ffffff;
  text-anchor: middle;
  alignment-baseline: middle;
}
.gaugeForD3ForVIZ .face {
  stroke: #c8c8c8;
  stroke-width: 2;
}
.gaugeForD3ForVIZ .minorTicks {
  stroke-width: 2;
  stroke: white;
}
.gaugeForD3ForVIZ .majorTicks {
  stroke: white;
  stroke-width: 2;
}
.varvalueimage img {
  width: 100%;
}
.ranshao .container {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.ranshao svg {
  z-index: 10;
  height: 100%;
}
.ranshao .stick {
  transform: translatex(100px) translatey(360px);
}
.ranshao .flame {
  mix-blend-mode: screen;
}
.usrTime .container {
  max-width: 1200px;
  padding-left: 25px;
  padding-right: 25px;
  margin: 0 auto;
  text-align: center;
  height: 100%;
}
.usrTime .watch-section {
  display: table;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.usrTime .watch-section .watch-inner {
  display: table-cell;
}
.usrTime .watch-section header {
  text-align: center;
}
.usrTime .watch-section h2 {
  font-size: 60px;
  margin-bottom: 70px;
  margin-top: 0;
}
@media (max-height: 768px) {
  .usrTime .watch-section h2 {
    margin-bottom: 40px;
  }
}
@media (max-height: 600px) {
  .usrTime .watch-section h2 {
    margin-bottom: 20px;
  }
}
.usrTime .watch-section h3 {
  font-size: 36px;
  margin-bottom: 50px;
}
@media (max-height: 768px) {
  .usrTime .watch-section h3 {
    margin-bottom: 40px;
  }
}
@media (max-height: 600px) {
  .usrTime .watch-section h3 {
    margin-bottom: 10px;
  }
}
.usrTime .watch-section .more {
  position: absolute;
  display: block;
  margin: 0 auto;
  bottom: 110px;
  left: 0;
  right: 0;
  width: 100%;
  height: 40px;
  text-align: center;
}
.usrTime .watch-section .more .more-text {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  top: -30px;
  color: #ff6400;
  font-size: 11.5px;
}
.usrTime .faces .face {
  background: transparent url("images/faces.png") top left no-repeat;
  width: 160px;
  height: 160px;
  padding: 0;
  display: inline-block;
  position: relative;
  margin: 10px;
}
.usrTime .faces .face:before {
  top: inherit;
  bottom: -35px;
  left: 57px;
}
.usrTime .faces .face4 {
  background-position: -542px 0;
}
.usrTime .faces .clock {
  width: 160px;
  height: 160px;
  position: absolute;
  top: 0;
  left: 0;
}
.usrTime_black {
  background-color: #000;
}
.usrTime_black .clock {
  position: absolute;
  opacity: 1;
}
.usrTime_black .fill .clock {
  left: 50%;
  top: 50%;
}
.usrTime_black .centre {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
}
.usrTime_black .expand {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
.usrTime_black .anchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
.usrTime_black .element {
  position: absolute;
  top: 0;
  left: 0;
}
.usrTime_black .round {
  border-radius: 296px;
}
.usrTime_black .circle-1 {
  background: white;
  width: 12px;
  height: 12px;
}
.usrTime_black .circle-2 {
  background: #FA9F22;
  width: 8px;
  height: 8px;
}
.usrTime_black .circle-3 {
  background: black;
  width: 4px;
  height: 4px;
}
.usrTime_black .second {
  transform: rotate(180deg);
}
.usrTime_black .minute {
  transform: rotate(54deg);
}
.usrTime_black .second-hand {
  width: 2px;
  height: 164px;
  background: #FA9F22;
  transform: translate(-50%, -100%) translateY(24px);
}
.usrTime_black .hour {
  transform: rotate(304.5deg);
}
.usrTime_black .thin-hand {
  width: 4px;
  height: 50px;
  background: white;
  transform: translate(-50%, -100%);
}
.usrTime_black .fat-hand {
  width: 10px;
  height: 57px;
  border-radius: 10px;
  background: white;
  transform: translate(-50%, -100%) translateY(-18px);
}
.usrTime_black .minute-hand {
  height: 112px;
}
.usrTime_black .hour-text {
  position: absolute;
  font: 40px Hei, Helvetica, Arial, sans-serif;
  color: white;
  transform: translate(-50%, -50%);
}
.usrTime_black .hour-10 {
  padding-left: 0.4ex;
}
.usrTime_black .hour-11 {
  padding-left: 0.25ex;
}
.usrTime_black .minute-text {
  position: absolute;
  font: 12px Avenir Next, Helvetica, Arial, sans-serif;
  color: white;
  transform: translate(-50%, -50%);
}
.usrTime_black .minute-line {
  background: white;
  width: 1px;
  height: 9px;
  transform: translate(-50%, -100%) translateY(-131px);
  opacity: 0.34;
}
.geDialog table img {
  max-width: 30px;
}
#box_btns_yulans > a {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  border-right: 1px solid #eeeeee;
  padding-right: 10px;
  margin-right: 10px;
}
#box_btns_yulans > a:last-child {
  border-right: 0px solid #eeeeee;
}
a.imgA:hover {
  border-bottom: 3px solid #6ab3e5;
}