@charset "UTF-8";

/*
 * @authors luoxihua (luoxihua@gmail.com)
 * @date    2018-03-19 09:49:18
 * @version $Id$
 */
body,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
table,
th,
td,
menu {
  margin: 0;
  padding: 0;
}

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

ul,
ol,
menu {
  list-style: none;
}

fieldset,
img {
  border: none;
}

img,
object,
select,
input,
textarea,
button {
  vertical-align: middle;
}

input,
textarea,
select,
address,
caption,
cite,
code,
dfn,
em,
i,
b,
strong,
small,
th,
var,
abbr {
  font-size: 100%;
  font-style: normal;
}

caption,
th {
  text-align: left;
}

article,
aside,
footer,
header,
hgroup,
nav,
section,
figure,
figcaption {
  display: block;
}

code,
kbd,
pre,
samp,
tt {
  font-family: Consolas, "Courier New", Courier, monospace;
}

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

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #333;
  transition: all 0.2s;
  /*&:link,&:visited, &:active{color: $LinkC;}*/
}

a:hover {
  text-decoration: none;
  color: #ffba00;
  outline: none;
}

a span,
a em,
a u,
a strong,
a b,
a p,
a img,
a ul,
a li,
a div,
a dd,
a dt,
a dl,
a ol,
a table,
a th,
a td,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6,
a input,
a textarea,
a button,
a small,
a select {
  cursor: pointer;
  transition: none;
}

abbr[title],
acronym[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

body,
button,
input,
select,
textarea {
  font: 14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", "STHeiti", "Helvetica Neue", "Helvetica", "SimSun", "Tahoma", "Arial", sans-serif;
}

.fl,
.col1 {
  float: left;
}

.fr,
.col2 {
  float: right;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center;
}

.hide {
  display: none;
}

.cf:before,
.cf:after {
  display: table;
  content: "";
}

.cf:after {
  clear: both;
}

.cf {
  zoom: 1;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt30 {
  margin-top: 30px;
}

body {
  background-color: #f5f5f5;
  padding-top: 70px;
}

body.guard-layer {
  padding: 0;
}

.contain {
  width: 1200px;
  margin: auto;
}

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

.page-title {
  height: 70px;
  position: relative;
  padding-left: 185px;
}

.page-title .head-logo {
  display: block;
  position: absolute;
  left: 0;
  top: 14px;
  width: 176px;
  height: 42px;
  /*text-indent: -9999em;*/
  background-image: url("./logo.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /*background-position: -10px -904px;*/
}

.page-title .page-sub-title {
  padding: 17px 0 0 10px;
}

.page-title .sub-titleicon {
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  height: 36px;
}

.page-title .sub-titleicon.sub-title-live {
  width: 59px;
  background-position: -10px -620px;
}

.page-title .sub-titleicon.sub-title-event {
  width: 59px;
  background-position: -10px -508px;
}

.page-title .sub-titleicon.sub-title-game {
  width: 63px;
  background-position: -10px -732px;
}

.page-title .sub-titleicon.sub-title-help {
  width: 151px;
  background-position: -10px -676px;
}

.page-title .sub-titleicon.sub-title-news {
  width: 78px;
  background-position: -10px -564px;
}

.page-title .sub-titleicon.sub-title-charge {
  width: 79px;
  background-position: -10px -788px;
}

.page-title .sub-titleicon.sub-title-safe {
  width: 122px;
  background-position: -10px -846px;
}

.navigator {
  float: left;
}

.navigator.remove_curnav li.cur .nav-lnk {
  background: transparent;
  color: #333;
}

.navigator ul {
  padding-top: 20px;
  height: 50px;
}

.navigator li {
  margin-left: 5px;
  float: left;
  height: 30px;
}

.navigator li.cur .nav-lnk {
  background: #ffba00;
  color: #fff;
}

.navigator li .nav-lnk {
  display: inline-block;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  font-size: 16px;
  transition: all 0.2s;
}

.navigator li.nav-down {
  position: relative;
  z-index: 2;
}

.navigator li.nav-down:hover .down-pop {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: scale(1);
}

.navigator li.nav-down .down-pop {
  display: inline-block;
  padding: 5px 20px;
  border-top: 1px solid #ffba00;
  position: absolute;
  top: 35px;
  left: 50%;
  background: #fff;
  box-shadow: 0 0 5px #888;
  width: 84px;
  margin-left: -62px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 0.2s;
  transform: scale(0);
  transform-origin: 62px 0;
}

.navigator li.nav-down .down-pop a {
  display: block;
  white-space: nowrap;
  margin: 10px 0;
}

.navigator li.nav-down .down-pop .pop-arrow {
  display: inline-block;
  width: 13px;
  height: 6px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -307px -213px;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
}

.navigator li.nav-down .icon-nav-down {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 10px;
  background-repeat: no-repeat;
}

.navigator li.nav-down .icon-nav-down.icon-show-app {
  background-position: -302px -224px;
}

.navigator li.nav-down .icon-nav-down.icon-show-soft {
  background-position: -302px -248px;
}

.head-search {
  display: inline-block;
  width: 175px;
  padding: 20px 25px 0 0;
  position: relative;
  height: 30px;
  border-bottom: 1px solid #ccc;
  margin-left: 20px;
}

.head-search .search-key {
  width: 100%;
  height: 30px;
  *height: 28px;
  margin: 0;
  padding: 0;
  border: none;
  line-height: 30px;
  outline: none;
}

.head-search .search-submit {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -10px -388px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 25px;
}

.head-search .search-pop {
  position: absolute;
  z-index: 2;
  background: #fff;
  border-top: 1px solid #ccc;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 0.2s;
  height: 0;
  overflow: hidden;
}

.head-search .search-pop.popShow {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  height: auto;
}

.head-search .key-recent .hd,
.head-search .search-recommend .hd {
  color: #999;
  display: inline-block;
  width: 190px;
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
  position: relative;
  margin: 0;
  font-size: 12px;
}

.head-search .key-recent .hd span {
  position: absolute;
  right: 10px;
  top: 0;
  cursor: pointer;
}

.head-search .key-recent .hd span i {
  margin-right: 5px;
}

.head-search .key-recent .bd li {
  position: relative;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  width: 190px;
  padding: 0 5px;
  transition: all 0.2s;
  font-size: 14px;
}

.head-search .key-recent .bd li:hover {
  background-color: #f5f5f5;
}

.head-search .key-recent .bd li span {
  position: absolute;
  right: 10px;
  top: 7px;
  cursor: pointer;
}

.head-search .key-recent .bd li span.icon-del {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -10px -76px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -8px;
}

.head-search .key-recent .bd li a {
  color: #726f6f;
  display: block;
  transition: all 0.2s;
}

.head-search .key-recent .bd li a .icon-time {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -10px -40px;
  vertical-align: middle;
  margin-right: 5px;
}

.head-search .key-recent .bd li a:hover {
  color: #292727;
}

.head-search .search-recommend .bd {
  padding-bottom: 5px;
}

.head-search .search-recommend .bd li {
  display: inline-block;
  width: 155px;
  vertical-align: middle;
  padding: 0 20px 0 25px;
  font-size: 14px;
  position: relative;
  line-height: 26px;
  height: 26px;
  transition: all 0.2s;
}

.head-search .search-recommend .bd li:hover {
  background-color: #f5f5f5;
}

.head-search .search-recommend .bd li em {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.head-search .search-recommend .bd li a {
  color: #726f6f;
}

.head-search .search-recommend .bd li a:hover {
  color: #292727;
}

.head-search .search-recommend .bd li a i {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-color: #eee;
  color: #726f6f;
  vertical-align: middle;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -8px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
}

.head-search .search-recommend .bd li a i.search-hot-anchor1 {
  background-color: #ffba00;
  color: #fff;
}

.head-search .search-recommend .bd li span {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #999;
}

.head-user-bar {
  margin-left: 20px;
}

.head-user-bar .icon-head {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 50% 0;
}

.head-user-bar .icon-head.icon-login {
  background-image: url("../images/v4/common/icon_login.png");
}

.head-user-bar .icon-head.icon-register {
  background-image: url("../images/v4/common/icon_register.png");
}

.head-user-bar .head-login-before {
  float: left;
  line-height: 30px;
  padding-top: 20px;
}

.head-user-bar .head-login-before a {
  display: inline-block;
  margin: 0 5px;
}

.head-user-bar .head-login-before .line-divide {
  display: inline-block;
  width: 0;
  height: 10px;
  border-left: 1px solid #ccc;
  position: relative;
  top: 1px;
}

.head-user-bar .head-login-after {
  float: left;
  cursor: pointer;
  position: relative;
  line-height: 30px;
  padding-top: 20px;
}

.head-user-bar .head-login-after .user-infos span {
  color: #333;
}

.head-user-bar .head-login-after .user-infos span em {
  color: #999;
}

.head-user-bar .head-login-after .user-infos a {
  color: #ffba00;
  padding-left: 20px;
}

.head-user-bar .head-login-after .user-infos a .icon-quit {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/v4/common/icon_logout.png");
  background-repeat: no-repeat;
  margin-right: 10px;
  vertical-align: middle;
}

.head-user-bar .head-login-after .user-avatar {
  width: 48px;
  height: 48px;
  overflow: hidden;
  position: relative;
}

.head-user-bar .head-login-after .user-avatar img {
  display: block;
  width: 100%;
  height: 100%;
}

.head-user-bar .head-login-after .user-avatar .msk-avatar {
  width: 48px;
  height: 48px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -40px -40px;
  position: absolute;
  left: 0;
  top: 0;
}

.head-user-bar .head-login-after:hover .myinfo {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: scale(1);
}

.head-user-bar .head-login-after .myinfo {
  position: absolute;
  z-index: 2;
  background-color: #f7f7f7;
  right: 0;
  top: 70px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transform: scale(0);
  transform-origin: 276px 0;
  transition: all 0.2s;
  z-index: 3;
}

.head-user-bar .head-login-after .myinfo .arrow-left {
  display: inline-block;
  border: 6px solid transparent;
  border-bottom-color: #ffbe25;
  width: 0;
  height: 0;
  position: absolute;
  right: 18px;
  top: -12px;
}

.head-user-bar .head-login-after .myinfo .info-main {
  width: 300px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-hd {
  position: relative;
  width: 100%;
  height: 169px;
  background: url(../images/live/version2018/info-hd-bg.png) no-repeat;
}

.head-user-bar .head-login-after .myinfo .info-main .info-hd .u-quit {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  line-height: 16px;
  cursor: pointer;
}

.head-user-bar .head-login-after .myinfo .info-main .info-hd .u-quit .icon-quit {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -10px -112px;
  vertical-align: -4px;
  vertical-align: 1px\9;
  *vertical-align: 1px;
  margin-right: 3px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-hd .user-head {
  width: 100%;
  text-align: center;
  padding-top: 30px;
  color: #fff;
}

.head-user-bar .head-login-after .myinfo .info-main .info-hd .user-head .u-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
}

.head-user-bar .head-login-after .myinfo .info-main .info-hd .user-head .u-avatar img {
  display: block;
  width: 100%;
  height: 100%;
}

.head-user-bar .head-login-after .myinfo .info-main .info-hd .user-head h4 {
  font-size: 16px;
  margin-top: 5px;
  font-weight: normal;
}

.head-user-bar .head-login-after .myinfo .info-main .info-hd .user-head p {
  font-size: 14px;
  font-weight: normal;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd {
  margin: 5px;
  background-color: #fff;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .hd li {
  width: 50%;
  float: left;
  background: #242533;
  box-shadow: inset 0 -1px 0 #20202c;
  color: #333;
  line-height: 30px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: transparent;
  cursor: pointer;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .hd li.on {
  background: #20202c;
  box-shadow: none;
  *border-color: #9e4efe;
  border-color: #9e4efe \0;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd {
  padding: 0 0 10px 0;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .grade-info {
  height: 22px;
  color: #292727;
  margin: 0 8px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .grade-info .grade-progress {
  padding: 4px 50px 0 85px;
  position: relative;
  height: 22px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .grade-info .grade-progress .g-lft {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  color: #999;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .grade-info .grade-progress .g-lft em {
  margin-left: 5px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .grade-info .grade-progress .g-lft em.starLV {
  margin-left: 17px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .grade-info .grade-progress .g-rt {
  position: absolute;
  right: 0;
  top: 0;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .grade-info .grade-progress .g-rt em.starLV {
  margin-right: 10px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .progress-contain {
  width: 135px;
  padding: 2px;
  background: #dee1e5;
  height: 10px;
  border-radius: 7px;
  position: relative;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .progress-contain:hover .levelup-txt {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: scale(1);
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .progress-contain .levelup-txt {
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 24px;
  color: #292727;
  left: 0;
  top: -22px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transform: scale(0);
  transform-origin: 50% 100%;
  transition: all 0.2s;
  font-size: 12px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .progress-contain .progress-bar {
  width: 100%;
  height: 100%;
  position: relative;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .progress-contain .progress-bar img {
  display: block;
  height: 10px;
  border-radius: 5px;
  float: left;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .progress-contain .progress-bar .progress-left {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 10px;
  line-height: 10px;
  left: 50%;
  margin-left: -50%;
  font-size: 12px;
  top: 1px;
  top: 3px\9;
  /* For IE8+ */
  top: 0px\0;
  *top: 0;
  text-align: center;
  color: #292727;
  cursor: default;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .wealth-info {
  text-align: left;
  color: #999;
  position: relative;
  line-height: 24px;
  padding-top: 5px;
  margin: 0 8px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .wealth-info em {
  color: #292727;
  margin-left: 5px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .wealth-info a {
  display: inline-block;
  width: 50px;
  height: 24px;
  background: #ffba00;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 0;
  top: 5px;
  border-radius: 5px;
  line-height: 23px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .wealth-info a i {
  font-family: simsun;
  font-weight: bold;
  margin-left: 3px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li {
  width: 130px;
  height: 38px;
  line-height: 38px;
  float: left;
  margin: 10px 0 0 10px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: url("../images/live/version2018/live.png");
  background-repeat: no-repeat;
  background-position: -415px -199px;
  color: #292727;
  transition: none;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a .info-op-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/live/version2018/live.png");
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a .info-op-icon.icon-coast {
  background-position: -730px -570px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a .info-op-icon.icon-award {
  background-position: -188px -515px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a .info-op-icon.icon-weibo {
  background-image: url("../images/v4/common/icon-weibo.png");
  background-position: 0 0;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a .info-op-icon.icon-shop {
  background-position: -730px -130px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a .info-op-icon.icon-help {
  background-position: -268px -515px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a:hover {
  background-position: -565px -199px;
  color: #ffba00;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a:hover .icon-coast {
  background-position: -730px -610px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a:hover .icon-award {
  background-position: -228px -515px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a:hover .icon-weibo {
  background-image: url("../images/v4/common/icon-weibo-hover.png");
  background-position: 0 0;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a:hover .icon-shop {
  background-position: -730px -90px;
}

.head-user-bar .head-login-after .myinfo .info-main .info-bd .info-group .bd .info-operate-table ul li a:hover .icon-help {
  background-position: -308px -515px;
}

.icon-hot-game,
.icon-title-live,
.icon-title-news,
.icon-index-rank,
.icon-index-news {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("../images/v4/common/icons-layout.png");
  background-repeat: no-repeat;
}

.icon-hot-game {
  background-position: -145px -497px;
}

.icon-title-live {
  background-position: -55px -497px;
}

.icon-title-news {
  background-position: -10px -497px;
}

.icon-index-rank {
  background-position: -100px -497px;
}

.icon-index-news {
  background-position: -10px -497px;
}

.search-hot-status {
  display: inline-block;
  width: 12px;
  height: 12px;
}

.search-hot-status.anchor-online {
  background-image: url("../images/tag-live.gif");
  background-repeat: no-repeat;
}

.footer {
  width: 100%;
  background-color: #292727;
  color: #726f6f;
  text-align: center;
  padding: 15px 0;
  line-height: 2;
  font-size: 12px;
}

.footer a {
  color: #726f6f;
}

.footer a:hover {
  color: #ffba00;
}

.footer .f-logo {
  padding-top: 15px;
}

.footer .jjh-foot-logo {
  display: inline-block;
  width: 161px;
  height: 40px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -10px -966px;
  vertical-align: middle;
}

.tab-hd {
  width: 100%;
  height: 55px;
}

.tab-hd li {
  height: 100%;
  background: #eee;
  float: left;
  line-height: 55px;
  font-size: 20px;
  color: #726f6f;
  text-align: center;
  cursor: pointer;
}

.tab-hd li.cur {
  background: #fff;
  color: #292727;
}

.tab-hd li.cur .tab-icons.icon-event-game {
  background-position: -285px -449px;
}

.tab-hd li.cur .tab-icons.icon-event-live {
  background-position: -473px -10px;
}

.tab-hd li.cur .tab-icons.icon-game-android {
  background-position: -10px -449px;
}

.tab-hd li.cur .tab-icons.icon-game-ios {
  background-position: -473px -381px;
}

.tab-hd li.cur .tab-icons.icon-game-h5 {
  background-position: -395px -449px;
}

.tab-hd li.cur .tab-icons.icon-game-client {
  background-position: -120px -449px;
}

.tab-hd .tab-icons {
  display: inline-block;
  width: 35px;
  height: 28px;
  background-image: url("../images/v4/common/icons-layout.png");
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}

.tab-hd .tab-icons.icon-event-game {
  background-position: -340px -449px;
}

.tab-hd .tab-icons.icon-event-live {
  background-position: -230px -449px;
}

.tab-hd .tab-icons.icon-game-android {
  background-position: -473px -333px;
}

.tab-hd .tab-icons.icon-game-ios {
  background-position: -408px -335px;
}

.tab-hd .tab-icons.icon-game-h5 {
  background-position: -175px -449px;
}

.tab-hd .tab-icons.icon-game-client {
  background-position: -65px -449px;
}

.list-more {
  text-align: center;
  width: 100%;
  display: none;
}

.list-more span {
  display: inline-block;
  padding: 0 30px;
  height: 33px;
  line-height: 36px;
  border: 1px solid #eee;
  color: #999;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.2s;
}

.list-more span:hover {
  border-color: #ffba00;
  background-color: #ffba00;
  color: #fff;
}

.icon-tags {
  position: absolute;
  left: 0;
  top: 0;
}

.icon-tags.status-pk {
  width: 63px;
  height: 29px;
  background: url("../images/v4/common/icon-pk.png") no-repeat;
}

.icon-tags img {
  height: 25px;
  width: auto;
}

.tab-bd {
  padding: 20px;
  min-height: 770px;
}

.content-reflesh {
  position: absolute;
  right: 0;
  bottom: 20px;
  line-height: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s;
  color: #999;
}

.content-reflesh .icon-reflesh {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -10px -8px;
  vertical-align: middle;
  margin-right: 5px;
  transition: all 0.2s;
}

.content-reflesh:hover .icon-reflesh {
  transform: rotate(270deg);
}

.tag-time-limited {
  position: absolute;
  width: 50px;
  height: 30px;
  background-image: url("../images/v4/common/icons-layout.png");
  background-repeat: no-repeat;
  background-position: -190px -108px;
  color: #fff;
  left: -5px;
  top: 10px;
  font-size: 12px;
  line-height: 23px;
  text-align: center;
  display: none;
}

.tag-time-limited.show {
  display: block;
}

.market-pop {
  width: 350px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -175px;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.market-pop.tools-pop {
  width: 500px;
  margin-left: -250px;
}

.market-pop.tools-pop .fd {
  padding-bottom: 15px;
}

.market-pop.without-hd .hd {
  display: none;
}

.market-pop.without-hd .bd {
  padding: 50px 50px 30px 50px;
  text-align: center;
}

.market-pop.without-hd .bd a {
  color: #75adf9;
  text-decoration: underline;
}

.market-pop .pop-close {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 17px;
  right: 15px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -10px -76px;
  cursor: pointer;
  transition: all 0.2s;
}

.market-pop .pop-close:hover {
  transform: rotate(270deg);
}

.market-pop .hd {
  height: 50px;
  line-height: 50px;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 18px;
}

.market-pop .bd {
  padding: 30px 50px;
}

.market-pop .bd.full-content {
  padding: 10px 5px;
}

.market-pop .bd.full-content table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  line-height: 30px;
  table-layout: auto;
}

.market-pop .bd.full-content table thead th {
  color: #999;
  border-bottom: 1px solid #eee;
  text-align: center;
  font-weight: normal;
}

.market-pop .bd.full-content table tbody td {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  position: relative;
}

.market-pop .bd.full-content table tbody td .sys-tag {
  display: inline-block;
  height: 20px;
  line-height: 23px;
  font-size: 12px;
  padding: 0 8px;
  background-color: #d0e1fd;
  color: #4872bc;
  border-radius: 3px;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -10px;
  pointer-events: none;
  overflow: hidden;
}

.market-pop .bd.full-content table tbody td .lnk-operate {
  color: #2aacff;
  cursor: pointer;
}

.market-pop .bd.full-content table tbody td img {
  display: inline-block;
  width: 40px;
  height: auto;
}

.market-pop .bd.full-content table tbody td em {
  display: block;
  color: #999;
  line-height: 1;
}

.market-pop .bd dl {
  line-height: 2;
}

.market-pop .bd dl span {
  color: #ffba00;
}

.market-pop .fd {
  text-align: center;
  padding-bottom: 30px;
}

.market-pop .fd .pop-btn {
  display: inline-block;
  width: 110px;
  height: 35px;
  border: 1px solid #ffba00;
  border-radius: 18px;
  line-height: 37px;
  transition: all 0.2s;
  cursor: pointer;
  margin: 0 5px;
}

.market-pop .fd .pop-btn.btn-solid {
  background-color: #ffba00;
  color: #fff;
}

.market-pop .fd .pop-btn.btn-hollow {
  background-color: #fff;
  color: #000;
}

.ucenter-title {
  width: 100%;
  border-bottom: 2px solid #eee;
  height: 45px;
  position: relative;
}

.ucenter-title .lnk-charge-help {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -10px -268px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  transition: none;
}

.ucenter-title .lnk-charge-help:hover {
  background-position: -10px -228px;
}

.ucenter-title span {
  display: inline-block;
  font-size: 18px;
  line-height: 43px;
  height: 40px;
  border-bottom: 2px solid transparent;
  position: relative;
  top: 2px;
  color: #999;
  margin-right: 20px;
}

.ucenter-title span a {
  color: #726f6f;
}

.ucenter-title span a:hover {
  color: #ffba00;
}

.ucenter-title span.on {
  border-color: #ffba00;
  height: 43px;
  color: #292727;
}

.ucenter-title span.on a {
  color: #292727;
  font-weight: bold;
}

.ucenter-title span.on a:hover {
  color: #ffba00;
}

.ucenter-title .hd-hint {
  font-size: 14px;
  position: relative;
  display: inline-block;
  top: 3px;
  border: none;
}

.ucenter-title .hd-hint .icon-tip {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/v4/common/ucenter.png");
  background-repeat: no-repeat;
  background-position: -39px -48px;
  cursor: help;
  border: none;
  top: 5px;
}

.ucenter-title .hd-hint div {
  position: absolute;
  width: auto;
  max-width: 500px;
  white-space: nowrap;
  bottom: 40px;
  *bottom: 25px;
  left: -5px;
  padding: 10px 10px 8px 10px;
  background: #fff8dc;
  border-radius: 5px;
  box-shadow: 0 0 10px #999;
  line-height: 1.5;
  color: #555;
  z-index: 10000;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transform: scale(0);
  transform-origin: 10px 100%;
  transition: all 0.2s;
}

.ucenter-title .hd-hint div .arrow-down {
  display: inline-block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #fff8dc;
  position: absolute;
  bottom: -11px;
  left: 10px;
}

.ucenter-title .hd-hint:hover div {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: scale(1);
}

.charge-content {
  background-color: #fff;
  padding: 20px 35px;
  min-height: 690px;
}

.charge-content .charge-adv img {
  margin-top: 20px;
}

.charge-content .charge-title {
  font-size: 16px;
  font-weight: normal;
  padding: 15px 0;
}

.charge-content .charge-title em {
  font-weight: bold;
  color: #ffba00;
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
}

.charge-content .charge-title em.pay-money-num {
  font-size: 30px;
}

.charge-content .charge-type .pay-type-item li {
  float: left;
  height: 43px;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 0 20px;
  line-height: 43px;
  margin-right: 15px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
}

.charge-content .charge-type .pay-type-item li.pay-bank,
.charge-content .charge-type .pay-type-item li.pay-gcard {
  padding-right: 35px;
}

.charge-content .charge-type .pay-type-item li.pay-bank .icon-arrow,
.charge-content .charge-type .pay-type-item li.pay-gcard .icon-arrow {
  display: inline-block;
  width: 14px;
  height: 8px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -293px -64px;
}

.charge-content .charge-type .pay-type-item li.pay-bank.current .icon-arrow,
.charge-content .charge-type .pay-type-item li.pay-gcard.current .icon-arrow {
  background-position: -293px -87px;
}

.charge-content .charge-type .pay-type-item li.current {
  border-color: #ffba00;
}

.charge-content .charge-type .pay-type-item li.current .type-cur {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.charge-content .charge-type .pay-type-item li .type-cur {
  display: inline-block;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  background-position: -283px -9px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.charge-content .charge-type .pay-type-sub {
  background-color: #f5f5f5;
  padding: 0 10px;
  margin-top: 10px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-item {
  position: relative;
  padding: 20px 0 0 90px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-item .pay-sub-title {
  display: inline-block;
  width: 90px;
  text-align: right;
  position: absolute;
  left: 0;
  top: 20px;
  line-height: 30px;
  font-size: 16px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-item .pay-card-type li {
  float: left;
  line-height: 30px;
  margin-right: 30px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank {
  position: relative;
  padding: 20px 0 0 90px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank.pd-primary {
  padding: 10px 10px 0 10px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .pay-sub-title {
  display: inline-block;
  width: 90px;
  text-align: right;
  position: absolute;
  left: 0;
  top: 20px;
  line-height: 30px;
  font-size: 16px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li {
  float: left;
  margin: 0 15px 15px 0;
  *margin: 0 10px 15px 0;
  padding: 8px;
  clear: none;
  width: 120px;
  height: 24px;
  border: 1px solid #eee;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li.current {
  border-color: #ffba00;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li.current .type-cur {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li .type-cur {
  display: inline-block;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  background-position: -283px -9px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label {
  width: 120px;
  height: 24px;
  background: url(../images/bank.png) no-repeat;
  font-size: 0;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.pay-by-card {
  background-image: url(../images/charge-card.png);
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.pay-by-card.card-szx {
  background-position: 0 0;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.pay-by-card.card-unicom {
  background-position: 0 -24px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.pay-by-card.card-dxk {
  background-position: 0 -48px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.pay-by-card.card-sanda {
  background-position: 0 -72px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.pay-by-card.card-wanmei {
  background-position: 0 -96px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.pay-by-card.card-junwang {
  background-position: 0 -120px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.pay-by-card.card-netease {
  background-position: 0 -144px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-boc {
  background-position: 0 0;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-icbc {
  background-position: 0 -24px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-cmb {
  background-position: 0 -48px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-abc {
  background-position: 0 -72px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-ccb {
  background-position: 0 -96px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-bco {
  background-position: 0 -120px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-cib {
  background-position: 0 -144px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-cmbc {
  background-position: 0 -168px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-cebb {
  background-position: 0 -192px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-pingan {
  background-position: 0 -216px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-pf {
  background-position: 0 -240px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-gf {
  background-position: 0 -264px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-zx {
  background-position: 0 -288px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-bj {
  background-position: 0 -312px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-hx {
  background-position: 0 -336px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-yz {
  background-position: 0 -360px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .paybankcard ul li label.bank-nb {
  background-position: 0 -384px;
}

.charge-content .charge-type .pay-type-sub .charge-sub-bank .charge-main,
.charge-content .charge-type .pay-type-sub .charge-sub-bank .msingle {
  width: 100%;
}

.charge-content .charge-money ul li {
  float: left;
  width: 118px;
  height: 43px;
  border: 1px solid #eee;
  border-radius: 5px;
  margin: 0 15px 20px 0;
  color: #292727;
  text-align: center;
  line-height: 43px;
  cursor: pointer;
  position: relative;
}

.charge-content .charge-money ul li.current {
  border-color: #ffba00;
  color: #ffba00;
  font-weight: bold;
}

.charge-content .charge-money ul li.current .type-cur {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.charge-content .charge-money ul li.current .charge-other-txt {
  display: none;
}

.charge-content .charge-money ul li.current .charge-other-input {
  display: block;
  padding: 0 10px;
  height: 100%;
}

.charge-content .charge-money ul li.current .charge-other-input input {
  border: none;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: transparent;
  padding: 0;
  margin: 0;
  outline: none;
  font-weight: bold;
  color: #ffba00;
}

.charge-content .charge-money ul li.current.bd-error {
  color: #f84646;
}

.charge-content .charge-money ul li .type-cur {
  display: inline-block;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  background-position: -283px -9px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.charge-content .charge-money ul li .charge-other-txt {
  color: #999;
}

.charge-content .charge-money ul li .charge-other-input {
  display: none;
}

.charge-content .charge-validate {
  font-size: 16px;
}

.charge-content .charge-validate .pay-zcode {
  height: 39px;
  line-height: 39px;
  border: 1px solid #eee;
  border-radius: 5px;
  width: 120px;
  padding: 0 10px;
  outline: none;
}

.charge-content .charge-validate .pay-zcode.bd-error {
  border-color: #f84646;
}

.charge-content .charge-validate .lnk-change-validate {
  font-size: 14px;
  color: #999;
  margin-left: 15px;
}

.charge-content .charge-btns {
  margin-top: 30px;
}

.charge-content .charge-btns .charge-submit {
  width: 130px;
  height: 40px;
  line-height: 40px;
  background-color: #ffba00;
  color: #fff;
  font-size: 16px;
  border-radius: 20px;
  border: none;
  outline: none;
  cursor: pointer;
}

.charge-content .charge-ecard {
  padding-bottom: 20px;
}

.charge-content .charge-ecard .charge-ecard-item {
  padding: 20px 0 0 100px;
  position: relative;
}

.charge-content .charge-ecard .charge-ecard-item .ecard-item-tit {
  display: inline-block;
  width: 100px;
  position: absolute;
  left: 0;
  top: 20px;
  font-size: 16px;
  text-align: right;
  line-height: 45px;
}

.charge-content .charge-ecard .charge-ecard-item .charge-ecard-input {
  height: 43px;
  width: 210px;
  padding: 0 10px;
  border: 1px solid #eee;
  border-radius: 5px;
  line-height: 43px;
  outline: none;
}

.charge-content .charge-ecard .charge-ecard-item .charge-ecard-input.bd-error {
  border-color: #f84646;
}

.charge-content .charge-account-contain {
  background-color: #f5f5f5;
  padding: 10px;
  margin-top: 20px;
  position: relative;
}

.charge-content .charge-account-contain .user-account {
  position: absolute;
  height: 20px;
  line-height: 20px;
  top: 19px;
  right: 10px;
}

.charge-content .charge-account-contain .user-account .u-account-item {
  display: inline-block;
  padding: 0 20px;
  border-left: 1px solid #ccc;
}

.charge-content .charge-account-contain .user-account .u-account-item em {
  font-weight: bold;
  color: #ffba00;
  font-size: 18px;
  vertical-align: middle;
}

.charge-content .charge-account-contain .charge-account-txt {
  font-size: 16px;
  height: 35px;
  line-height: 35px;
}

.charge-content .charge-account-contain .charge-account-txt .txt-unlogin {
  color: #292727;
}

.charge-content .charge-account-contain .charge-account-txt .txt-unlogin span {
  margin: 0 5px;
  color: #2aacff;
  cursor: pointer;
}

.charge-content .charge-account-contain .charge-account-txt .txt-logined {
  color: #999;
}

.charge-content .charge-account-contain .charge-account-txt .txt-logined em {
  color: #292727;
}

.charge-content .charge-account-contain .charge-account-txt .txt-logined span {
  color: #ffba00;
  cursor: pointer;
  margin-left: 30px;
}

.charge-content .charge-account-contain .charge-account-form .account-type {
  position: relative;
  margin-right: 15px;
  cursor: pointer;
}

.charge-content .charge-account-contain .charge-account-form .account-type .arrow-down {
  display: block;
  width: 14px;
  height: 8px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -293px -64px;
  position: absolute;
  right: 10px;
  top: 14px;
}

.charge-content .charge-account-contain .charge-account-form .account-type.show .account-type-list {
  display: block;
}

.charge-content .charge-account-contain .charge-account-form .account-type .account-current {
  line-height: 36px;
  height: 33px;
  border: 1px solid #eee;
  border-radius: 5px;
  background-color: #fff;
  padding: 0 30px 0 10px;
}

.charge-content .charge-account-contain .charge-account-form .account-type .account-type-list {
  display: none;
  position: absolute;
  top: 33px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #eee;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  width: 68px;
}

.charge-content .charge-account-contain .charge-account-form .account-type .account-type-list ul li {
  padding: 0 10px;
  line-height: 33px;
}

.charge-content .charge-account-contain .charge-account-form .charge-account-input {
  position: relative;
  height: 33px;
  line-height: 33px;
  border: 1px solid #eee;
  float: left;
  background-color: #fff;
  padding: 0 10px;
  border-radius: 5px;
}

.charge-content .charge-account-contain .charge-account-form .charge-account-input.bd-error {
  border-color: #f84646;
  color: #f84646;
}

.charge-content .charge-account-contain .charge-account-form .charge-account-input .charge-other-account {
  border: none;
  height: 100%;
  outline: none;
  width: 260px;
  margin-top: -3px\0;
  background-color: transparent;
}

.charge-content .charge-account-contain .charge-account-form .charge-account-input .charge-acount-tip {
  padding-left: 20px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  background-position: -68px -8px;
  display: inline-block;
  line-height: 17px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  font-size: 12px;
  color: #f84646;
}

.charge-content .charge-account-contain .charge-account-form .account-validate {
  display: inline-block;
  height: 35px;
  line-height: 37px;
  background-color: #ffba00;
  border-radius: 5px;
  color: #fff;
  padding: 0 20px;
  margin-left: 20px;
  cursor: pointer;
}

.charge-content .charge-account-contain .charge-account-form .charge-for-self {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -18px;
  display: inline-block;
  line-height: 35px;
  margin-left: 20px;
  color: #ffba00;
  cursor: pointer;
}

.charge-content .charge-account-contain .charge-account-form .charge-for-self .icon-charge-self {
  display: inline-block;
  width: 18px;
  height: 10px;
  background-image: url("../images/v4/common/reg/reg.png");
  background-repeat: no-repeat;
  background-position: -94px -12px;
  vertical-align: middle;
  margin-right: 5px;
}

.charge-content .qr-content {
  text-align: center;
  font-size: 16px;
  line-height: 2;
  color: #726f6f;
  padding: 30px 0;
}

.charge-content .qr-content img {
  width: 300px;
  height: 300px;
}

.charge-content .charge-result-content {
  padding-top: 100px;
}

.charge-content .charge-result-content .icon-charge-result {
  display: block;
  width: 76px;
  height: 76px;
  background-image: url("./icons-global.png");
  background-repeat: no-repeat;
  margin: auto;
}

.charge-content .charge-result-content .icon-charge-result.icon-wait {
  background-position: -247px -118px;
}

.charge-content .charge-result-content .icon-charge-result.icon-fail {
  background-position: -173px -118px;
}

.charge-content .charge-result-content .icon-charge-result.icon-success {
  background-position: -97px -118px;
}

.charge-content .charge-result-content h3 {
  text-align: center;
  margin: 30px 0;
}

.charge-content .charge-result-content ul {
  padding-left: 350px;
  line-height: 2;
}

.hook_user_rich_level {
  margin-right: 5px;
}

.hook_user_rich_level.u-level {
  display: inline-block;
  width: 30px;
  padding: 0 0 0 8px;
  text-align: center;
  line-height: 18px;
  height: 18px;
  background-color: #64daf4;
  border-radius: 3px;
  position: relative;
  margin: 0 5px 0 17px;
}

.hook_user_rich_level.u-level .level-img {
  width: 22px;
  height: 22px;
  position: absolute;
  left: -11px;
  top: -4px;
}

.hook_user_rich_level.u-level .level-img img {
  width: 100%;
  height: 100%;
}

.hook_user_rich_level.u-level .level-font {
  color: #fff;
  font-size: 12px;
}

.side-fixed {
  width: 230px;
  height: 438px;
  background: url("../images/v4/common/home/side-fixed-bg.png") no-repeat center;
  position: fixed;
  right: 5px;
  z-index: 3;
  top: 400px;
}

.side-fixed .qr-followus {
  margin: 31px 0 0 17px;
}

.side-fixed .qr-followus img {
  width: 73px;
  height: 73px;
  border-radius: 5px;
  overflow: hidden;
}

.side-fixed .side-qr {
  margin-bottom: 32px;
}

.side-fixed .side-btn {
  margin-bottom: 13px;
}

.side-fixed .side-btn a {
  color: #fff;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  width: 93px;
  display: block;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  left: -10px;
}

.side-fixed .side-btn a:hover {
  background: url("../images/v4/common/home/side-btn-check.png") no-repeat center;
}

.side-fixed .back-top {
  background: url("../images/v4/common/home/top-one.png") no-repeat center;
  font-size: 0;
  width: 65px;
  height: 63px;
  cursor: pointer;
  margin: 0 auto;
  position: relative;
  left: -10px;
  top: -10px;
}

.page {
  display: inline-block;
  width: 100%;
  line-height: 22px;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
}

.page span {
  border: 1px solid #ddd;
  background: #fff;
  color: #ddd;
}

.page span.current {
  background: #e33536;
  border: 1px solid #b51225;
  color: #fff;
}

.page span,
.page a,
.page_jump {
  display: inline-block;
  padding: 2px 10px;
  margin: 0 2px;
  transition: all 0.3s;
  color: #444;
  border-radius: 3px;
}

.page .page a,
.page_jump {
  background: #f8f8f8;
  border: 1px solid #ddd;
}

.page a:hover,
.page_jump:hover {
  background: #ffba00;
  color: #fff;
}

.page-txt {
  width: 30px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #ddd;
  padding: 0 5px;
  position: relative;
  top: -1px;
  margin-left: 10px;
  border-radius: 3px;
}

.page_jump {
  line-height: 22px;
  position: relative;
  top: -2px;
}

.pop-msk {
  background-color: rgba(0, 0, 0, 0.5);
  filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000')";
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
}

.section-title {
  height: 40px;
  position: relative;
  width: 100%;
}

.bd-tit {
  border-bottom: 1px solid #eee;
  margin-top: 30px;
}

.interlink-contain {
  min-height: 400px;
}

.interlink-contain ul {
  position: relative;
  margin-left: -15px;
  *width: 1375px;
  margin-top: 20px;
  float: left;
}

.interlink-contain ul li {
  width: 156.875px;
  margin-left: 15px;
  margin-bottom: 15px;
  float: left;
}

.interlink-contain ul li a {
  display: block;
  border: 1px solid #eee;
  padding: 20px 0;
  text-align: center;
  color: #333;
  background-color: #fff;
  transition: all 0.2s;
}

.interlink-contain ul li a:hover {
  color: #ffba00;
  border-color: #ffba00;
}

.icon-fl,
.icon-song,
.icon-song2,
.icon-song614,
.icon-song618 {
  display: inline-block;
  background-image: url("../images/v4/common/icons-charge.png");
}

.icon-fl {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 29px;
  height: 15px;
  background-position: -39px 0;
}

.icon-song {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 19px;
  height: 15px;
  background-position: 0 0;
}

.icon-song614 {
  position: absolute;
  top: -7px;
  right: -1px;
  width: 56px;
  height: 24px;
  background-position: -125px 0;
}

.icon-song618 {
  position: absolute;
  top: -6px;
  right: -1px;
  width: 54px;
  height: 24px;
  background-position: -69px 0;
}

.pay-discount {
  display: inline-block;
  color: #f94745;
}

.pay-discount b {
  margin-right: 5px;
}

.pay-discount .icon-song2 {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  background-position: -19px 0;
  vertical-align: middle;
}

.interlink-txt {
  padding-bottom: 20px;
}

.interlink-txt div {
  width: 50%;
  color: #666;
  line-height: 1.5em;
}

.interlink-txt div b {
  display: block;
  color: #333;
  margin: 10px 0 5px 0;
}

.ie8 .head-user-bar .head-login-after:hover .myinfo,
.lt-ie9 .head-user-bar .head-login-after:hover .myinfo {
  display: block;
}

.ie8 .head-user-bar .head-login-after .myinfo,
.lt-ie9 .head-user-bar .head-login-after .myinfo {
  display: none;
}

.ie8 .market-pop,
.lt-ie9 .market-pop {
  border: 2px solid #eee;
}

.ie8 .paper-msk,
.ie8 .anchor-none,
.ie8 .icon-player,
.lt-ie9 .paper-msk,
.lt-ie9 .anchor-none,
.lt-ie9 .icon-player {
  display: none;
}

.ie8 .anchor-online:hover .paper-msk,
.ie8 .anchor-online:hover .icon-player,
.lt-ie9 .anchor-online:hover .paper-msk,
.lt-ie9 .anchor-online:hover .icon-player {
  display: block;
}

.ie8 .anchor-offline:hover .paper-msk,
.ie8 .anchor-offline:hover .anchor-none,
.lt-ie9 .anchor-offline:hover .paper-msk,
.lt-ie9 .anchor-offline:hover .anchor-none {
  display: block;
}

.ie8 .side-fixed .back-top .backtop-txt,
.lt-ie9 .side-fixed .back-top .backtop-txt {
  display: none;
}

.ie8 .side-fixed .back-top:hover .backtop-txt,
.lt-ie9 .side-fixed .back-top:hover .backtop-txt {
  display: block;
}

.ie8 .side-fixed .back-top:hover .icon-backtop,
.lt-ie9 .side-fixed .back-top:hover .icon-backtop {
  display: none;
}

.ie8 .side-fixed .side-btn a .side-txt,
.lt-ie9 .side-fixed .side-btn a .side-txt {
  display: none;
}

.ie8 .side-fixed .side-btn a:hover .side-txt,
.lt-ie9 .side-fixed .side-btn a:hover .side-txt {
  display: block;
}

.ie8 .side-fixed .side-btn a:hover .side-icon,
.lt-ie9 .side-fixed .side-btn a:hover .side-icon {
  display: none;
}

.ie8 .games .game-bd li .game-item .game-info,
.ie8 .games .game-bd li .game-item .game-msk,
.lt-ie9 .games .game-bd li .game-item .game-info,
.lt-ie9 .games .game-bd li .game-item .game-msk {
  display: none;
}

.ie8 .games .game-bd li .game-item:hover .game-info,
.ie8 .games .game-bd li .game-item:hover .game-msk,
.lt-ie9 .games .game-bd li .game-item:hover .game-info,
.lt-ie9 .games .game-bd li .game-item:hover .game-msk {
  display: block;
}

.ie8 .charge-content .charge-type .pay-type-item li .type-cur,
.lt-ie9 .charge-content .charge-type .pay-type-item li .type-cur {
  display: none;
}

.ie8 .charge-content .charge-type .pay-type-item li.current .type-cur,
.lt-ie9 .charge-content .charge-type .pay-type-item li.current .type-cur {
  display: block;
}

.ie8 .charge-content .charge-money ul li .type-cur,
.lt-ie9 .charge-content .charge-money ul li .type-cur {
  display: none;
}

.ie8 .charge-content .charge-money ul li.current .type-cur,
.lt-ie9 .charge-content .charge-money ul li.current .type-cur {
  display: block;
}

.ie8 .rolling-pic .banner .ban-list li,
.lt-ie9 .rolling-pic .banner .ban-list li {
  display: none;
}

.ie8 .rolling-pic .banner .ban-list li.active,
.lt-ie9 .rolling-pic .banner .ban-list li.active {
  display: block;
}

.ie7 .rolling-pic .banner .ban-list li,
.lt-ie9 .rolling-pic .banner .ban-list li {
  display: none;
}

.ie7 .rolling-pic .banner .ban-list li.active,
.lt-ie9 .rolling-pic .banner .ban-list li.active {
  display: block;
}

.ie7 .market-pop,
.lt-ie9 .market-pop {
  border: 2px solid #eee;
}

.ie7 .hot-game-contain ul,
.lt-ie9 .hot-game-contain ul {
  width: 900px;
}

.ie7 .live-plaza-contain ul,
.lt-ie9 .live-plaza-contain ul {
  width: 887px;
}

.ie7 .head-user-bar .head-login-after:hover .myinfo,
.lt-ie9 .head-user-bar .head-login-after:hover .myinfo {
  display: block;
}

.ie7 .head-user-bar .head-login-after .myinfo,
.lt-ie9 .head-user-bar .head-login-after .myinfo {
  display: none;
}

.ie7 .index-slide-video-contain .index-slider-video-content .index-slide-select li.current-anchor:hover .selected-bg,
.ie8 .index-slide-video-contain .index-slider-video-content .index-slide-select li.current-anchor:hover .selected-bg {
  background-image: none;
  width: 190px;
  height: 190px;
  border: 4px solid #fff17b;
}

.ie7 .index-slide-video-contain .index-slider-video-content .index-slide-select li.current-anchor:hover .anchor-infor,
.ie8 .index-slide-video-contain .index-slider-video-content .index-slide-select li.current-anchor:hover .anchor-infor {
  bottom: 0;
}

.ie7 .index-slide-video-contain .index-slider-video-content .index-slide-select li .selected-bg,
.ie8 .index-slide-video-contain .index-slider-video-content .index-slide-select li .selected-bg {
  display: block;
}

.ie7 .index-slide-video-contain .index-slider-video-content .index-slide-select li:hover .selected-bg,
.ie8 .index-slide-video-contain .index-slider-video-content .index-slide-select li:hover .selected-bg {
  display: none;
}

.ie7 .navigator li.nav-down:hover .down-pop,
.ie8 .navigator li.nav-down:hover .down-pop {
  display: block;
}

.ie7 .navigator li.nav-down .down-pop,
.ie8 .navigator li.nav-down .down-pop {
  display: none;
}

.ie7 .browser-pop,
.ie8 .browser-pop,
.lt-ie9 .browser-pop {
  display: block;
}

/*低版浏览器*/
.browser-pop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  display: none;
}

.browser-pop .pop-title {
  width: 100%;
  font-size: 16px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 42px;
}

.browser-pop .browser-close {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("https://img02.jjhgame.com/game1511/images/live/version2018/live.png") no-repeat -539px -515px;
  position: absolute;
  top: 12px;
  right: 15px;
  cursor: pointer;
  z-index: 4;
}

.browser-pop .msk {
  width: 100%;
  height: 100%;
  background: url("https://img02.jjhgame.com/game1511/images/live/version2018/opacity60.png");
}

.browser-pop .browser-title {
  padding: 15px 0;
  text-align: center;
  font-size: 18px;
}

.browser-pop .browser-select-main {
  width: 550px;
  height: 290px;
  background: url("https://img02.jjhgame.com/game1511/images/live/version2018/browser-pop-bg.png") no-repeat 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -166px 0 0 -275px;
  padding-top: 42px;
}

.browser-pop .browser-item {
  padding: 30px 235px 30px 35px;
  position: relative;
  text-align: center;
}

.browser-pop .browser-lnk {
  display: inline-block;
  width: 220px;
  height: 55px;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.browser-pop .b-360 {
  background-image: url("https://img02.jjhgame.com/game1511/images/live/version2018/browser-360.png");
}

.browser-pop .b-chrome {
  background-image: url("https://img02.jjhgame.com/game1511/images/live/version2018/browser-chrome.png");
}

.browser-pop .browser-qr {
  position: absolute;
  right: 60px;
  top: 25px;
  font-size: 12px;
  color: #999;
  border-left: 1px solid #eee;
  padding-left: 40px;
}

.browser-pop .browser-qr img {
  width: 120px;
  height: 120px;
}

.fixed-tips {
  font-size: 12px;
  line-height: 2;
  color: #c77e27;
  background-color: #ffebdb;
  padding: 15px;
  border-radius: 5px;
  position: fixed;
  left: 10px;
  top: 450px;
  width: 75px;
  z-index: 100;
}

.nopadding {
  padding: 0;
  background-color: transparent;
}

.phone-verify-contain {
  width: 400px;
  height: 272px;
  background-color: #f7f7f7;
  margin: auto;
}

.phone-verify-contain .verify-header {
  width: 100%;
  height: 44px;
  background-color: #dee1e5;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 44px;
}

.phone-verify-contain .verify-content {
  padding: 15px 25px;
  width: 100%;
  box-sizing: border-box;
}

.phone-verify-contain .verify-content .verify-text {
  font-size: 18px;
  color: #333333;
  padding-bottom: 15px;
}

.phone-verify-contain .verify-content .verify-codes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-bottom: 22px;
  transition: all 0.3s;
}

.phone-verify-contain .verify-content .verify-codes.code-error .code-contain {
  border-color: #ffba00;
}

.phone-verify-contain .verify-content .verify-codes.code-error .verify-hint {
  opacity: 1;
}

.phone-verify-contain .verify-content .verify-codes .verify-hint {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  color: #ffba00;
  opacity: 0;
  transition: all 0.3s;
}

.phone-verify-contain .verify-content .verify-codes .code-contain {
  flex: 1;
  border: 1px solid #fff;
  height: 40px;
  background-color: #fff;
  border-radius: 5px;
}

.phone-verify-contain .verify-content .verify-codes .code-contain .code-input {
  width: 100%;
  height: 26px;
  line-height: 26px;
  outline: none;
  border: none;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 7px 0;
}

.phone-verify-contain .verify-content .verify-codes .btn-code {
  width: 120px;
  margin-left: 10px;
  height: 40px;
  background-color: #fff;
  color: #609ef2;
  border: none;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
}

.phone-verify-contain .verify-content .verify-codes .btn-code:disabled {
  cursor: default;
  color: #999;
}

.phone-verify-contain .verify-control {
  width: 100%;
  padding: 15px 0 0 0;
}

.phone-verify-contain .verify-control .btn-control {
  width: 100%;
  height: 40px;
  background-color: #ffba00;
  border-radius: 5px;
  border: none;
  color: #fff;
  cursor: pointer;
}

.phone-verify-contain .verify-control .control-txt {
  text-align: center;
  padding-top: 15px;
}

.phone-verify-contain .verify-control .control-txt a {
  color: #609ef2;
  text-decoration: underline;
}

.phone-verify-contain .verify-failed {
  display: none;
}

.phone-verify-contain .verify-failed .failed-txt {
  font-size: 18px;
  text-align: center;
  padding: 20px 0;
  line-height: 2;
}

.phone-verify-contain .verify-failed .failed-txt a {
  color: #609ef2;
  text-decoration: underline;
}

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