body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0; outline:0; border:0}
ul,ol {list-style:none}
a {color:#888; text-decoration:none; cursor:pointer; outline:0}
a:hover {color:#fa760b; text-decoration:none; outline:0}

.fcwh {color:#fff;}
.fcwh a:link,.fcwh a:visited,a.fcwh:link,a.fcwh:visited {color:#fff;}
.fcwh a:hover,.fcwh a:active,a.fcwh:hover,a.fcwh:active {color:#f9fbc8;}
.fcgr {color:#aaa;}
.fcgr a:link,.fcgr a:visited,a.fcgr:link,a.fcgr:visited {color:#aaa;}
.fcgr a:hover,.fcgr a:active,a.fcgr:hover,a.fcgr:active {color:#fff;}
.fcbu {color:#00aeff;}
.fcbu a:link,.fcbu a:visited,a.fcbu:link,a.fcbu:visited {color:#00aeff;}
.fcbu a:hover,.fcbu a:active,a.fcbu:hover,a.fcbu:active {color:#ff6000;}

/* 导航 */
.global-nav {width:100%; height:34px; padding:0; border-bottom:1px solid #ededed;}
.global-box {width:1300px; overflow:hidden; margin:0 auto; line-height:30px;}
.global-box .use-show {float:right;}
.global-box .global-ad {float:left; overflow:hidden; display:block; margin-left:100px; width:330px; height:34px; cursor:pointer;}
.global-box .global_ad_970 {position:absolute; top:-205px; left:50%; z-index:4; margin-left:-485px;}
.global-box .wyx-bit {background-position:0 0; margin-left:0px;}
.global-box .qp-bit {background-position:0 -30px;}
.global-box .web-bit {background-position:0 -60px;}
.global-box .weibo-bit {background-position:0 -90px;}
.global-box .weixin-bit {background-position:0 -120px;}
.global-box .message-bit {background-position:0 -150px;}
.global-box .play-bit {background-position:0 -180px; padding-right:16px; }
.global-box .user-bit,.global-box .user-on-bit {background-position:0 -210px; padding-right:16px;}
.global-box a.wyx-bit:hover {background-position:0 -270px; }
.global-box a.qp-bit:hover {background-position:0 -300px; }
.global-box a.web-bit:hover {background-position:0 -330px; }
.global-box a.weibo-bit:hover {background-position:0 -360px; }
.global-box a.weixin-bit:hover {background-position:0 -390px; }
.global-box a.message-bit:hover {background-position:0 -420px; }
.global-box a.play-bit:hover {background-position:0 -450px; }
.global-box a.user-bit:hover,.global-box a.user-on-bit:hover {background-position:0 -480px; }
.global-box .key {position:absolute; top:6px; right:0px; display:inline-block; width:12px; height:20px; background:url(../img/nav_bit.png;vpn_img) -2px -245px no-repeat; }
.global-box a:hover .key {background:url(../img/nav_bit.png;vpn_img)  -2px -515px no-repeat; }
.global-box .yes {position:absolute; top:6px; left:12px; display:inline-block; width:9px; height:9px; background:url(../img/bit.png;vpn_img) 0 0 no-repeat; }

/* 导航浮层 */
.global-float {display:none; top:30px; position:absolute; z-index:12;}
.global-float-bor {position:relative;height:4px;  border-bottom:2px solid #fa760b; }
.global-float-bor em {position:absolute; top:0; left:0px; display:block; width:9px; height:6px; background:url(../img/bit.png;vpn_img) 0 -9px no-repeat; }
.global-float-box {overflow:hidden; border:1px solid #dfdfdf; border-top:none; background-color:#fff;}
.global-float-ani {animation: bounceIn .1s; -webkit-animation:bounceIn .1s;}
.qipai-float {width:548px; left:50%; margin-left:-650px;}
.qipai-float .global-float-box {padding:15px 0 0px 15px; height:215px; }
.qipai-float .global-float-bor em {left:140px;}
.qipai-float .big-img {float:left; width:220px; height:200px;}
.qipai-float ul {margin-left:10px;; float:left; width:300px;  color:#aeaeae;}
.qipai-float li {float:left; width:100px; padding-bottom:13px; text-align:center; }
.qipai-float li .name {display:block; margin-top:4px;  text-align:center; font-size:14px; overflow:hidden; line-height:22px; height:22px;}
.qipai-float li img {display:block; width:50px; height:50px; margin:0 auto}
.qipai-float li em {color:#32bef8; font-style:normal;}

.webgame-float {width:548px; left:50%; margin-left:-650px;}
.webgame-float .global-float-box {padding:15px 0 15px 0;}
.webgame-float .global-float-bor em {left:234px;}
.webgame-float .big-img {float:left; width:220px; height:200px;}
.webgame-float ul {overflow:hidden; width:530px; margin:0 auto;}
.webgame-float li {float:left; margin-top:12px;  width:105px; line-height:14px; height:14px;  text-align:center; border-left:1px solid #e8e8e8;}
.webgame-float .list-b {overflow:hidden; width:522px; margin:16px auto 0 auto; }
.webgame-float .list-b img {float:left; width:245px; height:60px; margin:0 8px;}

.weixinma-float {width:143px; left:50%; margin-left:-346px;}
.weixinma-float .global-float-bor em {left:71px;}
.weixinma-float .global-float-box {padding:9px 9px 6px 9px;}
.weixinma-float .global-float-box img {width:125px; height:125px;}
.weixinma-float p {text-align:center; padding-top:4px; }

.iplay-float {width:260px; right:50%; margin-right:-615px;}
.iplay-float .global-float-bor em {left:130px;}
.iplay-float .global-float-box {padding:9px 19px 15px 19px;}
.iplay-float ul {width:220px; margin:0 auto;}
.iplay-float li {border-bottom:1px dashed #e5e5e5; line-height:35px; height:35px; }
.iplay-float span {float:right;}
.iplay-float .more-a {display:block; margin-top:5px; text-align:center; color:#fff; font-size:14px; line-height:34px; height:35px;  background-color:#007eff; }
.iplay-float a.more-a:hover {background-color:#fa760b; }

.user-float {width:420px; right:50%; margin-right:-650px;}
.user-float .global-float-bor em {left:365px;}
.user-float ul {width:420px; overflow:hidden; border-top:1px solid #e6e6e6;  margin:0 auto;}
.user-float li {float:left; text-align:center; border-left:1px solid #e6e6e6; width:139px; height:44px; line-height:44px; font-size:14px;}
.user-float li.noline {border-left:0;}
.user-float .user-img img {float:left; border-radius:50%;}
.user-float .user-name {float:left; font-size:14px;}
.user-float dl {overflow:hidden; width:360px; margin:20px auto 0 auto;padding-bottom:20px; }
.user-float dt {float:left; width:70px; }
.user-float dd {float:left; width:290px; line-height:25px; height:25px; }
.user-float dd em {display:inline-block;}
.user-float dd p {float:left;}
.user-float dd em.warn {float:left; width:14px; height:14px; margin:5px 5px 0 0; background:url(../img/bit.png;vpn_img) -9px 0 no-repeat; }
.user-float dd em.close {float:left; width:12px; height:12px; margin:6px 0 0 5px; background:url(../img/bit.png;vpn_img) -23px 0 no-repeat; cursor:pointer;}
.user-float .login-quit {float:right; font-size:14px;}
.no-login {display:inline-block; margin:5px 10px 0 0; width:20px; height:20px;background:url(../img/nav_bit.png;vpn_img) 1px -216px no-repeat; }

.login-float {width:318px; right:50%; text-align:center; margin-right:-650px;}
.login-float .global-float-box {padding:15px 0 15px 0; background:url(../img/bit.png;vpn_img) #fff right -420px no-repeat; }
.login-float .global-float-bor em {left:266px;}
.login-float strong {display:block; line-height:40px;  font-size:16px; font-weight:bold; color:#3f3f3f;}
.login-float strong span.bl {color:#52c3f1;}
.login-float strong span.gr {color:#fd7d00;}
.login-float strong span.or {color:#a4cb1c;}
.login-float p {color:#aeaeae}
.login-float ul {width:240px; margin:0 auto;}
.login-float li {margin-top:15px; }
.login-float li a {display:block; font-size:14px; height:38px; line-height:37px; }
.login-float .login-btn {background-color:#007eff; border:1px solid #007eff; color:#fff;}
.login-float a.login-btn:hover {background-color:#da680b; border:1px solid #da680b; color:#fff;}

.login-float .register-btn {background-color:#fff; border:1px solid #007eff; color:#007eff;}
.login-float a.register-btn:hover {background-color:#007eff; border:1px solid #007eff; color:#fff;}


.login-float .float-ad-290 {display:block; margin:15px auto 0 auto; width:290px;}
.login-float .float-ad-290 img {display:block; width:290px; height:70px; }

/* 头部 */
.head-top {width:1300px; margin:0 auto; height:75px;}
.head-top .wyx-logo {float:left; margin-top:20px; width:116px; height:37px; background:url(../img/logo.gif;vpn_img) 0 0 no-repeat; }
.head-top .qipai-logo {float:left; margin-top:18px; width:110px;  font-weight:bold; line-height:18px; text-align:center; }
.head-top .nav {float:left;  margin:10px 0 0 50px; width:756px;}
.head-top .nav li {position:relative; float:left; text-align:center; font-size:16px; line-height:60px; }
.head-top .nav li:nth-child(2) i{position: absolute; width: 23px; height: 12px; background: url(../img/bit.png;vpn_img) no-repeat -60px -11px; left: 50%; margin-left: -11.5px; top: 5px;}
.head-top .nav a {display:block;color:#363636; margin:0 16px 0 15px;}
.head-top .nav a.on,.head-top .nav a:hover {color:#007eff; border-bottom:5px solid #007eff;}
.head-top .nav .new {font-weight:bold;}
.head-top .nav .new em {position:absolute; top:7px; left:43px; display:block; width:23px; height:12px; background:url(../img/bit.png;vpn_img) -61px -11px no-repeat; }
.head-top .search-box {position:relative; z-index:3; float:right; margin-top:17px; width:174px; height:24px; padding:8px 13px; border-radius:20px; border:1px solid #e3e3e3;}
.head-top .searchgame-text {position:absolute; top:10px; left:15px; z-index:1; color:#cbcbcb; width:150px; height:20px; line-height:20px; background-color:transparent; }
.searchgame-btn {position:absolute; top:10px; right:10px; z-index:11; width:21px; height:21px; background:url(../img/bit.png;vpn_img) 0 -16px no-repeat; cursor:pointer;}
.searchgame-btn:hover {background:url(../img/bit.png;vpn_img) -21px -16px no-repeat; }
.search-list-dom {display:none; position:absolute; top:35px; left:-1px; z-index:10; width:170px; border-radius:0 0 20px 20px; line-height:24px;  border:1px solid #e3e3e3; border-top:none; background-color:#fff; padding:0px 15px 10px 15px; }
.search-list-dom p {color:#363636; }

/* trail */
.part-e {width:100%; position:relative; margin:40px auto 0 auto; padding-bottom:30px; background-color:#666; overflow:hidden; padding-top: 140px;}
.help-text {width:960px; position:absolute; top:20px; left:50%; margin-left:-480px; background-color:#4c4c4c; overflow:hidden;}
.help-text li {float:left; width:480px; height:66px; overflow:hidden;}
.help-text span {float:left; width:90px; height:66px; background-image:url(../img/bit.png;vpn_img); background-repeat:no-repeat;}
.help-text .bit3,.help-text .bit4 {background-color:#3f3f3f}
.help-text .bit1 span {background-position:0px -250px; background-color:#3f3f3f;}
.help-text .bit2 span {background-position:-90px -250px; background-color:#3f3f3f;}
.help-text .bit3 span {background-position:-180px -250px; background-color:#323232;}
.help-text .bit4 span {background-position:-270px -250px; background-color:#323232;}
.help-text strong {display:block; line-height:28px; margin-top:8px; padding-left:15px; font-size:14px;}
.help-text p {float:left; width:390px;}
.help-text a {margin-left:15px;}
.help-lm {width:960px; margin:240px auto 0 auto; overflow:hidden;}
.help-lm li {float:left; width:240px;}
.help-lm li img {float:left; width:80px; height:80px; margin-right:15px;}
.help-lm li strong {display:block; font-size:14px; height:40px; color:#fff;}
.help-lm li .add {display:inline-block; width:96px; margin-top:10px; line-height:29px; text-align:center; padding-left:10px; height:30px; color:#fff; background:url(../img/bit.png;vpn_img) #3f3f3f -301px -156px no-repeat;}
.help-lm li a.add:hover {background-color:#00aeff;}
.help-lm li .add-ok {display:inline-block; width:96px; margin-top:10px; line-height:29px; text-align:center; padding-left:10px; height:30px; color:#fff; background:url(../img/bit.png;vpn_img) #848585 -301px -190px no-repeat;}
.my-links {width:960px; margin:30px auto 0 auto; line-height:28px; overflow:hidden;}
.my-links strong {float:left; width:70px; color:#fff;}
.my-links p {float:left; width:890px;}
.my-links p a {margin-right:15px;}
.trail {width:100%; background-color:#3f3f3f; overflow:hidden;}
.trail-box {background:url(../img/wyx_img.gif;vpn_img) 0px 0px no-repeat; width:860px; margin:50px auto 0 auto; padding:0px 0 50px 80px;}
.trail p {line-height:30px;}
.trail p a {margin:0 5px;}
.nav-login {position:absolute; top:0; right:50%; margin-right:-590px; line-height:40px; }
.nav-login a {margin:0 10px;}

/* VIP */
.lv-and-vip {float:left; width:60px; text-align:center; height:11px; margin:8px 0 0 10px;}
.lv-and-vip a {float:left; margin:0 3px; width:24px; height:11px; background-image:url(../img/lvandvip.png;vpn_img); background-repeat:no-repeat;}
.lv1 {background-position:0 0}
.lv2 {background-position:0 -11px}
.lv3 {background-position:0 -22px}
.lv4 {background-position:0 -33px}
.lv5 {background-position:0 -44px}
.lv6 {background-position:0 -55px}
.lv7 {background-position:0 -66px}
.lv8 {background-position:0 -77px}
.lv9 {background-position:0 -88px}
.lv10 {background-position:0 -99px}
.lv11 {background-position:0 -110px}
.lv12 {background-position:0 -121px}
.lv13 {background-position:0 -132px}
.lv14 {background-position:0 -143px}
.lv15 {background-position:0 -154px}
.lv16 {background-position:0 -165px}
.lv17 {background-position:0 -176px}
.lv18 {background-position:0 -187px}
.lv19 {background-position:0 -198px}
.lv20 {background-position:0 -209px}
.lv21 {background-position:-24px 0}
.lv22 {background-position:-24px -11px}
.lv23 {background-position:-24px -22px}
.lv24 {background-position:-24px -33px}
.lv25 {background-position:-24px -44px}
.lv26 {background-position:-24px -55px}
.lv27 {background-position:-24px -66px}
.lv28 {background-position:-24px -77px}
.lv29 {background-position:-24px -88px}
.lv30 {background-position:-24px -99px}
.lv31 {background-position:-24px -110px}
.lv32 {background-position:-24px -121px}
.lv33 {background-position:-24px -132px}
.lv34 {background-position:-24px -143px}
.lv35 {background-position:-24px -154px}
.lv36 {background-position:-24px -165px}
.lv37 {background-position:-24px -176px}
.lv38 {background-position:-24px -187px}
.lv39 {background-position:-24px -198px}
.lv40 {background-position:-24px -209px}
.vip0 {background-position:-48px -165px}
.vip1 {background-position:-48px 0}
.vip2 {background-position:-48px -11px}
.vip3 {background-position:-48px -22px}
.vip4 {background-position:-48px -33px}
.vip5 {background-position:-48px -44px}
.vip6 {background-position:-48px -55px}
.vip7 {background-position:-48px -66px}
.vip8 {background-position:-48px -77px}
.vip9 {background-position:-48px -88px}
.vip10 {background-position:-48px -99px}
.vip11 {background-position:-48px -110px}
.vip12 {background-position:-48px -121px}
.vip13 {background-position:-48px -132px}
.vip14 {background-position:-48px -143px}
.vip15 {background-position:-48px -154px}


/* animate */
@-webkit-keyframes bounceIn {
  0%, 30%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1.000, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.2, 1.000, 0.355, 1.000);
  }
  0% {
    -webkit-transform: scale3d(.2, .2, .2);
    transform: scale3d(.2, .2, .2);
  }
  30% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 30%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1.000, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.2, 1.000, 0.355, 1.000);
  }

  0% {
    -webkit-transform: scale3d(.2, .2, .2);
    -ms-transform: scale3d(.2, .2, .2);
    transform: scale3d(.2, .2, .2);
  }
  30% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
/* 2016/12/20 add */
.go-old {float:left; margin:25px 0 0 10px; border-radius:13px; width:68px; height:27px; background-color:#e9e9e9; color:#888; text-align:center; }

/* 2017/1/19 add */
.head-swf {float:left; margin:0px 0 0 20px; width:120px; height:70px;}