.serv-wrap .serv-list p,
    .serv-wrap .serv-list a {
      background: url('../images/index_csp.png');
      background-repeat: no-repeat;
    }


    .rmd-game-list {
      margin-right: -50px;
    }

    .rmd-game-list li {
      width: 418px;
      margin-right: 50px;
      background: #fff;
      float: left;
    }

    .rmd-game-list .game-pic,
    .rmd-game-list .game-pic .img {
      display: block;
      width: 418px;
      height: 204px;
      overflow: hidden;
      position: relative;
    }

    .rmd-game-list .hot-font {
      position: absolute;
      width: 418px;
      height: 204px;
      top: 0;
      left: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      transform: translateY(-100%);
    }

    .rmd-game-list .hot-font .bg {
      width: 418px;
      height: 204px;
      opacity: .85;
      background: #03b4f5;
      position: absolute;
      top: 0;
      left: 0;
      filter: alpha(opacity=85);
    }

    .rmd-game-list .hot-font .con {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      padding: 20px 0 0 50px;
      overflow: hidden;
    }

    .rmd-game-list .hot-font .font-qr {
      float: left;
      margin: 0 30px 0 0;
    }

    .rmd-game-list .qrcode {
      width: 140px;
      height: 140px;
    }

    .rmd-game-list .hot-font .txt {
      float: left;
      width: 198px;
      height: 36px;
      line-height: 36px;
      color: #fff;
      font-size: 14px;
    }

    .rmd-game-list .game-pic:hover .hot-font {
      opacity: 1;
      filter: alpha(opacity=100);
      transform: translateY(0);
    }

    .rmd-game-list .game-pic .f-turn,
    .hot-game-list .enter-web {
      -webkit-transition: all .2s linear;
      -moz-transition: all .2s linear;
      -ms-transition: all .2s linear;
      -o-transition: all .2s linear;
      transition: all .2s linear;
    }

    .rmd-game-list .game-info {
      height: 74px;
      padding: 0 30px 0 50px;
    }

    .rmd-game-list .game-name {
      line-height: 74px;
      font-size: 16px;
      font-weight: normal;
      float: left;
    }

    .rmd-game-list .game-other {
      height: 24px;
      line-height: 24px;
      padding: 25px 0;
      float: right;
    }

    .rmd-game-list .i-like {
      display: inline-block;
      padding-left: 24px;
      background-position: 0 -43px;
      margin-right: 20px;
    }

    .g-btn {
      display: inline-block;
      width: 90px;
      height: 28px;
      line-height: 28px;
      text-align: center;
      color: #fff;
      border-radius: 5px;
      background: #56bde5;
    }
    .g-btn:hover {
      color: #fff;
      background: #3ca1c7;
    }
    /*.hot-game-list*/
    .mod-hot-game {
      width: 890px;
      float: left;
    }

    .mod-hot-game .hot-game-list {
      margin-right: -60px;
    }


    .g-tit .more {
      float: right;
      height: 24px;
      line-height: 24px;
      margin-top: 15px;
      padding-right: 20px;
      background-position: 32px -127px;
    }

    .g-tit .more:hover {
      color: #03b4f5;
      background-position: 32px -171px;
    }

    .hot-game-list li {
      width: 415px;
      height: 205px;
      color: #999;
      margin: 10px 60px 10px 0;
      float: left;
      transition: all .2s ease-in-out;
      position: relative;
    }

    .hot-game-list li:hover {
      box-shadow: 0 0 5px #03b4f5;
    }

    .hot-game-list .a {
      overflow: hidden;
      margin: 30px 0 0 0;
    }

    .hot-game-list .img {
      display: block;
      width: 135px;
      height: 135px;
      ;
      margin: 0 20px 0 15px;
      border-radius: 5px;
      overflow: hidden;
    }

    .hot-game-list .img img {
      width: 100%;
      height: auto !important;
    }

    .hot-game-list .ginfo {
      width: 225px;
      overflow: hidden;
      line-height: 36px;
      font-size: 14px;
    }

    .hot-game-list .gname {
      display: block;
      font-size: 16px;
      color: #333;
      margin: 10px 0 6px 0;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .hot-game-list .gname:hover {
      color: #03b4f5;
    }

    .hot-game-list .g-btn {
      width: 72px;
      height: 24px;
      line-height: 24px;
      margin-top: 10px;
    }

    .hot-game-list .gname .icon {
      position: relative;
      top: -4px;
    }


    .hot-game-list .b {
      overflow: hidden;
      width: 100%;
      height: 100%;
    }

    .hot-game-list .b .qrcode {
      display: block;
      margin: 17px auto;
      width: 120px;
      height: 120px;
    }

    .hot-game-list .dl-group {
      height: 92px;
      overflow: hidden;
    }

    .hot-game-list .point {
      color: #ff6326;
    }


    .btn-hp {
      display: block;
      width: 100%;
      height: 52px;
      line-height: 52px;
      font-size: 16px;
      text-align: center;
      color: #fff;
      background: rgba(60, 200, 255, .84);
    }

    .btn-hp:hover {
      color: #fff !important;
    }

    .hot-game-list .active .a {
      display: none;
    }

    .hot-game-list .active .b {
      display: block;
    }

    .mod-kf-game {
      float: right;
      width: 428px;
    }


    .kf-popt {
      float: right;
      overflow: hidden;
      border: 1px solid #e6e6e6;
      border-radius: 4px;
      margin-top: 12px;
    }

    .kf-popt li {
      width: 40px;
      height: 26px;
      float: left;
      background: #fff;
      cursor: pointer;
    }

    .kf-popt .prev {
      border-right: 1px solid #e6e6e6;
    }

    .kf-popt .prev:after,
    .kf-popt .next:after {
      content: ' ';
      display: block;
      width: 0;
      height: 0;
      overflow: hidden;
      border: 1px solid #e6e6e6;
      border-width: 10px 15px;
      margin: 3px auto;
    }

    .kf-popt .prev:after {
      border-color: transparent #e6e6e6 transparent transparent;
      margin-left: -4px;
    }

    .kf-popt .next:after {
      border-color: transparent transparent transparent #e6e6e6;
      margin-right: -4px;
    }

    .kf-popt .prev.active:after, .kf-popt .prev:hover:after {
      border-color: transparent #03b4f5 transparent transparent;
    }

    .kf-popt .next.active:after, .kf-popt .next:hover:after {
      border-color: transparent transparent transparent #03b4f5;
    }

    .kf-tab-wrap {
      margin-top: 30px;
      height: 480px;
      overflow: hidden;
    }
    .kf-tab-inner {
      position: relative;
      transition: all .5s linear;
    }
    .kf-list { width: 428px; float: left;}

    .kf-list li {
      border-bottom: 2px solid #e6e6e6;
    }

    .kf-list .in {
      height: 54px;
      line-height: 54px;
      border: 2px solid #fff;
      overflow: hidden;
    }

    .kf-list .img {
      width: 40px;
      height: 40px;
      background: #efefef;
      margin: 7px 14px 0 28px;
      float: left;
    }

    .kf-list .name {
      width: 150px;
      padding-right: 10px;
      font-size: 14px;
      float: left;
    }

    .kf-list .info {
      width: 128px;
      line-height: 26px;
      color: #666;
      float: left;
    }

    .kf-list .t {
      width: 54px;
      height: 54px;
      background: #56bde5;
      float: left;
      position: relative;
      display: none;
    }

    .kf-list .t:before {
      content: ' ';
      width: 5px;
      height: 28px;
      background: #fff;
      position: absolute;
      top: 12px;
      left: 20px;
    }

    .kf-list .t:after {
      content: ' ';
      width: 0px;
      height: 0px;
      overflow: hidden;
      border: 14px solid #fff;
      border-color: transparent transparent transparent #fff;
      position: absolute;
      top: 12px;
      left: 25px;
    }

    .kf-list li:hover .in {
      border-color: #56bde5;
    }

    .kf-list li:hover .t {
      display: block;
    }


    .mod-news-box,
    .mod-gift-box,
    .mod-serv-box {
      width: 428px;
      float: left;
    }

    .mod-news-box .laybox,
    .mod-gift-box .laybox,
    .mod-serv-box .laybox {
      height: 552px;
    }

    .mod-gift-box {
      margin: 0 35px;
    }

    .news-wrap .hd,
    .gift-wrap .hd,
    .serv-wrap .hd {
      padding: 10px 28px;
      border-bottom: 2px solid #e6e6e6;
    }

    .news-wrap .hd-img,
    .gift-wrap .hd-img,
    .serv-wrap .hd-img {
      display: block;
      height: 78px;
      border-radius: 4px;
      overflow: hidden;
      background: #3fb9fe url(../images/news_img.jpg) no-repeat;
    }

    .news-wrap .tit {
      display: block;
      font-size: 16px;
      color: #fa4d56;
      margin: 30px 0 10px;
    }

    .news-wrap .newimg {
      width: 140px;
      height: 84px;
      border-radius: 4px;
      background: #3fb9fe;
      float: left;
    }

    .news-wrap .txt {
      width: 212px;
      color: #999;
      line-height: 28px;
      height: 84px;
      overflow: hidden;
      padding-left: 20px;
      text-align: justify;
      float: left;
    }

    .news-wrap .news-list {
      padding: 12px 28px 12px 42px;
    }

    .news-wrap .news-list li {
      list-style-type: disc;
    }

    .news-wrap .news-list li a {
      display: block;
      color: #666;
      line-height: 35px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .gift-wrap .hd-img {
      background-image: url(../images/gift_img.jpg);
    }

    .gift-wrap li {
      overflow: hidden;
      padding: 18px 28px;
      background: #fff;
      border-bottom: 2px solid #e6e6e6;
    }

    .gift-wrap .img {
      width: 75px;
      height: 75px;
      background: #3fb9fe;
      float: left;
    }

    .gift-wrap .info {
      width: 200px;
      margin-left: 30px;
      float: left;
      line-height: 28px;
      padding-top: 10px;
    }

    .gift-wrap .name {
      font-size: 14px;
      color: #333;
    }

    .gift-wrap .sur {
      color: #999;
    }

    .gift-wrap .sur span {
      color: #fa4d56;
    }

    .gift-wrap .btn {
      display: block;
      width: 85px;
      height: 24px;
      text-align: center;
      line-height: 24px;
      color: #fff;
      border-radius: 3px;
      background: #3fb9fe;
      display: none;
    }

    .gift-wrap .btn:hover {
      color: #fff !important;
    }

    .gift-wrap li:hover {
      background: #f3f3f3;
    }

    .gift-wrap li:hover .sur {
      display: none;
    }

    .gift-wrap li:hover .btn {
      display: block;
    }

    .serv-wrap .hd-img {
      background-image: url(../images/service_img.jpg);
    }

    .serv-wrap .channel {
      height: 156px;
      border-radius: 10px;
      margin: 10px 0 6px;
      background: #e6e6e6;
    }

    .serv-wrap .channel .tit {
      font-size: 16px;
      line-height: 52px;
      text-align: center;
    }

    .serv-wrap .channel .btn-group {
      padding: 0 9px;
    }

    .serv-wrap .channel .btn {
      width: 100px;
      height: 80px;
      border: 2px solid #fff;
      margin: 0 7px;
      float: left;
    }

    .serv-wrap .channel .btn-fpsw {
      background: url('../images/pass_icon.jpg');
    }

    .serv-wrap .channel .btn-finf {
      background: url('../images/perfect_icon.jpg');
    }

    .serv-wrap .channel .btn-oqq {
      background: url('../images/qq_icon.jpg');
    }

    .serv-wrap .serv-list {}

    .serv-wrap .serv-list li {
      height: 40px;
      line-height: 40px;
      padding: 14px 0;
      text-align: center;
      border-bottom: 2px solid #e6e6e6;
    }

    .serv-wrap .serv-list .item1 a {
      background-position: 28px -526px;
    }

    .serv-wrap .serv-list .item2 p {
      background-position: 28px -566px;
    }

    .serv-wrap .serv-list .item3 p {
      background-position: 30px -611px;
    }

    .serv-wrap .serv-list .item4 p {
      background-position: 28px -650px;
    }

    .serv-wrap .serv-list li a {
      display: block;
    }


    .friend-link .bd {
      background: #fff;
      padding: 15px;
    }

    .friend-link .bd a {
      font-size: 14px;
      line-height: 30px;
      margin-right: 20px;
      white-space: nowrap;
    }