/* 宸︿笅瑙掓彁绀� */

.fixed_tip {

  position: fixed;

  bottom: 0;

  left: 10px;

  width: 200px;

/*  background-color: rgba(0, 0, 0, 0.1);
*/
}



.fixed_tip .close {

  position: absolute;

  font-size: 20px;

  color: white;

  background-color: rgba(0, 0, 0, 0.6);

  width: 20px;

  height: 20px;

  line-height: 20px;

  text-align: center;

  right: -10px;

  top: -10px;

  border-radius: 4px;

  cursor: pointer;

}



.fixed_tip h5{

  font-size: 20px;

  padding: 10px 0 0 10px;

}



.fixed_tip p {

  padding: 10px;

  font-size: 14px;

}



/* 鎮诞瀹㈡湇 */

.side {

  position: fixed;

  width: 78px;

  right: 0;

  top: 50%;

  margin-top: -200px;

  z-index: 100;

  border: 1px solid #e0e0e0;

  background: #fff;

  border-bottom: 0

}



.side ul li {

  width: 78px;

  height: 78px;

  float: left;

  position: relative;

  border-bottom: 1px solid #e0e0e0;

  color: #333;

  font-size: 14px;

  line-height: 38px;

  text-align: center;

  transition: all .3s;

  cursor: pointer

}



.side ul li:hover {

  background: #03a2cc;

  color: #fff

}



.side ul li:hover a {

  color: #fff

}



.side ul li i {

  height: 25px;

  margin-bottom: 1px;

  display: block;

  overflow: hidden;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: auto 25px;

  margin-top: 14px;

  transition: all .3s

}



.side ul li i.bgs1 {

  background-image: url(../image/right_pic5.png)

}



.side ul li i.bgs2 {

  background-image: url(../image/right_pic7.png)

}



.side ul li i.bgs3 {

  background-image: url(../image/right_pic2.png)

}



.side ul li i.bgs4 {

  background-image: url(../image/right_pic1.png)

}



.side ul li i.bgs5 {

  background-image: url(http://www.zazhigw.com/skin/images/new/right_pic3.png)

}



.side ul li i.bgs6 {

  background-image: url(../image/right_pic6_on.png)

}



.side ul li:hover i.bgs1 {

  background-image: url(http://www.zazhigw.com/skin/images/new/right_pic5_on.png)

}



.side ul li:hover i.bgs2 {

  background-image: url(http://www.zazhigw.com/skin/images/new/right_pic7_on.png)

}



.side ul li:hover i.bgs3 {

  background-image: url(http://www.zazhigw.com/skin/images/new/right_pic2_on.png)

}



.side ul li:hover i.bgs4 {

  background-image: url(http://www.zazhigw.com/skin/images/new/right_pic1_on.png)

}



.side ul li:hover i.bgs5 {

  background-image: url(http://www.zazhigw.com/skin/images/new/right_pic3_on.png)

}



.side ul li .sidebox {

  position: absolute;

  width: 78px;

  height: 78px;

  top: 0;

  right: 0;

  transition: all .3s;

  overflow: hidden

}



.side ul li.sidetop {

  background: #03a2cc;

  color: #fff

}



.side ul li.sidetop:hover {

  opacity: .8;

  filter: Alpha(opacity=80)

}



.side ul li.sideewm .ewBox.son {

  width: 238px;

  display: none;

  color: #363636;

  text-align: center;

  padding-top: 235px;

  position: absolute;

  left: -240px;

  top: 0;

  background-image: url(http://www.zazhigw.com/skin/images/new/leftewm.png);

    background-size: 100% 100%;

  background-repeat: no-repeat;

  background-position: center center;

  border: 1px solid #e0e0e0

}



.side ul li.sideetel .telBox.son {

  width: 240px;

  height: 118.5px;

  display: none;

  color: #fff;

  text-align: left;

  position: absolute;

  left: -240px;

  top: 0;

  background: #03a2cc

}



.side ul li.sideetel .telBox dd {

  display: block;

  height: 118.5px;

  overflow: hidden;

  padding-left: 82px;

  line-height: 24px;

  font-size: 18px

}



.side ul li.sideetel .telBox dd span {

  display: block;

  line-height: 28px;

  height: 28px;

  overflow: hidden;

  margin-top: 32px;

  font-size: 18px

}



.side ul li.sideetel .telBox dd.bgs1 {

  background: url(http://www.zazhigw.com/skin/images/new/right_pic8.png) 28px center no-repeat;

  background-color: #03a2cc

}



.side ul li.sideetel .telBox dd.bgs2 {

  background: url(http://www.zazhigw.com/skin/images/new/right_pic9.png) 28px center no-repeat

}



.side ul li:hover .son {

  display: block !important;

  animation: fadein 1s

}



@keyframes fadein {

  from {

    opacity: 0

  }



  to {

    opacity: 1

  }

}