.float-right-box {
  width: 200px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -127px;
  background: #191919;
  z-index: 1000;
  transition: width 0.3s ease 0s; }
  .float-right-box .top-list {
    width: 100%; }
    .float-right-box .top-list ul {
      width: 100%; }
      .float-right-box .top-list ul li {
        width: 100%;
        position: relative;
        transition: background 0.3s ease 0s;
        height: 50px; }
        .float-right-box .top-list ul li:not(:last-child) {
          border-bottom: 1px solid #3b3b3b; }
        .float-right-box .top-list ul li a {
          display: block;
          width: 100%;
          cursor: pointer; }
          .float-right-box .top-list ul li a .ico {
            display: inline-block;
            width: 50px;
            height: 49px;
            position: absolute;
            right: 0;
            top: 0;
            transition: background 0.3s ease 0s;
            z-index: 2; }
          .float-right-box .top-list ul li a .ico1 {
            background: url(../images/mailb.png) no-repeat center #191919; }
          .float-right-box .top-list ul li a .ico2 {
            background: url(../images/phone.png) no-repeat center #191919; }
          .float-right-box .top-list ul li a .ico3 {
            background: url(../images/wechat.png) no-repeat center #191919; }
          .float-right-box .top-list ul li a .ico4 {
            background: url(../images/top.png) no-repeat center #191919; }
          .float-right-box .top-list ul li a .stt {
            display: inline-block;
            font-size: 14px;
            line-height: 50px;
            color: #fff;
            transition: all .3s;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            width: 100%;
            text-indent: 28px;
            opacity: 1; }
          .float-right-box .top-list ul li a .img {
            position: absolute;
            right: 105%;
            visibility: hidden;
            opacity: 0;
            transform: scale(0);
            transition: all .3s;
            top: -50%; }
        .float-right-box .top-list ul li:hover {
          background: #fff; }
          .float-right-box .top-list ul li:hover a .stt {
            color: #191919; }
          .float-right-box .top-list ul li:hover a .ico1 {
            background: url(../images/mailbHover.png) no-repeat center #fff; }
          .float-right-box .top-list ul li:hover a .ico2 {
            background: url(../images/phoneh.png) no-repeat center #fff; }
          .float-right-box .top-list ul li:hover a .ico3 {
            background: url(../images/wechath.png) no-repeat center #fff; }
          .float-right-box .top-list ul li:hover a .ico4 {
            background: url(../images/toph.png) no-repeat center #fff; }
          .float-right-box .top-list ul li:hover a .img {
            visibility: visible;
            opacity: 1;
            transform: scale(1); }

.on {
  width: 50px; }
  .on .top-list ul li {
    overflow: hidden; }
    .on .top-list ul li a .stt {
      text-indent: 0px;
      opacity: 0; }

/*# sourceMappingURL=cebian.css.map */