.cd-top {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 120px;
  border:solid 0px #ededed; 
  border-radius:8px;
  position: fixed;
  bottom: 100px;
  right: 15px;
  overflow: hidden;
  white-space: nowrap;
  background: #fff url(../images/top-arrow.png) no-repeat 22px center;
  background-size:auto 30%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 0 5px 17px 0 rgba(0,0,0,.15);
  color:#1d1d1d;
  text-align: center;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: 1;
}
.cd-top:hover {
  background-color: #fff;
  opacity: 1;
  box-shadow: 0 4px 20px rgba(0,0,0,.2);
}

.cd-top span{ display: inline-block; font-size:12px; color:#1d1d1d; padding-left: 22px; }


.fixed-service{ position: fixed; right:15px; bottom:160px; width: 120px; background: url(../images/pic-service.png) no-repeat center top; padding-top: 88px; }
.fixed-service-bd{ width: 120px; height:120px; border-radius: 8px; background: linear-gradient(125deg,#1dcafd, #1e72f1); box-shadow: 0 5px 15px rgba(0,0,0,0.15); color:#fff; padding:12px 0px 0 10px; }
.fixed-service-item{ padding-bottom: 8px;}
.fixed-service-item:first-child{ border-bottom: solid 1px rgba(255,255,255,.2); margin-bottom: 8px;}
.fixed-service-item p{ font-size:12px;}

@media (max-width: 1440px){ 
  .cd-top {right: 10px; }
  .fixed-service{ right:10px; }
}

@media (max-width: 640px){ 
  .cd-top {right: 0px;bottom: 15px;}
  .fixed-service{ right:0; bottom:75px;}
}