*, *:after, *:before {  box-sizing: border-box;  }
section {  width: 100%;  padding: 2% 0;  }
.btn-float {  width: 50px;  height: 50px;  line-height: 50px;  display: inline-block;  border: none;  font-size: 18px;  color: #fff;  text-align: center;  position: relative;  -webkit-transition: 0.3s;  transition: 0.3s;  border-radius: 50%;  cursor: pointer;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);  }
.btn-float:hover {  text-decoration: none;  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.13);  }
.btn-float:active, .btn-float:focus {  outline: none;  }
.btn-float + .btn-float {  margin-left: 5px;  }

.yellow {  background: #ffa000;  }
.blue {  background: #40c4ff;  }
.green {  background: #00e676;  }
.purple {  background: #8e24aa;  }
.pink {  background: #e91e63;  }

.icon-bars {  background: #fff;  height: 1px;  width: 22px;  margin: auto;  display: block;  position: relative;  -moz-transition: 0.3s 0.3s;  -o-transition: 0.3s 0.3s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 0.3s;  -webkit-transition: 0.3s 0.3s;  transition: 0.3s 0.3s;  }
.icon-bars:after {  content: '';  position: absolute;  height: 22px;  width: 1px;  background: #fff;  top: -10px;  }

.float-btn-group {  position: relative;  float: right;  -webkit-transition: 0.3s;  transition: 0.3s;  }
.float-btn-group .btn-triger {  z-index: 15;  float: left;  }
.float-btn-group .btn-list {  position: absolute;  right: 0;  -webkit-transition: 0.3s;  transition: 0.3s;  }
.float-btn-group .btn-list li {  display: inline-block;  }
.float-btn-group.open .icon-bars {  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  }

.model-0 .float-btn-group {  width: 65px;  padding-left: 15px;  min-height: 65px;  overflow: hidden;  }
.model-0 .float-btn-group .btn-list {  opacity: 0;  width: 215px;  }
.model-0 .float-btn-group.open {  width: 285px;  }
.model-0 .float-btn-group.open .btn-list {  opacity: 1;  }

.model-1 {  background: #cfd8dc;  }
.model-1 .float-btn-group {  margin: auto;  float: none;  width: 50px;  }
.model-1 .float-btn-group .icon-bars {  -webkit-transition: 0.3s;  transition: 0.3s;  }
.model-1 .float-btn-group .btn-list {  background: rgba(0, 0, 0, 0.2);  width: 50px;  height: 50px;  overflow: hidden;  left: 0;  top: 0;  opacity: 0;  -moz-transition: 0.3s 0.3s;  -o-transition: 0.3s 0.3s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 0.3s;  -webkit-transition: 0.3s 0.3s;  transition: 0.3s 0.3s;  border-radius: 50%;  }
.model-1 .float-btn-group .btn-list .btn-float {  position: absolute;  background: none;  box-shadow: none;  -ms-transform: scale(0, 0);  -webkit-transform: scale(0, 0);  transform: scale(0, 0);  margin: auto;  }
.model-1 .float-btn-group .btn-list .btn-float:nth-child(1) {  left: 0;  right: 0;  top: 10px;  }
.model-1 .float-btn-group .btn-list .btn-float:nth-child(2) {  left: 10px;  top: 0;  bottom: 0;  }
.model-1 .float-btn-group .btn-list .btn-float:nth-child(3) {  left: 0;  right: 0;  bottom: 10px;  }
.model-1 .float-btn-group .btn-list .btn-float:nth-child(4) {  right: 10px;  top: 0;  bottom: 0;  }
.model-1 .float-btn-group.open .btn-list {  width: 200px;  height: 200px;  left: -75px;  top: -75px;  opacity: 1;  }
.model-1 .float-btn-group.open .btn-list .btn-float {  -ms-transform: scale(1.1, 1.1);  -webkit-transform: scale(1.1, 1.1);  transform: scale(1.1, 1.1);  -moz-transition: 0.3s 0.6s;  -o-transition: 0.3s 0.6s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 0.6s;  -webkit-transition: 0.3s 0.6s;  transition: 0.3s 0.6s;  }
.model-1 .float-btn-group.open .btn-list .btn-float:hover {  -webkit-transition: 0.3s;  transition: 0.3s;  text-shadow: 1px 4px 1px #666;  }

.model-2 {  background: #b0bec5;  }
.model-2 .float-btn-group {  float: left;  }
.model-2 .float-btn-group .icon-bars {  -webkit-transition: 0.3s;  transition: 0.3s;  }
.model-2 .float-btn-group .btn-list .btn-float {  position: absolute;  right: 0;  top: 0;  opacity: 0;  -ms-transform: scale(0, 0);  -webkit-transform: scale(0, 0);  transform: scale(0, 0);  }
.model-2 .float-btn-group .btn-list .btn-float:nth-child(1) {  -moz-transition: 0.2s 0.3s;  -o-transition: 0.2s 0.3s;  -webkit-transition: 0.2s;  -webkit-transition-delay: 0.3s;  -webkit-transition: 0.2s 0.3s;  transition: 0.2s 0.3s;  }
.model-2 .float-btn-group .btn-list .btn-float:nth-child(2) {  -moz-transition: 0.2s 0.5s;  -o-transition: 0.2s 0.5s;  -webkit-transition: 0.2s;  -webkit-transition-delay: 0.5s;  -webkit-transition: 0.2s 0.5s; transition: 0.2s 0.5s;  }
.model-2 .float-btn-group .btn-list .btn-float:nth-child(3) {  -moz-transition: 0.2s 0.7s;  -o-transition: 0.2s 0.7s;  -webkit-transition: 0.2s;  -webkit-transition-delay: 0.7s;  -webkit-transition: 0.2s 0.7s;  transition: 0.2s 0.7s;  }
.model-2 .float-btn-group .btn-list .btn-float:nth-child(4) {  -moz-transition: 0.2s 0.92s;  -o-transition: 0.2s 0.92s;  -webkit-transition: 0.2s;  -webkit-transition-delay: 0.92s;  -webkit-transition: 0.2s 0.92s;  transition: 0.2s 0.92s;  }
.model-2 .float-btn-group.open .btn-list .btn-float {  opacity: 1;  -ms-transform: scale(0.9, 0.9);  -webkit-transform: scale(0.9, 0.9);  transform: scale(0.9, 0.9);  }
.model-2 .float-btn-group.open .btn-list .btn-float:nth-child(1) {  top: -220px;  -moz-transition: 0.2s 0.9s;  -o-transition: 0.2s 0.9s;  -webkit-transition: 0.2s;  -webkit-transition-delay: 0.9s;  -webkit-transition: 0.2s 0.9s;  transition: 0.2s 0.9s;  }
.model-2 .float-btn-group.open .btn-list .btn-float:nth-child(2) {  top: -165px;  -moz-transition: 0.2s 0.7s;  -o-transition: 0.2s 0.7s;  -webkit-transition: 0.2s;  -webkit-transition-delay: 0.7s;  -webkit-transition: 0.2s 0.7s;  transition: 0.2s 0.7s;  }
.model-2 .float-btn-group.open .btn-list .btn-float:nth-child(3) {  top: -110px;  -moz-transition: 0.2s 0.5s;  -o-transition: 0.2s 0.5s;  -webkit-transition: 0.2s;  -webkit-transition-delay: 0.5s;  -webkit-transition: 0.2s 0.5s;  transition: 0.2s 0.5s;  }
.model-2 .float-btn-group.open .btn-list .btn-float:nth-child(4) {  top: -55px;  -moz-transition: 0.2s 0.3s;  -o-transition: 0.2s 0.3s;  -webkit-transition: 0.2s;  -webkit-transition-delay: 0.3s;  -webkit-transition: 0.2s 0.3s;  transition: 0.2s 0.3s;  }

.model-3 {  background: #90a4ae;  }
.model-3 .float-btn-group {  float: none;  width: 50px;  margin: auto;  }
.model-3 .float-btn-group .icon-bars {  -webkit-transition: 0.3s;  transition: 0.3s;  }
.model-3 .float-btn-group .btn-list {  background: #fff;  border-radius: 50px;  width: 50px;  height: 50px;  left: 0;  overflow: hidden;  opacity: 0;  }
.model-3 .float-btn-group .btn-list .btn-float {  -webkit-transition: 0.2s;  transition: 0.2s;  position: absolute;  top: 0;  left: 0;  -ms-transform: scale(0, 0);  -webkit-transform: scale(0, 0);  transform: scale(0, 0);  }
.model-3 .float-btn-group .btn-list .btn-float:nth-child(2) {  left: 50px;  }
.model-3 .float-btn-group .btn-list .btn-float:nth-child(3) {  left: 160px;  }
.model-3 .float-btn-group .btn-list .btn-float:nth-child(4) {  left: 215px;  }
.model-3 .float-btn-group.open .btn-list {  width: 270px;  left: -110px;  opacity: 1;  }
.model-3 .float-btn-group.open .btn-list .btn-float {  -moz-transition: 0.2s 0.3s;  -o-transition: 0.2s 0.3s;  -webkit-transition: 0.2s;  -webkit-transition-delay: 0.3s;  -webkit-transition: 0.2s 0.3s;  transition: 0.2s 0.3s;  -ms-transform: scale(0.9, 0.9);  -webkit-transform: scale(0.9, 0.9);  transform: scale(0.9, 0.9);  }

.model-4 {  background: #78909c;}
.model-4 .float-btn-group .icon-bars {  -webkit-transition: 0.3s;  transition: 0.3s;  }
.model-4 .float-btn-group .btn-list .btn-float {  position: absolute;  right: 0;  top: 0;  opacity: 0;  }
.model-4 .float-btn-group .btn-list .btn-float:nth-child(1) {  -moz-transition: 0.3s 1.2s;  -o-transition: 0.3s 1.2s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 1.2s;  -webkit-transition: 0.3s 1.2s;  transition: 0.3s 1.2s;  }
.model-4 .float-btn-group .btn-list .btn-float:nth-child(2) {  -moz-transition: 0.3s 0.9s;  -o-transition: 0.3s 0.9s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 0.9s;  -webkit-transition: 0.3s 0.9s;  transition: 0.3s 0.9s;  }
.model-4 .float-btn-group .btn-list .btn-float:nth-child(3) {  -moz-transition: 0.3s 0.6s;  -o-transition: 0.3s 0.6s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 0.6s;  -webkit-transition: 0.3s 0.6s;  transition: 0.3s 0.6s;  }
.model-4 .float-btn-group .btn-list .btn-float:nth-child(4) {  -moz-transition: 0.3s 0.3s;  -o-transition: 0.3s 0.3s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 0.3s;  -webkit-transition: 0.3s 0.3s;  transition: 0.3s 0.3s;  }
.model-4 .float-btn-group.open .btn-list .btn-float {  opacity: 1;  }
.model-4 .float-btn-group.open .btn-list .btn-float:nth-child(1) {  right: 230px;  -moz-transition: 0.3s 0.3s;  -o-transition: 0.3s 0.3s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 0.3s;  -webkit-transition: 0.3s 0.3s; transition: 0.3s 0.3s;  }
.model-4 .float-btn-group.open .btn-list .btn-float:nth-child(2) {  right: 165px;  -moz-transition: 0.3s 0.6s;  -o-transition: 0.3s 0.6s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 0.6s;  -webkit-transition: 0.3s 0.6s;  transition: 0.3s 0.6s;  }
.model-4 .float-btn-group.open .btn-list .btn-float:nth-child(3) {  right: 110px;  -moz-transition: 0.3s 0.9s;  -o-transition: 0.3s 0.9s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 0.9s;  -webkit-transition: 0.3s 0.9s;  transition: 0.3s 0.9s;  }
.model-4 .float-btn-group.open .btn-list .btn-float:nth-child(4) {  right: 55px;  -moz-transition: 0.3s 1.2s;  -o-transition: 0.3s 1.2s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 1.2s;  -webkit-transition: 0.3s 1.2s;     transition: 0.3s 1.2s;  }

.model-5 {  background: #607d8b;  }
.model-5 .float-btn-group {  float: none;  width: 50px;  margin: auto;  }
.model-5 .float-btn-group .icon-bars {  -webkit-transition: 0.4s;  transition: 0.4s;  }
.model-5 .float-btn-group .btn-list {  border-radius: 50px;  -ms-transform: rotate(360deg);  -webkit-transform: rotate(360deg);  transform: rotate(360deg);  -webkit-transition: -webkit-transform 0.4s, width 0.3s, opacity 0.3s, left 0.3s;  -webkit-transition-delay: 0s, 0.5s, 0.1s, 0.5s;  -webkit-transition: -webkit-transform 0.4s, width 0.3s 0.5s, opacity 0.3s 0.1s, left 0.3s 0.5s;     transition: transform 0.4s, width 0.3s 0.5s, opacity 0.3s 0.1s, left 0.3s 0.5s;  width: 50px;  height: 50px;  left: 0;  overflow: hidden;  opacity: 0;  }
.model-5 .float-btn-group .btn-list .btn-float {  -webkit-transition: 0.2s;  transition: 0.2s;  position: absolute;  top: 0;  left: 0;  -ms-transform: scale(1.5, 1.5);  -webkit-transform: scale(1.5, 1.5);  transform: scale(1.5, 1.5);  }
.model-5 .float-btn-group .btn-list .btn-float:nth-child(2) {  left: 50px;  }
.model-5 .float-btn-group .btn-list .btn-float:nth-child(3) {  left: 160px;  }
.model-5 .float-btn-group .btn-list .btn-float:nth-child(4) {  left: 215px;  }
.model-5 .float-btn-group.open .icon-bars {  -ms-transform: rotate(-225deg);  -webkit-transform: rotate(-225deg);  transform: rotate(-225deg);  }
.model-5 .float-btn-group.open .btn-list {  -webkit-transition: -webkit-transform 0.4s, opacity 0.3s;  -webkit-transition-delay: 0.1s, 0.1s;  -webkit-transition: -webkit-transform 0.4s 0.1s, opacity 0.3s 0.1s;     transition: transform 0.4s 0.1s, opacity 0.3s 0.1s;  -ms-transform: rotate(0);  -webkit-transform: rotate(0);  transform: rotate(0);  width: 270px;  left: -110px;  opacity: 1;  }

.model-6 {  position: absolute;  bottom: 0;  }
.model-6 .float-btn-group {  float: none;  margin: auto;  width: 50px;  }
.model-6 .float-btn-group .icon-bars {  -moz-transition: 0.3s 1.3s;  -o-transition: 0.3s 1.3s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 1.3s;  -webkit-transition: 0.3s 1.3s;     transition: 0.3s 1.3s;  }
.model-6 .float-btn-group .btn-list {  width: 50px;  height: 50px;  left: 0;  top: 0;  }
.model-6 .float-btn-group .btn-list .btn-float {  position: absolute;  -ms-transform: scale(0, 0);  -webkit-transform: scale(0, 0);  transform: scale(0, 0);  left: 0;  top: 0;  margin: auto;  }
.model-6 .float-btn-group .btn-list .btn-float:nth-child(1) {  -moz-transition: 0.3s 0.3s;  -o-transition: 0.3s 0.3s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 0.3s;  -webkit-transition: 0.3s 0.3s;     transition: 0.3s 0.3s;  }
.model-6 .float-btn-group .btn-list .btn-float:nth-child(2) {  -moz-transition: 0.3s 0.6s;  -o-transition: 0.3s 0.6s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 0.6s;  -webkit-transition: 0.3s 0.6s;     transition: 0.3s 0.6s;  }
.model-6 .float-btn-group .btn-list .btn-float:nth-child(3) {  -moz-transition: 0.3s 0.9s;  -o-transition: 0.3s 0.9s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 0.9s;  -webkit-transition: 0.3s 0.9s;     transition: 0.3s 0.9s;  }
.model-6 .float-btn-group .btn-list .btn-float:nth-child(4) {  -moz-transition: 0.3s 1.2s;  -o-transition: 0.3s 1.2s;  -webkit-transition: 0.3s;  -webkit-transition-delay: 1.2s;  -webkit-transition: 0.3s 1.2s;     transition: 0.3s 1.2s;  }
.model-6 .float-btn-group.open .icon-bars {  -webkit-transition: 0.3s;  transition: 0.3s;  }
.model-6 .float-btn-group.open .btn-list .btn-float {  -ms-transform: scale(0.9, 0.9);  -webkit-transform: scale(0.9, 0.9);  transform: scale(0.9, 0.9);  }
.model-6 .float-btn-group.open .btn-list .btn-float:nth-child(1) {  left: -75px;  top: 0px;  }
.model-6 .float-btn-group.open .btn-list .btn-float:nth-child(2) {  left: -40px;  top: -65px;  }
.model-6 .float-btn-group.open .btn-list .btn-float:nth-child(3) {  left: 40px;  top: -65px;  }
.model-6 .float-btn-group.open .btn-list .btn-float:nth-child(4) {  left: 75px;  top: 0px;  }
.model-6 .float-btn-group.open .btn-list .btn-float:hover {  -webkit-transition: 0.3s;  transition: 0.3s;  text-shadow: 1px 4px 1px #666;  }
.fa-search{  background: url(../images/walk.png) no-repeat center; width: 32px; height: 32px; margin: 17% auto 0; display: block;}
.fa-cloud-download{ background: url(../images/bus.png) no-repeat center; width: 32px; height: 32px; margin: 17% auto 0; display: block;  }
.fa-paperclip{ background: url(../images/car.png) no-repeat center; width: 32px; height: 32px; margin: 17% auto 0; display: block; }
.fa-paperclip{ background: url(../images/car.png) no-repeat center; width: 32px; height: 32px; margin: 17% auto 0; display: block; }
.fa-line-chart{ background: url(../images/bike.png) no-repeat center; width: 32px; height: 32px; margin: 17% auto 0; display: block; }

#container {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  }
.button-group {  position: absolute;  bottom: 20px;  right: 20px;  font-size: 12px;  padding: 10px;  }
.button-group .button {  height: 28px;  line-height: 28px;  background-color: #0D9BF2;  color: #FFF;  border: 0;  outline: none;  padding-left: 5px;  padding-right: 5px;  border-radius: 3px;  margin-bottom: 4px;  cursor: pointer;  }
.button-group .inputtext {  height: 26px;  line-height: 26px;  border: 1px;  outline: none;  padding-left: 5px;  padding-right: 5px;  border-radius: 3px;  margin-bottom: 4px;  cursor: pointer;  }

#tip {  background-color: #fff;  padding-left: 10px;  padding-right: 10px;  position: absolute;  font-size: 12px;  right: 10px;  top: 20px;  border-radius: 3px;  border: 1px solid #ccc;  line-height: 30px;  }
.amap-info-content {  font-size: 12px;  }

#myPageTop {  position: absolute;  top: 5px;  right: 10px;  background: #fff none repeat scroll 0 0;  border: 1px solid #ccc;  margin: 10px auto;  padding:6px;  font-family: "Microsoft Yahei", "微软雅黑", "Pinghei";  font-size: 14px;  }
#myPageTop label {  margin: 0 20px 0 0;  color: #666666;  font-weight: normal;  }
#myPageTop input {  width: 170px;  }
#myPageTop .column2{  padding-left: 25px;  }