body{margin: 0 auto;font-family:  microsoft Yahei,微软雅黑,"\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", sans-serif;}

#map{width: 100%; height: 100%; position: absolute; top:0px; left: 0px}
#svgoverlay{width:100%; height: 100%; position: absolute; top:0px; right:0px; pointer-events:none;}

#controlBar{width: 250px; height: 100%; position: absolute; top:0px; left: 0px; background-color: #404040; border-right-style: solid; border-right-width: thin; border-right-color: #555554}
#Title{width: 100%; height: 40px; position: absolute; top:120px; left: 0px; color: white; text-align: center; font-weight: bold; font-size: 20px}
#Title:after{display:inline-block; width:0; height:100%; vertical-align:middle; content:'';}
#logo{width: 80%; height: auto; position: absolute; left: 10%; top:30px;}
#titleBk{width: 108%; height: auto; position: absolute; top:120px; left: 0px}
#selector{width: 80%; height: auto; min-height: 200px; position: absolute; top:200px; left: 10%;display: none}
#selector label{color:#dd4546; font-size: 14px; font-weight: bold;}
.formTitle{width: 100%; height: 30px; color:#dd4546; font-size: 16px; font-weight: bold;  position: relative; float: left; margin-top: 30px; margin-bottom: 10px; border-bottom-style: solid; border-bottom-width:2px; border-bottom-color: #dd4546}
.smallerInput{width: 50%; height: 20px; text-align:left; position: relative; float: left;}
.widerInput{width: 100%; height: 20px; text-align: left; position: relative; float: left; }
.colorHint{width: 7px; height: 7px; position: absolute; top:6px; right: 5px; border-radius: 10px;}
.widerInput .colorHint{right: 80px}
#checkList{width: 100px; height: 30px; position: absolute; top:600px; left: 75px; color: white; border-style: solid; border-color: #808080; border-width: 1px; border-radius: 5px; cursor: pointer;display: none; text-align: center; color: white; font-size: 14px;}
#checkList:after{display:inline-block; width:0; height:100%; vertical-align:middle; content:'';}
#heatmap{width: 100%; height: 100%; position: absolute; top:0px; right: 0px; background-color: #1e1e1e}
#heatmap img{height: 100%; width: auto; position: absolute; top:0px; right: 0px}
#userHint{width: 100%; height: 20px; position: absolute; top:-30px; left: 0px; color: white; font-size: 12px; pointer-events:none;}
/*profile*/
#profile{width:100%; height:100%; position:absolute; top:0px; left:0px; display: none}
#clickTester{width: 100%; height: 100%; position: absolute; top:0px; left: 0px; background-color: rgba(0,0,0,0.5);z-index: 1001;}
#profileInner{width: 400px; height: 250px; position: absolute; top:50%; margin-top: -100px; left: 50%; margin-left: -200px; background-color: #fdfdfe; border-radius: 5px; z-index: 1100;}
#photo{height:60%; width: auto; position:absolute; top:20px; left: 20px;  box-shadow: 1px 2px 3px #888888; border-style: solid; border-width:thin; border-color: #888; pointer-events:none;}
#datas{width: 250px; height: 100%; position: absolute; top:0px; right: 20px}
#dataHeader{width: 100%; height: 30px; position: relative; float: left; margin-top: 15px; margin-bottom: 20px}
.mainData{padding-left: 20px; padding-bottom: 0px; color: #494949; }
#name{font-size: 20px; font-weight: bold;}
.tiaomu{width: 100%; height: 20px; position: relative; float: left; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color:#b8b8b9; margin-bottom: 10px}
.subData{padding-left: 20px; font-size: 13px}
#chargeName{width: 100%; height: 40px; position: absolute; left: 0px; bottom: 0px; background-color: #626262; color: white; font-size: 18px; font-weight: bold; text-align: center; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
/*profile*/

/*mingdan*/
#mingdan{width:120px; height: 60%; position: absolute; top:168px; left: 250px; background-color: #404040; opacity: 0.7; overflow-y: auto; display: none}
.mingdanSeg{width: 100%; height: 28px; line-height: 28px; position: relative; float: left; color: white; font-size: 14px; text-indent: 20px; border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: #808080; cursor: pointer;}
/*mingdan*/

#copyright{width:100%; height: 100px; background-color: #404040; color:white; font-size:12px; position: absolute; bottom: 0px; text-align: center; z-index: 1000}

input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('images/checks2.png') no-repeat 0 0;
  line-height  : 24px;
}

input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}


.path-start {
  -webkit-transition:stroke-dashoffset 5s ease-in;
     -moz-transition:stroke-dashoffset 5s ease-in;
       -o-transition:stroke-dashoffset 5s ease-in;
          transition:stroke-dashoffset 5s ease-in;
  }