.small-phone {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 200px;
  line-height: 200px;
  width: 100%;
  background-color: #212529;
}
.small-phone a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 55px;
  color: #fff;
  text-decoration: none !important;
}
@media only screen and (max-width: 768px) {
  .small-phone {
    display: block;
  }
}
@media only screen and (max-width: 576px) {
  .small-phone {
    display: block;
  }
}
	li{
		list-style:none;
	}
	#floatDivBoxs {
	    width: 52px;
	    height: 160px;
	    position: fixed;
	    bottom: 150px;
	    right: 0;
	    z-index: 999;
	}
	#floatDivBoxs .floatDqq {
	    background:rgba(51,51,51,.7);
	    border-radius: 5px 0 0 5px;
	    height: 116px;
	    padding-top: 10px;
	    background-repeat: no-repeat;
	    background-position: 0px -30px;
	}
	#floatDivBoxs .floatDqq li {
	    font-size: 15px;
	    padding: 13px 0 13px 13px;
	}
	#floatDivBoxs .floatDqq li.bajie i {
	    background-position: 0px -168px;
	}
	#floatDivBoxs .floatDqq li.youjian i {
	    background-position: -34px -168px;
	}
	#floatDivBoxs .floatDqq li i {
	    background-image: url(__PUBLIC__/static/images/online_arrow.png);
	    background-repeat: no-repeat;
	    width: 27px;
	    height: 25px;
	    display: block;
	}
	.shangqiao {
	    position: absolute;
	    top: 0px;
	    right: -150px;
	    width: 126px;
	    height: 126px;
	    z-index: -1;
	    background-image: url(__PUBLIC__/static/images/online_arrow.png);
	    background-repeat: no-repeat;
	    background-position: 0px -240px;
	    padding: 10px;
	    color: #fff;
	    font-size: 14px;
	    line-height: 24px;
        transition:all .8s;
	}
	.youjian2 {
	    position: absolute;
	    top: 0px;
	    right: -150px;
	    width: 126px;
	    height: 126px;
	    z-index: -1;
	    background-image: url(__PUBLIC__/static/images/online_arrow.png);
	    background-repeat: no-repeat;
	    background-position: 0px -240px;
	    padding: 10px;
	    color: #fff;
	    font-size: 14px;
	    line-height: 24px;
        transition:all .8s;
	}
	a.ertai {
	    display: block;
	    width: 106px;
	    height: 30px;
	    background-color: #c52c2e;
	    border-radius: 3px;
	    color: #fff;
	    line-height: 30px;
	    text-align: center;
	}
	#floatDivBoxs .floatDqq li.shaseng i {
	    background-position: 0px -204px;
	}
	.shangqiao2 {
	    position: absolute;
	    top: 0px;
	    right: -150px;
	    width: 126px;
	    height: 126px;
	    z-index: -1;
	    background-image: url(__PUBLIC__/static/images/online_arrow.png);
	    background-repeat: no-repeat;
	    background-position: 0px -240px;
	    padding: 10px;
        transition:all .8s;
	}
	.bajie:hover.shangqiao{
		right:32px;
	}
	.shaseng:hover .sahgnqiao2{
		right:32px;
	}
	.shangqiao2 img{
	    width: 85%;
	    margin: 0 auto;
	}