@charset "UTF-8";
/* www.shengli.com -- common.css -- Date:2016-04-12 -- zhuht */
body,
th,
td,
p,
ol,
ul,
li,
dl,
dt,
dd,
a,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
legend,
select,
textarea {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

input,
img,
fieldset {
  border: none;
}

input,
select,
fieldset {
  vertical-align: middle;
}

body,
button,
input,
select,
textarea {
  outline: none;
}

ul,
ol,
li {
  list-style-type: none;
}

a {
  text-decoration: none;
  outline: none;
  color: #444444;
  cursor: pointer;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}

input:-ms-clear {
  display: none;
}

/* clear IE10 X */
img {
  vertical-align: top;
}

.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.none {
  display: none;
}

.block {
  display: block;
}

.dib {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center;
}

.tl {
  text-align: left;
}

.vm {
  vertical-align: middle;
}

.ma {
  margin: 0 auto;
}

.zoom {
  zoom: 1;
}

.f12 {
  font-size: 12px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f20 {
  font-size: 20px;
}

.f22 {
  font-size: 22px;
}

.f24 {
  font-size: 24px;
}

.f26 {
  font-size: 26px;
}

.f28 {
  font-size: 28px;
}

.f30 {
  font-size: 30px;
}

.fb {
  font-weight: bold;
}

.fn {
  font-weight: normal;
}

.t2 {
  text-indent: 2em;
}

.elli {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 2019春节配色 开始*/
/* 2019春节配色 结束*/
html,
body {
  font: 14px/1 Tahoma, Helvetica, 'Microsoft Yahei', '微软雅黑', Arial, "\5b8b\4f53", sans-serif;
  background: #ffffff;
}

body {
  min-width: 1200px;
  color: #444444;
}

.bgf6 {
  background: #f6f6f6;
}

.w100 {
  width: 100%;
}

.w {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}

.bg-fff {
  background-color: #fff;
}

.pt30 {
  padding-top: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.mt50 {
  margin-top: 50px;
}

.icon {
  background: url(../images/icon.png) 0 0 no-repeat;
}

.header {
  height: 100px;
  width: 100%;
}

.header .navbox {
  height: 100px;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 10;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
}

.header .nav {
  width: 100%;
  max-width: 1540px;
  height: 100px;
  margin: 0 auto;
}

.header .nav a.logo {
  float: left;
  width: 280px;
  height: 52px;
  padding-top: 24px;
}

.header .nav a.logo img {
  display: block;
  width: 100%;
}

.header .nav ul {
  float: right;
}

.header .nav ul li {
  float: left;
  width: 136px;
  height: 100px;
}

.header .nav ul li a {
  float: left;
  width: 100%;
  height: 96px;
  line-height: 96px;
  text-align: center;
  font-size: 24px;
}

.header .nav ul li a.on {
  color: #fe8431;
  border-bottom: 4px solid #fe8431;
}

.header .nav ul li a:hover {
  color: #fe8431;
}

.footer {
  overflow: hidden;
  padding: 30px 0 36px;
  background: #1c1d20;
}

.footer .f-logo {
  width: 216px;
  overflow: hidden;
  margin: 42px 26px 0 32px;
}

.footer .copyright {
  width: 718px;
}

.footer .copyright p {
  line-height: 22px;
  color: #848485;
}

.footer .copyright p a {
  margin-right: 10px;
  color: #848485;
}

.footer img {
  width: 100%;
}

.netIcon {
  margin-top: 10px;
}

.netIcon a {
  width: 113px;
  float: left;
  margin-right: 14px;
}

.page {
  width: 100%;
  height: 24px;
  overflow: hidden;
  padding: 20px 0;
  text-align: center;
}

.page .first,
.page .prev,
.page .current,
.page .num,
.page .next,
.page .end {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  margin: 0 4px;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
}

.page .prev,
.page .next {
  width: 60px;
}

.page .current {
  color: #ffffff;
  background: #fe8431;
}

.page .first,
.page .prev,
.page .num,
.page .next,
.page .end {
  color: #666666;
  background: #eaeaea;
}

.page .first:hover,
.page .prev:hover,
.page .num:hover,
.page .next:hover,
.page .end:hover {
  background: #e2e2e2;
}

.breadcrumbnav {
  height: 40px;
  overflow: hidden;
  padding: 0 14px;
  line-height: 40px;
}

.breadcrumbnav a.active {
  color: #fe8431;
}

.newslist {
  min-height: 250px;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: url(../images/pop-bg.png) 0 0 repeat;
}

.popup .popup-main {
  top: 50%;
  left: 50%;
  overflow: hidden;
  background: #ffffff;
}

.popup .pop-handle,
.popup .pop-bighandle,
.popup .pop-rhsj,
.popup .pop-getJf,
.popup .pop-scoreShop {
  width: 440px;
  height: auto;
  margin-left: -220px;
  margin-top: -200px;
  border: 1px #fe8431 solid;
  max-height: 600px;
}

.popup .pop-handle.pop-bighandle,
.popup .pop-bighandle.pop-bighandle,
.popup .pop-rhsj.pop-bighandle,
.popup .pop-getJf.pop-bighandle,
.popup .pop-scoreShop.pop-bighandle {
  width: 1200px;
  margin-left: -600px;
}

.popup .pop-handle .pop-qrcode-title,
.popup .pop-bighandle .pop-qrcode-title,
.popup .pop-rhsj .pop-qrcode-title,
.popup .pop-getJf .pop-qrcode-title,
.popup .pop-scoreShop .pop-qrcode-title {
  height: 42px;
  overflow: hidden;
  background: #fe8431;
}

.popup .pop-handle .pop-title,
.popup .pop-bighandle .pop-title,
.popup .pop-rhsj .pop-title,
.popup .pop-getJf .pop-title,
.popup .pop-scoreShop .pop-title {
  height: 42px;
  line-height: 42px;
  text-indent: 1em;
  color: #fff;
  font-size: 18px;
  overflow: hidden;
  background: #fe8431;
}

.popup .pop-handle .pop-text,
.popup .pop-bighandle .pop-text,
.popup .pop-rhsj .pop-text,
.popup .pop-getJf .pop-text,
.popup .pop-scoreShop .pop-text {
  line-height: 36px;
  color: #333;
  font-size: 14px;
  overflow: hidden;
  padding: 20px 40px;
}

.popup .pop-handle .popup-close,
.popup .pop-bighandle .popup-close,
.popup .pop-rhsj .popup-close,
.popup .pop-getJf .popup-close,
.popup .pop-scoreShop .popup-close {
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: url(../images/close.png) 0 0 no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  cursor: pointer;
}

.popup .pop-handle .btn,
.popup .pop-bighandle .btn,
.popup .pop-rhsj .btn,
.popup .pop-getJf .btn,
.popup .pop-scoreShop .btn {
  cursor: pointer;
  width: 150px;
  height: 38px;
  overflow: hidden;
  margin: 14px auto 0;
  line-height: 38px;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #fe8431;
}

.popup .register {
  width: 884px;
  margin: -234px 0 0 -442px;
  padding: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.popup .register .register-title {
  height: 60px;
  overflow: hidden;
  padding: 14px 22px 0;
  line-height: 60px;
  color: #fe8431;
  border-bottom: 1px #cbcaca solid;
}

.popup .register .register-main {
  padding: 26px 0 66px;
}

.popup .register .register-main .left {
  width: 538px;
  margin-left: 22px;
}

.popup .register .register-main .left .register-form li {
  overflow: hidden;
  margin-bottom: 16px;
}

.popup .register .register-main .left .register-form li .error-tip {
  color: #fe8431;
}

.popup .register .register-main .left .register-form li .input-wrap {
  width: 300px;
  height: 36px;
  overflow: hidden;
  margin-right: 10px;
  line-height: 34px;
}

.popup .register .register-main .left .register-form li .input-wrap .real-ipt {
  width: 280px;
  height: 36px;
  overflow: hidden;
  padding-left: 20px;
  line-height: 36px;
  background: #e9e9e9;
}

.popup .register .register-main .left .register-form li .input-wrap input {
  color: #666666;
}

.popup .register .register-main .left .register-form li .item-explain {
  width: 228px;
  height: 40px;
  overflow: hidden;
  line-height: 20px;
  color: #666666;
}

.popup .register .register-main .left .register-form li .code-input {
  line-height: 36px;
}

.popup .register .register-main .left .register-form li .code-input .input-wrap {
  width: 144px;
  height: 36px;
  overflow: hidden;
}

.popup .register .register-main .left .register-form li .code-input .input-wrap .real-ipt {
  width: 124px;
  height: 36px;
  overflow: hidden;
  padding-left: 20px;
}

.popup .register .register-main .left .register-form li .code-input .code-image {
  width: 114px;
  height: 34px;
  overflow: hidden;
  margin-right: 4px;
  border: 1px #fe8431 solid;
}

.popup .register .register-main .left .register-form li .code-input .code-image img {
  width: 114px;
  height: 34px;
  overflow: hidden;
  cursor: pointer;
}

.popup .register .register-main .left .register-deal {
  margin-bottom: 16px;
}

.popup .register .register-main .left .register-submit {
  width: 300px;
  height: 52px;
  overflow: hidden;
  line-height: 52px;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 0 none;
  background: #fe8431;
  cursor: pointer;
}

.popup .register .register-main .left .register-submit:hover {
  background: #fd7112;
}

.popup .register .register-main .right {
  width: 266px;
  height: 300px;
  overflow: hidden;
  padding-left: 34px;
  border-left: 1px #cbcaca solid;
}

.popup .register .register-main .right .right-wrap .top {
  height: 40px;
  line-height: 40px;
}

.popup .register .register-main .right .right-wrap .top .red {
  color: #fe8431;
}

.popup .register .register-main .right .right-wrap .login-btn {
  width: 236px;
  height: 46px;
  overflow: hidden;
  line-height: 46px;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #fe8431;
}

.popup .register .register-main .right .right-wrap .login-btn:hover {
  background: #fd7112;
}

.popup .register .popup-close {
  top: 20px;
  right: 30px;
  width: 33px;
  height: 33px;
  overflow: hidden;
  background: url(../images/close1.png) 0 0 repeat;
  cursor: pointer;
}

.popup .login {
  width: 404px;
  margin: -202px 0 0 -202px;
  padding: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.popup .login .register-title {
  height: 60px;
  overflow: hidden;
  padding: 14px 22px 0;
  line-height: 60px;
  color: #fe8431;
  border-bottom: 1px #cbcaca solid;
}

.popup .login .register-main {
  padding: 26px 54px 20px;
}

.popup .login .register-main .single-login-form li {
  overflow: hidden;
  margin-bottom: 16px;
}

.popup .login .register-main .single-login-form li .error-tip {
  line-height: 20px;
  color: #fe8431;
}

.popup .login .register-main .single-login-form li .input-wrap {
  width: 296px;
  height: 36px;
  overflow: hidden;
  line-height: 34px;
}

.popup .login .register-main .single-login-form li .input-wrap .real-ipt {
  width: 276px;
  height: 36px;
  overflow: hidden;
  padding-left: 20px;
  line-height: 36px;
  color: #666666;
  background: #e9e9e9;
}

.popup .login .register-main .single-login-form li .item-explain {
  color: #666666;
}

.popup .login .register-main .single-login-form li .code-input {
  line-height: 36px;
}

.popup .login .register-main .single-login-form li .code-input .input-wrap {
  width: 124px;
  height: 36px;
  overflow: hidden;
  margin-right: 6px;
}

.popup .login .register-main .single-login-form li .code-input .input-wrap .real-ipt {
  width: 104px;
  height: 36px;
  overflow: hidden;
  padding-left: 20px;
}

.popup .login .register-main .single-login-form li .code-input .code-image {
  width: 114px;
  height: 34px;
  overflow: hidden;
  margin-right: 4px;
  border: 1px #fe8431 solid;
}

.popup .login .register-main .single-login-form li .code-input .code-image img {
  width: 114px;
  height: 34px;
  overflow: hidden;
  cursor: pointer;
}

.popup .login .register-main .register-deal {
  overflow: hidden;
  margin-bottom: 16px;
  color: #666666;
}

.popup .login .register-main .login-submit {
  width: 296px;
  height: 52px;
  overflow: hidden;
  line-height: 52px;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 0 none;
  background: #fe8431;
  cursor: pointer;
}

.popup .login .register-main .login-submit:hover {
  background: #fd7112;
}

.popup .login .register-main .single-reg-tip {
  line-height: 46px;
}

.popup .login .popup-close {
  top: 20px;
  right: 30px;
  width: 33px;
  height: 33px;
  overflow: hidden;
  background: url(../images/close1.png) 0 0 repeat;
  cursor: pointer;
}

.popup .pop-qrcode,
.popup .pop-qrcode2,
.popup .pop-scoreShop {
  height: 292px;
  margin-top: -146px;
}

.popup .pop-qrcode .pop-qrcode-main p,
.popup .pop-qrcode2 .pop-qrcode-main p,
.popup .pop-scoreShop .pop-qrcode-main p {
  height: 34px;
  overflow: hidden;
  margin-top: 20px;
  line-height: 34px;
  color: #fe8431;
}

.popup .pop-qrcode .pop-qrcode-main .pop-qrcode-img,
.popup .pop-qrcode2 .pop-qrcode-main .pop-qrcode-img,
.popup .pop-scoreShop .pop-qrcode-main .pop-qrcode-img {
  width: 170px;
  height: 170px;
  overflow: hidden;
  margin: 20px auto;
}

.popup .pop-qrcode .pop-qrcode-main .pop-qrcode-img img,
.popup .pop-qrcode2 .pop-qrcode-main .pop-qrcode-img img,
.popup .pop-scoreShop .pop-qrcode-main .pop-qrcode-img img {
  width: 100%;
}

.popup .pop-cdk, .popup .pop-zxk {
  height: 210px;
  margin-top: -105px;
}

.popup .pop-cdk p, .popup .pop-zxk p {
  height: 34px;
  overflow: hidden;
  margin-top: 20px;
  line-height: 34px;
}

.popup .pop-cdk p.cdk, .popup .pop-zxk p.cdk {
  color: #fe8431;
}

.popup .pop-jifen, .popup .pop-jifen-not, .popup .pop-jifen-over, .popup .pop-jifen-await, .popup .pop-jifen-allsold {
  height: 264px;
  margin-top: -122px;
}

.popup .pop-jifen .pop-jifen-img, .popup .pop-jifen-not .pop-jifen-img, .popup .pop-jifen-over .pop-jifen-img, .popup .pop-jifen-await .pop-jifen-img, .popup .pop-jifen-allsold .pop-jifen-img {
  width: 91px;
  height: 72px;
  overflow: hidden;
  margin: 20px auto;
}

.popup .pop-jifen .color, .popup .pop-jifen-not .color, .popup .pop-jifen-over .color, .popup .pop-jifen-await .color, .popup .pop-jifen-allsold .color {
  line-height: 32px;
  color: #242222;
}

.popup .pop-jifen .color span, .popup .pop-jifen-not .color span, .popup .pop-jifen-over .color span, .popup .pop-jifen-await .color span, .popup .pop-jifen-allsold .color span {
  margin: 0 10px;
  color: #fe8431;
}

.popup .pop-jifen .btn-getJf, .popup .pop-jifen-not .btn-getJf, .popup .pop-jifen-over .btn-getJf, .popup .pop-jifen-await .btn-getJf, .popup .pop-jifen-allsold .btn-getJf {
  cursor: pointer;
}

.popup .pop-jifen-not,
.popup .pop-jifen-over,
.popup .pop-jifen-await,
.popup .pop-jifen-allsold {
  height: 192px;
  margin-top: -96px;
}

.popup .pop-vip-not,
.popup .pop-vip-grade,
.popup .pop-vip-bqk-alr,
.popup .pop-vip-birth-not,
.popup .pop-integral-not-enough,
.popup .pop-get-integral,
.popup .pop-rhsj,
.popup .pop-getJf {
  height: 204px;
  margin-top: -102px;
}

.popup .pop-vip-not p,
.popup .pop-vip-grade p,
.popup .pop-vip-bqk-alr p,
.popup .pop-vip-birth-not p,
.popup .pop-integral-not-enough p,
.popup .pop-get-integral p,
.popup .pop-rhsj p,
.popup .pop-getJf p {
  margin-top: 20px;
  line-height: 32px;
  color: #242222;
}

.popup .pop-vip-not p.color,
.popup .pop-vip-grade p.color,
.popup .pop-vip-bqk-alr p.color,
.popup .pop-vip-birth-not p.color,
.popup .pop-integral-not-enough p.color,
.popup .pop-get-integral p.color,
.popup .pop-rhsj p.color,
.popup .pop-getJf p.color {
  margin: 0 0 20px;
}

.popup .pop-vip-not p.mt50,
.popup .pop-vip-grade p.mt50,
.popup .pop-vip-bqk-alr p.mt50,
.popup .pop-vip-birth-not p.mt50,
.popup .pop-integral-not-enough p.mt50,
.popup .pop-get-integral p.mt50,
.popup .pop-rhsj p.mt50,
.popup .pop-getJf p.mt50 {
  margin-top: 50px;
}

.popup .pop-rhsj,
.popup .pop-getJf {
  width: 560px;
  height: auto;
  margin: -157px 0 0 -280px;
  padding-bottom: 30px;
}

.popup .pop-rhsj p.color,
.popup .pop-getJf p.color {
  width: 88%;
  margin: 20px auto 0;
  text-align: left;
  line-height: 24px;
}

.popup .pop-rhsj .btn-buy,
.popup .pop-rhsj .btn-doTask,
.popup .pop-getJf .btn-buy,
.popup .pop-getJf .btn-doTask {
  color: #0909a0;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  margin-left: 12px;
}

.popup .pop-rhsj .btn-sure,
.popup .pop-getJf .btn-sure {
  cursor: pointer;
  margin: 30px auto 0;
  width: 102px;
  height: 34px;
  line-height: 34px;
}

.popup .pop-getJf {
  margin-top: -170px;
}

.popup .pop-vip-bqk {
  height: 152px;
  margin-top: -76px;
}

.popup .pop-vip-bqk p {
  margin-top: 20px;
  line-height: 32px;
  color: #242222;
}

.popup .pop-vip-birth {
  height: 290px;
  margin-top: -146px;
}

.popup .pop-vip-birth .pop-vip-birth-main .select_game_list {
  margin: 16px 72px;
}

.popup .pop-vip-birth .pop-vip-birth-main .select_game_list .name {
  line-height: 36px;
}

.popup .pop-vip-birth .pop-vip-birth-main .select_game_list .diy_select {
  height: 30px;
  line-height: 30px;
  color: #242222;
  border: 1px #6d6d6d solid;
  background: #f7f4f4;
  cursor: pointer;
}

.popup .pop-vip-birth .pop-vip-birth-main .select_game_list .diy_select .diy_select_txt {
  padding-left: 8px;
}

.popup .pop-vip-birth .pop-vip-birth-main .select_game_list .diy_select .diy_select_btn {
  top: 2px;
  right: 4px;
  width: 27px;
  height: 27px;
  background: url(../images/select_btn.png) 0 0 no-repeat;
}

.popup .pop-vip-birth .pop-vip-birth-main .select_game_list .diy_select .diy_select_list {
  left: -1px;
  z-index: 9;
  width: 100%;
  max-height: 149px;
  overflow: hidden;
  border: 1px #6d6d6d solid;
  border-top: 0 none;
  background: #f7f4f4;
}

.popup .pop-vip-birth .pop-vip-birth-main .select_game_list .diy_select .diy_select_list li {
  height: auto;
  margin: -1px 0;
  padding: 0 8px;
  border-top: 1px #b6b6b6 solid;
}

.popup .pop-vip-birth .pop-vip-birth-main .select_game_list .diy_select .diy_select_list li.active {
  background: #f6fbff;
}

.popup .pop-vip-birth .pop-vip-birth-main .select_game_list .diy_select .diy_select_list.diy_select_list1 {
  overflow-y: auto;
}

.popup .pop-vip-birth .pop-vip-birth-main .ts {
  line-height: 26px;
}

.popup .pop-vip-birth-cdk {
  height: 292px;
  margin-top: -146px;
}

.popup .pop-vip-birth-cdk img {
  width: 67px;
  height: 56px;
  overflow: hidden;
  margin: 16px auto;
}

.popup .pop-vip-birth-cdk p {
  margin-top: 12px;
  line-height: 26px;
  color: #242222;
}

.popup .pop-vip-birth-cdk p.cdk {
  color: #fe8431;
}

.popup .pop-vip-birth-next,
.popup .pop-vip-birth-alr,
.popup .pop-vip-qq,
.popup .pop-time {
  margin-top: -102px;
  padding-bottom: 20px;
}

.popup .pop-vip-birth-next p,
.popup .pop-vip-birth-alr p,
.popup .pop-vip-qq p,
.popup .pop-time p {
  margin-top: 12px;
  line-height: 26px;
  color: #242222;
}

.popup .pop-download {
  margin-top: -300px;
}

.popup .pop-download p {
  text-align: center;
  margin: 20px 0;
  font-size: 18px;
}

.popup .pop-download img {
  display: block;
  width: 60%;
  margin: 20px auto;
}

.popup .pop-download a {
  display: inline-block;
  width: 150px;
  height: 38px;
  overflow: hidden;
  margin: 14px 14px 0;
  line-height: 38px;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #ff8c3c;
}

.vip-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: url(../images/pop-bg.png) 0 0 repeat;
}

.vip-popup .vip-popup-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 936px;
  height: 652px;
  margin: -346px 0 0 -500px;
  padding: 20px 32px;
  border: 1px #fe8431 solid;
  background: #fff;
}

.vip-popup .vip-popup-box .vip-card-tab {
  font-size: 0;
  text-align: center;
  border-bottom: 1px solid #dbd9d9;
}

.vip-popup .vip-popup-box .vip-card-tab a {
  display: inline-block;
  padding: 20px 0;
  width: 40%;
  margin: 0 5%;
  color: #414040;
  font-size: 30px;
}

.vip-popup .vip-popup-box .vip-card-tab span {
  color: #ff8432;
  font-size: 15px;
  padding-left: 10px;
}

.vip-popup .vip-popup-box .vip-card-tab span:after {
  content: "";
  background: url("../images/vipcardSpr.png");
  width: 19px;
  height: 19px;
  background-position: -299px -83px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.vip-popup .vip-popup-box .vip-card-tab a.on {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ad7944), to(#edbb59));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}

.vip-popup .vip-popup-box .vip-card-tab a.on span {
  -webkit-text-fill-color: #ff8432;
  background: none;
}

.vip-popup .vip-popup-box .vip-card-tab a.on:after {
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  background: #d1a051;
}

.vip-popup .vip-popup-box .card-sort-box {
  margin: 35px 0 45px 0;
}

.vip-popup .vip-popup-box .cardList {
  font-size: 0;
}

.vip-popup .vip-popup-box .cardList li {
  display: inline-block;
  font-size: 20px;
  color: #6e6e6e;
  border: 1px solid #bebdbd;
  position: relative;
  overflow: hidden;
  background: url("../images/panda-3.png") no-repeat -40px -50px;
  border-radius: 8px;
}

.vip-popup .vip-popup-box .cardList li:last-child {
  margin: 0;
}

.vip-popup .vip-popup-box .cardList li.on {
  border: 1px solid #ff8432;
}

.vip-popup .vip-popup-box .cardList li.on:after {
  content: "";
  width: 36px;
  height: 34px;
  background: url("../images/vipcardSpr.png");
  background-position: -102px -82px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.vip-popup .vip-popup-box .cardJSList {
  text-align: center;
}

.vip-popup .vip-popup-box .cardJSList li {
  width: 294px;
  height: 130px;
  margin-right: 10px;
}

.vip-popup .vip-popup-box .cardJSList .msgJS span {
  display: block;
  margin: 30px 0 10px 0;
}

.vip-popup .vip-popup-box .cardJSList .msgJS span:after {
  content: "";
  width: 42px;
  height: 42px;
  background: url("../images/vipcardSpr.png");
  background-position: -157px -76px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.vip-popup .vip-popup-box .cardJSList em {
  display: block;
}

.vip-popup .vip-popup-box .cardJSList .experience {
  width: 54px;
  height: 22px;
  background: url("../images/vipcardSpr.png");
  background-position: -9px -94px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px;
  color: #fff;
  line-height: 22px;
}

.vip-popup .vip-popup-box .vip-title {
  color: #414040;
  font-size: 16px;
  margin-bottom: 13px;
}

.vip-popup .vip-popup-box .cardVipList {
  color: #414040;
}

.vip-popup .vip-popup-box .cardVipList li {
  width: 210px;
  height: 130px;
  margin-right: 23px;
  font-size: 15px;
}

.vip-popup .vip-popup-box .cardVipList .msgVip-title {
  width: 213px;
  height: 33px;
  background: url("../images/vipcardSpr.png");
  background-position: 0 -152px;
  text-align: center;
  line-height: 33px;
}

.vip-popup .vip-popup-box .cardVipList .msgVip {
  margin: 7px 0 0 5px;
}

.vip-popup .vip-popup-box .cardVipList .msgVip strong {
  width: 23px;
  height: 23px;
  background: #c18a46;
  color: #fff;
  text-align: center;
  line-height: 23px;
  display: inline-block;
  font-weight: normal;
  border-radius: 50%;
}

.vip-popup .vip-popup-box .cardVipList .msgVip span {
  color: #c18a46;
}

.vip-popup .vip-popup-box .cardVipList .prize {
  float: right;
  margin-right: 18px;
}

.vip-popup .vip-popup-box .cardVipList .prize strong {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#cb9248), to(#f0bd5b));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 55px;
}

.vip-popup .vip-popup-box .payment .payment-title {
  font-size: 16px;
  color: #414040;
  margin-bottom: 15px;
}

.vip-popup .vip-popup-box .payment .payment-select {
  font-size: 0;
  margin-bottom: 20px;
}

.vip-popup .vip-popup-box .payment .payment-select a {
  line-height: 42px;
  width: 208px;
  height: 45px;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  border: 1px solid #bebdbd;
  margin-right: 25px;
}

.vip-popup .vip-popup-box .payment .payment-select a:before {
  content: "";
  width: 52px;
  height: 35px;
  background: url("../images/vipcardSpr.png");
  display: inline-block;
  vertical-align: middle;
}

.vip-popup .vip-popup-box .payment .payment-select a.wechat:before {
  background-position: -253px -134px;
}

.vip-popup .vip-popup-box .payment .payment-select a.zhi:before {
  background-position: -313px -134px;
}

.vip-popup .vip-popup-box .payment .payment-select a.unionpay:before {
  background-position: -375px -134px;
  margin-right: 5px;
}

.vip-popup .vip-popup-box .payment .payment-select a.on {
  border: 1px solid #ff8432;
}

.vip-popup .vip-popup-box .summary-box {
  float: right;
  color: #414040;
  font-size: 16px;
}

.vip-popup .vip-popup-box .summary-box .big-prize {
  font-size: 24px;
}

.vip-popup .vip-popup-box .summary-box .big-prize .mprice-num {
  color: #ff8432;
}

.vip-popup .vip-popup-box .summary-box .tips {
  font-size: 14px;
  color: #999696;
}

.vip-popup .vip-popup-box .summary-box .tips a {
  color: #999696;
}

.vip-popup .vip-popup-box .summary-box p {
  line-height: 30px;
}

.vip-popup .vip-popup-box .summary-box .oprice {
  text-decoration: line-through;
}

.vip-popup .vip-popup-box .summary-box .btn {
  width: 213px;
  height: 49px;
  display: block;
  margin: 12px 0;
  line-height: 49px;
  color: #ffffff;
  background: #fe8431;
  text-align: center;
}

.vip-popup .vip-popup-box .vip-popup-close {
  position: absolute;
  top: -1px;
  right: -42px;
  width: 41px;
  height: 41px;
  background: url("../images/vipcardSpr.png");
  background-position: -239px -77px;
}

.dialog.cardVipDialog,
.dialog.cardJSDialog {
  z-index: 101;
}

.dialog.cardVipDialog .content,
.dialog.cardJSDialog .content {
  color: #676767;
  font-size: 15px;
  text-align: left;
  padding: 45px 35px;
  border-radius: 10px;
  min-height: 200px;
  width: 450px;
}

.dialog.cardVipDialog .introdute,
.dialog.cardJSDialog .introdute {
  font-weight: bold;
  line-height: 35px;
}

.dialog.cardVipDialog .msg,
.dialog.cardJSDialog .msg {
  margin-bottom: 5px;
  line-height: 25px;
}

.dialog.cardVipDialog .msg:before,
.dialog.cardJSDialog .msg:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: url("../images/vipcardSpr.png");
  width: 20px;
  height: 20px;
  background-position: -113px -23px;
}

.dialog.cardVipDialog .msg strong,
.dialog.cardJSDialog .msg strong {
  margin-left: 24px;
}

.dialog.cardVipDialog .msg strong:nth-child(1),
.dialog.cardJSDialog .msg strong:nth-child(1) {
  margin-left: 0;
}

.dialog.cardVipDialog .closeBtn,
.dialog.cardJSDialog .closeBtn {
  background: url("../images/vipcardSpr.png");
  position: absolute;
  bottom: -70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  width: 52px;
  height: 54px;
  background-position: -9px -3px;
}

.dialog.remark {
  z-index: 101;
}

.dialog.remark .content {
  color: #676767;
  font-size: 15px;
  text-align: center;
  padding: 45px 35px;
  border-radius: 10px;
  min-height: 200px;
  width: 450px;
}

.dialog.remark .introdute {
  font-weight: bold;
  line-height: 35px;
}

.dialog.remark .msg {
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 25px;
}

.dialog.remark .closeBtn {
  background: url("../images/vipcardSpr.png");
  position: absolute;
  bottom: -70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  width: 52px;
  height: 54px;
  background-position: -9px -3px;
}

.dialog.remark .btn {
  width: 8rem;
  height: 2rem;
  border-radius: 25px;
  text-align: center;
  line-height: 2rem;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dbad56), to(#cc9b51));
  background: -o-linear-gradient(linear, 0 0, 0 bottom, from(#dbad56), to(#cc9b51));
  color: #fff;
  font-size: 1rem;
  display: inline-block;
  margin: 2rem 0 0 0;
}

.agreement {
  width: 1000px;
  overflow: hidden;
  margin: 0 auto;
  line-height: 30px;
}

.agreement h2 {
  line-height: 60px;
}

.agreement p {
  text-indent: 2em;
}

.agreement h3 {
  margin-top: 10px;
}

.agreement dl dt {
  margin-top: 6px;
  text-indent: 2em;
}

.agreement dl dd {
  text-indent: 2em;
}

.sidebar {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 9;
  margin-top: -210px;
  width: 120px;
  background-color: #fff;
  border-radius: 10px 0 0 10px;
}

.sidebar ul {
  overflow: hidden;
  width: 80px;
  margin: 0 auto;
}

.sidebar .sidebar-list {
  display: block;
  width: 100%;
  height: 70px;
  padding-top: 16px;
  overflow: hidden;
  border-bottom: 1px solid #f1f1f1;
}

.sidebar .sidebar-list .icon {
  width: 42px;
  height: 40px;
  overflow: hidden;
  margin: 0 auto;
}

.sidebar .sidebar-list .sidebar-text {
  height: 22px;
  overflow: hidden;
  line-height: 22px;
  color: #faa973;
  text-align: center;
  font-size: 14px;
}

.sidebar .sidebar-list:hover {
  background: #ffffff;
}

.sidebar .sidebar-list:hover .sidebar-text {
  color: #fe8431;
}

.sidebar .sidebar-list.shopping-car .icon {
  background: url(../images/sidebar.png) center 0 no-repeat;
}

.sidebar .sidebar-list.shopping-car:hover .icon {
  background: url(../images/sidebar-on.png) center 0 no-repeat;
}

.sidebar .sidebar-list.weixin .icon {
  background: url(../images/sidebar.png) center -94px no-repeat;
}

.sidebar .sidebar-list.weixin:hover .icon {
  background: url(../images/sidebar-on.png) center -94px no-repeat;
}

.sidebar .sidebar-list.weibo .icon {
  background: url(../images/sidebar.png) center -180px no-repeat;
}

.sidebar .sidebar-list.weibo:hover .icon {
  background: url(../images/sidebar-on.png) center -180px no-repeat;
}

.sidebar .sidebar-list.kefu .icon {
  background: url(../images/sidebar.png) center -265px no-repeat;
}

.sidebar .sidebar-list.kefu:hover .icon {
  background: url(../images/sidebar-on.png) center -265px no-repeat;
}

.sidebar .sidebar-list.zilv .icon {
  background: url(../images/sidebar-zilv.png) center center no-repeat;
  background-size: 42px auto;
}

.sidebar .sidebar-list.zilv:hover .icon {
  background: url(../images/sidebar-zilv-on.png) center center no-repeat;
  background-size: 42px auto;
}

.sidebar .go-top {
  display: block;
  width: 100%;
  height: 55px;
  overflow: hidden;
  background: url(../images/go-top.png) center center no-repeat;
}

.sidebar .weixin-qrcode {
  top: 0;
  left: -192px;
  width: 192px;
  height: 192px;
  overflow: hidden;
  background: #ffffff;
}

.sidebar .weixin-qrcode img {
  width: 100%;
}

.sidebar .shopping-car-box {
  top: 0;
  left: -258px;
  width: 218px;
  overflow: hidden;
  padding: 20px;
}

.sidebar .shopping-car-box .nogoods {
  height: 16px;
  overflow: hidden;
  line-height: 16px;
}

@media screen and (max-width: 1600px) {
  body {
    min-width: 980px;
  }
  .header .top .t-login {
    margin-right: 10px;
  }
  .header .top .t-login:last-child {
    margin-right: 0;
  }
  .header .nav .n-box {
    margin-left: 114px;
  }
  .header .nav .n-box .lastli {
    width: 128px;
  }
  .header .nav .h-logo {
    width: 140px;
    height: 54px;
    overflow: hidden;
    margin: 0;
    padding: 5px 0;
  }
  .header .nav .h-logo a {
    display: block;
    height: 54px;
    line-height: 50px;
  }
  .header .nav .h-logo img {
    vertical-align: middle;
  }
  .footer {
    padding: 16px 0;
  }
  .footer .f-logo {
    margin: 42px 32px 0 12px;
  }
  .vip-popup .vip-popup-box {
    width: 820px;
    height: 600px;
    margin: -300px 0 0 -400px;
    padding: 20px;
  }
  .vip-popup .vip-popup-box .cardJSList li {
    width: 254px;
  }
  .vip-popup .vip-popup-box .cardVipList li {
    width: 195px;
    margin-right: 10px;
  }
}

/*   16.08.31  胜利周年庆  vip充值弹窗 */
.vip-popup.one-year .active-time {
  text-align: center;
  color: #242223;
  font-size: 18px;
  padding: 20px 0 0 0;
}

@media screen and (max-width: 1600px) {
  .vip-popup.one-year .vip-popup-box {
    height: 580px;
    margin: -300px 0 0 -400px;
  }
}

.vip-popup.one-year .vip-popup-box .package-box .package-list {
  height: 175px;
}

.vip-popup.one-year .vip-popup-box .package-box .package-list .package-main {
  height: 131px;
  padding-top: 10px;
}

.vip-popup.one-year .vip-popup-box .package-box .package-list .package-main .color {
  color: #ff8432;
}

.vip-popup.one-year .vip-popup-box .package-box .package-list .package-main .psp {
  color: #414040;
}

.vip-popup.one-year .vip-popup-box .package-box .package-list .package-main .onum {
  font-size: 24px;
  font-weight: bold;
}

.vip-popup.one-year .vip-popup-box .package-box .package-list .package-main .give-tips {
  color: #666666;
  font-size: 14px;
  text-decoration: line-through;
  line-height: 16px;
}

.vip-popup.one-year .vip-popup-box .package-box .package-list .package-main .active-tips {
  color: #242223;
  font-size: 14px;
}

.vip-popup.one-year .vip-popup-box .package-box .package-list .package-main .active-tips strong {
  color: #ff0000;
  font-size: 16px;
}

@-webkit-keyframes yaodong1 {
  0% {
    transform: rotate(20deg);
    transform-origin: center top;
  }
  50% {
    transform: rotate(0deg);
    transform-origin: center top;
  }
  100% {
    transform: rotate(0deg);
    transform-origin: center top;
  }
}

@-moz-keyframes yaodong1 {
  0% {
    transform: rotate(20deg);
    transform-origin: center top;
  }
  50% {
    transform: rotate(0deg);
    transform-origin: center top;
  }
  100% {
    transform: rotate(0deg);
    transform-origin: center top;
  }
}

@keyframes yaodong1 {
  0% {
    transform: rotate(20deg);
    transform-origin: center top;
  }
  50% {
    transform: rotate(0deg);
    transform-origin: center top;
  }
  100% {
    transform: rotate(0deg);
    transform-origin: center top;
  }
}

@-webkit-keyframes yaodong2 {
  0% {
    transform: rotate(-20deg);
    transform-origin: center top;
  }
  50% {
    transform: rotate(0deg);
    transform-origin: center top;
  }
  100% {
    transform: rotate(0deg);
    transform-origin: center top;
  }
}

@-moz-keyframes yaodong2 {
  0% {
    transform: rotate(-20deg);
    transform-origin: center top;
  }
  50% {
    transform: rotate(0deg);
    transform-origin: center top;
  }
  100% {
    transform: rotate(0deg);
    transform-origin: center top;
  }
}

@keyframes yaodong2 {
  0% {
    transform: rotate(-20deg);
    transform-origin: center top;
  }
  50% {
    transform: rotate(0deg);
    transform-origin: center top;
  }
  100% {
    transform: rotate(0deg);
    transform-origin: center top;
  }
}

.kfpop_box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.8);
}

.kfpop_box .kfpop_list {
  top: 50%;
  left: 50%;
  padding: 1px;
  background: #fe8431;
}

.kfpop_box .kfpop_select_game, .kfpop_box .kfpop_succ, .kfpop_box .kfpop_error {
  width: 440px;
  margin-top: -224px;
  margin-left: -220px;
  padding-top: 28px;
}

.kfpop_box .kfpop_select_game .kfpop_select_game_info, .kfpop_box .kfpop_succ .kfpop_select_game_info, .kfpop_box .kfpop_error .kfpop_select_game_info {
  width: 294px;
  padding: 18px 73px 28px;
  background: #ffffff;
}

.kfpop_box .kfpop_select_game .kfpop_select_game_info .name, .kfpop_box .kfpop_succ .kfpop_select_game_info .name, .kfpop_box .kfpop_error .kfpop_select_game_info .name {
  height: 40px;
  overflow: hidden;
  line-height: 40px;
}

.kfpop_box .kfpop_select_game .kfpop_select_game_info .kfdiy_select, .kfpop_box .kfpop_succ .kfpop_select_game_info .kfdiy_select, .kfpop_box .kfpop_error .kfpop_select_game_info .kfdiy_select, .kfpop_box .kfpop_select_game .kfpop_select_game_info .text_box, .kfpop_box .kfpop_succ .kfpop_select_game_info .text_box, .kfpop_box .kfpop_error .kfpop_select_game_info .text_box {
  width: 292px;
  height: 30px;
  margin-bottom: 10px;
  border: 1px #6d6d6d solid;
  background: #f7f4f4;
  cursor: pointer;
}

.kfpop_box .kfpop_select_game .kfpop_select_game_info .kfdiy_select .diy_select_txt, .kfpop_box .kfpop_succ .kfpop_select_game_info .kfdiy_select .diy_select_txt, .kfpop_box .kfpop_error .kfpop_select_game_info .kfdiy_select .diy_select_txt, .kfpop_box .kfpop_select_game .kfpop_select_game_info .text_box .diy_select_txt, .kfpop_box .kfpop_succ .kfpop_select_game_info .text_box .diy_select_txt, .kfpop_box .kfpop_error .kfpop_select_game_info .text_box .diy_select_txt {
  width: 282px;
  height: 30px;
  overflow: hidden;
  padding: 0 5px;
  line-height: 30px;
}

.kfpop_box .kfpop_select_game .kfpop_select_game_info .kfdiy_select .diy_select_btn, .kfpop_box .kfpop_succ .kfpop_select_game_info .kfdiy_select .diy_select_btn, .kfpop_box .kfpop_error .kfpop_select_game_info .kfdiy_select .diy_select_btn, .kfpop_box .kfpop_select_game .kfpop_select_game_info .text_box .diy_select_btn, .kfpop_box .kfpop_succ .kfpop_select_game_info .text_box .diy_select_btn, .kfpop_box .kfpop_error .kfpop_select_game_info .text_box .diy_select_btn {
  top: 2px;
  right: 4px;
  width: 26px;
  height: 26px;
  overflow: hidden;
  background: url(../images/select_btn.png) 0 0 no-repeat;
}

.kfpop_box .kfpop_select_game .kfpop_select_game_info .kfdiy_select .diy_select_list, .kfpop_box .kfpop_succ .kfpop_select_game_info .kfdiy_select .diy_select_list, .kfpop_box .kfpop_error .kfpop_select_game_info .kfdiy_select .diy_select_list, .kfpop_box .kfpop_select_game .kfpop_select_game_info .text_box .diy_select_list, .kfpop_box .kfpop_succ .kfpop_select_game_info .text_box .diy_select_list, .kfpop_box .kfpop_error .kfpop_select_game_info .text_box .diy_select_list {
  left: -1px;
  z-index: 9;
  width: 292px;
  max-height: 150px;
  overflow-y: auto;
  border: 1px #6d6d6d solid;
  background: #ffffff;
}

.kfpop_box .kfpop_select_game .kfpop_select_game_info .kfdiy_select .diy_select_list li, .kfpop_box .kfpop_succ .kfpop_select_game_info .kfdiy_select .diy_select_list li, .kfpop_box .kfpop_error .kfpop_select_game_info .kfdiy_select .diy_select_list li, .kfpop_box .kfpop_select_game .kfpop_select_game_info .text_box .diy_select_list li, .kfpop_box .kfpop_succ .kfpop_select_game_info .text_box .diy_select_list li, .kfpop_box .kfpop_error .kfpop_select_game_info .text_box .diy_select_list li {
  height: 30px;
  padding: 0 5px;
  line-height: 30px;
}

.kfpop_box .kfpop_select_game .kfpop_select_game_info .kfdiy_select .diy_select_list li.active, .kfpop_box .kfpop_succ .kfpop_select_game_info .kfdiy_select .diy_select_list li.active, .kfpop_box .kfpop_error .kfpop_select_game_info .kfdiy_select .diy_select_list li.active, .kfpop_box .kfpop_select_game .kfpop_select_game_info .text_box .diy_select_list li.active, .kfpop_box .kfpop_succ .kfpop_select_game_info .text_box .diy_select_list li.active, .kfpop_box .kfpop_error .kfpop_select_game_info .text_box .diy_select_list li.active {
  background: #f6fbff;
}

.kfpop_box .kfpop_select_game .kfpop_select_game_info .kfdiy_select .diy_select_list li.focus, .kfpop_box .kfpop_succ .kfpop_select_game_info .kfdiy_select .diy_select_list li.focus, .kfpop_box .kfpop_error .kfpop_select_game_info .kfdiy_select .diy_select_list li.focus, .kfpop_box .kfpop_select_game .kfpop_select_game_info .text_box .diy_select_list li.focus, .kfpop_box .kfpop_succ .kfpop_select_game_info .text_box .diy_select_list li.focus, .kfpop_box .kfpop_error .kfpop_select_game_info .text_box .diy_select_list li.focus {
  background: #f6fbff;
}

.kfpop_box .kfpop_select_game .kfpop_select_game_info .text_box .text, .kfpop_box .kfpop_succ .kfpop_select_game_info .text_box .text, .kfpop_box .kfpop_error .kfpop_select_game_info .text_box .text {
  width: 282px;
  height: 30px;
  overflow: hidden;
  padding: 0 5px;
  background: #f7f4f4;
}

.kfpop_box .kfpop_select_game .kfpop_select_game_info .btn, .kfpop_box .kfpop_succ .kfpop_select_game_info .btn, .kfpop_box .kfpop_error .kfpop_select_game_info .btn {
  width: 96px;
  height: 30px;
  overflow: hidden;
  margin: 28px auto 0;
  line-height: 30px;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #fe8431;
}

.kfpop_box .kfpop_select_game .kf_close, .kfpop_box .kfpop_succ .kf_close, .kfpop_box .kfpop_error .kf_close {
  top: 3px;
  right: 3px;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: url(../images/close.png) 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  cursor: pointer;
}

.kfpop_box .kfpop_recharge {
  margin-top: -388px;
  margin-left: -508px;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info {
  width: 954px;
  padding: 18px 32px 48px;
  background: #ffffff;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kf_pop_tit {
  height: 70px;
  overflow: hidden;
  line-height: 70px;
  border-bottom: 1px #dbd9d9 solid;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kfpop_recharge_list_box {
  height: 390px;
  overflow: hidden;
  margin-top: 26px;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kfpop_recharge_list_box .kfpop_recharge_list {
  width: 327px;
  height: 89px;
  overflow: hidden;
  margin: 0 0 26px 32px;
  padding: 15px 0 0 104px;
  background: url(../images/kf_list.png) 0 0 no-repeat;
  cursor: pointer;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kfpop_recharge_list_box .kfpop_recharge_list .list_img {
  top: 15px;
  left: 18px;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border: 1px #ff8432 solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kfpop_recharge_list_box .kfpop_recharge_list .list_tit {
  width: 198px;
  line-height: 38px;
  color: #4e4e4e;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kfpop_recharge_list_box .kfpop_recharge_list .list_info {
  width: 198px;
  line-height: 20px;
  color: #8c8c8c;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kfpop_recharge_list_box .kfpop_recharge_list .list_price {
  top: 6px;
  right: 0;
  width: 96px;
  height: 92px;
  overflow: hidden;
  line-height: 92px;
  font-size: 24px;
  color: #eb6a28;
  border-left: 1px #bfbfbf dashed;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kfpop_recharge_list_box .kfpop_recharge_list.on {
  background-position: 0 -104px;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kf_pay_box, .kfpop_box .kfpop_recharge .kfpop_recharge_info .kf_pay_item {
  height: 50px;
  margin-top: 48px;
  line-height: 50px;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kf_pay_box .kf_pay_list, .kfpop_box .kfpop_recharge .kfpop_recharge_info .kf_pay_item .kf_pay_list {
  width: 138px;
  height: 46px;
  overflow: hidden;
  margin-right: 20px;
  border: 1px #c6c4c4 solid;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kf_pay_box .kf_pay_list.on, .kfpop_box .kfpop_recharge .kfpop_recharge_info .kf_pay_item .kf_pay_list.on {
  border: 1px #ff8432 solid;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kf_pay_item {
  margin-top: 0;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kf_summary_box .kf_mprice_num {
  color: #ff8432;
}

.kfpop_box .kfpop_recharge .kfpop_recharge_info .kf_summary_box .btn {
  width: 140px;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  margin: 12px 0;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #ff8432;
}

.kfpop_box .kfpop_recharge .kf_close {
  top: 0;
  right: -42px;
  width: 28px;
  height: 28px;
  overflow: hidden;
  padding: 7px 10px 7px 4px;
  background: #ff8432;
  -webkit-border-radius: 0 21px 21px 0;
  -moz-border-radius: 0 21px 21px 0;
  -o-border-radius: 0 21px 21px 0;
  border-radius: 0 21px 21px 0;
  cursor: pointer;
}

.kfpop_box .kfpop_recharge .kf_close b {
  width: 28px;
  height: 28px;
  overflow: hidden;
  background: url(../images/close.png) 0 0 no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

.kfpop_box .kfpop_succ .kfpop_succ_info, .kfpop_box .kfpop_error .kfpop_succ_info {
  width: 440px;
  padding: 28px 0;
  background: #ffffff;
}

.kfpop_box .kfpop_succ .kfpop_succ_info .img, .kfpop_box .kfpop_error .kfpop_succ_info .img {
  height: 72px;
}

.kfpop_box .kfpop_succ .kfpop_succ_info .txt, .kfpop_box .kfpop_error .kfpop_succ_info .txt {
  height: 36px;
  line-height: 36px;
}

.kfpop_box .kfpop_succ .kfpop_succ_info .btn, .kfpop_box .kfpop_error .kfpop_succ_info .btn {
  width: 96px;
  height: 30px;
  overflow: hidden;
  margin: 20px auto 0;
  line-height: 30px;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #fe8431;
}

/*  17.04.19  胜利等级会员 icon 添加 S  kwok */
.memberIcon {
  width: 106px;
  height: 45px;
  position: absolute;
  top: 95px;
  left: 50%;
  margin-left: -54px;
}

.memberIcon.member-baiyin {
  background: url("../images/member-baiyin.gif");
}

.memberIcon.member-bojin {
  background: url("../images/member-bojin.gif");
}

.memberIcon.member-boyin {
  background: url("../images/member-boyin.gif");
}

.memberIcon.member-huangjin {
  background: url("../images/member-huangjin.gif");
}

.memberIcon.member-qingtong {
  background: url("../images/member-qingtong.gif");
}

.memberIcon.member-baiyin-min {
  background: url("../images/member-baiyin-min.gif");
}

.memberIcon.member-bojin-min {
  background: url("../images/member-bojin-min.gif");
}

.memberIcon.member-boyin-min {
  background: url("../images/member-boyin-min.gif");
}

.memberIcon.member-huangjin-min {
  background: url("../images/member-huangjin-min.gif");
}

.memberIcon.member-qingtong-min {
  background: url("../images/member-qingtong-min.gif");
}

/*  17.04.19  胜利等级会员 icon 添加 E  kwok */
/*  元旦换肤 李志帅 2017.12.26 开始*/
/*  元旦换肤 李志帅 2017.12.26 结束*/
/*  2017春节 李志帅 2017.12.26 开始*/
/*  2017春节 李志帅 2017.12.26 结束*/
/*  2017春节 李志帅 2019.1.13 开始*/
/*  2017春节 李志帅 2019.1.14 结束*/
/*vip升级消息推送  郭致鸣 2018.10.25 开始*/
.vip_fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.vip_box {
  width: 400px;
  height: 400px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10001;
  margin: -200px 0 0 -200px;
}

.vip-bg1 {
  width: 400px;
  height: 400px;
  background: url(../images/vip/vip-bg1.png) 100% 100% no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

.vip-bg2 {
  width: 380px;
  height: 190px;
  background: url(../images/vip/vip-bg2.png) 100% 100% no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 70px;
  left: 50%;
  margin-left: -190px;
  z-index: 2;
}

.vip-title {
  width: 240px;
  height: 90px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -120px;
  z-index: 3;
}

.vip-level {
  width: 170px;
  height: 185px;
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -80px;
  z-index: 4;
}

.vip-getGift {
  width: 200px;
  height: 60px;
  background: url(../images/vip/vip-getGift.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -100px;
  z-index: 5;
  cursor: pointer;
  display: block;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*vip升级消息推送  郭致鸣 2018.10.25 结束*/
/*广告弹框 魏蒙蒙 2019/2/22*/
.ad_pop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.ad_pop .ad_main {
  top: 50%;
  left: 50%;
  width: 996px;
  height: 550px;
  overflow: hidden;
  margin: -275px 0 0 -498px;
}

.ad_pop .ad_main .ad_box {
  width: 996px;
  height: 550px;
  overflow: hidden;
}

.ad_pop .ad_main .ad_p_close {
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  background: url(../images/close.png) 0 0 no-repeat;
}