@charset "utf-8";
/*CSS reset*/

blockquote,
body,
button,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
  padding: 0;
  margin: 0;
  /*font-family:'Tahoma','微软雅黑','Microsoft YaHei','SimSun,','宋体',Arial,sans-serif*/
  font-family: Helvetica, Tahoma, Arial, '微软雅黑', 'Microsoft YaHei', sans-serif, 'SimSun', '宋体';
}

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

fieldset,
img {
  border: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-weight: 400;
  font-style: normal
}

ol,
ul {
  list-style: none
}

caption,
th {
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-size: 100%
}

abbr,
acronym {
  border: 0
}

input,
textarea {
  outline: 0;
  vertical-align: -1px
}

button {
  outline: 0
}

a {
  text-decoration: none;
  outline: 0;
  color: #6a6f8d
}

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

a.uline {
  text-decoration: underline
}

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

* html>body .c {
  display: inline-block;
  width: 100%;
  *display: inline;
  *zoom: 1;
}

* html .c {
  height: 1%
}

input[type=radio],
input[type=checkbox] {
  vertical-align: -2px;
  margin-right: 5px
}

body {
  min-width: 1000px;
}

body {
  font-size: 12px;
  color: #c8cce5;
  position: relative;
  min-width: 1240px;
  background-color: #171925;
}

body.account {
  background-image: url(../images/account_bg.jpg)
}

body.hiddenscroll {
  overflow: hidden;
}

/*a,a:active,a:hover,a:hover::after,a:hover::before,button,button:active,button:focus,button:hover,button:hover::after,button:hover::before{
  -ms-transition:color .2s linear,background-color .2s linear,border-color .2s linear;
  -webkit-transition:color .2s linear,background-color .2s linear,border-color .2s linear;
  -moz-transition:color .2s linear,background-color .2s linear,border-color .2s linear;
  transition:color .2s linear,background-color .2s linear,border-color .2s linear}*/

::-moz-selection {
  background: #b90909;
  color: #FFF
}

::selection {
  background: #b90909;
  color: #FFF
}

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

::-ms-reveal {
  display: none;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .account_mask {
    display: none;
  }
}

#coverDiv {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 999;
  background: #000;
  display: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/*通用*/

.container {
  width: 1240px;
  margin: 0 auto;
}

.con_box .con_hd {
  height: 38px;
  line-height: 38px;
  background-color: rgba(24,43,76,0.6);
  color: #ffffff;
  padding: 0 20px 0 20px;
  /* background: url(../images/red_color_bg.png); */
}

.con_box .con_hd.p {
  padding-left: 0px;
}

.con_box .con_hd.hig {
  height: 50px;
  line-height: 50px;
}

.con_box .con_hd span.h4 {
  display: inline-block;
  width: auto;
  font-size: 16px;
  text-align: center;
  color: #fff;
  padding-left: 14px;
}

.con_box .con_tab {
  height: 40px;
  line-height: 40px;
  background: #282828;
  overflow: hidden;
  width: 100%;
}

.con_box .con_tab li {
  float: left;
  margin-right: 2px;
  position: relative;
}

.con_box .con_tab li a {
  text-align: center;
  display: block;
  font-size: 14px;
  color: #cccccc;
}

.con_box .con_tab li.active,
.con_box .con_tab li a.active,
.con_box .con_tab li a:hover {
  border-bottom: 2px solid #b90909;
  height: 38px;
  -webkit-transition: all 0s linear;
  -moz-transition: all 0s linear;
  -ms-transition: all 0s linear;
  transition: all 0s linear;
}

.con_box .con_tab li i.jiang {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/icon-base.png) no-repeat -34px -407px;
  position: absolute;
  top: 17px;
  right: 7px;
}

.con_box .con_hd h4 {
  font-size: 15px;
  float: left;
  position: relative;
  padding-left: 12px;
  color: #d9ddf2;
}

.con_box .con_hd span.title {
  float: left;
  position: relative;
  height: 15px;
  background: #7891e3;
  border-left: 3px solid #7891e3;
  margin: 13px 0px 0px 0px;
}

.con_box .con_hd span.title1 {
  float: left;
  position: relative;
  height: 15px;
  background: red;
  border-left: 3px solid red;
  margin: 13px 0px 0px -28px;
}

.con_box .con_hd h4:before {
  content: "";
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
  border-radius: 50%;
  background: transparent;
}

.con_box .con_hd a {
  float: right;
  font-size: 16px;
  color: #c8cce5;
}

.con_box .con_hd a.more {
  font-size: 12px;
  color: #1771de;
}

.con_box .con_hd a.more:hover {
  color: #c8cce5;
}

.con_box .con_hd a.more i {
  font-style: normal;
  font-size: 14px;
}

.con_box .con_bd {
  background: #272b40;
  padding: 10px;
}

.con_box .con_bd.news {
  padding: 0;
}

.con_box .con_bd.list {
  padding: 25px;
}

.con_box .con_bd.list.p,
.con_box .con_bd.game.p {
  padding: 32px;
}

/*通用*/

.account .header {
  height: 50px;
  background: linear-gradient(to right, #cd2423, #bd1b19);
}

.account .header .container {
  height: 50px;
  position: relative;
}

.account .header .container a.logo {
  background-image: url(../images/jingjibao_logo_nav.png);
  width: 200px;
  height: 50px;
  display: block;
  text-indent: -9999px;
}

.account .header .container .online {
  display: inline-block;
  height: 46px;
  width: 110px;
  background: url(../images/ng_online_chat.png) 0 0 no-repeat;
  line-height: 46px;
  text-align: center;
  color: #753700;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 0px;
}

.account .header .container .online a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.account .header .container .online a:hover {
  background: url(../images/ng_online_chat.png) 0 -46px no-repeat;
}

.header {
  height: 30px;
  background: #191c29;
  position: relative;
  min-width: 1000px;
  z-index: 11
}

.header .container {
  height: 30px;
  text-shadow: #000 0 1px 0;
}

.header .container .timer {
  color: #8a8ea9;
  line-height: 30px;
  font-size: 12px;
}

.header .userbar {
  float: right;
}

.header .userbar ul {
  margin: 0;
}

.header .userbar ul li {
  float: left;
  font-size: 12px;
  color: #8a8ea9;
  line-height: 30px;
  height: 30px;
  padding: 0 5px;
  position: relative;
}

.header .userbar ul li.headimg img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  margin-top: 4px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
}

.header .userbar ul li .userbar_inputs {
  font-size: 12px;
  width: 106px;
  vertical-align: middle;
  height: 20px;
  background: #232832;
  line-height: 20px;
  margin-top: -3px;
  border: 1px solid #6a6f8d;
  border-radius: 3px;
}

.header .userbar ul li input.userbar_inputs:-webkit-autofill {
  background-color: transparent;
  background-image: none;
  color: #6a6f8d;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #d9ddf2 !important;
  transition: background-color 5000s ease-in-out 0s;
}

.header .userbar ul li .forget_pass {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 20px;
  height: 14px;
  background: #2c3654;
  border-radius: 2px;
  line-height: 14px;
  text-align: center;
  border: 1px solid #626887;
  color: #626887;
}

.header .userbar ul li .forget_pass:hover {
  background: #666;
  color: #ccc;
  border-color: #999;
}

.header .userbar ul li .buttons {
  font-size: 12px;
  background: #7B95E9;
  height: 22px;
  line-height: 18px;
  margin-top: 3px;
  display: inline-block;
  width: 52px;
  border: 0;
  color: #fff;
  border-radius: 20px;
}

.header .userbar ul li .buttons:hover {
  color: #fff;
  background: #6279C2;
}

.header .userbar ul li .buttons i {
  vertical-align: top;
  margin: 0 3px 0 0;
  font-size: 14px;
  line-height: 1;
  margin-top: 7px;
  display: inline-block;
}

.header .userbar ul li a.register {
  font-size: 12px;
  color: #ccc;
  padding: 0 5px;
  padding-right: 0px;
}

.header .userbar ul li a.register:hover {
  color: #fff;
}

.header .userbar ul li .steam {
  display: inline-block;
  width: 101px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background: #7B95E9;
  border-radius: 20px;
  margin-left: 5px;
  text-shadow: none;
}

.header .userbar ul li .steam:hover {
  color: #fff;
  background: #6279C2;
}

.header .userbar ul li .steam i {
  display: inline-block;
  width: 25px;
  height: 12px;
  background: url(../images/steamicon.png);
}

.header .userbar ul li .buttons .msg_num {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: #787878;
  border-radius: 30px;
  color: #ffffff;
  font-size: 12px;
  vertical-align: top;
  line-height: 16px;
  padding: 0 4px;
  min-width: 8px;
  margin: 6px 0 0 5px;
}

.header .userbar ul li label {
  margin-left: 5px;
  display: block;
  vertical-align: top;
  font-size: 12px;
  color: #6a6f8d;
}

.header .userbar ul li label.ncname {
  margin-left: -5px;
}

.header .userbar ul li.ulever {
  padding: 0px 2px;
}

.header .userbar ul li.ulever label {
  margin-left: 0px;
}

.header .userbar ul li.ulever label span {
  height: 14px;
  background-color: rgba(242, 170, 44, .2);
  display: inline-block;
  line-height: 14px;
  text-align: center;
  color: #f0a62b;
  border: 1px solid rgba(242, 170, 44, .3);
  border-radius: 10px;
  font-size: 9px;
  font-weight: bold;
  padding: 0 4px;
}

.header .userbar .jq-out {
  color: #6a6f8d;
}

.header .userbar .jq-show-nickname {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
  font-size: 12px;
  color: #6a6f8d;
}

.header .userbar .message {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../images/message_icon.png) center no-repeat;
  width: 20px;
  height: 12px;
  margin: 0px 10px 0px 0px;
}

.header .userbar .msg_num {
  width: 20px;
  height: 14px;
  background: url(../images/icon-base.png) no-repeat -7px -37px;
  display: inline-block;
  position: relative;
  margin: 7px 2px 0 7px;
}

.header .userbar .msg_num .msg_point {
  width: 7px;
  height: 7px;
  background-color: #b92424;
  border-radius: 3px;
  display: block;
  position: absolute;
  right: -4px;
  top: -4px;
  display: none;
}

.header .userbar .contact {
  color: #db9c41;
}

.header .userbar li.messageinfo {
  cursor: pointer;
  padding-left: 0;
}

.header .userbar .money.rmb {
  padding-left: 10px;
}

.header .userbar .contacticon {
  display: inline-block;
  background: url(../images/contact_1.png) center no-repeat;
  width: 20px;
  height: 20px;
  margin: -5px 10px -5px 0px;
}

.header .userbar .spleator {
  width: 5px;
  border-right: 1px solid #2b2b30;
  padding: 0;
  box-sizing: border-box;
  height: 22px;
  margin-top: 4px;
}

.header .userbar .sign_btn {
  margin-left: 5px;
}

.header .userbar .sign_btn span {
  display: inline-block;
  height: 22px;
  width: 101px;
  background: #fca501;
  cursor: pointer;
  border-radius: 20px;
  color: #fff;
  margin-top: -3px;
  vertical-align: middle;
  line-height: 22px;
  text-align: center;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, .38);
}

/* .header .userbar .sign_btn span:hover {
  background: #6279C2;
} */

.header .userbar .mobile-info .mobile-info-icon {
  width: 23px;
  height: 21px;
  background: url(../images/icon-base.png) no-repeat -12px -242px;
  display: inline-block;
  position: relative;
  margin: 4px 0 4px;
}

.header .userbar .mobile-info .mobile-info-icon:hover {
  width: 23px;
  height: 21px;
  background: url(../images/icon-base.png) no-repeat -40px -242px;
  display: inline-block;
  position: relative;
  margin: 4px 0 4px;
}

.header .userbar .mobile-info .mobile-info-qrcode {
  display: none;
  position: absolute;
  top: 26px;
  left: -74px;
  z-index: 2;
  width: 164px;
  height: 174px;
  border-radius: 3px;
  background: url(../images/ewm_bg.png)
}

.header .userbar .mobile-info .mobile-info-qrcode img {
  width: 155px;
  height: auto;
  display: block;
  margin-top: 16px;
  margin-left: 5px;
}

.header .userbar .headimg span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../images/headimg.png) center no-repeat;
  width: 20px;
  height: 30px;
}

.header .userbar .messagemore span.moreicon {
  display: inline-block;
  background: url(../images/icon-base.png) -8px -20px no-repeat;
  width: 12px;
  height: 10px;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}

.header .userbar .messagemore span.rotate {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.header .userbar .navchildlist {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, .88);
}

.header .userbar .navchildlist li {
  background: #2c3654;
  float: none;
  width: 137px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  border-bottom: 1px solid #45537d;
}

.header .userbar .navchildlist li:hover {
  color: #ffffff;
  background: #26283d;
  border-color: #26283d;
}

.header .userbar .navchildlist li span {
  width: 22px;
  height: 22px;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px;
  background: url(../images/icon-base.png) no-repeat;
}

.header .userbar .navchildlist li a {
  color: #d9ddf2;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.header .userbar .navchildlist li.l1 span {
  background-position: -6px -430px;
}

.header .userbar .navchildlist li.l2 span {
  background-position: -32px -430px;
}

.header .userbar .navchildlist li.l3 span {
  background-position: -32px -455px;
}

.header .userbar .navchildlist li.l4 span {
  background-position: -6px -455px;
}

.header .userbar .navchildlist li.l4 i {
  font-style: normal;
  background: #b5870f;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin-top: -3px;
  margin-left: 10px;
  vertical-align: middle;
  border-radius: 50%;
  text-align: center;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
}

.header .userbar .navchildlist li.l5 {
  border: 0;
}

.header .userbar .navchildlist li.l5 span {
  background-position: -6px -480px;
}

.header .userbar .navchildlist li.l6 span {
  background: url(../images/prxoy.png) center no-repeat;
}

.header .userbar .moneytxt {
  color: #fff;
  font-size: 12px;
  display: inline-block;
  min-width: 20px;
  height: 30px;
  line-height: 30px;
  *display: inline;
  *zoom: 1;
  font-weight: 400;
  padding-left: 5px;
}

.header .userbar .moneytxt.refresh {
  animation: amt_moneytxt .5s linear;
  -webkit-animation: amt_moneytxt .5s linear;
}

@keyframes amt_moneytxt {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes amt_moneytxt {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.header .userbar .money {
  cursor: pointer;
}

.header .userbar .loadmoney {
  padding: 0;
  padding-right: 5px;
}

.header .userbar .loadmoney span {
  display: inline-block;
  background: url(../images/icon-base.png) no-repeat  -6px -106px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-top: 7px;
}

.header .userbar .loadmoney span.hover {
  background: url(../images/icon-base.png) no-repeat -41px -106px;
}

/*.header .userbar .loadmoney span:hover{ background: url(../images/jingjibao_sprite.png) -18px -18px no-repeat;  }*/

.header .userbar .lang span {
  cursor: pointer;
  display: inline-block;
}

.header .userbar .lang span i.down {
  display: inline-block;
  background: url(../images/icon-base.png) no-repeat -36px -13px;
  width: 10px;
  height: 4px;
  vertical-align: top;
  margin-top: 13px;
  margin-left: 5px;
}

.header .userbar .lang span i.lg-Chinese {
  display: inline-block;
  background: url(../images/icon-base.png) no-repeat 1px -50px;
  width: 30px;
  height: 30px;
}

.header .userbar .lang span i.lg-English {
  display: inline-block;
  background: url(../images/icon-base.png) no-repeat -25px -50px;
  width: 30px;
  height: 30px;
}

.header .userbar .lang span em {
  display: inline-block;
  vertical-align: top;
}

.header .userbar .lang .langlist {
  min-width: 81px;
  display: none;
  position: absolute;
  background: #333333;
  margin-top: -18px;
  margin-left: 7px;
  cursor: pointer;
  z-index: 3;
}

/*.header .userbar .lang .langlist:before{ content: "";border-right: 11px solid #333333; position: absolute;height: 20px; margin-left: 57px;margin-top: -16px; }*/

.header .userbar .lang .langlist a {
  color: #6a6f8d;
  width: 100%;
  display: inline-block;
  line-height: 18px;
  padding: 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.header .userbar .lang .langlist a img {
  margin-right: 5px;
}

.header .userbar .lang .langlist a:hover {
  color: #ccc;
}

.header .userbar .lang .langlist a span {
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 5px;
  background: url(../images/icon-base.png) no-repeat;
  vertical-align: middle;
}

.header .userbar .lang .langlist a span.zhCn {
  background-position: -7px -59px;
}

.header .userbar .lang .langlist a span.english {
  background-position: -32px -59px;
}

.header .userbar .btn_lang span {
  display: inline-block;
  background: url(../images/btn_lang.png) center no-repeat;
  width: 5px;
  height: 50px;
}

.header .userbar .loadmoney span.refulshmoney {
  transform: rotate( -360deg);
  -webkit-transform: rotate( -360deg);
  -ms-transform: rotate( -360deg);
  -o-transform: rotate( -360deg);
  transition: transform 0.8s;
  -webkit-transition: transform 0.8s;
  -ms-transition: transform 0.8s;
  -o-transition: transform 0.8s;
}

.header .userbar .loadmoney span.refulshmoney.ie {
  background: url(../images/loader.gif) center no-repeat;
}

.header .languagebar {
  float: right;
  padding: 15px 0;
  position: relative;
  cursor: pointer;
}

.header .languagebar>span {
  display: block;
  margin: 0 16px 0 0;
}

.header .languagebar>span img {
  vertical-align: top;
}

.header .languagebar:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: #3c4251 transparent transparent transparent;
  position: absolute;
  top: 22px;
  right: 0;
}

.header .languagebar>ul {
  position: absolute;
  display: none;
  right: 0;
  background: #2e3238;
  top: 45px;
  box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
  border-radius: 7px;
  overflow: hidden;
}

.header .languagebar:hover>ul {
  display: block;
}

.header .languagebar>ul>li {
  line-height: 34px;
  font-size: 12px;
}

.header .languagebar>ul>li a {
  display: block;
  padding: 0 16px;
  color: #545d75;
  white-space: nowrap;
}

.header .languagebar>ul>li a:hover {
  background: #23252b;
  color: #545d75;
}

.header .languagebar>ul>li span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin-top: 3px;
  margin-right: 5px;
  width: 22px;
  height: 16px;
}

.header .languagebar>ul>li span img {
  width: 100%;
}

.big-gb {
  width: 100%;
  height: 883px;
  z-index: -1;
  background: url(../images/bg-dota.jpg) center no-repeat #171925;
  top: 80px;
  background-position: center 0px;
  position: absolute;
}

.big-gb.sports {
  background-image: url(../images/sport-bg.jpg);
  background-color: #202435;
}

.big-gb.pg-diaochan {
  background-image: url(../images/pg-diaochan.jpg);
  background-color: #202435;
}

.big-gb.pg-fortune-gods {
  background-image: url(../images/pg-fortune-gods.jpg);
  background-color: #202435;
}

.big-gb.pg-tree-of-fortune {
  background-image: url(../images/pg-tree-of-fortune.jpg);
  background-color: #202435;
}

.big-gb.pg-index {
  background-image: url(../images/pg-index.jpg);
  background-color: #202435;
}

.big-gb.pg-win-win-won {
  background-image: url(../images/pg-win-win.jpg);
  background-color: #202435;
}

.big-gb.fixed {
  position: fixed;
  top: 0px;
}

#messageDialog {
  position: fixed;
  top: 300px;
  left: 50%;
  width: 680px;
  height: 390px;
  display: none;
  margin-left: -340px;
  z-index: 1000;
}

#messageDialog .messagetitle {
  height: 50px;
  line-height: 50px;
  text-indent: 20px;
  background: #c71c1c;
  color: #fff;
  font-size: 18px;
}

#messageDialog .colseicon {
  background: url(../images/x.png) 0 0 no-repeat;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 588px;
  cursor: pointer;
}

#messageDialog .messagelist div {
  height: 40px;
  line-height: 40px;
  color: #4c4c4c;
  font-size: 14px;
  text-indent: 15px;
}

#messageDialog .messagelist .evenrow {
  background: #f2f2f2;
}

#messageDialog .messagelist .evenrow .unreadicon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 10px;
  height: 10px;
  background: #c71c1c;
  border-radius: 50%;
  margin-right: 10px;
}

#messageDialog .messagelist .oddrow {
  background: #fafafa;
}

#messageDialog .messagelist .oddrow .readicon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 10px;
  height: 10px;
  background: #cccccc;
  border-radius: 50%;
  margin-right: 10px;
}

#messageDialog .messagelist .more {
  float: right;
  margin-right: 20px;
  color: #b3b3b3;
  font-size: 18px;
}

#signDialog {
  position: absolute;
  left: 50%;
  width: 500px;
  height: 450px;
  z-index: 1000;
  margin-left: -250px;
  display: none;
  top: -450px;
}

#signDialog div {
  text-align: center;
}

#signDialog .r2 {
  font-size: 16px;
  color: #fcc369;
  margin-top: -100px;
  margin-bottom: 20px;
}

#signDialog .r2 span {
  font-size: 20px;
  color: #e23737;
  font-weight: 800;
}

#signDialog .r3 span {
  display: inline-block;
  height: 32px;
  width: 180px;
  color: #fff;
  border-radius: 20px;
  cursor: pointer;
  background: #a43420;
  line-height: 32px;
  font-size: 16px;
}

#signDialog .r3 span:hover {
  background: #c71c1c;
}

#tips-sign {
  position: absolute;
  background: url(../images/tips_sign_bg.png);
  width: 336px;
  height: 249px;
  z-index: 99;
  right: 200px;
  display: none;
}

#tips-sign:after {
  content: '';
  position: absolute;
  border-width: 15px;
  border-style: solid;
  border-color: transparent transparent #212121 transparent;
  top: -30px;
  right: 120px;
}

#tips-sign .icon-close {
  position: absolute;
  right: 15px;
  top: 5px;
  height: 28px;
  width: 28px;
  cursor: pointer;
  background: url(../images/dialog_close.png) center no-repeat;
}

#tips-sign .icon-close:hover {
  background: url(../images/dialog_close_hover.png) center no-repeat;
}

#tips-sign .sign-rule {
  position: absolute;
  bottom: -5px;
  color: #8a8ea9;
  padding: 0 25px;
}

#tips-sign .sign-rule p {
  padding: 7px 0;
}

#tips-sign .sign-status {
  position: absolute;
  width: 239px;
  text-align: center;
  top: 105px;
  margin-left: 48px;
}

#tips-sign .sign-status .item {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #6f6f6f;
  float: left;
  display: inline-block;
}

#tips-sign .sign-status .item.im2 {
  margin: 0 55px;
}

#tips-sign .sign-status .item.current {
  width: 49px;
  height: 49px;
  background: url(../images/tips_sign_current.png);
  margin-top: -5px;
}

#tips-sign .sign-status .item span {
  display: block;
  width: 100%;
  text-align: center;
}

#tips-sign .sign-status .item span.num {
  font-size: 19px;
  color: #212121;
  font-weight: 600;
  margin-top: 5px;
}

#tips-sign .sign-status .item.current .num {
  margin-top: 8px;
}

#tips-sign .sign-status .item span.days {
  font-size: 12px;
  color: #212121;
  margin-top: -5px;
}

#tips-sign .sign-nb {
  font-size: 12px;
  color: #6f6f6f;
  position: absolute;
  top: 154px;
  width: 242px;
  margin-left: 48px;
}

#tips-sign .sign-nb span {
  display: inline-block;
  width: 40px;
  text-align: center;
}

#tips-sign .sign-nb span.nb2 {
  width: 50px;
  margin: 0 52px;
}

#tips-sign .sign-nb span.current {
  color: #f4d217;
}

.menubar {
  height: 50px;
  position: relative;
  z-index: 10;
}

.menubar .container {
  height: 50px;
}

.menubar .container .con_logo {
  overflow: hidden;
  position: relative;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 50px;
  line-height: 50px;
  width: 206px;
  background: url(../images/logo_jjb.png) no-repeat left center;
  float: left;
}

.menubar .container .con_logo span {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .6s;
}

.menubar .container .con_logo span.s1 {
  background: url(../images/jingjibao_logo_nav_2.png) 0 -50px no-repeat;
}

.menubar .container .con_logo span.s2 {
  background: url(../images/jingjibao_logo_nav_2.png) 0 -100px no-repeat;
}

.menubar .container .con_logo span.s3 {
  background: url(../images/jingjibao_logo_nav_2.png) 0 -150px no-repeat;
}

.menubar .container .con_logo span.show {
  opacity: 1;
}

.menubar .container .con_logo a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 50px;
  width: 100%;
}

.menubar .menu_list {
  line-height: 50px;
  margin: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  float: left;
  margin-left: 20px;
}

.menubar .menu_list li {
  float: left;
  margin-right: 0px;
  width: 124px;
  overflow: hidden;
  display: table;
}

.menubar .menu_list li a {
  font-size: 15px;
  color: #d9ddf2;
  padding: 0 0px;
  height: 50px;
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
}

.menubar .menu_list li a:hover strong {
  color: #fff;
}

.menubar .menu_list li a strong {
  font-size: 15px;
  color: #c8cce5;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
}

.menubar .menu_list li a i {
  font-size: 12px;
  color: #8a8ea9;
  font-style: normal;
  width: 100%;
  display: inline-block;
  *display: block;
  *zoom: 1;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
}

.menubar .menu_list li a i.ns1,
.menubar .menu_list li a i.ns2,
.menubar .menu_list li a i.ns3 {
  display: none;
}

.menubar .menu_list li a i.show {
  display: block;
}

.menubar .menu_list li .homeicon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 20px;
  height: 20px;
  background: url(../images/homeicon.png) no-repeat;
  margin-top: 14px;
}

.menubar .menu_list li a.current,
.menubar .menu_list li a strong:hover {
  color: #fff;
}

.menubar .menu_list li a.current {
  color: #fff;
  /*background: linear-gradient(to right, #a91c1b,#941816 );*/
  background: #262f4a;
}

.menubar .container .helper {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 46px;
  width: 84px;
  background: url(../images/helper.png) bottom no-repeat;
  margin-left: 50px;
  position: relative;
  cursor: pointer;
}

.menubar .container .helper span {
  color: #753700;
  font-size: 12px;
  position: absolute;
  top: 16px;
  left: 16px;
}

.menubar .online {
  float: right;
  margin-top: 4px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 46px;
  width: 110px;
  line-height: 46px;
  text-align: center;
  color: #753700;
  cursor: pointer;
}

.menubar .online:hover {
  background: url(../images/ng_online_chat.png) 0 -46px no-repeat;
}

.menubar .online a {
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 42px;
}
.menubar .online a span{
    display: inline-block;
    color:#c8cce5;
    font-size: 14px;
    line-height: 14px;
    vertical-align: middle;
}
.menubar .online a span i{
    display: inline-block;
    color:#8a8ea9;
    font-size: 13px;
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
}

/* .menubar .online a:hover {
  color: #bd1b19;
} */

.noticebar {
  height: 38px;
  width: 1240px;
  margin: 0 auto;
  background: #1f2231;
  position: relative;
  z-index: 9;
}

.noticebar label {
  position: absolute;
  left: 0;
  top: 0;
  height: 38px;
  background: #1f2844;
  padding: 0 4px 0 20px;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 38px;
  color: #c8cce5;
}

.noticebar label:after {
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-left: 38px solid #1f2844;
  border-bottom: 38px solid transparent;
  content: "";
  position: absolute;
  left: 100%
}

.noticebar .notice_con {
  margin: 0 40px 0 140px;
  height: 38px;
  line-height: 38px;
  color: #6a6f8d;
  font-size: 12px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.noticebar .notice_con .ntc_left {
  width: 72px;
  height: 38px;
  background: url(../images/ng_zmd_shadow.png) 0 0 no-repeat;
  position: absolute;
}

.noticebar .notice_con .ntc_right {
  width: 72px;
  height: 38px;
  background: url(../images/ng_zmd_shadow.png) 0 -40px no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

.noticebar .notice_con span {
  display: inline;
  padding: 0px 30px;
  color: #666666;
  white-space: nowrap;
}

.noticebar .notice_con span a {
  color: #666;
}

.noticebar .notice_con span a:hover {
  color: #999;
}

/*.noticebar .notice_con div.marqueespan{ display: inline; color:#666666; animation:marqueenotice 16s linear infinite; }
@keyframes marqueenotice{
    from{ margin-left: 0px; }
    to{  margin-left: -100%; }
}*/

.noticebar .close {
  position: absolute;
  right: 15px;
  top: 5px;
  height: 28px;
  width: 28px;
  cursor: pointer;
  background: url(../images/icon-base.png) no-repeat -5px -276px;
}

.noticebar .close:hover {
  background: url(../images/icon-base.png) no-repeat -32px -276px;
}

/*.noticebar .close:before,
.noticebar .close:after{content: ""; position: absolute; background: #858484; width: 3px; height: 18px; margin:-9px 0 0 -1.5px; display: block; left:50%; top: 50%;
transform-origin: center center;-webkit-transform-origin: center center;}
.noticebar .close:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.noticebar .close:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.noticebar .close:hover::after,
.noticebar .close:hover::before{background: #bdbdbd;}*/

#noticeDialog {
  position: fixed;
  top: 300px;
  left: 50%;
  width: 680px;
  height: 390px;
  display: none;
  margin-left: -340px;
  z-index: 1000;
}

#noticeDialog .noticetitle {
  height: 50px;
  line-height: 50px;
  text-indent: 20px;
  background: #c71c1c;
  color: #fff;
  font-size: 18px;
}

#noticeDialog .colseicon {
  background: url(../images/x.png) 0 0 no-repeat;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 588px;
  cursor: pointer;
}

#noticeDialog .noticelist div {
  height: auto;
  line-height: 40px;
  color: #4c4c4c;
  font-size: 14px;
  text-indent: 10px;
  overflow: hidden;
  position: relative;
}

#noticeDialog .noticelist .row {
  background: #f2f2f2;
}

#noticeDialog .noticelist .row:nth-child(2n) {
  background: #fafafa;
}

#noticeDialog .noticelist .row div {
  width: 40px;
  height: 30px;
  text-align: center;
  float: left;
}

#noticeDialog .noticelist .row .unreadicon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #c71c1c;
  border-radius: 50%;
  margin-right: 10px;
}

#noticeDialog .noticelist .row .readicon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #cccccc;
  border-radius: 50%;
  margin-right: 10px;
}

#noticeDialog .noticelist .more {
  float: right;
  margin-right: 20px;
  color: #b3b3b3;
  font-size: 18px;
}

#noticeDialog .noticelist span {
  float: left;
  position: absolute;
  top: 15px;
}

#noticeDialog .noticelist p {
  float: left;
  width: 615px;
}

/*wrapper*/

.wrapper {
  margin: 20px auto 20px auto;
  width: 1240px;
}

.home_main {
  height: 350px;
}

.home_main .ad {
  width: 820px;
  height: 350px;
  float: left;
  overflow: hidden;
  position: relative;
}

.home_main .ad ul {
  width: 820px;
  height: 350px;
  position: relative;
  z-index: 1;
}

.home_main .ad ul li {
  width: 820px;
  height: 350px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.home_main .ad ul li a,
.home_main .ad ul li img {
  display: block;
  width: 820px;
}

.home_main .ad .ad_btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 2;
}

.home_main .ad .ad_btn span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 2px;
  background: #ccc;
  vertical-align: top;
  cursor: pointer;
}

.home_main .ad .ad_btn span.current,
.home_main .ad .ad_btn span:hover {
  background: #fff;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.home_main .con_spleator {
  border: 0px;
  border-top: 1px solid #222224;
}

.home_main .aside {
  width: 420px;
  height: 350px;
  float: left;
}

.home_main .aside .vs_box {}

.home_main .aside .con_bd.rm {
  background: url(../images/black_color_bg.png);
  height: 70px;
  padding: 0;
  border-bottom: 1px solid #222;
}

.home_main .aside .con_bd.rm.fg {
  height: 84px;
  line-height: 84px;
  border: 0;
  padding-top: 15px;
}

.home_main .aside .vs_box .vs_link {
  display: block;
}

.home_main .aside .vs_box .vs_link:hover p.team_name {
  color: #fff;
}

.home_main .aside .vs_box .vs_link:hover p.team_score {
  color: #fff;
}

.home_main .aside .vs_box ul li {
  float: left;
  height: 70px;
}

.home_main .aside .vs_box div.vs {
  width: auto;
  display: block;
  text-align: center;
  color: #7790e0;
  font-size: 14px;
  height: 70px;
  line-height: 70px;
}

.home_main .aside .vs_box div.team_box {
  width: 130px;
}

.home_main .aside .vs_box .team_ico {
  display: block;
  text-align: center;
  width: 50px;
  height: 70px;
  margin-top: 20px;
  overflow: hidden;
  padding-left: 20px;
}

.home_main .aside .vs_box .team_ico img {
  vertical-align: middle;
  width: 50px;
  height: 30px;
}

.home_main .aside .vs_box div.team_box .team_name {
  font-size: 14px;
  color: #c8cce5;
  text-align: center;
  line-height: 1;
  margin: 18px 0px 0px 0px;
}

.home_main .aside .vs_box div.team_box .team_score {
  font-size: 14px;
  color: #8a8ea9;
  text-align: center;
  line-height: 1;
  margin: 6px 0 20px 0;
  font-weight: bold;
}

.home_main .aside .vs_box div.team_box.no_score .team_name {
  line-height: 70px;
  margin: 0;
}

.home_main .aside .vs_box div.team_box.no_score .team_score {
  display: none;
}

.home_main .aside .vs_box div.team_box .team_percent {
  line-height: 26px;
  height: 26px;
  width: 70px;
  font-weight: bold;
  border: 1px solid #b90909;
  border-radius: 3px;
  display: block;
  margin: 0 auto 4px;
  color: #b90909;
  font-size: 14px;
  text-align: center;
}

.home_main .aside .vs_box div.team_box .team_percent:hover {
  border-color: #EA2300;
  color: #EA2300;
}

.home_main .aside .free_guess {
  width: 350px;
  height: 70px;
  display: block;
  margin: 0 auto;
}

.home_main .aside .vs_box ul li:last-child {
  float: right;
  padding-right: 20px;
}

.home_main .aside .vs_box ul li:last-child span {
  padding-left: 0px;
}

.plate {
  margin: 20px auto 6px auto;
}

.plate .news_box {
  width: 397px;
  float: left;
}

.plate .news_box .con_bd {
  padding-right: 0px;
}

.plate .news_box .news_list li {
  line-height: 38px;
  text-align: center;
  height: 38px;
  *height: 31px;
  width: 397px;
  overflow: hidden;
}

.plate .news_box .news_list li.even {
  background: #32364a;
}

.plate .news_box .news_list li a {
  color: #c8cce5;
  font-size: 14px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 325px;
  text-align: left;
  padding-left: 20px;
  float: left;
}

.plate .news_box .news_list li a:hover {
  color: #fff;
}

.plate .news_box .news_list li span {
  float: right;
  color: #626887;
  font-size: 14px;
  margin-right: 10px;
}

.plate .game_box {
  width: 281px;
  float: left;
}


.plate .game_box .con_bd {
  padding: 10px 0;
}

.plate .game_box .game_slide {
  height: 171px;
  width: 256px;
  background: #1e2025;
  overflow: hidden;
}

.plate .game_box .game_slide ul {
  height: 170px;
  width: 256px;
  position: relative;
}

.plate .game_box .game_slide ul li {
  height: 124px;
  width: 256px;
  position: absolute;
  left: 0;
  top: 0;
}

.plate .game_box .game_slide ul li a,
.plate .game_box .game_slide ul li img {
  display: inline-block;
  height: 170px;
  width: 256px;
}

.plate .game_box .game_slide ul li a {
  position: relative;
}

.plate .game_box .game_slide ul li a:before {
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-left: 2px solid #515663;
  z-index: 11;
  border-top: 2px solid #515663;
  position: absolute;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.plate .game_box .game_slide ul li a:after {
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 2px solid #515663;
  z-index: 11;
  border-bottom: 2px solid #515663;
  position: absolute;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.plate .game_box .game_slide ul li a:hover::after,
.plate .game_box .game_slide ul li a:hover::before {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none
}

.plate .game_box .h4 a {
  float: none;
}

.plate.container.d {
  margin-top: 20px;
  height: 115px;
  margin-bottom: 0px;
}

.plate .help_box {
  width: 256px;
  height: 115px;
  float: left;
  background: #181818;
  margin-right: 6px;
  position: relative;
}

.plate .help_box a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

/*.plate .help_box::before,.plate .help_box::after{ box-sizing: border-box; content: '';  position: absolute;width: 0; height:0; border:1px solid transparent;}
.plate .help_box::before{ top:0;left: 0; }
.plate .help_box::after{ bottom: 0;right: 0; }
.plate .help_box:hover::before{ border-top-color:#c1b1b1;border-right-color:#c1b1b1; transition: all 1s; width: 100%;height: 100%;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
.plate .help_box:hover::after{ border-bottom-color:#c1b1b1;border-left-color:#c1b1b1;width: 100%;height: 100%; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; }
.plate .help_box:hover img{ transform: scale(1.3); transition: transform 1.75s }*/

.plate .help_box .help_icon {
  width: 100%;
  height: 100px;
  text-align: center;
  line-height: 150px;
}

.plate .help_box .help_icon img {
  margin-top: 15px;
}

.plate .help_box .help_info {
  width: 100%;
  height: 25px;
  text-align: center;
  font-size: 12px;
  color: #4c4c4c;
}

.plate .help_box .help_info.t1 {
  color: #e8e8e8;
}

.plate .help_box.visa {
  float: right;
  margin-right: 0px;
}

.account_container {
  width: 1000px;
  margin: 0 auto;
}

.account_wrapper {
  position: relative;
  overflow: hidden;
  width: 1000px;
}

.account_box {
  width: 890px;
  margin: 60px auto 100px;
  height: 510px;
  position: relative;
  background: rgba(0, 0, 0, .3);
  ;
}

.account_box .form_box {
  padding: 73px 0 0 0;
  height: 355px;
}

.account_box .form_box .form_main {
  width: 445px;
  float: left;
  position: relative;
  height: 355px;
}

.account_box .form_box .form_main:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border-right: 1px solid #080c19;
}

.account_box .form_box .form_main:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  height: 100%;
  border-right: 1px solid #24272f;
}

.account_box .form_box .form_main ul.login_form {
  margin: 50px 0 50px 50px;
}

.account_box .form_box .form_main ul.reg_form {
  margin: 20px 0 10px 50px;
}

.account_box .form_box .form_main ul .pwd_tip {
  position: relative;
  vertical-align: top;
  display: inline-block;
}

.account_box .form_box .form_main ul .pwd_tip .pwd_icon {
  font-style: normal;
  position: absolute;
  left: -30px;
  top: 0;
  vertical-align: -4px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.account_box .form_box .form_main ul .pwd_tip .pwd_icon:after {
  font-family: "iconfont";
  content: "\e607";
  width: 30px;
  height: 30px;
  display: block;
  font-size: 20px;
  color: #9EA2AB;
  line-height: 30px;
  text-align: center;
}

.account_box .form_box .form_main ul .pwd_tip .pwd_icon.checked::after {
  content: "\e608";
  line-height: 34px;
}

.account_box .form_box .form_main ul .code {
  vertical-align: top;
  height: 30px;
  margin-left: 10px;
  border-radius: 2px;
}

.account_box .form_box .form_aside {
  width: 445px;
  float: left;
}

.account_box .form_box .form_aside ul {
  margin: 0px;
}

.account_box .form_box .form_aside .creat_account {
  border-radius: 4px;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  width: 126px;
  height: 34px;
  background: #262932;
  color: #696f80;
  display: block;
}

.account_box .form_box .form_aside .creat_account:hover {
  background: #373C48;
  color: #798091;
}

.account_box .bar {
  width: 1010px;
  height: 64px;
  background: url(../images/bar.png) 0 0 no-repeat;
  position: absolute;
  left: -59px;
  top: -12px;
}

.account_box .bar .reg_ico {
  width: 92px;
  height: 25px;
  background: url(../images/bar.png) 0 -80px no-repeat;
  display: block;
  margin: 14px auto;
}

.account_box .bar .login_ico {
  width: 92px;
  height: 25px;
  background: url(../images/bar.png) -100px -80px no-repeat;
  display: block;
  margin: 14px auto;
}

.account_box .per {
  width: 464px;
  height: 311px;
  background: url(../images/per.png) 0 0 no-repeat;
  position: absolute;
  right: -206px;
  bottom: -6px;
  -webkit-animation: per 3s 0s ease-out both;
  -moz-animation: per 3s 0s ease-out both;
  -ms-animation: per 3s 0s ease-out both;
  animation: per 3s 0s ease-out both
}

.account_mask {
  /*background: url(../images/mask.png) center top no-repeat;*/
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@-webkit-keyframes per {
  from {
    -webkit-transform: translate3D(30px, 0, 0);
    -moz-transform: translate3D(30px, 0, 0);
    -ms-transform: translate3D(30px, 0, 0);
    transform: translate3D(30px, 0, 0)
  }
  to {
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
  }
}

@-moz-keyframes per {
  from {
    -webkit-transform: translate3D(30px, 0, 0);
    -moz-transform: translate3D(30px, 0, 0);
    -ms-transform: translate3D(30px, 0, 0);
    transform: translate3D(30px, 0, 0)
  }
  to {
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
  }
}

@-ms-keyframes per {
  from {
    -webkit-transform: translate3D(30px, 0, 0);
    -moz-transform: translate3D(30px, 0, 0);
    -ms-transform: translate3D(30px, 0, 0);
    transform: translate3D(30px, 0, 0)
  }
  to {
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
  }
}

@keyframes per {
  from {
    -webkit-transform: translate3D(30px, 0, 0);
    -moz-transform: translate3D(30px, 0, 0);
    -ms-transform: translate3D(30px, 0, 0);
    transform: translate3D(30px, 0, 0)
  }
  to {
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
  }
}

/** footer **/

.footer {
  min-width: 1240px;
  background: #272b40;
   background: url(../images/footer_bg.jpg) top center no-repeat; 
}

.footer_copy {
  background-color: #000000;
  overflow: hidden;
  margin-top: -12px;
}

.footer_wrap {
  margin: 0 auto;
  padding: 15px 0 15px 0;
  width: 1000px;
  height: 74px;
}

.footer_wrap.c {
  height: 20px;
}

.footer_wrap .footer_nav {
  text-align: center;
  margin-bottom: 0px;
  float: none;
}

.footer_wrap .footer_nav a {
  font-size: 12px;
  margin: 0 16px;
  color: #4c4c4c;
  border-right: 1px solid #292929;
  padding-right: 34px;
}

.footer_wrap .footer_nav a:last-child {
  border: 0px;
  padding-right: 0px;
}

.footer_wrap .logoicons {
  width: 850px;
  height: 41px;
  margin: 0 auto;
  margin-top: 30px;
}

.footer_wrap .logoicons ul {
  width: 850px;
  height: 41px
}

.footer_wrap .logoicons ul li {
  background-image: url(../images/logoicons.png);
  background-repeat: no-repeat;
  float: left
}

.footer_wrap .logoicons ul li.logoicons_1 {
  background-position: -33px 0;
  width: 130px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_1:hover {
  background-position: -33px -41px;
  width: 130px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_2 {
  background-position: -163px 0;
  width: 127px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_2:hover {
  background-position: -163px -41px;
  width: 127px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_3 {
  background-position: -290px 0;
  width: 166px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_3:hover {
  background-position: -290px -41px;
  width: 166px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_4 {
  background-position: -456px 0;
  width: 103px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_4:hover {
  background-position: -456px -41px;
  width: 103px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_5 {
  background-position: -559px 0;
  width: 72px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_5:hover {
  background-position: -559px -41px;
  width: 72px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_6 {
  background-position: -631px 0;
  width: 55px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_6:hover {
  background-position: -631px -41px;
  width: 55px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_7 {
  background-position: -686px 0;
  width: 63px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_7:hover {
  background-position: -686px -41px;
  width: 63px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_8 {
  background-position: -749px 0;
  width: 45px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_8:hover {
  background-position: -749px -41px;
  width: 45px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_9 {
  background-position: -794px 0;
  width: 49px;
  height: 30px
}

.footer_wrap .logoicons ul li.logoicons_9:hover {
  background-position: -794px -41px;
  width: 49px;
  height: 30px
}

.footer_wrap .footer_links {
  float: left;
  text-align: left;
  font-size: 11px;
  color: #515663;
  line-height: 30px;
  margin-top: -5px;
}

.footer_wrap .footer_links p {
  font-size: 12px;
  color: #333;
  padding-left: 20px;
  line-height: 16px;
}

.footer_wrap .logoicons_right {
  float: left;
  background-image: url(../images/copyright.png);
  height: 30px;
  width: 400px;
  margin-left: 10px;
  margin-top: -3px;
}

.footer_wrap .footer_spleator {
  border-bottom: 1px solid #292929;
  width: 1000px;
  height: 15px;
}

.footer_wrap .footer_icon {
  background: url(../images/copyright_1.png) no-repeat;
  height: 50px;
  width: 700px;
  margin-left: 130px;
}

.footer_wrap .footer_browser {
  float: right;
  color: #515663;
  line-height: 18px;
  margin-left: 20px;
}

.footer_wrap .footer_browser.c div.fl {
  font-size: 12px;
  color: #333;
  margin-top: 1px;
}

.footer_wrap .footer_browser ul li {
  height: 30px;
  width: 30px;
  margin-right: 5px;
  float: left;
  margin-top: 2px;
}

.footer_wrap .footer_browser ul li a {
  width: 25px;
  height: 25px;
  display: block;
  background-image: url(../images/logoicons_1.png)
}

.footer_wrap .footer_browser ul li a.footbrowser_1 {
  background: url(../images/ie10_browser.png) no-repeat;
}

.footer_wrap .footer_browser ul li a.footbrowser_1:hover {}

.footer_wrap .footer_browser ul li a.footbrowser_2 {
  background: url(../images/chrome_browser.png) no-repeat
}

.footer_wrap .footer_browser ul li a.footbrowser_2:hover {}

.footer_wrap .footer_browser ul li a.footbrowser_3 {
  background: url(../images/firefox_browser.png) no-repeat;
}

.footer_wrap .footer_browser ul li a.footbrowser_3:hover {}

.footer_wrap .footer_browser ul li a.footbrowser_4 {
  background: url(../images/360_browser.png) no-repeat;
}

.footer_wrap .footer_browser ul li a.footbrowser_4:hover {}

.footer_wrap .footer_browser ul li a.footbrowser_5 {
  background: url(../images/qq_browser.png) no-repeat;
}

.footer_wrap .footer_browser ul li a.footbrowser_5:hover {}

.footerWrapper {
  font-size: 12px;
  color: #8a8ea9;
  width: 1240px;
  margin: 0 auto;
  text-align: center;
}

.footer .ftTop {
  box-sizing: border-box;
  padding: 34px 25px;
  height: 138px;
  text-align: left;
}

.footer .ftTop .dataShowBox {
  height: 100%;
  float: left;
  background: url(../images/fttop_bg.png) no-repeat;
  position: relative;
}

.footer .ftTop .dataShowBox .num {
  font-size: 36px;
  color: #d9ddf2;
  display: inline-block;
}

.footer .ftTop .b1 {
  background-position: -34px -14px;
  width: 350px;
}

.footer .ftTop .b2 {
  background-position: -28px -125px;
  width: 330px;
}

.footer .ftTop .b3 {
  background-position: 64px -231px;
  width: 400px;
}

.footer .ftTop .b4 {
  background-position: 28px -361px;
  width: 110px;
}

.footer .ftTop .b1 .num {
  margin-left: 41px;
}

.footer .ftTop .b1 .dataShowDesc {
  padding-left: 43px;
}

.footer .ftTop .b2 .num {
  margin-left: 38px;
}

.footer .ftTop .b2 .dataShowDesc {
  padding-left: 34px;
}

.footer .ftTop .b3 .num {
  margin-left: 143px;
  margin-top: 7px;
  font-size: 28px;
}

.footer .ftTop .b3 .dataShowDesc {
  position: relative;
  left: 54px;
  top: 3px;
}

.footer .ftTop .b3 .dataShowDesc2 {
  position: absolute;
  right: 208px;
  top: 42px;
}

.footer .ftTop .b3 b {
  color: #f0a62b;
  position: absolute;
  font-size: 36px;
  left: 62px;
  top: 0px;
  font-weight: normal;
}

.footer .ftTop .b3 .no1 {
  color: #f0a62b;
  position: absolute;
  left: 6px;
  top: 6px;
}

.footer .ftTop .b4 .num {
  margin-left: 12px;
}

.footer .ftTop .b4 .dataShowDesc {
  padding-left: 12px;
}

.footer .ftnav {
  border-top: 1px solid #626887;
  height: 184px;
  line-height: 184px;
}

.footer .ftnav .ftnav-left {
  width: 1050px;
  float: left;
}

.footer .ftnav .ftnav-right {
  float: left;
}

.footer .ftnav .ftnav-left img {
  vertical-align: middle;
}

.footer .ftnav .ftnav-right .ftnav-right-wrapper {
  margin-top: 40px;
  border-left: 1px solid #626887;
  width: 190px;
  box-sizing: border-box;
}

.footer .ftnav .ftnav-right .qrcodeImg {
  width: 78px;
  height: 78px;
  margin: 0 auto;
  line-height: 78px
}

.footer .ftnav .ftnav-right .qrcodeImg img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.footer .ftnav .ftnav-right p {
  line-height: 22px;
  margin-top: 5px;
}

.footer .ft-a-group {
  border-top: 1px solid #34384a;
  padding: 30px 0;
}

.footer .ft-a-group a {
  border-right: 1px solid #8a8ea9;
  color: #8a8ea9;
  padding: 0 20px 0px 16px;
}

.footer .ft-a-group a:hover {
  color: #c8cce5;
}

.footer .ft-a-group a.last {
  border: 0;
}

.footer .ft-a-group p {
  margin-top: 14px;
}

/*登录*/

.jingjibao-login {
  min-width: 1240px;
  background: url(../images/jingjibao_reg_bg.jpg) top center no-repeat;
  height: 900px;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  background-size: cover;
  min-height: 900px;
}

.jingjibao-login .global {
  width: 1240px;
  margin: 0 auto;
  text-align: right;
  padding-top: 15px;
  position: absolute;
  left: 50%;
  margin-left: -620px;
  z-index: 10;
}

.jingjibao-login .global img {
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -3px;
}

.jingjibao-login .global a {
  color: #626788;
  font-size: 12px;
}

.jingjibao-login .global i {
  display: inline-block;
  height: 10px;
  width: 15px;
  border-left: 1px solid #626788;
  margin-left: 15px;
}

.jingjibao-login .ng-logo {
  text-align: center;
  margin-top: 120px;
  width: 1240px;
  position: absolute;
  left: 50%;
  margin-left: -620px;
  z-index: 5
}

.jingjibao-login .title {
  text-align: center;
  color: #c8cce5;
  font-size: 36px;
  width: 1240px;
  position: absolute;
  left: 50%;
  margin-left: -620px;
  top: 200px;
  z-index: 5
}

.jingjibao-login .form-box form {
  margin-left: 350px;
  z-index: 2;
  position: absolute;
}

.jingjibao-login .form-box {
  width: 1240px;
  margin: 0 auto;
  margin-top: 30px;
  position: absolute;
  left: 50%;
  margin-left: -620px;
  top: 250px;
  z-index: 5;
}

.jingjibao-login .form-box li {
  margin-top: 20px;
}

.jingjibao-login .form-box label {
  width: 80px;
  text-align: right;
  color: #626788;
  font-size: 16px;
  vertical-align: middle;
}

.jingjibao-login .form-box input.ipt {
  width: 388px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #3d4868;
  color: #fff;
  background: transparent;
  background: rgba(0, 0, 0, .2);
  border-radius: 3px;
  text-indent: 10px;
}

.jingjibao-login .form-box input.ipt.error {
  border: 1px solid #aa0000;
}

.jingjibao-login .form-box input.checkboxs {
  width: auto;
  height: auto;
}

.jingjibao-login .form-box img.code {
  vertical-align: middle;
  cursor: pointer;
  display: none;
  border: 4px solid #3d4868;
  position: absolute;
  top: -108px;
  left: 0;
}

input.ipt::-webkit-input-placeholder {
  color: #353b50;
}

input.ipt:-webkit-autofill {
  background-color: transparent;
  background-image: none;
  color: #d9ddf2;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #d9ddf2 !important;
  transition: background-color 5000s ease-in-out 0s;
}

.jingjibao-login .message-tips {
  color: #54667a;
  font-size: 14px;
  display: block;
  margin-left: 90px;
  margin-top: 10px;
  display: none;
}

.jingjibao-login .message-tips a {
  color: red;
  text-decoration: underline
}

.jingjibao-login .form-box input.ipt.phoneVerify {
  width: 180px;
}

.jingjibao-login .form-box .phoneVerifyBtn {
  display: inline-block;
  width: 190px;
  height: 38px;
  line-height: 38px;
  border-radius: 100px;
  text-align: center;
  border: 2px solid #7a93ec;
  color: #7a93ec;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 600;
  vertical-align: top;
  cursor: pointer;
}

.jingjibao-login .form-box .phoneVerifyBtn img {
  width: 15px;
}

.jingjibao-login .form-box span.rem-pwd {
  color: #626788;
}

.jingjibao-login .form-box a.forget-pwd {
  color: #626788;
  float: right;
  text-decoration: underline;
}

.jingjibao-login .form-box button,
.jingjibao-login.old-new .form-box a {
  cursor: pointer;
  width: 390px;
  border: 0;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #7a93ec;
  border-radius: 999px;
  box-shadow: 0px 0px 2px #7a93ec;
  box-sizing: border-box;
}

.jingjibao-login .form-box button:hover {
  background: #6279C2;
}

.jingjibao-login .form-box a.stream {
  background: #7a93ec;
  position: relative;
  display: inline-block;
  width: 390px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 999px;
}

.jingjibao-login .form-box a.stream:hover {
  background: #6279C2;
}

.jingjibao-login .form-box a.stream:before {
  content: "";
  position: absolute;
  display: inline-block;
  height: 28px;
  width: 28px;
  background: url(../images/logo-steam.png);
  left: 85px;
  top: 5px;
}

.jingjibao-login .form-box a.regt {
  display: inline-block;
  width: 390px;
  border: 0;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  color: #7a93ec;
  text-align: center;
  border: 2px solid #7a93ec;
  border-radius: 999px;
}

.jingjibao-login .form-box a.regt:hover {
  color: #6279C2;
  border-color: #6279C2;
}

.jingjibao-login .form-box .nol.tips {
  display: inline-block;
  color: #aa0000;
  margin-left: 20px;
}

.jingjibao-login .form-box .must {
  display: inline-block;
  color: #aa0000;
  margin-left: 5px;
  font-size: 22px;
  line-height: 42px;
  vertical-align: middle;
  height: 35px;
}

.jingjibao-login .form-box .hasRead {
  color: #3f435b;
  display: inline-block;
  width: 390px;
}

.jingjibao-login .form-box .vfcode {
  display: inline-block;
  width: 390px;
  position: relative;
}

.jingjibao-login .form-box a.regservice {
  color: #626788;
}

.jingjibao-login .form-box .error {
  width: 100%;
  color: #fff;
  font-size: 16px;
  line-height: 60px;
}

.jingjibao-login .ipt.phone {
  text-indent: 90px !important;
}

.jingjibao-login .md-coutry {
  cursor: pointer;
  position: absolute;
  top: 180px;
  left: 90px;
  width: 80px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.jingjibao-login .md-coutry:after {
  content: '';
  display: inline-block;
  border-left: 1px solid #272935;
  height: 20px;
  position: absolute;
  top: 10px;
  left: 80px;
}

.jingjibao-login .tips-msg {
  display: inline-block;
  width: 388px;
  text-align: center;
  color: #54667a;
  font-size: 14px;
}

.jingjibao-login .s-coutry-list {
  position: absolute;
  width: 200px;
  background: #272935;
  max-height: 400px;
  overflow: hidden;
}

.jingjibao-login .s-coutry-list li {
  border-bottom: 1px solid #333;
  height: 40px;
  line-height: 40px;
  margin-top: 0px;
}

.GlobalPhoneDialog {
  visibility: visible;
  width: 340px;
  height: 425px;
  position: fixed;
  z-index: 1000;
  left: 50%;
  top: 50%;
  margin-left: -170px;
  margin-top: -212px;
  display: none;
}

.dui-dialog {
  position: fixed;
  _position: absolute;
  z-index: 1000;
}

.dui-dialog .dui-dialog-content {
  position: relative;
  z-index: 2;
  background: #273356;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
}

.dui-dialog .hd {
  padding: 10px 10px 6px;
  background: #273356;
  font-size: 14px;
  -moz-border-radius: 4px;
  border-radius: 4px 4px 0 0;
}

.dui-dialog .hd h3 {
  padding: 0 40px 0 4px;
  background: none;
  color: #fff;
}

.dui-dialog .hd h3 i {
  color: #060;
  font-style: normal;
  margin-left: 0.5ex;
}

.dui-dialog .bd {
  position: relative;
  padding: 15px;
  *zoom: 1;
  font-size: 12px;
}

.dui-dialog .bd:after {
  content: '\0020';
  clear: both;
  display: block;
}

.dui-dialog .ft .bn-flat,
.dui-dialog .ft input {
  margin: 0 .5em;
}

.dui-dialog .ft {
  text-align: center;
  padding: 10px;
  padding-top: 0;
}

.dui-dialog .dui-dialog-close {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/dialog_close.png) center no-repeat;
  position: absolute;
  right: 10px;
  top: 0px;
  cursor: pointer;
}

.dui-dialog .dui-dialog-close:hover {
  background: url(../images/dialog_close_hover.png) center no-repeat;
}

.dui-dialog .dui-dialog-shd {
  position: absolute;
  left: -18px;
  top: -18px;
  width: 100%;
  height: 100%;
  padding: 8px;
  background: #000;
  opacity: .3;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-raduis: 20px;
  width: 360px;
  height: 450px;
}

.dui-dialog-iframe {
  border: 0;
  background: transparent;
  position: absolute;
  z-index: 1;
  left: -8px;
  top: -8px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.dui-dialog-msk {
  background: #fff;
  position: absolute;
  width: 100%;
  z-index: 999;
  left: 0;
  top: 0;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.flag {
  position: absolute;
  text-indent: -999em;
  padding: 0 !important;
  margin: 0 10px 0 0;
  width: 16px;
  height: 11px;
  background: url(../images/national_flags.png) no-repeat
}

.flag.ad {
  background-position: 0 0
}

.flag.ae {
  background-position: 0 -11px
}

.flag.af {
  background-position: 0 -22px
}

.flag.ag {
  background-position: 0 -33px
}

.flag.ai {
  background-position: 0 -44px
}

.flag.al {
  background-position: 0 -55px
}

.flag.am {
  background-position: 0 -66px
}

.flag.an {
  background-position: 0 -77px
}

.flag.ao {
  background-position: 0 -88px
}

.flag.ar {
  background-position: 0 -99px
}

.flag.as {
  background-position: 0 -110px
}

.flag.at {
  background-position: 0 -121px
}

.flag.au {
  background-position: 0 -132px
}

.flag.aw {
  background-position: 0 -143px
}

.flag.ax {
  background-position: 0 -154px
}

.flag.az {
  background-position: 0 -165px
}

.flag.ba {
  background-position: 0 -176px
}

.flag.bb {
  background-position: 0 -187px
}

.flag.bd {
  background-position: 0 -198px
}

.flag.be {
  background-position: 0 -209px
}

.flag.bf {
  background-position: 0 -220px
}

.flag.bg {
  background-position: 0 -231px
}

.flag.bh {
  background-position: 0 -242px
}

.flag.bi {
  background-position: 0 -253px
}

.flag.bj {
  background-position: 0 -264px
}

.flag.bm {
  background-position: 0 -275px
}

.flag.bn {
  background-position: 0 -286px
}

.flag.bo {
  background-position: 0 -297px
}

.flag.br {
  background-position: 0 -308px
}

.flag.bs {
  background-position: 0 -319px
}

.flag.bt {
  background-position: 0 -330px
}

.flag.bv {
  background-position: 0 -341px
}

.flag.bw {
  background-position: 0 -352px
}

.flag.by {
  background-position: 0 -363px
}

.flag.bz {
  background-position: 0 -374px
}

.flag.ca {
  background-position: 0 -385px
}

.flag.catalonia {
  background-position: 0 -396px
}

.flag.cc {
  background-position: 0 -407px
}

.flag.cd {
  background-position: 0 -418px
}

.flag.cf {
  background-position: 0 -429px
}

.flag.cg {
  background-position: 0 -440px
}

.flag.ch {
  background-position: 0 -451px
}

.flag.ci {
  background-position: 0 -462px
}

.flag.ck {
  background-position: 0 -473px
}

.flag.cl {
  background-position: 0 -484px
}

.flag.cm {
  background-position: 0 -495px
}

.flag.cn {
  background-position: 0 -506px
}

.flag.co {
  background-position: 0 -517px
}

.flag.cu {
  background-position: 0 -528px
}

.flag.cr {
  background-position: 0 -539px
}

.flag.cs {
  background-position: 0 -550px
}

.flag.cv {
  background-position: 0 -561px
}

.flag.cx {
  background-position: 0 -572px
}

.flag.cy {
  background-position: -16px 0
}

.flag.cz {
  background-position: -16px -11px
}

.flag.de {
  background-position: -16px -22px
}

.flag.dj {
  background-position: -16px -33px
}

.flag.dk {
  background-position: -16px -44px
}

.flag.dm {
  background-position: -16px -55px
}

.flag.do {
  background-position: -16px -66px
}

.flag.dz {
  background-position: -16px -77px
}

.flag.ec {
  background-position: -16px -88px
}

.flag.ee {
  background-position: -16px -99px
}

.flag.eg {
  background-position: -16px -110px
}

.flag.eh {
  background-position: -16px -121px
}

.flag.england {
  background-position: -16px -132px
}

.flag.er {
  background-position: -16px -143px
}

.flag.es {
  background-position: -16px -154px
}

.flag.et {
  background-position: -16px -165px
}

.flag.eu {
  background-position: -16px -176px
}

.flag.fam {
  background-position: -16px -187px
}

.flag.fi {
  background-position: -16px -198px
}

.flag.fj {
  background-position: -16px -209px
}

.flag.fk {
  background-position: -16px -220px
}

.flag.fm {
  background-position: -16px -231px
}

.flag.fo {
  background-position: -16px -242px
}

.flag.fr {
  background-position: -16px -253px;
  float: none;
  margin-right: 10px;
}

.flag.ga {
  background-position: -16px -264px
}

.flag.gb {
  background-position: -16px -275px
}

.flag.gd {
  background-position: -16px -286px
}

.flag.ge {
  background-position: -16px -297px
}

.flag.gf {
  background-position: -16px -308px
}

.flag.gh {
  background-position: -16px -319px
}

.flag.gi {
  background-position: -16px -330px
}

.flag.gl {
  background-position: -16px -341px
}

.flag.gm {
  background-position: -16px -352px
}

.flag.gn {
  background-position: -16px -363px
}

.flag.gp {
  background-position: -16px -374px
}

.flag.gq {
  background-position: -16px -385px
}

.flag.gr {
  background-position: -16px -396px
}

.flag.gs {
  background-position: -16px -407px
}

.flag.gt {
  background-position: -16px -418px
}

.flag.gu {
  background-position: -16px -429px
}

.flag.gw {
  background-position: -16px -440px
}

.flag.gy {
  background-position: -16px -451px
}

.flag.hk {
  background-position: -16px -462px
}

.flag.hm {
  background-position: -16px -473px
}

.flag.hn {
  background-position: -16px -484px
}

.flag.hr {
  background-position: -16px -495px
}

.flag.ht {
  background-position: -16px -506px
}

.flag.hu {
  background-position: -16px -517px
}

.flag.id {
  background-position: -16px -528px
}

.flag.ie {
  background-position: -16px -539px
}

.flag.il {
  background-position: -16px -550px
}

.flag.in {
  background-position: -16px -561px
}

.flag.io {
  background-position: -16px -572px
}

.flag.iq {
  background-position: -32px 0
}

.flag.ir {
  background-position: -32px -11px
}

.flag.is {
  background-position: -32px -22px
}

.flag.it {
  background-position: -32px -33px
}

.flag.jm {
  background-position: -32px -44px
}

.flag.jo {
  background-position: -32px -55px
}

.flag.jp {
  background-position: -32px -66px
}

.flag.ke {
  background-position: -32px -77px
}

.flag.kg {
  background-position: -32px -88px
}

.flag.kh {
  background-position: -32px -99px
}

.flag.ki {
  background-position: -32px -110px
}

.flag.km {
  background-position: -32px -121px
}

.flag.kn {
  background-position: -32px -132px
}

.flag.kp {
  background-position: -32px -143px
}

.flag.kr {
  background-position: -32px -154px
}

.flag.kw {
  background-position: -32px -165px
}

.flag.ky {
  background-position: -32px -176px
}

.flag.kz {
  background-position: -32px -187px
}

.flag.la {
  background-position: -32px -198px
}

.flag.lb {
  background-position: -32px -209px
}

.flag.lc {
  background-position: -32px -220px
}

.flag.li {
  background-position: -32px -231px
}

.flag.lr {
  background-position: -32px -242px
}

.flag.lk {
  background-position: -32px -253px
}

.flag.ls {
  background-position: -32px -264px
}

.flag.lt {
  background-position: -32px -275px
}

.flag.lu {
  background-position: -32px -286px
}

.flag.lv {
  background-position: -32px -297px
}

.flag.ly {
  background-position: -32px -308px
}

.flag.ma {
  background-position: -32px -319px
}

.flag.mc {
  background-position: -32px -330px
}

.flag.md {
  background-position: -32px -341px
}

.flag.me {
  background-position: -32px -352px
}

.flag.mg {
  background-position: -32px -363px
}

.flag.mh {
  background-position: -32px -374px
}

.flag.mk {
  background-position: -32px -385px
}

.flag.ml {
  background-position: -32px -396px
}

.flag.mm {
  background-position: -32px -407px
}

.flag.mn {
  background-position: -32px -418px
}

.flag.mo {
  background-position: -32px -429px
}

.flag.mp {
  background-position: -32px -440px
}

.flag.mq {
  background-position: -32px -451px
}

.flag.mr {
  background-position: -32px -462px
}

.flag.ms {
  background-position: -32px -473px
}

.flag.mt {
  background-position: -32px -484px
}

.flag.mu {
  background-position: -32px -495px
}

.flag.mv {
  background-position: -32px -506px
}

.flag.mw {
  background-position: -32px -517px
}

.flag.mx {
  background-position: -32px -528px
}

.flag.my {
  background-position: -32px -539px
}

.flag.mz {
  background-position: -32px -550px
}

.flag.na {
  background-position: -32px -561px
}

.flag.nc {
  background-position: -32px -572px
}

.flag.ne {
  background-position: -48px 0
}

.flag.nf {
  background-position: -48px -11px
}

.flag.ng {
  background-position: -48px -22px
}

.flag.ni {
  background-position: -48px -33px
}

.flag.nl {
  background-position: -48px -44px
}

.flag.no {
  background-position: -48px -55px
}

.flag.np {
  background-position: -48px -66px
}

.flag.nr {
  background-position: -48px -77px
}

.flag.nu {
  background-position: -48px -88px
}

.flag.nz {
  background-position: -48px -99px
}

.flag.om {
  background-position: -48px -110px
}

.flag.pa {
  background-position: -48px -121px
}

.flag.pe {
  background-position: -48px -132px
}

.flag.pf {
  background-position: -48px -143px
}

.flag.pg {
  background-position: -48px -154px
}

.flag.ph {
  background-position: -48px -165px
}

.flag.pk {
  background-position: -48px -176px
}

.flag.pl {
  background-position: -48px -187px
}

.flag.pm {
  background-position: -48px -198px
}

.flag.pn {
  background-position: -48px -209px
}

.flag.pr {
  background-position: -48px -220px
}

.flag.ps {
  background-position: -48px -231px
}

.flag.pt {
  background-position: -48px -242px
}

.flag.pw {
  background-position: -48px -253px
}

.flag.py {
  background-position: -48px -264px
}

.flag.qa {
  background-position: -48px -275px
}

.flag.re {
  background-position: -48px -286px
}

.flag.ro {
  background-position: -48px -297px
}

.flag.rs {
  background-position: -48px -308px
}

.flag.ru {
  background-position: -48px -319px
}

.flag.rw {
  background-position: -48px -330px
}

.flag.sa {
  background-position: -48px -341px
}

.flag.sb {
  background-position: -48px -352px
}

.flag.sc {
  background-position: -48px -363px
}

.flag.scotland {
  background-position: -48px -374px
}

.flag.sd {
  background-position: -48px -385px
}

.flag.se {
  background-position: -48px -396px
}

.flag.sg {
  background-position: -48px -407px
}

.flag.sh {
  background-position: -48px -418px
}

.flag.si {
  background-position: -48px -429px
}

.flag.sj {
  background-position: -48px -440px
}

.flag.sk {
  background-position: -48px -451px
}

.flag.sl {
  background-position: -48px -462px
}

.flag.sm {
  background-position: -48px -473px
}

.flag.sn {
  background-position: -48px -484px
}

.flag.so {
  background-position: -48px -495px
}

.flag.sr {
  background-position: -48px -506px
}

.flag.st {
  background-position: -48px -517px
}

.flag.sv {
  background-position: -48px -528px
}

.flag.sy {
  background-position: -48px -539px
}

.flag.sz {
  background-position: -48px -550px
}

.flag.tc {
  background-position: -48px -561px
}

.flag.td {
  background-position: -48px -572px
}

.flag.tf {
  background-position: -64px 0
}

.flag.tg {
  background-position: -64px -11px
}

.flag.th {
  background-position: -64px -22px
}

.flag.tj {
  background-position: -64px -33px
}

.flag.tk {
  background-position: -64px -44px
}

.flag.tl {
  background-position: -64px -55px
}

.flag.tm {
  background-position: -64px -66px
}

.flag.tn {
  background-position: -64px -77px
}

.flag.to {
  background-position: -64px -88px
}

.flag.tr {
  background-position: -64px -99px
}

.flag.tt {
  background-position: -64px -110px
}

.flag.tv {
  background-position: -64px -121px
}

.flag.tw {
  background-position: -64px -132px
}

.flag.tz {
  background-position: -64px -143px
}

.flag.ua {
  background-position: -64px -154px
}

.flag.ug {
  background-position: -64px -165px
}

.flag.um {
  background-position: -64px -176px
}

.flag.us {
  background-position: -64px -187px
}

.flag.uy {
  background-position: -64px -198px
}

.flag.uz {
  background-position: -64px -209px
}

.flag.va {
  background-position: -64px -220px
}

.flag.vc {
  background-position: -64px -231px
}

.flag.ve {
  background-position: -64px -242px
}

.flag.vg {
  background-position: -64px -253px
}

.flag.vi {
  background-position: -64px -264px
}

.flag.vn {
  background-position: -64px -275px
}

.flag.vu {
  background-position: -64px -286px
}

.flag.wales {
  background-position: -64px -297px
}

.flag.wf {
  background-position: -64px -308px
}

.flag.ws {
  background-position: -64px -319px
}

.flag.ye {
  background-position: -64px -330px
}

.flag.yt {
  background-position: -64px -341px
}

.flag.za {
  background-position: -64px -352px
}

.flag.zm {
  background-position: -64px -363px
}

.flag.zw {
  background-position: -64px -374px
}

.GlobalPhone {
  display: table;
  padding: 0;
  height: 28px;
  width: 210px;
  font-size: 0;
  position: relative
}

.GlobalPhone>* {
  font-size: 14px;
  display: table-cell;
  vertical-align: top
}

.GlobalPhone>span,
.GlobalPhone input {
  line-height: 28px
}

.GlobalPhone>span {
  text-align: center;
  padding: 0 7px;
  cursor: pointer;
  color: #494949;
  white-space: nowrap
}

.GlobalPhone>span:after {
  content: "";
  display: inline-block;
  height: 15px;
  border-right: 1px solid #ccc;
  vertical-align: middle;
  margin-left: 7px
}

.GlobalPhone input[type="text"] {
  padding: 0 7px 0 0;
  border: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box
}

.GlobalPhone input[type="text"]:focus {
  border: 0;
  outline: 0
}

.GlobalPhone #verify_phone_err {
  position: absolute;
  left: 100%;
  top: 0;
  white-space: nowrap;
  margin-left: 10px;
  line-height: 28px;
  font-size: 12px;
  color: #fe2617
}

.GlobalPhoneList li {
  text-align: justify;
  text-justify: distribute;
  -ms-text-justify: distribute;
  font-size: 0
}

.GlobalPhoneList li>* {
  display: inline-block
}

.GlobalPhoneList li:after {
  content: "";
  width: 100%;
  display: inline-block
}

.GlobalPhoneItem-district {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility
}

.GlobalPhoneDialog .bd {
  max-height: 30em;
  overflow: auto !important
}

.GlobalPhoneList li {
  overflow: hidden;
  line-height: 2.6;
  color: #8a8ea9;
  cursor: pointer;
  border-bottom: 1px solid #353e5a;
}

.GlobalPhoneList li>* {
  font-size: 14px
}

.GlobalPhoneList li.is-active>* {
  color: #7a93ec;
}

.GlobalPhoneItem-district span {
  font-size: 1.5em;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-top: -2px
}

.GlobalPhoneItem-number {
  font-weight: bold
}

.jingjibao-login.ng-regStream {
  /*background: none;*/
}

.jingjibao-login.ng-regStream form {
  margin-left: 90px;
}

.jingjibao-login.ng-regStream form.center {
  margin-left: 350px;
}

.jingjibao-login.ng-regStream li.crt {
  display: none;
}

.jingjibao-login.ng-regStream .sp {
  position: absolute;
  left: 588px;
  top: 100px;
}

.jingjibao-login.ng-regStream .sp span {
  color: #fff;
  font-size: 36px;
  position: relative;
}

.jingjibao-login.ng-regStream .sp span:before {
  content: "";
  display: inline-block;
  height: 98px;
  border-left: 1px solid #272935;
  position: absolute;
  bottom: 50px;
  left: 35px;
}

.jingjibao-login.ng-regStream .sp span:after {
  content: "";
  display: inline-block;
  height: 98px;
  border-left: 1px solid #272935;
  position: absolute;
  top: 54px;
  left: 35px;
}

.jingjibao-login.ng-regStream .btn-cb {
  position: absolute;
  position: absolute;
  left: 672px;
  top: 107px;
}

.jingjibao-login.ng-regStream .btn-cb button {
  background: transparent;
  color: #3d4868;
  border: 1px solid #3d4868;
  box-shadow: none;
}

.jingjibao-login.ng-regStream .btn-cb button:hover {
  border-color: #7a93ec;
  color: #7a93ec;
}

.jingjibao-login.ng-regStream a.back {
  display: inline-block;
  cursor: pointer;
  width: 390px;
  border: 1px solid #54667a;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  color: #54667a;
  text-align: center;
  border-radius: 999px;
}

.jingjibao-login.ng-regStream a.back:hover {
  border-color: #c71c1c;
  color: #c71c1c;
}

body.ng-rg-lgn {
  position: absolute;
  height: 100%;
  width: 100%;
}

body.ng-rg-lgn .cpr {
  position: absolute;
  font-size: 12px;
  color: #c8cce5;
  width: 1000px;
  text-align: center;
  left: 50%;
  margin-left: -500px;
  bottom: 30px;
  z-index: 10;
}

body.stream .jingjibao-login .global {
  z-index: 10;
}

body.ng-rg-lgn .bgimg {
  min-width: 1240px;
}

.ng-reg-ghost {
  position: absolute;
  top: 200px;
  left: 0px;
  z-index: 1;
  animation: amt_reg_gh 10s linear infinite;
  -webkit-animation: amt_reg_gh 10s linear infinite;
}

@keyframes amt_reg_gh {
  0% {
    opacity: 0;
    left: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: calc( 100% - 638px);
  }
}

@-webkit-keyframes amt_reg_gh1 {
  0% {
    opacity: 0;
    left: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: calc( 100% - 638px);
  }
}

.jingjibao-login.old-new .newUser {
  width: 290px;
  margin-top: 6px;
  margin-left: 268px;
}

.jingjibao-login.old-new .newUser.steam a {
  margin-top: 100px;
}

.jingjibao-login.old-new .newUser .will {
  font-size: 16px;
  color: #ccc;
  text-align: center;
}

.jingjibao-login.old-new .newUser .will-name {
  font-size: 30px;
  color: #bb4c39;
  margin: 10px 0px 30px 0px;
  text-align: center;
}

.jingjibao-login.old-new .newUser a {
  width: 290px;
  display: block;
}

.jingjibao-login.old-new .newUser a:hover {
  background: #6279C2;
}

.jingjibao-login.old-new .oldUser {
  width: 290px;
  margin-left: 690px;
  margin-top: -90px;
}

.jingjibao-login.old-new .oldUser.steam {
  margin-top: -204px;
}

.jingjibao-login.old-new .oldUser.steam a {
  margin-top: 100px;
}

.jingjibao-login.old-new .oldUser.error-back {
  margin-top: -138px;
}

.jingjibao-login.old-new .oldUser .already {
  font-size: 16px;
  color: #fff;
  text-align: center;
}

.jingjibao-login.old-new .oldUser .already-name {
  font-size: 30px;
  color: #fff;
  margin: 10px 0px 30px 0px;
  text-align: center;
}

.jingjibao-login.old-new .oldUser a {
  display: block;
  width: 290px;
  border: 2px solid #626788;
  background: transparent;
  color: #626788;
  line-height: 34px;
  box-shadow: none;
}

.jingjibao-login.old-new .oldUser a:hover {
  border-color: #7a93ec;
  color: #7a93ec;
}

.jingjibao-login.old-new .steam-password {
  position: absolute;
  color: #fff;
  z-index: 999;
  top: 385px;
  left: 750px;
  font-size: 16px;
}

.jingjibao-login.old-new .steam-password input {
  margin-left: 20px;
  width: 200px;
  height: 30px;
  background-color: rgb(7, 12, 18);
  border: 1px solid rgb(38, 40, 51);
  padding: 5px 10px;
  color: #fff;
}

/*.container_games .select_con_nav ul.status li.reflush span.loading i{ animation:amt_game_rfl .8s linear infinite; -webkit-animation:amt_game_rfl .8s linear infinite; }

@keyframes amt_game_rfl{
    0%{
        transform: rotate( 0deg);
    }
    100%{
        transform: rotate( -360deg);
    }
}
@-webkit-keyframes amt_game_rfl{
    0%{
        -webkit-transform: rotate( 0deg);
    }
    100%{
        -webkit-transform: rotate( -360deg);
    }
}*/

.guess_user_list {
  margin: 20px;
}

.guess_user_list li {
  width: 315px;
  float: left;
  position: relative;
  background: #171a20;
}

.guess_user_list li:nth-child(2n) {
  margin-left: 20px;
}

.guess_user_list li:nth-child(4n),
.guess_user_list li:nth-child(4n-1) {
  background: #1e2127;
}

.guess_user_list li>div {
  padding: 10px 15px 10px 65px;
  height: 46px;
  position: relative;
}

.guess_user_list li>div:hover {
  background: #383c46;
}

.guess_user_list li>div .portrait {
  position: absolute;
  left: 0;
  top: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  top: 12px;
  left: 15px;
  overflow: hidden;
}

.guess_user_list li>div .portrait img {
  width: 42px;
  height: 42px;
}

.guess_user_list li>div h4 {
  font-size: 14px;
  color: #abafb7;
  line-height: 24px;
}

.guess_user_list li>div h4 .name {
  max-width: 110px;
  display: inline-block;
  vertical-align: top;
}

.guess_user_list li>div p {
  line-height: 22px;
  color: #515663;
}

.guess_user_list li>div .info {
  width: 170px;
}

.guess_user_list li>div .price {
  line-height: 46px;
  color: #abafb7;
  font-size: 14px;
}

.guess_user_list li:nth-child(1) h4,
.guess_user_list li:nth-child(2) h4,
.guess_user_list li:nth-child(1) .price,
.guess_user_list li:nth-child(2) .price {
  color: #ff5400;
}

/* game */

.container_aside {
  width: 265px;
  float: left;
  margin-left: 15px;
  text-shadow: #111 0 1px 0;
}

.container_aside .user_mess {
  margin-bottom: 20px;
}

.container_aside .user_mess .user_mess_hd {
  padding: 22px 20px;
  background: url(../images/game_user.png) 0 0 no-repeat;
  color: #fff;
  position: relative;
  animation: bgs 20s ease-in-out infinite;
  -webkit-animation: bgs 20s ease-in-out infinite;
  -moz-animation: bgs 20s ease-in-out infinite;
  -ms-animation: bgs 20s ease-in-out infinite
}

.container_aside .user_mess .user_mess_hd .login_btn {
  display: block;
  background: #008eb2;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  position: relative
}

.container_aside .user_mess .user_mess_hd .login_btn:hover {
  background: #25a6c7;
}

.container_aside .user_mess .user_mess_hd .user_portrait {
  position: absolute;
  left: 20px;
  top: 26px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}

.container_aside .user_mess .user_mess_hd .user_portrait img {
  width: 48px;
  height: 48px;
}

.container_aside .user_mess .user_mess_hd .user_info {
  margin-left: 60px;
  height: 56px;
}

.container_aside .user_mess .user_mess_hd .user_info h3 {
  font-size: 16px;
  line-height: 32px;
}

.container_aside .user_mess .user_mess_hd .user_info h3 .name {
  max-width: 150px;
  display: inline-block;
  vertical-align: top;
}

.container_aside .user_mess .user_mess_hd .user_info p {
  font-size: 14px;
  line-height: 24px;
}

.container_aside .user_mess .user_mess_hd .user_info p .price {
  font-weight: bold;
}

.container_aside .user_mess .user_mess_hd .user_info .buy {
  color: #b1b9ce;
}

.container_aside .user_mess .user_mess_hd .user_info .buy:hover {
  color: #fff;
}

.container_aside .user_mess .user_mess_bd {
  background: #171a20;
}

.container_aside .user_mess .user_mess_bd .guess_log {
  margin: 0 10px;
}

.container_aside .user_mess .user_mess_bd .guess_log li {
  float: left;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  width: 33.3333%;
  line-height: 30px;
  font-size: 12px;
}

.container_aside .user_mess .user_mess_bd .guess_log li span {
  display: block;
}

.container_aside .user_mess .user_mess_bd .guess_log li p {
  font-size: 14px;
}

.container_aside .user_mess .profit_nav {}

.container_aside .user_mess .profit_nav li {
  float: left;
  width: 33.3333%;
}

.container_aside .user_mess .profit_nav li a {
  font-size: 14px;
  color: #DDDFE3;
}

.container_aside .user_mess .profit_nav li a:hover {
  color: #fff;
}

.container_aside .con_box.guide {
  height: 120px;
  line-height: 120px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background-color: #000;
}

.container_aside .con_box.list {
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #8a8ea9;
  margin-top: 12px;
  width: 265px;
}

.container_aside .con_box.list .title {
  margin-bottom: 0px;
  color: #c8cce5;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
  background: rgba(24,43,76,0.6);
}

.container_aside .con_box.list .title i {
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 3px;
  background: #fff;
  border-radius: 50%;
  margin: 0 3px;
}

.container_aside .con_box.gamelist {
  margin-bottom: 12px;
}

.container_aside .con_box.gamelist .select_con {
  background: rgba(24,43,76,0.6);
  height: 40px;
  line-height: 40px;
}

.container_aside .con_box.gamelist .select_con .live_prepare_title {
  text-indent: 15px;
  color: #c8cce5;
}

.container_aside .con_box.gamelist .select_con ul {
  list-style-type: none;
  overflow: hidden;
}

.container_aside .con_box.gamelist .select_con li {
  width: 24.5%;
  color: #7b95e9;
  font-size: 12px;
  float: left;
  text-align: center;
  cursor: pointer;
}

.container_aside .con_box.gamelist .select_con li.current {
  border-bottom: 2px solid #738ad4;
  color: #c8cce5;
  font-size: 14px;
}

.container_aside .con_box.gamelist .select_con li:hover {
  color: #c8cce5;
  border-bottom: 2px solid #738ad4;
}

.container_aside .con_box.gamelist .list a {
  height: 60px;
  line-height: 60px;
  background: url(../images/black_color_bg.png) !important;
  border-bottom: 1px solid #000;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
}

.container_aside .con_box.gamelist .list a:hover {
  background: #26283d !important;
}

.container_aside .con_box.gamelist .list p span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 56px;
  text-align: center;
  line-height: 56px;
  * line-height: 38px;
  font-size: 12px;
  vertical-align: middle;
}

.container_aside .con_box.gamelist .list p span.img {
  margin-left: 20px;
}

.container_aside .con_box.gamelist .list p span img {
  vertical-align: middle;
}

.container_aside .con_box.gamelist .list p span.team {
  width: 60px;
  color: #626887;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.container_aside .con_box.gamelist .list p span.bo3 {
  width: 30px;
  color: #626887;
}

.container_aside .con_box.gamelist .list p span.match {
  width: 50px;
  color: #7b95e9;
}

.container_aside .con_box.gamelist .list p span.unmatch {
  width: 52px;
  color: #626887;
  text-align: right;
}

.container_aside .con_box.gamelist .list p.loading {
  display: none;
  text-align: center;
}

.container_aside .con_box.gamelist .list p.loading span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 36px;
  width: 36px;
  margin: 8px 0;
  background: url(../images/loader.gif) no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.container_aside .con_box.gamelist .list p.loading span.show {
  transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  -o-transform: rotate(-360deg);
  transition: all 2s;
  -webkit-transition: all 2s;
  -ms-transition: all 2s;
  -o-transition: all 2s;
  animation: loaddinggamelist 2s linear infinite;
}

@keyframes loaddinggamelist {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
  }
}

.container_aside .con_box.gamelist .list p.norecord {
  text-align: center;
  font-size: 14px;
  color: #666;
  display: none;
}

.container_aside .list .userinfo {
  height: 55px;
  overflow: hidden;
  background: url(../images/black_color_bg.png) !important;
  border-bottom: 1px solid #000;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.container_aside .list .userinfo:hover {
  background: #26283d !important;
  cursor: pointer;
}
.container_aside .list .userinfo:hover .count{
  color:#c8cce5;
}
.container_aside .list .userinfo span {
  line-height: 54px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  float: left;
}

.container_aside .list .userinfo:nth-child(odd) {
  background: #171717;
  ;
}

.container_aside .list .userinfo:nth-child(even) {
  background: #1c1c1c;
}

.container_aside .list .userinfo img {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-top: 14px;
}

.container_aside .list .userinfo .headimg {
  width: 40px;
  position: relative;
  height: 100%;
}

/*.container_aside .list .userinfo .headimg.num1{  background: url(../images/num1.png) center no-repeat;}
.container_aside .list .userinfo .headimg.num2{  background: url(../images/num2.png) center no-repeat;}
.container_aside .list .userinfo .headimg.num3{  background: url(../images/num3.png)  center no-repeat;}*/

.container_aside .list .userinfo .headimg .bgimg {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -22px;
  left: 8px;
  z-index: 2;
}

.container_aside .list .userinfo .headimg .bg1 {
  background: url(../images/num1.png) center no-repeat;
}

.container_aside .list .userinfo .headimg .bg2 {
  background: url(../images/num2.png) center no-repeat;
}

.container_aside .list .userinfo .headimg .bg3 {
  background: url(../images/num3.png) center no-repeat;
}

.container_aside .list .userinfo .headimg img.elselevel {
  display: none;
}

.container_aside .list .userinfo .headimg .bgelse {
  /*background: url(../images/num4-10.png) center no-repeat;*/
  position: absolute;
}

.container_aside .list .userinfo .headimg.numelse img.elselevel {
  display: inline;
  width: 42px;
  height: 42px;
  top: -24px;
  left: 8px;
  display: none;
}

.container_aside .list .userinfo .headimg i {
  position: absolute;
  top: 30px;
  left: 25px;
  z-index: 3;
  background: url(../images/icon-es.png) no-repeat;
  font-style: normal;
  font-size: 12px;
  color: #333;
  display: inline-block;
  width: 10px;
  height: 10px;
}

.container_aside .list .userinfo .headimg i.icon-num-1 {
  background-position: -33px -274px
}

.container_aside .list .userinfo .headimg i.icon-num-2 {
  background-position: -33px -284px;
}

.container_aside .list .userinfo .headimg i.icon-num-3 {
  background-position: -33px -294px;
}

.container_aside .list .userinfo .headimg i.icon-num-4 {
  background-position: -34px -303px;
}

.container_aside .list .userinfo .headimg i.icon-num-5 {
  background-position: -34px -313px;
}

.container_aside .list .userinfo .headimg i.icon-num-6 {
  background-position: -58px -273px;
}

.container_aside .list .userinfo .headimg i.icon-num-7 {
  background-position: -58px -283px;
}

.container_aside .list .userinfo .headimg i.icon-num-8 {
  background-position: -58px -293px;
}

.container_aside .list .userinfo .headimg i.icon-num-9 {
  background-position: -58px -303px;
}

.container_aside .list .userinfo .headimg i.icon-num-10 {
  background-position: -58px -313px;
}

.container_aside .list .userinfo .username {
  width: 120px;
  color: #626887;
  font-size: 12px;
  text-align: left;
  padding-left: 20px;
  line-height: 20px;
  margin-top: 9px;
}

.container_aside .list .userinfo .username i {
  display: block;
  font-style: normal;
}

.container_aside .list .userinfo .count {
  width: 70px;
  color: #999;
  text-align: right;
  margin-right: 10px;
}

.game_list_box,
.game_list_box .game_box {
  margin-top: 0;
}

.game_container {
  width: 1240px;
  margin: 24px auto;
}

.game_container .game_main {
  margin-top: 20px;
}

.game_container .game_main .game_left {
  float: left;
}

.game_container .game_main .game_right {
  float: left;
}

.game_container .game_header {
  width: 1240px;
}

.game_container .game_header .game_header_date {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #272b40;
  color: #8a8ea9;
  /* border-bottom: 1px solid #1c1c1c; */
}

.comit {}

.comit li:nth-child(2n) {
  background: #1e2127;
}

.comit li .comit-message {
  padding: 16px;
}

.comit li .comit-message .comit_hd .doyen-avatar {
  vertical-align: top;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: inline-block;
}

.comit li .comit-message .comit_hd .doyen-name {
  font-size: 14px;
  color: #abafb7;
  display: inline-block;
  line-height: 26px;
  margin: 0 5px;
  max-width: 100px;
}

.comit li .comit-message .comit_hd .doyen-gread {
  border: 1px solid #b90909;
  color: #abafb7;
  background: #1a1a1a;
  background: rgba(0, 0, 0, .8);
  border-radius: 2px;
  display: inline-block;
  padding: 0 4px;
  line-height: 20px;
  vertical-align: top;
  margin-top: 3px;
}

.comit li .comit-message .comit_hd .doyen-time {
  color: #696f80;
  font-size: 12px;
  line-height: 26px;
}

.comit li .comit-message .comit_bd {
  margin: 10px 0;
  color: #abafb7;
  line-height: 1.4;
  word-break: break-all;
  word-wrap: break-word;
}

.comit li .comit-message .comit_bt {
  color: #abafb7;
  margin-top: 10px;
  line-height: 20px;
  font-size: 14px;
}

.comit li .comit-message .comit_bt .like {
  margin-right: 10px;
  cursor: pointer;
  display: inline-block;
}

.comit li .comit-message .comit_bt .unlike {
  margin-right: 10px;
  cursor: pointer;
  display: inline-block;
}

.comit li .comit-message .comit_bt .like:hover,
.comit li .comit-message .comit_bt .unlike:hover {
  color: #ffffff;
}

.reply {
  margin-top: 4px;
  padding: 10px;
  background: #1e2127;
}

.reply>div {
  border: 1px solid #292d35;
  padding: 8px;
  background: #13151b;
}

.reply>div textarea {
  border: 0 none;
  resize: none;
  width: 100%;
  background: none;
  color: #ffffff;
  height: 90px;
  line-height: 1.6;
}

.reply>div .act {
  border-top: 1px solid #292d35;
  padding-top: 5px;
}

.rank_list {}

.rank_list li {
  padding: 10px;
  height: 40px;
  color: #515663;
}

.rank_list li:nth-child(2n) {
  background: #1e2127;
}

.rank_list li:hover {
  background: #383c46;
}

.rank_list li span.num {
  width: 24px;
  height: 24px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  border: 1px solid #696f80;
  color: #696f80;
  border-radius: 50%;
  margin-top: 7px;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  vertical-align: top;
}

.rank_list li.fir {
  color: #fefe00;
}

.rank_list li.sen {
  color: #EBEEF7;
}

.rank_list li.thr {
  color: #9e6c40;
}

.rank_list li.fir span.num {
  border-color: #fefe00;
  color: #fefe00;
  text-indent: -9999px;
}

.rank_list li.sen span.num {
  border-color: #EBEEF7;
  color: #EBEEF7;
  text-indent: -9999px;
}

.rank_list li.thr span.num {
  border-color: #9e6c40;
  color: #9e6c40;
  text-indent: -9999px;
}

.rank_list li.fir span.num:before,
.rank_list li.sen span.num:before,
.rank_list li.thr span.num:before {
  content: "";
  content: "\e606";
  font-family: "iconfont";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  text-indent: 0;
  text-align: center;
  font-size: 14px;
}

.rank_list li span.avatar {
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: top;
  margin: 2px 5px;
  border-radius: 50%;
  overflow: hidden;
}

.rank_list li span.avatar img {
  width: 36px;
  height: 36px;
}

.rank_list li div.info {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
}

.rank_list li div.info p {
  max-width: 100px;
}

.rank_list li div.info .lv {
  margin-left: 0;
  margin-top: 1px;
}

.rank_list li div.price {
  line-height: 40px;
  font-weight: bold;
}

.rank_list li div.score {
  text-align: right;
  line-height: 20px;
  max-width: 80px;
}

@-webkit-keyframes bgs {
  0%,
  100% {
    background-size: 100% 100%;
  }
  50% {
    background-size: 120% 120%;
  }
}

@-moz-keyframes bgs {
  0%,
  100% {
    background-size: 100% 100%;
  }
  50% {
    background-size: 120% 120%;
  }
}

@-ms-keyframes bgs {
  0%,
  100% {
    background-size: 100% 100%;
  }
  50% {
    background-size: 120% 120%;
  }
}

@keyframes bgs {
  0%,
  100% {
    background-size: 100% 100%;
  }
  50% {
    background-size: 120% 120%;
  }
}

/*频道*/

.game_ad {
  height: 120px;
  position: relative;
  z-index: 2;
}

.game_ad ul {
  height: 120px;
  position: relative;
  overflow: hidden;
}

.game_ad ul li {
  position: absolute;
  left: 0;
  top: 0;
  width: 690px;
  height: 120px;
}

.game_ad ul li a {
  display: block;
}

.game_ad ul li a img {
  display: block;
}

.game_list_box {
  position: relative;
  z-index: 1;
  text-shadow: #111 0 1px 0;
}

.game_list_box.iftopfixed {
  margin-top: 126px;
}

.game_list_box .select_con {
  height: 40px;
  line-height: 40px;
  background: #282828;
}

.game_list_box .select_con ul li {
  float: left;
  width: 162px;
  text-align: center;
  height: 42px;
  box-sizing: border-box;
}

.game_list_box .select_con ul li a {
  padding: 0 10px;
  display: block;
  font-size: 14px;
  color: #cccccc;
  text-shadow: #111 0 1px 0;
}

.game_list_box .select_con ul li a:hover,
.game_list_box .select_con ul li a.active {
  color: #ffffff;
  border-bottom: 2px solid #c02d2e;
}

/*.game_list_box .select_con ul li a.all:after{ content: "";border: 5px solid #fff; border-color:#fff transparent transparent transparent; display: inline-block;transform: translate(10px,5px);-webkit-transform: translate(10px,5px);-ms-transform: translate(10px,5px);-o-transform: translate(10px,5px);}*/

/*.game_list_box .select_con ul li a.all span{  border: 5px solid #fff; border-color:#fff transparent transparent transparent; display: inline-block;*display: inline;*zoom:1;margin-left: 10px; }*/

.game_list_box .select_con ul li a.all span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 30px;
  height: 40px;
  *height: 20px;
  margin-left: 10px;
  vertical-align: bottom;
  background: url(../images/xiaosanjiao.png) center no-repeat;
}

.game_list_box .select_con ul li .all+ul {
  display: none;
  position: absolute;
  color: #cccccc;
  font-size: 14px;
  width: 150px;
  background: #333333;
  text-align: center;
  box-shadow: 3px 3px 5px #131212;
}

.game_list_box .select_con ul li .all+ul li {
  float: none;
  cursor: pointer;
  border-bottom: 1px solid #262626;
}

.game_list_box .select_con ul li .all+ul li:hover {
  background: #262626;
}

.game_list_box .select_con ul li .all+ul li a:hover {
  border-bottom: 0px;
}

/*.game_list_box .select_con ul li .all + ul li:nth-child(even){ background: #171717; }*/

.game_list_box .game_box {
  min-height: 482px;
}

.game_list_box .game_box .nodata {
  width: 100%;
  height: 554px;
  background: #1a1a1a;
  text-align: center;
}

.game_list_box .game_box .nodata img {
  display: block;
  margin: 0 auto;
  padding-top: 200px;
}

.game_list_box .game_box .nodata span {
  font-size: 16px;
  color: #4d4d4d;
  padding-top: 15px;
  display: inline-block;
}

.game_list_box .game_item {
  margin-bottom: 10px;
}

.game_list_box .game_item .game_top {
  /* border-bottom: 1px solid rgba(46, 54, 77, .8); */
  background: url(../images/icon-es.png) no-repeat;
}

.game_list_box .game_item .game-back-specil-893 {
  /* border-bottom: 1px solid rgba(46, 54, 77, .8); */
  background: url(../images/icon-es_03.png) no-repeat;
  background-position: 0 0 !important;
}

.game_list_box .game_item .game_top.game-back-name-2 {
  background-position: -208px -170px;
}

.game_list_box .game_item .game_top.game-back-name-3 {
  background-position: -208px -25px;
}

.game_list_box .game_item .game_top.game-back-name-12 {
  background-position: -208px -470px;
}

.game_list_box .game_item .game_top.game-back-name-1 {
  background-position: -208px -320px;
}

.game_list_box .game_item .game_top.game-back-name-else {
  background-position: -208px -754px;
}

.game_list_box .game_item .game_item_hd {
  height: 38px;
}

.game_list_box .game_item .game_item_hd h4 {
  color: #8a8ea9;
  line-height: 39px;
  margin-left: 10px;
  font-size: 12px;
}

.game_list_box .game_item .game_item_hd h4 .desc {
  padding-left: 10px;
  font-size: 12px;
  color: #8a8ea9;
}

.game_list_box .game_item .game_item_hd .game_item_time {
  margin-right: 20px;
  line-height: 40px;
  font-size: 12px;
  color: #7b95e9;
  margin-top: 0px;
}

.game_list_box .game_item .game_item_hd h4 img.game_icon {
  width: 20px;
  height: 20px;
  background: none;
  margin: -3px 10px 0px 0px;
}

.game_list_box .game_item .game_item_hd .game_item_time.status_end {
  color: #696f80;
}

.game_list_box .game_item .game_item_hd .game_item_time.status_ing {
  color: #ff5400;
}

.game_list_box .game_item .game_item_hd .game_item_time.status_unstart {
  color: #008eb2;
}

.game_list_box .game_item .game_item_bd {
  font-size: 14px;
  height: 99px;
}

.game_list_box .game_item .game_item_bd div {
  float: left;
  height: 100px;
  line-height: 100px;
  text-align: center;
  margin-top: -20px;
}

.game_list_box .game_item .game_item_bd div.game_item_t1 {
  color: #fca501;
  font-size: 14px;
  line-height: 100px;
  word-break: break-word;
}

.game_list_box .game_item .game_item_bd div.game_item_t2 {
  *font-size: 70px;
}

.game_list_box .game_item .game_item_bd div.game_item_t2 img {
  line-height: 100px;
  vertical-align: middle;
}

.game_list_box .game_item .game_item_bd div.game_item_t3 {
  font-size: 20px;
  color: #c8cce5;
  display: table;
}

.game_list_box .game_item .game_item_bd div.game_item_t3 span {
  display: table-cell;
  vertical-align: middle;
  line-height: 20px;
  word-break: break-word;
  text-align: right;
}

.game_list_box .game_item .game_item_bd div.game_item_t4 {
  width: 50px;
  font-size: 12px;
  color: #8a8ea9;
}

.game_list_box .game_item .game_item_bd div.game_item_t4 span {
  display: inline-block;
  height: 60px;
  border-right: 1px solid rgba( 255, 255, 255, .08);
  margin-top: 20px;
}

.game_list_box .game_item .game_item_bd div.game_item_t5 {
  font-size: 20px;
  color: #c8cce5;
  display: table;
  text-align: left;
  word-break: break-word;
}

.game_list_box .game_item .game_item_bd div.game_item_t5 span {
  display: table-cell;
  vertical-align: middle;
  line-height: 20px;
}

.game_list_box .game_item .game_item_bd div.game_item_t6 {
  *font-size: 70px;
}

.game_list_box .game_item .game_item_bd div.game_item_t6 img {
  line-height: 100px;
  vertical-align: middle;
}

.game_list_box .game_item .game_item_bd div.game_item_t7 .watch_span {
  cursor: pointer;
  display: inline-block;
  height: 22px;
  width: 90px;
  line-height: 22px;
  border-radius: 100px;
  color: #5c6281;
  font-size: 12px;
  border: 2px solid #5c6281;
  margin-left: -6px;
}

.game_list_box .game_item .game_item_bd div.game_item_t7 .watch_span i {
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url(../images/icon-es.png) -38px -154px;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -2px;
}

.game_list_box .game_item .game_item_bd div.game_item_t7 .watch_span.watch:hover {
  background: #515e87;
  border: 2px solid #515e87;
  color: #d9ddf2;
}

.game_list_box .game_item .game_item_bd div.game_item_t7 .watch_span.watch:hover i {
  background-position: -43px -154px;
}

.game_list_box .game_item .game_item_bd div.game_item_t7 .watch_span.novideo {
  background: #2b3041;
  color: #626887;
  border-color: #2b3041;
  text-shadow: none;
}

.game_list_box .game_item .game_item_bd div.game_item_t7 .watch_span.novideo i ,.game_list_box .game_item .game_item_bd div.game_item_t7 .watch_span.isend i{
  display: none;
}

.game_list_box .game_item .game_item_bd div.game_item_t7 .watch_span.isend {
    background: #2b3041;
    color: #626887;
    border-color: #2b3041;
}

/*.game_list_box .game_item .game_item_bd div.game_item_t7 span.watch{ background: url(../images/watch_video_button.png) 0px 0px;cursor: pointer;  }
.game_list_box .game_item .game_item_bd div.game_item_t7 span.watch:hover{ background: url(../images/watch_video_button.png) 0px -24px;  }
.game_list_box .game_item .game_item_bd div.game_item_t7 span.nowatch{ background: url(../images/watch_video_button.png) 0px -48px;cursor: pointer;  }
.game_list_box .game_item .game_item_bd div.game_item_t7 span.nowatch:hover{ background: url(../images/watch_video_button.png) 0px -72px;  }
.game_list_box .game_item .game_item_bd div.game_item_t7 span.novideo{ background: url(../images/watch_video_button.png) 0px -120px;cursor: default;  }
.game_list_box .game_item .game_item_bd div.game_item_t7 span.isend{ background: url(../images/watch_video_button.png) 0px -96px;cursor: default;  } */

.game_list_box .game_item .game_item_bd div.w1 {
  width: 120px;
  text-align: left;
}

.game_list_box .game_item .game_item_bd div.w1 span {
  padding-left: 40px;
}

.game_list_box .game_item .game_item_bd div.w2 {
  width: 170px;
}

.game_list_box .game_item .game_item_bd div.w3 {
  width: 165px;
}

.game_list_box .game_item .game_item_bd span.guess {
  color: #fca501;
}

.game_list_box .game_item .hide-info {
  display: none;
}

.game_list_box .game_item .game_item_info {
  background: #272b40;
  margin-bottom: 10px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

.game_list_box .game_item .game_item_info div {
  height: 40px;
  background: #353d58;
  line-height: 40px;
  margin: 0;
  border-bottom: 1px solid #4b5472;
  box-sizing: border-box;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: hidden;
}

.game_list_box .game_item .game_item_info.r2 {
  background: #202435;
}

.game_list_box .game_item .game_item_info.r1:hover {
  background: #242b41;
}

.game_list_box .game_item .game_item_info span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #8a8ea9;
  text-align: center;
  font-size: 12px;
  width: 180px;
  float: left;
}

.game_list_box .game_item .game_item_info span i {
  font-size: 14px;
  font-style: normal;
  display: inline-block;
  width: 80px;
  text-align: right;
  margin-left: -160px;
}

.game_list_box .game_item .game_item_info i.sale_box {
  color: #d9ddf2;
}

.game_list_box .game_item .game_item_info i.sale_box:hover {
  background: transparent;
}

.game_list_box .game_item .game_item_info i.sale_box.down_points {
  background: url(../images/icon-arrow-down.png) 10px no-repeat;
}

.game_list_box .game_item .game_item_info i.sale_box.up_points {
  background: url(../images/icon-arrow-up.png) 10px no-repeat;
}

.game_list_box .game_item .game_item_info span.big i {
  color: #fca501;
}

.game_list_box .game_item .game_item_info.r1 span.t3 {
  color: #d9ddf2;
}

.game_list_box .game_item .game_item_info.r1 span.t4 i {
  font-style: normal;
}

.game_list_box .game_item .game_item_info.r2 span.t1 {
  color: #c31e1d;
}

.game_list_box .game_item .game_item_info.r2 span.t1 img {
  display: inline-block;
  vertical-align: top;
}

.game_list_box .game_item .game_item_info.r3 span.t5 {
  color: #626887;
}

.game_list_box .game_item .game_item_info p {
  float: left;
  overflow: hidden;
}

.game_list_box .game_item .game_item_info span.t1 {
  width: 110px;
  text-align: left;
  padding-left: 40px;
  vertical-align: top;
}

.game_list_box .game_item .game_item_info span.t1.danger {
  color: #d80000;
}

.game_list_box .game_item .game_item_info span.t1.danger.animit {
  -webkit-animation-name: fadeIn;
  /*动画名称*/
  -webkit-animation-duration: 1s;
  /*动画持续时间*/
  -webkit-animation-iteration-count: 1;
  /*动画次数*/
  -webkit-animation-delay: 0s
}

.game_list_box .game_item .game_item_info span.t2 {
  width: 218px;
  text-align: left;
}

.game_list_box .game_item .game_item_info span.t4 {
  width: 222px;
  text-align: right;
}

.game_list_box .game_item .game_item_info span.t2 i {
  margin-left: -10px;
}

.game_list_box .game_item .game_item_info span.t3 {
  width: 225px;
}

.game_list_box .game_item .game_item_info span.t4 i {
  margin: 0px;
  padding-right: 50px;
}

.game_list_box .game_item .game_item_info span.t4 font {
  margin-right: 10px;
}

.game_list_box .game_item .game_item_info span.t5 {
  width: 105px;
  line-height: 40px;
  text-align: right;
  padding-right: 40px;
}

.game_list_box .game_item .game_item_info font.game-poitns-gtlt-info-left {
  width: 0;
  display: inline-block;
  margin-left: 50px;
}

.game_list_box .game_item .game_item_info font.game-poitns-gtlt-info-right {
  width: 0;
  display: inline-block;
}

.game_list_box .game_item .game_item_info.r1 p {
  cursor: pointer;
}

.game_list_box .game_item .game_item_info.r1 p:hover i {
  color: #fff;
}

.game_list_box .game_item .game_item_info p.left {
  height: 40px;
  background: url(../images/icon-es.png) no-repeat -208px -619px;
}

.game_list_box .game_item .game_item_info p.right {
  height: 40px;
  background: url(../images/icon-es.png) no-repeat -808px -619px;
  float: right;
}

.game_list_box .game_item.video>* {
  width: 960px !important;
  height: 575px !important;
  background: #171717;
}

#videoContainer {
  position: fixed;
  width: 300px;
  height: 200px;
  right: 0;
  bottom: 0;
  border: 1px solid red;
  display: none;
}

.game_list_box .game_item.video .videoContainer {
  position: fixed;
  width: 300px !important;
  height: 200px !important;
  left: 0;
  bottom: 0;
}

.game_list_box .game_item .game_item_info div.gii_btm {
  height: 10px;
  background: rgba(0, 0, 0, .3);
  border-bottom:none;
}

#bet-dialog-wide {
  position: fixed;
  width: 777px;
  height: 385px;
  left: 50%;
  top: 50%;
  z-index: 1000;
  display: none;
  margin-left: -388px;
  margin-top: -162px;
  border-radius: 5px;
  /* background: url(../images/windows_bg.jpg);
    background-size: 777px 385px; */
  background-color: #2c3654;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../images/windows_bg.jpg')
}

#bet-dialog-wide .bet_title {
  height: 50px;
  font-size: 18px;
  color: #d9ddf2;
  border-radius: 5px 5px 0px 0px;
  margin-left: 20px;
}

#bet-dialog-wide .bet_title:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 18px;
  background: #7b95e9;
  vertical-align: middle;
}

#bet-dialog-wide .bet_title span.title {
  padding-left: 20px;
  line-height: 50px;
}

#bet-dialog-wide .bet_title span.colseicon {
  background: url(../images/dialog_close.png) center no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  float: right;
  margin-right: 10px;
  margin-top: 8px;
}

#bet-dialog-wide .bet_title span.colseicon:hover {
  background: url(../images/dialog_close_hover.png) center no-repeat;
}

#bet-dialog-wide .bet_con div.tips {
  font-size: 12px;
  color: #626887;
  width: 410px;
  line-height: 14px;
  text-align: center;
  margin: 0 auto 10px auto;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 15px 0px;
  height: 100%;
}

#bet-dialog-wide .bet_con div.tips.is_bowls_1 {
  color: #f5ff00;
}

#bet-dialog-wide .bet_con .info {
  text-align: center;
  font-size: 0px;
  color: #d9ddf2;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  margin-top: 5px;
}

#bet-dialog-wide .bet_con .info span {
  font-size: 14px;
}

#bet-dialog-wide .bet_con .info span.spleator {
  border-left: 1px solid #d9ddf2;
  height: 18px;
  vertical-align: middle;
  margin: -8px 8px 0px 5px;
  display: inline-block;
}

#bet-dialog-wide .bet_con .betType {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #d9ddf2;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  height: 30px;
  line-height: 30px;
}

#bet-dialog-wide .bet_con .betInfo {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #d9ddf2;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

#bet-dialog-wide .bet_con div.a {
  margin-bottom: 20px;
}

#bet-dialog-wide label {
  font-size: 14px;
  color: #d9ddf2;
  width: 210px;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
}

#bet-dialog-wide label.rmb,
#bet-dialog-wide label.nb {
  width: 60px;
  text-align: left;
}

#bet-dialog-wide input.money {
  width: 310px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #7b95e9;
  border-radius: 5px;
  background: #222a42;
  text-align: center;
  font-size: 16px;
  color: #d9ddf2;
}

#bet-dialog-wide .remarkmonery {
  color: #626887;
  padding-left: 10px;
}

#bet-dialog-wide div.r2 input {
  background: transparent;
  border: 0;
  font-size: 14px;
  color: #d9ddf2;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

#bet-dialog-wide div.btn {
  width: 318px;
  height: 32px;
  line-height: 32px;
  color: #7b95e9;
  font-size: 14px;
  border-radius: 100px;
  background: transparent;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
  border: 1px solid #7b95e9;
}

#bet-dialog-wide div.btn:hover {
  background: #7b95e9;
  color: #d9ddf2;
}

#bet-dialog-wide div.btn span.bet {
  background: #7b95e9;
  position: relative;
  border-radius: 999px;
  color: #d9ddf2;
}

#bet-dialog-wide div.btn span.loader {
  position: relative;
  border-radius: 999px;
}

#bet-dialog-wide div.btn span.loader:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/loader.gif);
  background-size: 20px 20px;
  vertical-align: middle;
  position: absolute;
  left: 33%;
  top: 6px;
}

#bet-dialog-wide div.btn span {
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#betList {
  position: fixed;
  right: 0;
  bottom: 0px;
  z-index: 888;
}

#betList table {
  display: none;
}

#betList table th {
  text-align: center;
  background: #cb2b2f;
  border-right: 1px solid #bb1519;
  font-size: 14px;
  color: #fff;
  height: 38px;
}

#betList table th .helper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #f58f0a;
  color: #fff;
  margin: 3px 0px 0px 3px;
  cursor: pointer;
  font-size: 10px;
}

#betList table th .helpercontainer {
  background: url(../images/helper_bg.png) center no-repeat;
  height: 72px;
  width: 179px;
  margin-left: -2px;
  position: absolute;
  display: none;
}

#betList table th .helpercontainer p {
  font-size: 14px;
  padding-top: 15px;
}

#betList table tr {
  height: 38px;
  color: #4c4c4c;
  font-size: 12px;
  text-align: center;
}

#betList table thead tr {
  display: block;
}

#betList table tbody {
  max-height: 305px;
  display: block;
  overflow-y: auto;
}

#betList table tbody tr {
  background: #fff;
}

#betList table tbody tr.history {
  color: #ccc;
}

#betList table tbody tr td {
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

#betList table tbody tr td.t1 {
  width: 150px;
}

#betList table tbody tr td.t2 {
  width: 80px;
}

#betList table tbody tr td.t3 {
  width: 180px;
}

#betList table tbody tr td.t4 {
  width: 110px;
}

#betList table tbody tr td.t5 {
  width: 70px;
}

#betList table tbody tr td.t6 {
  width: 70px;
}

#betList table tbody tr td.t7 {
  width: 70px;
  min-width: 53px;
}

#betList table tbody tr td.scrollbar {
  width: 53px;
}

#betList table tbody tr td span.button {
  color: #fff;
  padding: 3px 5px;
  border-radius: 3px;
  margin: 5px;
  cursor: pointer;
}

#betList table tbody tr td span.ok {
  background: #c31e1d;
}

#betList table tbody tr td span.cancel {
  background: #4d4d4d;
}

#betList table tbody tr td span.disabled {
  background: #cccccc;
  cursor: initial;
}

#betList table tfoot tr {
  background: #fff;
  border-top: 1px solid #cccccc;
}

#betList table tfoot tr.loadding div span.loadicon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 32px;
  width: 32px;
  background: url(../images/loader.gif);
  margin: 0 auto;
}

#betList table tfoot tr.loadding div span.show {
  transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  -o-transform: rotate(-360deg);
  transition: all 2s;
  -webkit-transition: all 2s;
  -ms-transition: all 2s;
  -o-transition: all 2s;
}

#betList table tfoot tr.loadding div span.nomore {
  background: none;
  display: none;
}

#betList .betbutton {
  height: 40px;
  width: 164px;
  float: right;
  cursor: pointer;
}

#betList .betbutton div {
  line-height: 40px;
  display: none;
}

#betList .betbutton span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
  font-size: 14px;
  color: #fff;
  height: 18px;
  *height: 40px;
}

#betList .betbutton.hide .up {
  background: red;
  height: 40px;
  display: block;
}

#betList .betbutton.show .down {
  background: #4d4d4d;
  height: 40px;
  display: block;
}

#betList .betbutton .txt {
  height: 40px;
  line-height: 30px;
}

#betList .betbutton .down_icon {
  width: 54px;
  background: url(../images/up_icon.png) center no-repeat;
  height: 10px;
  *height: 40px;
}

#betList .betbutton .up_icon {
  width: 68px;
  background: url(../images/down_icon.png) center no-repeat;
}

#betList table.show {
  animation: betListShow .4s;
  -moz-animation: betListShow .4s;
  -o-animation: betListShow .4s;
  -ms-animation: betListShow .4s;
  -webkit-animation: betListShow .4s;
  display: table;
  *display: block;
  *position: fixed;
  *right: 0;
  *bottom: 40px;
}

#betList table.hide {
  transform: translateY( 600px);
  -moz-transform: translateY( 600px);
  -ms-transform: translateY( 600px);
  -o-transform: translateY( 600px);
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  display: table;
  *display: block;
  *position: fixed;
  *right: 0;
  *bottom: -600px;
  display: none\9;
}

@keyframes betListShow {
  0% {
    opacity: 0;
    position: fixed;
    right: 0;
    bottom: -500px;
  }
  100% {
    opacity: 1;
    position: fixed;
    right: 0;
    bottom: 40px;
  }
}

@-moz-keyframes betListShow {
  0% {
    opacity: 0;
    position: fixed;
    right: 0;
    bottom: -500px;
  }
  100% {
    opacity: 1;
    position: fixed;
    right: 0;
    bottom: 40px;
  }
}

@-o-keyframes betListShow {
  0% {
    opacity: 0;
    position: fixed;
    right: 0;
    bottom: -500px;
  }
  100% {
    opacity: 1;
    position: fixed;
    right: 0;
    bottom: 40px;
  }
}

@-ms-keyframes betListShow {
  0% {
    opacity: 0;
    position: fixed;
    right: 0;
    bottom: -500px;
  }
  100% {
    opacity: 1;
    position: fixed;
    right: 0;
    bottom: 40px;
  }
}

@-webkit-keyframes betListShow {
  0% {
    opacity: 0;
    position: fixed;
    right: 0;
    bottom: -500px;
  }
  100% {
    opacity: 1;
    position: fixed;
    right: 0;
    bottom: 40px;
  }
}

.topButton {
  position: fixed;
  right: 280px;
  bottom: 8px;
  z-index: 889;
  height: 40px;
  width: 40px;
  background: url(../images/icon-es.png) no-repeat -33px -174px;
  cursor: pointer;
  display: none;
}

.topButton.show {
  display: block;
}

.topButton:hover {
  background-position: -33px -224px;
}

.game_list_box .game_item.loadding {
  height: 52px;
  line-height: 52px;
  background: #11131e;
  display: none;
  text-align: center;
  margin-bottom: 0px;
  text-align: center;
}

.game_list_box .game_item.no-more {
  height: 42px;
  background: #11131e;
  ;
  text-align: center;
  margin-bottom: 0px;
}

.game_list_box .game_item.loadding span {
  display: inline-block;
  height: 40px;
  width: 40px;
  background: url(../images/loader.gif) no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.game_list_box .game_item.no-more span {
  color: #626887;
  line-height: 40px;
}

.game_list_box .game_item .game_item_bd .pic_left {
  float: left;
  text-align: right;
  width: 250px;
  padding: 20px 0;
  position: relative;
}

.game_list_box .game_item .game_item_bd .pic_right {
  float: right;
  text-align: left;
  width: 250px;
  padding: 20px 0;
  position: relative;
}

.game_list_box .game_item .game_item_bd .pic_mid {
  text-align: center;
  float: left;
  width: 150px;
  height: 50px;
  margin-top: 15px
}

.game_list_box .game_item .game_item_bd .pic_mid .vs {
  width: 150px;
  height: 50px;
  background: url(../images/vs.png) 0 0 no-repeat;
  display: block;
}

.game_list_box .game_item .game_item_bd .pic_mid .vs:after {
  content: "";
  width: 150px;
  height: 50px;
  background: url(../images/vs.png) 0 -50px no-repeat;
  display: block;
}

.game_list_box .game_item .game_item_bd .pic_left .spinach_item_img {
  z-index: 2;
  position: relative;
}

.game_list_box .game_item .game_item_bd .pic_left .spinach_item_img .team_img {
  float: right;
  width: 100px;
  height: 60px;
  margin-left: 8px;
  position: relative;
}

.game_list_box .game_item .game_item_bd .pic_right .spinach_item_img .team_img {
  float: left;
  width: 100px;
  height: 60px;
  margin-right: 8px;
  position: relative;
}

.game_list_box .game_item .game_item_bd .spinach_item_img p {
  line-height: 30px;
  font-size: 14px;
  height: 30px;
}

.game_list_box .game_item .game_item_bd .spinach_item_img .spinach_name {
  color: #fff;
  max-width: 120px;
  display: inline-block;
}

.game_list_box .game_item .game_item_bd .spinach_item_img .spinach_odds {
  color: #696f80;
  font-weight: bold;
}

.game_list_box .game_item .game_item_bd .pdou_zcl {
  color: #fff;
  width: 100px;
  text-align: center;
  line-height: 30px;
  display: block;
  font-size: 14px;
  font-weight: bold;
}

.game_list_box .game_item .game_item_bd .pic_left:before {
  position: absolute;
  left: -3px;
  top: 0;
  width: 5px;
  height: 100%;
  background: #b90909;
  content: "";
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
  transition: all .4s ease-out
}

.game_list_box .game_item .game_item_bd .pic_left:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(left, rgba(185, 9, 9, .1) 0, rgba(185, 9, 9, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(185, 9, 9, .1)), color-stop(100%, rgba(185, 9, 9, 0)));
  background: -webkit-linear-gradient(left, rgba(185, 9, 9, .1) 0, rgba(185, 9, 9, 0) 100%);
  background: -ms-linear-gradient(left, rgba(185, 9, 9, .1) 0, rgba(185, 9, 9, 0) 100%);
  background: linear-gradient(to right, rgba(185, 9, 9, .1) 0, rgba(185, 9, 9, 0) 100%);
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
  transition: all .4s ease-out
}

.game_list_box .game_item .game_item_bd .pic_right:before {
  position: absolute;
  right: -3px;
  top: 0;
  width: 5px;
  height: 100%;
  background: #008eb2;
  content: "";
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
  transition: all .4s ease-out
}

.game_list_box .game_item .game_item_bd .pic_right:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  right: 0;
  background: -moz-linear-gradient(right, rgba(0, 142, 178, .1) 0, rgba(0, 142, 178, 0) 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 142, 178, .1)), color-stop(100%, rgba(0, 142, 178, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 142, 178, .1) 0, rgba(0, 142, 178, 0) 100%);
  background: -ms-linear-gradient(right, rgba(0, 142, 178, .1) 0, rgba(0, 142, 178, 0) 100%);
  background: linear-gradient(to left, rgba(0, 142, 178, .1) 0, rgba(0, 142, 178, 0) 100%);
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
  transition: all .4s ease-out
}

.game_list_box .game_item.active .game_item_bd .pic_left:before {
  left: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}

.game_list_box .game_item.active .game_item_bd .pic_right:before {
  right: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}

.game_list_box .game_item.active .game_item_bd .pic_left:after {
  width: 100%;
}

.game_list_box .game_item.active .game_item_bd .pic_right:after {
  width: 100%;
}

.game_list_box .game_loading {
  height: 50px;
  position: relative;
}

.game_list_box .game_item .handicap_list {
  display: none;
}

.game_list_box .game_item .handicap_list li {
  background: #171a20;
}

.game_list_box .game_item .handicap_list li:nth-child(2n) {
  background: #1e2127;
}

.game_list_box .game_item .handicap_list li:hover {
  background: #383c46;
}

.game_list_box .game_item .handicap_list li a {
  display: block;
  padding: 0 20px 0 30px;
  color: #696f80;
}

.game_list_box .game_item .handicap_list li a span {
  display: inline-block;
  vertical-align: top;
  height: 40px;
  line-height: 40px;
}

.game_list_box .game_item .handicap_list li .handicap_name {
  width: 100px;
  color: #DDDFE3;
}

.game_list_box .game_item .handicap_list li .handicap_team_name {
  width: 120px;
  color: #DDDFE3;
  overflow: hidden;
}

.game_list_box .game_item .handicap_list li .handicap_team_gold {
  width: 50px;
}

.game_list_box .game_item .handicap_list li .handicap_vs {
  width: 60px;
  text-align: center;
}

.game_list_box .game_item .handicap_list li .handicap_status {
  width: 80px;
  text-align: right;
}

.game_list_box .game_item .handicap_list li .handicap_status.status_end {
  color: #696f80;
}

.game_list_box .game_item .handicap_list li .handicap_status.status_ing {
  color: #ff5400;
}

.game_list_box .game_item .handicap_list li .handicap_status.status_unstart {
  color: #008eb2;
}

.game_all {
  min-height: 300px;
  position: relative;
  overflow: hidden;
  height: auto;
}

.game_all li:nth-child(2n) {
  background: #1e2127;
}

.game_all li a {
  display: block;
  padding: 12px 10px;
}

.game_all li a:hover {
  background: #383c46;
}

.game_all li a span.team {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  width: 80px;
  height: 18px;
  color: #DDDFE3;
}

.game_all li a span.vs {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  width: 30px;
  text-align: center;
  height: 18px;
}

.game_all li a span.status {
  width: 57px;
  text-align: right;
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
}

.game_all li a span.status_end {
  color: #696f80;
}

.game_all li a span.status_ing {
  color: #ff5400;
}

.game_all li a span.status_unstart {
  color: #008eb2;
}

.load_more {
  height: 40px;
  background: #171a20;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #DDDFE3;
  cursor: pointer;
  display: block;
  display: none;
}

.load_more i.more_arrow_down {
  border-left: 1px solid #DDDFE3;
  border-bottom: 1px solid #DDDFE3;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: top;
  margin: 15px 0 0 5px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.load_more i.more_arrow_up {
  border-left: 1px solid #DDDFE3;
  border-bottom: 1px solid #DDDFE3;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: top;
  margin: 18px 0 0 5px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.load_more:hover {
  color: #ffffff;
}

.load_more:hover i {
  border-color: #fff;
}

.top_bd>ul {
  display: none;
}

.top_bd>ul.active {
  display: block;
}

.bet-history-btn {
  z-index: 4;
  position: fixed;
  right: 10px;
  bottom: 0px;
  height: 50px;
  line-height: 50px;
  width: 264px;
  border-radius: 10px 10px 0 0;
  background: #28314d;
  font-size: 18px;
  color: #506399;
  text-align: center;
  cursor: pointer;
}

.bet-history-btn:hover {
  background: #323c5c;
}

.bet-history-btn:hover span.txt {
  text-shadow: none;
}

.bet-history-btn i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/icon-base.png) no-repeat -30px -156px;
  float: left;
  margin-top: 18px;
  margin-left: 75px;
}

.bet-history-btn span.txt {
  font-weight: 800;
  float: left;
  margin-left: 10px;
  text-shadow: 0px 1px 0px #323c5c;
}

.bet-history-btn span.message {
  float: none;
  background: #1f253b;
  color: #ccc;
  font-size: 12px;
  border-radius: 10px;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  width: 80px;
  vertical-align: middle;
  display: none;
}

.bet-history-btn span.message.amt1 {
  animation: bet-msg-amt 1s;
}

@keyframes bet-msg-amt {
  0% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(5px);
  }
  40% {
    transform: translateY(0px);
  }
  60% {
    transform: translateY(-5px);
  }
  80% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(5px);
    background: #c71c1c;
  }
}

.bet-history-list {
  position: fixed;
  right: 10px;
  /* bottom: 55px; */
  bottom: 0;
  width: 1035px;
  height: 510px;
  z-index: 100;
  border-radius: 10px 10px 0 0;
  height: 0px;
  /* overflow: hidden; */
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.75);
}

.bet-history-list .bhl-top {
  height: 54px;
  line-height: 54px;
  background: #28314d;
  border-radius: 10px 10px 0 0;
  font-size: 0px;
  border-bottom: 1px solid #394365;
}

.bet-history-list .bhl-top .title {
  font-size: 20px;
  color: #d9ddf2;
  display: inline-block;
  margin-left: 40px;
}

.bet-history-list .bhl-top .tips {
  font-size: 12px;
  color: #5f6584;
  display: inline-block;
  margin-left: 10px;
  width: 615px;
  vertical-align: top;
}

.bet-history-list .bhl-top a {
  font-size: 14px;
  color: #d9ddf2;
  display: inline-block;
  text-decoration: underline;
  vertical-align: top;
  border-left: 1px solid #394365;
  width: 180px;
  text-align: center;
}

.bet-history-list .bhl-top a:hover {
  color: #fff;
  text-decoration: none;
}

.bet-history-list .bhl-top .closeicon {
  background: url(../images/icon-es.png) -28px -17px no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  float: right;
  margin-right: 10px;
  margin-top: 12px;
}

.bet-history-list .bhl-top .closeicon:hover {
  background-position: -53px -18px;
}

.bet-history-list .bhl-top .sline {
  display: inline-block;
  border-left: 1px solid #394365;
  height: 100%;
  vertical-align: top;
}

.bet-history-list .bhl-ctn {
  background: #1f253b;
  padding: 10px;
}

.bet-history-list .bhl-tb {
  height: 433px;
  border: 1px solid #394365;
  position: relative;
}

.bet-history-list .tb-title {
  height: 54px;
  line-height: 54px;
  color: #d9ddf2;
  font-size: 0px;
  background: #232837;
}

.bet-history-list .tb-title span {
  font-size: 14px;
  float: left;
}

.bet-history-list .t1 {
  text-align: center;
  display: inline-block;
  width: 135px
}

.bet-history-list .t2 {
  text-align: center;
  display: inline-block;
  width: 100px
}

.bet-history-list .t3 {
  text-align: center;
  display: inline-block;
  width: 80px
}

.bet-history-list .t4 {
  text-align: center;
  display: inline-block;
  width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bet-history-list .t5 {
  text-align: center;
  display: inline-block;
  width: 115px
}

.bet-history-list .t5 .helper {
  display: inline-block;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #232837;
  color: #fff;
  margin: 3px 0px 3px 10px;
  cursor: pointer;
  font-size: 12px;
  color: #999;
  line-height: 16px;
  border: 2px solid #666;
}

.bet-history-list .t5 .helpercontainer {
  background: url(../images/helper_bg.png) center no-repeat;
  height: 72px;
  width: 179px;
  margin-left: -11px;
  position: absolute;
  display: none;
  top: 40px;
  z-index: 2;
}

.bet-history-list .t5 .helpercontainer p {
  font-size: 14px;
  padding-top: 15px;
  line-height: 20px;
}

.bet-history-list .t5 i {
  font-style: normal;
  color: #5f6584;
  padding: 2px 12px;
  border: 1px solid #5f6584;
  border-radius: 10px;
}

.bet-history-list .t5 i.change {
  border: 1px solid #83a0ff;
  color: #83a0ff;
  cursor: pointer;
}

.bet-history-list .t5 i.change:hover {
  background: #83a0ff;
  color: #d9ddf2;
}

.bet-history-list .t5 i.already {
  border: 0;
  background: #83a0ff;
  color: #d9ddf2;
}

.bet-history-list .t5 i.button {
  border: 1px solid #83a0ff;
  color: #83a0ff;
  cursor: pointer;
}

.bet-history-list .t5 i.button:hover {
  background: #83a0ff;
  color: #d9ddf2;
}

.bet-history-list .t5 i.cancel {
  margin-right: 5px;
}

.bet-history-list .t6 {
  text-align: center;
  display: inline-block;
  width: 60px
}

.bet-history-list .t7 {
  text-align: center;
  display: inline-block;
  width: 70px;
}

.bet-history-list .t8 {
  text-align: center;
  display: inline-block;
  width: 70px
}

.bet-history-list .t11 {
  text-align: center;
  display: inline-block;
  width: 60px
}

.bet-history-list .tb-title .t7 {
  color: #d9ddf2;
}

.bet-history-list .t9 {
  display: inline-block;
  width: 78px;
  text-align: right;
  padding-right: 10px;
  box-sizing: border-box;
}

.bet-history-list .t9.win {
  color: #8e0909;
}

.bet-history-list .t9.lose {
  color: #3b6618;
}

.bet-history-list .t10 {
  text-align: center;
  display: inline-block;
  width: 105px;
  height: 40px;
}

.bet-history-list .t10 font {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bet-history-list .t10 font {
  max-width: 40px;
}

.bet-history-list .t10 font.vs {
  max-width: 20px;
}

.bet-history-list .t10 font.v1 {
  text-align: right
}

.bet-history-list .t10 font.v2 {
  text-align: left
}

.bet-history-list .tb-row {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #394365;
  color: #d9ddf2;
  font-size: 12px;
}

.bet-history-list .tb-row span {
  vertical-align: middle;
}

.bet-history-list .tb-row.unclose {
  background: #271919;
}

.bet-history-list .page-list {
  height: 50px;
  line-height: 50px;
  width: 100%;
  text-align: center;
  border-top: 1px solid #212121;
  position: absolute;
  bottom: 0;
}

.bet-history-list .page-list p {
  display: inline-block;
}

.bet-history-list .page-list span {
  display: inline-block;
  width: 40px;
  height: 30px;
  line-height: 30px;
  background: #212121;
  color: #666;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #333;
  margin: 0 5px;
  cursor: pointer;
}

.bet-history-list .page-list span.selected {
  color: #d9ddf2;
}

.bet-history-list .page-list span:hover {
  color: #fff;
}

.bet-history-list .loadding {
  position: absolute;
  top: 200px;
  left: 424px;
}

/*user*/

.user_top {
  background: #272b40 url(../images/user_top.jpg) top center no-repeat;
  margin-top: -38px;
}

.user_wrap {
  width: 1240px;
  margin: 0 auto;
  height: 142px;
}

.user_wrap .con_box.mt20 {
  width: 745px;
}

.user_wrap .user_avator {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  float: left;
  position: relative;
  margin-top: 30px;
  margin-left: 30px;
}

.user_wrap .user_avator img {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -50px;
}

.user_wrap .user_info {
  float: left;
  margin-left: 20px;
  margin-top: 5px;
}

.user_wrap .user_info h3 {
  font-size: 18px;
  color: #ccc;
  margin-top: 16px;
}

.user_wrap .user_info h3 span.nickname {
  color: #7b95e9;
}

.user_wrap .user_info h3 span.nickname input {
  background: transparent;
  border: 0px;
  border-bottom: 1px solid #333;
  color: #ccc;
  font-size: 18px;
}

.user_wrap .user_info p {
  font-size: 12px;
  color: #6a6f8d;
  margin-top: 10px;
  max-width: 815px
}

.user_wrap .user_info p span {
  display: inline-block;
  vertical-align: middle;
}

.user_wrap .user_info p span.lv {
  height: auto;
  vertical-align: middle;
  font-size: 9px;
  padding: 1px 5px;
  color: #000;
}

.user_wrap .user_info p img {
  vertical-align: middle;
  width: 15px;
}

.user_wrap .user_info p span.score_ctn {
  margin-left: 10px;
  position: relative;
}

.user_wrap .user_info .score {
  display: inline-block;
  width: 160px;
  height: 3px;
  *display: inline;
  *zoom: 1;
  position: relative;
  border-radius: 3px;
  background-color: #28314d;
  vertical-align: middle;
}

.user_wrap .user_info .score .status {
  display: inline-block;
  height: 6px;
  *display: inline;
  *zoom: 1;
  position: absolute;
  border-radius: 3px;
  background: linear-gradient(to right, #fd5615, #ff963e);
}

.user_wrap .user_info em.txt {
  color: #d9ddf2;
  vertical-align: middle;
}

.user_wrap .user_info em.txt i {
  font-style: normal;
  color: #6a6f8d;
}

.user_wrap .user_sign {
  text-align: right
}

.user_wrap .user_sign img {
  width: 40px;
  vertical-align: top
}

.user_wrap .user_sign .sign_btn {
  margin: 8px 0 0 20px;
  height: 25px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 25px;
  padding: 0 16px;
  border-radius: 3px;
  color: #935d00;
  font-size: 12px;
  background: #ffd429;
}

.user_wrap .user_sign .sign_btn:hover {
  color: #c72727;
  background: -moz-linear-gradient(top, #fffe00 0, #fee03d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fffe00), color-stop(100%, #fee03d));
  background: -webkit-linear-gradient(bottom, #fffe00 0, #fee03d 100%);
  background: -ms-linear-gradient(top, #fffe00 0, #fee03d 100%);
  background: linear-gradient(to bottom, #fffe00 0, #fee03d 100%)
}

.user_wrap .user_sign .sign_btn.already:before {
  font-family: iconfont;
  content: "\e60e";
  font-size: 14px;
  vertical-align: top;
  margin-right: 5px
}

.user_wrap .user_act {
  margin-top: 25px;
  border-radius: 3px;
  overflow: hidden;
  width: 260px;
}

.user_wrap .user_act ul li {
  float: left;
  height: 40px;
  line-height: 40px;
  width: 130px;
  box-sizing: border-box;
}

.user_wrap .user_act ul li.l1 {
  border-right: 1px solid #2f3444;
  border-bottom: 1px solid #2f3444;
}

.user_wrap .user_act ul li.l2 {
  border-bottom: 1px solid #2f3444;
}

.user_wrap .user_act ul li.l3 {
  border-right: 1px solid #2f3444;
}

.user_wrap .user_act ul li a {
  text-align: center;
  font-size: 14px;
  display: block;
  color: #6a6f8d;
}

.user_wrap .user_act ul li a:hover {
  color: #fff;
}

.user_wrap .user_act ul li a i.reg {
  display: inline-block;
  width: 27px;
  height: 23px;
  background: url(../images/accout_icons.png) 0 2px no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}

.user_wrap .user_act ul li a i.tran {
  display: inline-block;
  width: 27px;
  height: 23px;
  background: url(../images/accout_icons.png) -27px 2px no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}

.con_tab.user {
  background: #11131e;
  height: 50px;
  line-height: 50px;
}

.con_box .con_tab li.active,
.con_box .con_tab li a.active,
.con_box .con_tab li a:hover {
  height: 40px;
  line-height: 40px;
}

.con_box .con_tab.user li a {
  color: #6a6f8d;
  height: 50px;
  line-height: 50px;
}

.con_box .con_tab.user li a i {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-left: 5px;
  background: #c71c1c;
  border-radius: 50%;
}

.con_box .con_tab.user li a:hover {
  color: #ccc;
}

.con_box .con_tab.user li a.active {
  color: #fff;
  position: relative;
}

.con_box .con_tab.user li a.active:after {
  position: absolute;
  content: "";
  display: block;
  margin: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px;
  border-color: transparent transparent #272b40 transparent;
  bottom: -20px;
  right: 50%;
  margin-right: -20px;
}

.con_box .con_tab.user li a.active i {
  display: none;
}

.user_menu {
  width: 1240px;
  margin: 0 auto;
}

.user_menu li {
  width: 120px;
}

.user_menu li a.active {
  color: #ffffff;
}

.wrapper.user {
  background: #272b40;
  margin: 0;
  width: 100%;
}

.container_user {
  margin: 0 auto;
  width: 1240px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container_user .user_left {
  width: 745px;
  float: left
}

.container_user .user_right {
  width: 249px;
  float: left;
  margin-left: 6px;
}

.container_user .user_right .sorry {
  text-align: center;
  margin-top: 10px;
  color: #808080;
}

.user_center {
  overflow: hidden;
}

.user_center .left {
  float: left;
  width: 995px;
}

.user_center .ft {
  float: left;
  background: #212536;
  font-size: 12px;
  color: #6a6f8d;
}

.user_center .ft h3 {
  font-size: 14px;
  color: #6a6f8d;
}

.user_center .ft h3 span {
  color: #d9ddf2;
}

.user_center .ft a.btn {
  margin-top: 60px;
  border-radius: 2px;
  transition: none;
  box-sizing: border-box;
  border: none;
  display: inline-block;
  width: 60px;
  height: 24px;
  line-height: 24px;
  background: #28314d;
  color: #d9ddf2;
  text-align: center;
  border: 1px solid #000;
  outline: none;
}

.user_center .ft a.btn.charge {
  background: #7b95e9;
  color: #000;
  border: 0;
  outline: none;
}

.user_center .ft a.btn.exchange {
  background: #7b95e9;
  color: #000;
  border: 0;
  outline: none;
  margin-top: 35px;
}

.user_center .ft a.btn:hover {
  background: #6b85d6;
  color: #000;
  border: 0;
  outline: none;
}

.user_center .user_ct1 {
  height: 110px;
  width: 460px;
  border-right: 1px solid #2d3147;
  border-bottom: 1px solid #2d3147;
  padding: 20px 0 10px 40px;
}

.user_center .user_ct1 div {
  margin-top: 10px;
  height: 30px;
}

.user_center .user_ct1 .s-money {
  display: inline-block;
  min-width: 155px;
  float: left;
}

.user_center .user_ct1 .f-btn-list a {
  float: left;
  margin-top: 6px;
}

.user_center .user_ct1 em i {
  font-style: normal;
  display: inline-block;
  width: 30px;
  text-align: center;
}

.user_center .user_ct1 .m1 {
  font-size: 24px;
  color: #d9ddf2;
  font-weight: 800;
}

.user_center .user_ct1 .m2 {
  font-size: 12px;
  color: #6a6f8d;
}

.user_center .user_ct1 div a {
  margin-right: 10px;
}

.user_center .user_ct1 p {
  margin-top: 15px;
}

.user_center .user_ct1 p a {
  color: #697fc6;
  cursor: pointer;
  text-decoration: underline;
}

.user_center .user_ct1 p a:hover {
  color: #a1b4f4;
  border: 0px;
}

.user_center .user_ct2 {
  border-right: 1px solid #2d3147;
  padding: 20px 0 20px 40px;
  overflow: hidden;
  height: 78px;
}

.user_center .user_ct2 h3 {
  float: left;
  width: 158px;
}

.user_center .user_ct2 em {
  display: inline-block;
  width: 100%;
  color: #6a6f8d;
  font-size: 24px;
  font-weight: 800;
  margin-top: 10px;
}

.user_center .user_ct2 em i {
  font-style: normal;
  display: inline-block;
  width: 30px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}

.user_center .user_ct2 a {
  float: left;
  margin-right: 20px;
  margin-top: 30px;
  outline: none;
}

.user_center .user_ct2 div {
  float: left;
}

.user_center .user_ct2 div li {
  height: 22px;
  line-height: 22px;
}

.user_center .user_ct2 div li i {
  display: inline-block;
  height: 5px;
  width: 5px;
  background: #6a6f8d;
  border-radius: 999px;
  margin-right: 5px;
  vertical-align: middle;
}

/* .user_center .user_ct3{ border-right: 1px solid #212121; padding: 30px 0 0 40px;overflow:hidden; width: 210px; height: 239px; } */

.user_center .user_ct3 {
  padding: 20px 0 10px 40px;
  overflow: hidden;
  width: 454px;
  /* height: 229px;  border-bottom: 1px solid #212121;*/
}

.user_center .user_ct3 span {
  display: inline-block;
}

.user_center .user_ct3 span .m1 {
  font-size: 24px;
  color: #d9ddf2;
  font-weight: 800;
}

.user_center .user_ct3 span .failed {
  color: #ccc;
}

.user_center .user_ct3 span i.reloadMoneyIcon {
  display: inline-block;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  background: url(../images/icon-base.png) no-repeat -32px -208px;
  cursor: pointer;
  vertical-align: middle;
}

.user_center .user_ct3 span.gametype {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
}

/*.user_center .user_ct3 span.my em{ display: none; }
 .user_center .user_ct3 span.my i.loadding{ display: inline-block;width: 16px;height: 16px; background: url(../images/loader.gif); background-size: 16px 16px;  margin-left: 10px; } */

.user_center .user_ct3 .m2 {
  font-size: 12px;
  color: #6a6f8d;
}

.user_center .user_ct3 em i {
  font-style: normal;
  display: inline-block;
  width: 30px;
  text-align: center;
}

.user_center .user_ct3 p {
  padding-top: 16px;
  line-height: 46px;
}

.user_center .user_ct3 a {
  margin-right: 20px;
  outline: none;
  margin-top: 0 !important;
  vertical-align: middle;
}

.user_center .user_ct3 span em {
  display: none;
}

.user_center .user_ct3 span i.loadding {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/loader.gif) no-repeat;
  background-size: 18px 18px;
  margin-left: 10px;
  vertical-align: middle;
}

.user_center .user_ct3 .other_show_money {
  height: 64px;
  float: left;
  width: 33%;
  margin-bottom: 10px;
}

.user_center .user_ct3 .other_show_money span.t {
  display: block;
  font-size: 14px;
  margin-top: 15px;
}

.user_center .user_ct3 .other_show_money span.my,
.user_center .user_ct3 .other_show_money span.myag {
  width: 80%;
}

.user_center .user_ct3 .other_show_money a.btn:hover {
  border: 1px solid #c71c1c;
}

.user_center .user_ct3 p .btxt {
  width: 360px;
  line-height: 20px;
  vertical-align: middle;
}

.user_center .user_ct4 {
  padding: 20px 0 10px 40px;
  overflow: hidden;
  width: 204px;
  border-left: 1px solid #2d3147;
}

.user_center .user_ct4 .pWrapper {
  padding-top: 6px;
}

.user_center .user_ct4 p {
  float: left;
  /* height: 32px;  */
  line-height: 34px;
  width: 160px;
}

/* .user_center .user_ct4 p.fc{ margin-top: 5px; } */

.user_center .user_ct4 p.lc {
  border: 0;
  line-height: 34px;
}

.user_center .user_ct4 p i {
  font-style: normal;
  color: #697fc6;
}

.user_center .user_ct4 p a.mng {
  color: #697fc6;
  cursor: pointer;
  text-decoration: underline;
}

.user_center .user_ct4 p a.mng:hover {
  color: #a1b4f4;
}

/* .user_center .user_ct4 p .yhq{ float: left; }
.user_center .user_ct4 p .yqm{ float: right; } */

.user_center .user_ct5 {
  width: 230px;
  padding-top: 35px;
  height: 300px;
  background: #131313 url(../images/sign_success.png) no-repeat;
  margin-left: 15px;
  position: relative;
}

.user_center .user_ct5 a {
  display: inline-block;
  width: 200px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 230px;
  background: #a43420;
  border-radius: 999px 999px 999px 999px;
  font-size: 14px;
  left: 15px;
}

.user_center .user_ct5 a:hover {
  background: #c71c1c;
}

.user_center .user_ct5 span {
  display: inline-block;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 24px;
}

.user_btm {
  overflow: hidden;
  margin-top: 10px;
}

.user_btm .ft {
  float: left;
  background: #212536;
  font-size: 12px;
  color: #d9ddf2;
  box-sizing: border-box;
  width: 50%;
  height: 269px;
}

.user_btm .ft h3 {
  font-size: 14px;
  color: #d9ddf2;
}

.user_btm .user_ct6 {
  padding: 40px 0 0 40px;
  overflow: hidden;
  border-right: 1px solid #2d3147;
}

.user_btm .user_ct6 .person_data {
  overflow: hidden;
  margin-top: 20px;
}

.user_btm .user_ct6 .pie {
  float: left;
  width: 160px;
  height: 160px;
  position: relative;
}

.user_btm .user_ct6 .pie i.begin {
  position: absolute;
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #fca501;
  left: 76px;
  top: 5px;
  border-radius: 555px;
}

.user_btm .user_ct6 .pie i.end {
  position: absolute;
  height: 80px;
  width: 2px;
  top: 0px;
  left: 80px;
  transform: rotate(0deg);
  transform-origin: 0 100%;
  display: none\9;
}

.user_btm .user_ct6 .pie i.end:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fca501;
  position: absolute;
  left: -5px;
  top: 5px;
  border-radius: 100px;
}

.user_btm .user_ct6 .pie span.number {
  font-weight: 800;
  color: #d9ddf2;
  font-size: 24px;
  position: absolute;
  top: 52px;
  left: 0px;
  width: 160px;
  text-align: center;
}

.user_btm .user_ct6 .pie span.txt {
  color: #6a6f8d;
  font-size: 12px;
  position: absolute;
  top: 90px;
  left: 0px;
  width: 160px;
  text-align: center;
}

.user_btm .user_ct6 .person_data .info {
  float: left;
  margin-left: 30px;
}

.user_btm .user_ct6 .person_data .info p {
  height: 30px;
  line-height: 30px;
  color: #d9ddf2;
  font-size: 14px;
}

.user_btm .user_ct6 .person_data .info p span {
  color: #fca501;
}

.user_btm .user_ct6 ul {
  margin-top: 20px;
}

.user_btm .user_ct6 li {
  height: 22px;
  line-height: 22px;
  color: #6a6f8d;
}

.user_btm .user_ct6 div li i {
  display: inline-block;
  height: 5px;
  width: 5px;
  background: #6a6f8d;
  border-radius: 999px;
  margin-right: 5px;
  vertical-align: middle;
}

.user_btm .user_ct6 div li em {
  color: #d9ddf2;
  display: inline-block;
  width: 80px;
  vertical-align: middle;
  margin-top: -3px;
}

.user_btm .user_ct6 a {
  font-size: 14px;
  color: #697fc6;
  cursor: pointer;
  text-decoration: underline;
}

.user_btm .user_ct7 {
  padding: 40px 0 0 40px;
  overflow: hidden;
}

.user_btm .user_ct7 .person_seo {
  overflow: hidden;
  margin-top: 20px;
}

.user_btm .user_ct7 .pie {
  float: left;
  width: 160px;
  height: 160px;
  position: relative;
}

.user_btm .user_ct7 .pie i.begin {
  position: absolute;
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #fca501;
  left: 76px;
  top: 5px;
  border-radius: 555px;
}

.user_btm .user_ct7 .pie i.end {
  position: absolute;
  height: 80px;
  width: 2px;
  top: 0px;
  left: 80px;
  transform: rotate(0deg);
  transform-origin: 0 100%;
  display: none\9;
}

.user_btm .user_ct7 .pie i.end:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fca501;
  position: absolute;
  left: -5px;
  top: 5px;
  border-radius: 100px;
}

.user_btm .user_ct7 .pie span.number {
  font-weight: 800;
  color: #d9ddf2;
  font-size: 24px;
  position: absolute;
  top: 52px;
  left: 0px;
  width: 160px;
  text-align: center;
}

.user_btm .user_ct7 .pie span.txt {
  color: #6a6f8d;
  font-size: 12px;
  position: absolute;
  top: 90px;
  width: 160px;
  text-align: center;
}

.user_btm .user_ct7 .person_seo .info {
  float: left;
  margin-left: 30px;
}

.user_btm .user_ct7 .person_seo .info p {
  height: 30px;
  line-height: 30px;
  color: #d9ddf2;
  font-size: 14px;
}

.user_btm .user_ct7 .person_seo .info p span {
  color: #fca501;
}

.user_btm .user_ct7 .person_seo .info p.link {
  margin-top: 30px;
}

.user_btm .user_ct7 .person_seo .info p.link a {
  font-size: 12px;
  color: #697fc6;
  cursor: pointer;
  text-decoration: underline;
}

.user_btm .user_ct7 .person_seo .info p.link a:hover {
  color: #a1b4f4;
}

.container_user .search-box {
  height: 100px;
  line-height: 100px;
  background: #212536;
  font-size: 14px;
  color: #d9ddf2;
  padding-left: 40px;
  font-size: 0px;
}

.container_user .search-box label {
  font-size: 14px;
  margin-right: 5px;
}

.container_user .search-box span.zhi {
  font-size: 14px;
  margin: 0 5px;
}

.container_user .search-box select {
  width: 150px;
  display: none;
}

.container_user .search-box span.select {
  width: 150px;
  display: inline-block;
}

.container_user .search-box .mf {
  margin-left: 10px;
}

.container_user .search-box .selectBoxUI {
  display: inline-block;
  border: 1px solid #383d56;
  background: #272b40;
  border-radius: 3px;
}

.container_user .selectBoxUI .selectBox.select {
  background: #272b40;
}

.container_user .selectBox.txt {
  text-align: center;
  display: inline-block;
  width: 90px;
  color: #d9ddf2;
}

.container_user .selectBoxUI .selectBox.select .selecticon {
  background: url(../images/slt-box-right.png) center no-repeat;
  border: 1px solid #383d56;
  vertical-align: top;
  border-top: 0;
  border-right: 0;
}

.container_user .selectBoxUI .selectBox.container li {
  padding: 0px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border: 1px solid #383d56;
  background: #272b40;
  color: #d9ddf2;
  border-bottom: 0;
}

.container_user .selectBoxUI .selectBox.container li:hover {
  background: #38416e;
  color: #fff;
}

.container_user .selectBoxUI .selectBox.container {
  border: 0;
  margin-top: 5px;
  border-bottom: 1px solid #383d56;
  border-radius: 5px;
  font-size: 14px;
}

.container_user input.date_picker,
.container_user input.userDatePicker {
  height: 30px;
  width: 150px;
  background: #272b40;
  border: 1px solid #383d56;
  color: #d9ddf2;
  text-indent: 10px;
  line-height: 30px;
  vertical-align: middle;
  margin-top: -10px;
  border-radius: 3px;
}

.container_user .timebox i {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/slt-box-right.png) center no-repeat;
  border: 1px solid #383d56;
  border-left: 0;
}

.container_user .search-box button {
  margin-left: 30px;
  display: inline-block;
  width: 190px;
  height: 30px;
  line-height: 30px;
  color: #000;
  background: #7b95e9;
  cursor: pointer;
  text-align: center;
  border-radius: 999px 999px 999px 999px;
  border: 0;
}

.container_user .search-box button:hover {
  background: #6b85d6;
  color: #000;
}

.container_user .user-bhl-ctn {
  background: #212536;
  padding: 10px;
  margin-top: 10px;
}

.user-bhl-ctn .bhl-tb {
  height: 433px;
  border: 1px solid #2a2e45;
  position: relative;
}

.user-bhl-ctn .tb-title {
  height: 54px;
  line-height: 54px;
  color: #6a6f8d;
  font-size: 14px;
  background: #191c29;
}

.user-bhl-ctn .tb-title span {
  float: left;
}

.ng-table .loadding {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
}

.user-bhl-ctn .t1 {
  text-align: center;
  display: inline-block;
  width: 150px
}

.user-bhl-ctn .t2 {
  text-align: center;
  display: inline-block;
  width: 130px
}

.user-bhl-ctn .t3 {
  text-align: center;
  display: inline-block;
  width: 100px
}

.user-bhl-ctn .t4 {
  text-align: center;
  display: inline-block;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-bhl-ctn .t5 {
  text-align: center;
  display: inline-block;
  width: 130px
}

.user-bhl-ctn .t5 .helper {
  display: inline-block;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #1a1a1a;
  color: #fff;
  margin: 3px 0px 3px 10px;
  cursor: pointer;
  font-size: 12px;
  color: #999;
  line-height: 16px;
  border: 2px solid #666;
}

.user-bhl-ctn .t5 .helpercontainer {
  background: url(../images/helper_bg.png) center no-repeat;
  height: 72px;
  width: 179px;
  margin-left: -11px;
  position: absolute;
  display: none;
  top: 40px;
}

.user-bhl-ctn .t5 .helpercontainer p {
  font-size: 14px;
  padding-top: 15px;
  line-height: 20px;
}

.user-bhl-ctn .t5 i {
  font-style: normal;
  color: #5f6584;
  padding: 2px 12px;
  border: 1px solid #5f6584;
  border-radius: 10px;
}

.user-bhl-ctn .t5 i.change {
  border: 1px solid #83a0ff;
  color: #83a0ff;
  cursor: pointer;
}

.user-bhl-ctn .t5 i.change:hover {
  background: #83a0ff;
  color: #d9ddf2;
}

.user-bhl-ctn .t5 i.already {
  border: 0;
  background: #83a0ff;
  color: #d9ddf2;
}

.user-bhl-ctn .t5 i.button {
  border: 1px solid #83a0ff;
  color: #83a0ff;
  cursor: pointer;
}

.user-bhl-ctn .t5 .cancel {
  margin-right: 5px;
}

.user-bhl-ctn .t6 {
  text-align: center;
  display: inline-block;
  width: 70px
}

.user-bhl-ctn .t7 {
  text-align: center;
  display: inline-block;
  width: 100px;

}

.user-bhl-ctn .t8 {
  text-align: center;
  display: inline-block;
  width: 65px;
  /*100px*/
}

.user-bhl-ctn .t11 {
  text-align: center;
  display: inline-block;
  width: 65px;
}

.user-bhl-ctn .tb-title .t7 {
  color: #6a6f8d;
}

.user-bhl-ctn .t9 {
  display: inline-block;
  width: 70px;
  text-align: right;
}

.user-bhl-ctn .t9.win {
  color: #8e0909;
}

.user-bhl-ctn .t9.lose {
  color: #3b6618;
}

.user-bhl-ctn .t10 {
  text-align: center;
  display: inline-block;
  width: 130px;
  height: 40px;
}

.user-bhl-ctn .t10 font {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-bhl-ctn .t10 font {
  max-width: 50px;
}

.user-bhl-ctn .t10 font.vs {
  max-width: 20px;
}

.user-bhl-ctn .t10 font.v1 {
  text-align: right
}

.user-bhl-ctn .t10 font.v2 {
  text-align: left
}

.user-bhl-ctn .tb-row {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #2a2e45;
  color: #d9ddf2;
  font-size: 12px;
}

.user-bhl-ctn .tb-row span {
  vertical-align: middle;
}

.user-bhl-ctn .tb-row.unclose {
  background: #38416e;
}

.user-bhl-ctn .tb-row:hover {
  background: #38416e;
}

.user-financing .t6.win {
  color: #8e0909;
}

.opt-page {
  height: 50px;
  line-height: 50px;
  width: 100%;
  text-align: center;
  border-top: 1px solid #32364a;
}

.opt-page p {
  display: inline-block;
}

.opt-pagespan.selected {
  color: #fff;
}

.opt-page span:hover {
  color: #fff;
}

.user-bhl-ctn.bill .b1 {
  text-align: center;
  display: inline-block;
  width: 200px;
}

.user-bhl-ctn.bill .b2 {
  text-align: center;
  display: inline-block;
  width: 200px;
}

.user-bhl-ctn.bill .b3 {
  text-align: center;
  display: inline-block;
  width: 240px;
}

.user-bhl-ctn.bill .b4 {
  text-align: right;
  display: inline-block;
  width: 80px;
  font-weight: 800;
}

.user-bhl-ctn.bill .b4.fail {
  text-decoration: line-through;
}

.user-bhl-ctn.bill .b4.out {
  color: #505050;
}

.user-bhl-ctn.bill .b4.in {
  color: #932a28;
}

.user-bhl-ctn.bill .b5 {
  text-align: right;
  display: inline-block;
  width: 150px;
}

.user-bhl-ctn.bill .b6 {
  text-align: center;
  display: inline-block;
  width: 150px;
}

.user-bhl-ctn.bill .b7 {
  text-align: center;
  display: inline-block;
  width: 100px;
}

.user-bhl-ctn.bill .b7.close {
  color: #666;
}

.user-bhl-ctn.bill .b7.success {
  color: #932a28;
}

.user-bhl-ctn.bill .b7.transaction {
  color: #fff;
}

/*个人设置*/

.user-set-ctn {
  background: #212536;
  overflow: hidden;
}

.user-set-ctn h3 {
  font-size: 14px;
  color: #d9ddf2;
}

.user-set-ctn h3 a {
  float: right;
  display: inline-block;
  width: 100px;
  height: 22px;
  line-height: 22px;
  color: #515e87;
  border: 1px solid #515e87;
  text-align: center;
  border-radius: 999px;
  font-size: 12px;
}

.user-set-ctn h3 a:hover {
  background: #515e87;
  border-color: #515e87;
  color: #d9ddf2;
}

.user-set-ctn .userset-left {
  float: left;
  width: 390px;
  border-right: 1px solid #262b3e;
  height: 554px;
}

.user-set-ctn .userset-left .safe-level {
  padding: 40px;
  border-bottom: 1px solid #262b3e;
  padding-bottom: 20px;
}

.user-set-ctn .userset-left .safe-level a {
  display: inline-block;
  width: 72px;
  height: 58px;
  cursor: pointer;
}

.user-set-ctn .userset-left .safe-level a:hover span {
  color: #fff;
}

.user-set-ctn .userset-left .safe-status {
  text-align: center;
  font-size: 0;
  margin-top: 10px;
  overflow: hidden;
}

.user-set-ctn .userset-left .safe-stu-icon-box {
  position: relative;
  height: 28px;
  width: 28px;
  perspective: 1000px;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  -moz-perspective: 1000px;
  display: inline-block;
  margin: 0px 10px;
}

.user-set-ctn .userset-left .safe-stu-icon-box i {
  position: absolute;
  top: 0px;
  left: 0px;
  transition: all 1.2s;
  -webkit-transition: all 1.2s;
  -ms-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

.user-set-ctn .userset-left .safe-stu-icon-box i.unsafe-icon {
  z-index: 10;
}

.user-set-ctn .userset-left .safe-stu-icon-box i.safe-icon {
  z-index: 8;
  transform: rotate3d(0, 1, 0, -180deg);
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
}

.user-set-ctn .userset-left .safe-stu-icon-box.amt i.unsafe-icon {
  transform: rotate3d(0, 1, 0, 180deg);
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  z-index: 8;
}

.user-set-ctn .userset-left .safe-stu-icon-box.amt i.safe-icon {
  transform: rotate3d(0, 1, 0, 0deg);
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
  -ms-transform: rotate3d(0, 1, 0, 0deg);
  -moz-transform: rotate3d(0, 1, 0, 0deg);
  z-index: 8;
}

.user-set-ctn .userset-left .safe-status i {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0px 5px;
}

.user-set-ctn .userset-left .safe-status i.safe-icon {
  background: url(../images/user_dialog_icons.png) -68px -687px no-repeat;
}

.user-set-ctn .userset-left .safe-status i.unsafe-icon {
  background: url(../images/user_dialog_icons.png) -68px -724px no-repeat;
}

.user-set-ctn .userset-left .safe-list {
  width: 310px;
  height: 68px;
  background: url(../images/user-safe-level.png) no-repeat;
  margin-top: 10px;
  text-align: center;
  overflow: hidden;
}

.user-set-ctn .userset-left .safe-list div {
  width: 72px;
  font-size: 0;
  display: inline-block;
  text-align: center;
}

.user-set-ctn .userset-left .safe-list div:hover span {
  color: #fff;
}

.user-set-ctn .userset-left .safe-list div i {
  display: inline-block;
  width: 27px;
  height: 27px;
  margin-top: 15px;
}

.user-set-ctn .userset-left .safe-list div i.pwd-qst {
  background: url(../images/user_set_icons2.png) no-repeat 3px 0px;
}

.user-set-ctn .userset-left .safe-list div i.pwd-tst {
  background: url(../images/user_set_icons2.png) no-repeat -26px -29px;
}

.user-set-ctn .userset-left .safe-list div i.bnd-crd {
  background: url(../images/user_set_icons2.png) no-repeat -26px 0px;
}

.user-set-ctn .userset-left .safe-list div i.bnd-phe {
  background: url(../images/user_set_icons2.png) no-repeat 3px -29px;
}

.user-set-ctn .userset-left .safe-list div i.bnd-stm {
  background: url(../images/user_set_icons2.png) no-repeat 3px -56px;
  ;
}

.user-set-ctn .userset-left .safe-list div span {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  color: #626887;
  margin-top: 0px;
}

.user-set-ctn .userset-left .safe-list div span:hover {
  color: #fff;
  cursor: pointer;
}

.user-set-ctn .userset-left .safe-custom {
  padding: 40px;
  height: 360px;
  box-sizing: border-box;
}

.user-set-ctn .safe-custom .sc-top {
  margin-top: 10px;
  overflow: hidden;
}

.user-set-ctn .safe-custom .setheadimge-btn {
  float: left;
  height: 100px;
  width: 100px;
  background: url(../images/set_userhead_bg.png) no-repeat;
  background-size: contain;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.user-set-ctn .safe-custom .setheadimge-btn span {
  color: #626887;
  font-size: 12px;
  margin-top: 60px;
  text-align: center;
  width: 48px;
  display: inline-block;
}

.user-set-ctn .safe-custom .setnickname-ctn {
  width: 205px;
  float: right;
}

.user-set-ctn .safe-custom .setnickname-ctn>div {
  position: relative;
}

.user-set-ctn .safe-custom .setnickname-ctn input {
  box-sizing: border-box;
  border: 0;
  padding: 0 65px 0 5px;
  background: transparent;
  display: inline-block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #303650;
  font-size: 14px;
  color: #d9ddf2;
  text-align: left;
  cursor: text;
}

.user-set-ctn .safe-custom .setnickname-ctn .modify input {
  /* border:1px solid #333;  */
}

.user-set-ctn .safe-custom .setnickname-ctn a.btn {
  display: none;
  position: absolute;
  right: 1px;
  width: 60px;
  top: 4px;
  z-index: 2;
  height: 20px;
  line-height: 20px;
}

.user-set-ctn .safe-custom .setnickname-ctn .modify a.btn {
  display: inline-block;
}

.user-set-ctn .safe-custom .setnickname-ctn .setUserBirth {
  margin-top: 25px;
}

.user-set-ctn .safe-custom .sc-btm {
  margin-top: 20px;
  overflow: hidden;
}

.user-set-ctn .safe-custom .sc-btm-txt {
  width: 308px;
  height: 60px;
  border: 1px solid #303650;
  position: relative;
}

.user-set-ctn .safe-custom .sc-btm-txt textarea {
  width: 300px;
  height: 40px;
  background: transparent;
  border: 0;
  resize: none;
  color: #d9ddf2;
  padding: 10px;
}

.user-set-ctn .safe-custom .sc-btm-txt span {
  position: absolute;
  color: #626887;
  top: 22px;
  left: 115px;
}

.user-set-ctn .safe-custom .sc-btm-btn {
  margin-top: 10px;
  color: #626887;
}

.user-set-ctn .safe-custom .sc-btm-btn a.btn {
  float: right;
}

.user-set-ctn .userset-right {
  float: left;
}

.user-set-ctn .card-band {
  padding: 40px;
}

.user-set-ctn .card-band .cardlist-ctn {
  width: 768px;
  height: 150px;
  overflow: hidden;
  margin-top: 20px;
  position: relative;
}

.user-set-ctn .card-band .cardlist-ctn .ck {
  box-sizing: border-box;
  width: 20px;
  height: 100%;
  background: #191c29;
  border: 1px solid #262a3e;
  line-height: 150px;
  text-align: center;
  position: absolute;
  z-index: 8;
  cursor: pointer;
}

.user-set-ctn .card-band .cardlist-ctn .ck:hover {
  background: #2c3654;
}

.user-set-ctn .card-band .cardlist-ctn .ck i {
  display: inline-block;
  width: 8px;
  height: 13px;
  background: url(../images/userset_sprite.png) -126px -51px no-repeat;
}

.user-set-ctn .card-band .cardlist-ctn .ck.cl-left {
  left: 0px;
}

.user-set-ctn .card-band .cardlist-ctn .ck.cl-left-sh {
  position: absolute;
  content: "";
  display: inline-block;
  width: 19px;
  height: 150px;
  background: url(../images/bank_shadow_left.png);
  top: 0px;
  left: 20px;
  border: 0px;
}

.user-set-ctn .card-band .cardlist-ctn .ck.cl-right {
  right: 0px;
}

.user-set-ctn .card-band .cardlist-ctn .ck.cl-right-sh {
  position: absolute;
  content: "";
  display: inline-block;
  width: 19px;
  height: 150px;
  background: url(../images/bank_shadow_right.png);
  top: 0px;
  right: 20px;
  border: 0px;
}

.user-set-ctn .card-band .cardlist-ctn .ck.cl-right i {
  background: url(../images/userset_sprite.png) -126px -36px no-repeat;
}

.user-set-ctn .card-band .cl-center {
  width: 1720px;
  position: absolute;
  left: 20px;
}

.user-set-ctn .card-band .bankcard-ctn {
  width: 290px;
  height: 150px;
  float: left;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  margin-left: 20px;
  position: relative;
  overflow: hidden;
}

.user-set-ctn .card-band .bankcard-ctn span {
  font-size: 18px;
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
  display: inline-block;
}

.user-set-ctn .card-band .bankcard-ctn span.cardno {
  margin-top: 40px;
  font-weight: 600;
}

.user-set-ctn .card-band .bankcard-ctn span.card-name {
  width: 100%;
  margin-top: 20px;
}

.user-set-ctn .card-band .bankcard-ctn .bankcard-info {
  position: absolute;
  z-index: 2;
  width: 100%;
}

.user-set-ctn .card-band .bankcard-ctn svg {
  position: absolute;
  top: 15px;
  left: 0;
  opacity: .2;
  z-index: 1;
  fill: #fff;
}

.user-set-ctn .card-band .bankcard-ctn svg image {
  width: 290px;
}

.user-set-ctn .card-band .bankcard-ctn img {
  display: inline-block;
  margin-top: 15px;
  width: auto !important;
}

.user-set-ctn .card-band .bankcard-ctn.bg1 {
  background: rgb(232, 57, 91);
  background-image: -moz-linear-gradient( 135deg, rgb(148, 111, 200) 0%, rgb(237, 103, 130) 100%);
  background-image: -webkit-linear-gradient( 135deg, rgb(148, 111, 200) 0%, rgb(237, 103, 130) 100%);
  background-image: -ms-linear-gradient(135deg, rgb(148, 111, 200) 0%, rgb(237, 103, 130) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8395b', endColorstr='#ed6782', GradientType=0);
}

:root .gradient {
  filter: none;
}

.user-set-ctn .card-band .bankcard-ctn.bg2 {
  background: rgb(47, 214, 251);
  background-image: -moz-linear-gradient(135deg, rgb(87, 139, 240) 0%, rgb(95, 223, 252) 100%);
  background-image: -webkit-linear-gradient(135deg, rgb(87, 139, 240) 0%, rgb(95, 223, 252) 100%);
  background-image: -ms-linear-gradient(135deg, rgb(87, 139, 240) 0%, rgb(95, 223, 252) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fd6fb', endColorstr='#5fdffc', GradientType=0);
}

.user-set-ctn .card-band .bankcard-ctn.bg3 {
  background: rgb(93, 238, 203);
  background-image: -moz-linear-gradient( 135deg, rgb(97, 203, 253) 0%, rgb(93, 238, 203) 100%);
  background-image: -webkit-linear-gradient( 135deg, rgb(97, 203, 253) 0%, rgb(93, 238, 203) 100%);
  background-image: -ms-linear-gradient( 135deg, rgb(97, 203, 253) 0%, rgb(93, 238, 203) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61cbfd', endColorstr='#5deecb', GradientType=0);
}

.user-set-ctn .card-band .bankcard-ctn.bg4 {
  background: rgb(255, 227, 159);
  background-image: -moz-linear-gradient( 135deg, rgb(169, 133, 48) 0%, rgb(255, 227, 159) 100%);
  background-image: -webkit-linear-gradient( 135deg, rgb(169, 133, 48) 0%, rgb(255, 227, 159) 100%);
  background-image: -ms-linear-gradient( 135deg, rgb(169, 133, 48) 0%, rgb(255, 227, 159) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a98530', endColorstr='#ffe19f', GradientType=0);
}

.user-set-ctn .card-band .bankcard-ctn.bg5 {
  background: rgb(248, 48, 107);
  background-image: -moz-linear-gradient( 135deg, rgb(252, 92, 64) 0%, rgb(248, 48, 107) 100%);
  background-image: -webkit-linear-gradient( 135deg, rgb(252, 92, 64) 0%, rgb(248, 48, 107) 100%);
  background-image: -ms-linear-gradient( 135deg, rgb(252, 92, 64) 0%, rgb(248, 48, 107) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5c40', endColorstr='#f8306b', GradientType=0);
}

.user-set-ctn .card-band .add-bankcard {
  margin-left: 20px;
  height: 88px;
  width: 150px;
  border: 2px dashed #626887;
  color: #626887;
  margin-top: 30px;
  float: left;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}

.user-set-ctn .card-band .add-bankcard a {
  color: #626887;
}

.user-set-ctn .card-band .add-bankcard a:hover {
  color: #d9ddf2;
}

.user-set-ctn .card-band .add-bankcard i {
  display: inline-block;
  font-size: 36px;
  font-style: normal;
  width: 100%;
  text-align: center;
  font-weight: 600;
}

.user-set-ctn .card-band .add-bankcard span {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
}

.user-set-ctn .safe-set {
  padding-left: 40px;
}

.user-set-ctn .safe-set .safe-set-list {
  margin-top: 20px;
}

.user-set-ctn .safe-set-list .ssl {
  float: left;
  width: 144px;
  height: 184px;
  background: #212637;
  border: 1px solid #2c3043;
  border-radius: 5px;
  margin-right: 10px;
  text-align: center;
}

.user-set-ctn .safe-set-list .ssl i {
  display: inline-block;
  width: 46px;
  height: 34px;
  margin-top: 30px;
}

.user-set-ctn .safe-set-list .ssl span {
  display: inline-block;
  text-align: center;
}

.user-set-ctn .safe-set-list .ssl span.ssl-title {
  font-size: 18px;
  color: #7b95e9;
  width: 100%;
  margin-top: 10px;
}

.user-set-ctn .safe-set-list .ssl span.ssl-tips {
  font-size: 12px;
  color: #626887;
  margin-top: 10px;
}

.user-set-ctn .safe-set-list .ssl a.btn {
  margin-top: 10px;
}

.user-set-ctn .safe-set-list .ssl span.info {
  margin-top: 10px;
  color: #d9ddf2;
  font-size: 18px;
  font-weight: 600;
}

.user-set-ctn .safe-set-list .ssl.lgnpwd i {
  background: url(../images/user_set_icons.png) -96px 0px no-repeat;
}

.user-set-ctn .safe-set-list .ssl.tranpwd i {
  background: url(../images/user_set_icons.png) 0px 0px no-repeat;
}

.user-set-ctn .safe-set-list .ssl.bandphone i {
  background: url(../images/user_set_icons.png) -48px 0px no-repeat;
}

.user-set-ctn .safe-set-list .ssl.pwdprotect i {
  background: url(../images/user_set_icons.png) 0px -36px no-repeat;
}

.user-set-ctn .safe-set-list .ssl.bandsteam i {
  background: url(../images/user_set_icons.png) -48px -36px no-repeat;
}

.user-set-ctn a.btn {
  display: inline-block;
  width: 100px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #626887;
  color: #626887;
  text-align: center;
  border-radius: 100px 100px 100px 100px;
  cursor: pointer;
}

.user-set-ctn a.btn:hover {
  background: #515e87;
  border-color: #515e87;
  color: #d9ddf2;
}

.ng-checkbox {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  border: 1px solid #333;
  vertical-align: middle;
  cursor: pointer;
}

.ng-checkbox.checked:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 2px;
  left: 2px;
  background: #c71313;
}

/*消息及日志*/

.wrapper.message {
  background: #272b40;
  margin: 0;
  width: 100%;
  font-size: 12px;
  color: #d9ddf2;
}

.wrapper.message .user-msg-log {
  background: #212536;
  overflow: hidden;
  padding-bottom: 10px;
}

.wrapper.message .ctn-left {
  float: left;
  width: 832px;
}

.wrapper.message .ctn-left .title {
  font-size: 14px;
  color: #d9ddf2;
  padding-top: 40px;
  padding-left: 40px;
}

.wrapper.message .nav {
  margin-top: 10px;
  line-height: 30px;
  height: 30px;
  margin-left: 40px;
  font-size: 0px;
}

.wrapper.message .nav a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: auto;
  height: 100%;
  color: #6a6f8d;
}

.wrapper.message .nav span {
  border-left: 1px solid #313750;
  padding: 5px 20px;
  font-size: 14px;
  cursor: pointer;
}

.wrapper.message .nav span:hover {
  color: #fff;
}

.wrapper.message .nav span.read {
  border-right: 1px solid #313750;
}

.wrapper.message .nav span.current {
  color: #687ec5;
}

.wrapper.message .nav .all-read {
  float: right;
  margin-right: 16px;
  display: inline-block;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  background: transparent;
  border: 1px solid #626887;
  color: #626887;
  border-radius: 100px;
}

.wrapper.message .nav .all-read:hover {
  background: #515e87;
  border-color: #515e87;
  color: #d9ddf2;
  cursor: pointer;
}

.wrapper.message .msg-box {
  margin-top: 20px;
  margin-left: 10px;
  border: 1px solid #0e0e0e;
  background: #191c29;
  height: 440px;
  position: relative;
}

.wrapper.message .msg-box .tb-title {
  height: 55px;
  line-height: 55px;
  font-size: 0px;
  color: #6a6f8d;
  text-align: center;
}

.wrapper.message .msg-box .tb-title span {
  font-size: 14px;
  float: left;
}

.wrapper.message .msg-box .tb-title input {
  margin-left: 20px;
  cursor: pointer;
  margin-right: 30px;
}

.wrapper.message .msg-box .tb-row {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #272b40;
  cursor: pointer;
  font-size: 0px;
}

.wrapper.message .msg-box .tb-row span {
  font-size: 12px;
}

.wrapper.message .msg-box .tb-row input {
  margin-left: 20px;
  cursor: pointer;
  margin-right: 30px;
  display: none;
}

.wrapper.message .msg-box .tb-row a {
  display: inline-block;
  height: 100%;
  color: #d9ddf2;
}

.wrapper.message .msg-box .tb-row.unread {
  color: #ccc;
  font-weight: 600;
}

.wrapper.message .msg-box .tb-row:hover {
  background: #38416e;
}

.wrapper.message .msg-box .t1 {
  display: inline-block;
  width: 190px;
  height: 40px;
  vertical-align: top;
  text-align: center;
}

.wrapper.message .msg-box .t2 {
  display: inline-block;
  width: 200px;
  height: 40px;
  vertical-align: top;
  text-align: center;
}

.wrapper.message .msg-box .t3 {
  display: inline-block;
  width: 290px;
  height: 40px;
  vertical-align: top;
  text-align: left;
}

.wrapper.message .msg-box .t4 {
  display: inline-block;
  width: 110px;
  height: 40px;
  vertical-align: top;
  text-align: center;
}

.wrapper.message .msg-box i {
  font-style: normal;
  display: inline-block;
  width: 50px;
  line-height: 20px;
  height: 20px;
  color: #636885;
  border-radius: 100px;
  background-color: #252b3f;
}

.wrapper.message .msg-box i.unread {
  border: 1px solid #8e9fd8;
  color: #8e9fd8;
  background-color: transparent;
}

.wrapper.message .msg-box i.unread:hover {
  background: #515e87;
  color: #d9ddf2;
  border-color: #515e87;
}

.wrapper.message .msg-box .ng-checkbox {
  margin: 0 20px;
}

.wrapper.message .msg-box .opt-page {
  border-top: 1px solid #272b40;
  width: 100%;
  height: 56px;
  line-height: 56px;
  text-align: center;
}

.wrapper.message .msg-box .opt-page ul.pagination li {
  line-height: 32px;
  margin-top: 12px;
}

.wrapper.message .ctn-right {
  float: left;
  width: 398px;
}

.wrapper.message .ctn-right .title {
  margin-top: 40px;
  margin-left: 10px;
  font-size: 14px;
  color: #d9ddf2;
}

.wrapper.message .ctn-right .tips {
  margin-left: 10px;
  margin-top: 10px;
  line-height: 30px;
  height: 30px;
  color: #6a6f8d;
}

.wrapper.message .ctn-right .msg-box {
  margin-left: 10px;
  height: auto;
}

.wrapper.message .ctn-right .msg-box .t5 {
  display: inline-block;
  width: 128px;
  height: 40px;
  vertical-align: top;
  text-align: center;
}

.wrapper.message .ctn-right .msg-box .t6 {
  display: inline-block;
  width: 125px;
  height: 40px;
  vertical-align: top;
  text-align: center;
}

.wrapper.message .ctn-right .msg-box .t7 {
  display: inline-block;
  width: 125px;
  height: 40px;
  vertical-align: top;
  text-align: center;
}

/*.wrapper.message .ctn-right .msg-box .tb-title + .tb-row{ color:#ccc;font-weight: 600;  }*/

.wrapper.message .ctn-right .msg-box .tb-row {
  cursor: default;
}

.dialog-wide.msg {}

.dialog-wide.msg .ctn-box .title {
  text-align: center;
  margin-top: 20px;
  padding: 0 20px;
  font-size: 18px;
  color: #c8cce5;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  line-height: normal;
  overflow: hidden;
}

.dialog-wide.msg .ctn-box .date-user {
  text-align: center;
  font-size: 12px;
  color: #8a8ea9;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

.dialog-wide.msg .ctn-box .date-user span.user {
  padding-left: 15px;
}

.dialog-wide.msg .ctn-box p.sp {
  width: 740px;
  margin: 0 auto;
  border-top: 1px solid rgba(0, 0, 0, .2);
  margin-top: 20px;
}

.dialog-wide.msg .ctn-box .ctn {
  padding: 20px 50px;
  font-size: 14px;
  color: #8a8ea9;
  line-height: 20px;
  max-height: 162px;
  overflow: auto;
}

.dialog-wide.msg .ctn-box .ctn a {
  color: #dadada;
}

.dialog-wide.msg .date-user-btm {
  width: 100%;
  display: block;
  text-align: right;
  font-size: 14px;
  color: #8a8ea9;
  line-height: 20px;
}

.dialog-wide.msg .date-user-btm p {
  padding-right: 50px;
}

.dialog-wide.msg .btn-more {
  text-align: center;
  margin-top: 10px;
  position: absolute;
  top: 108px;
  left: 480px;
}

.dialog-wide.msg .btn-more a {
  font-size: 12px;
  color: #1771de;
  text-decoration: underline;
}

.dialog-wide.msg .btn-more a:hover {
  color: #c8cce5;
}

.dialog-wide.msg .btn {
  text-align: center;
  margin-top: 10px;
  position: absolute;
  bottom: 50px;
  left: 318px;
}

.dialog-wide.msg .btn button {
  display: inline-block;
  width: 155px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #7a93ec;
  border-radius: 100px;
  border: 0;
  outline: none;
  font-size: 14px;
  color: #c8cce5;
  cursor: pointer;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.dialog-wide.msg .btn button:hover {
  background: #687ec5;
}

/*推广分享*/

.wrapper.seo {
  background: #272b40;
  margin: 0;
  width: 100%;
  color: #6a6f8d;
}

.wrapper.seo .user-seo {
  background: #212536;
  overflow: hidden;
  padding-bottom: 10px;
}

.wrapper.seo .ctn-left {
  float: left;
}

.wrapper.seo .ctn-left .title {
  font-size: 14px;
  color: #d9ddf2;
  padding-top: 40px;
  padding-left: 40px;
}

.wrapper.seo .ctn-left .tips {
  padding-top: 20px;
  padding-left: 40px;
}

.wrapper.seo .ctn-left .tips a {
  color: #687ec5;
}

.wrapper.seo .seo-box {
  margin-top: 20px;
  margin-left: 10px;
  border: 1px solid #0e0e0e;
  background: #191c29;
  height: 420px;
  position: relative;
  width: 820px;
}

.wrapper.seo .seo-box .seo-href {
  height: 95px;
  line-height: 95px;
  border-bottom: 1px solid #272b40;
  padding-left: 40px;
  padding-right: 40px;
  overflow: hidden;
}

.wrapper.seo .seo-box .seo-href:first-child {
  border-bottom: none;
  line-height: 80px;
  height: 80px;
}

.wrapper.seo .seo-box .seo-href.second {
  height: 30px;
  line-height: 30px;
  padding-bottom: 20px;
}

.wrapper.seo .seo-box .seo-href span {
  font-size: 14px;
  color: #d9ddf2;
  float: left;
}

.wrapper.seo .seo-box .seo-href span.invite_tips {
  font-size: 12px;
  color: #6a6f8d;
  float: right;
}

.wrapper.seo .seo-box .seo-href a {
  font-size: 18px;
  color: #687ec5;
  margin: 0px 50px 0px 10px;
  float: left;
}

.wrapper.seo .seo-box .seo-href a#number {
  font-size: 25px;
}

.wrapper.seo .seo-box .seo_key_input {
  display: none;
  height: 30px;
  width: 100px;
  background: #212121;
  border: 1px solid #333;
  color: #999;
  text-indent: 10px;
  line-height: 30px;
  vertical-align: middle;
  margin-top: -5px;
  border-radius: 3px;
  margin-left: 5px;
}

.wrapper.seo .seo-box .seo-href button {
  float: right;
  display: inline-block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #83a0ff;
  border-radius: 100px;
  border: 0;
  outline: none;
  font-size: 14px;
  color: #000;
  cursor: pointer;
  margin-top: 25px;
}

.wrapper.seo .seo-box .seo-href button#edit_button {
  border: 1px solid #83a0ff;
  color: #83a0ff;
  margin-right: 10px;
  background: none;
}

.wrapper.seo .seo-box .seo-href button:hover {
  background: #687ec5;
}

.wrapper.seo .seo-box .seo-href button#edit_button:hover {
  background: #515e87;
  color: #d9ddf2;
  border-color: #515e87;
}

.wrapper.seo .seo-box .seo-ewm {
  overflow: hidden;
  padding-left: 40px;
  padding-top: 40px;
}

.wrapper.seo .seo-box .seo-ewm span {
  font-size: 14px;
  color: #d9ddf2;
  float: left;
}

.wrapper.seo .seo-box .seo-ewm img {
  display: block;
  float: left;
  width: 170px;
  margin-left: 10px;
}

.wrapper.seo .seo-box .seo-ewm div {
  float: right;
  margin-right: 40px;
  background: #212536;
}

.wrapper.seo .seo-box .seo-ewm div p {
  width: 236px;
  font-size: 14px;
  color: #d9ddf2;
  padding-left: 20px;
}

.wrapper.seo .seo-box .seo-ewm div p.p1 {
  padding-top: 20px;
}

.wrapper.seo .seo-box .seo-ewm div p.p2 {
  padding-bottom: 20px;
  color: #687ec5;
  font-size: 18px;
  padding-top: 5px;
}

.wrapper.seo .seo-box .seo-ewm div p.p2.f-btm {
  padding-bottom: 20px;
  border-bottom: 1px solid #31374f;
}

.wrapper.seo .ctn-right {
  float: left;
}

.wrapper.seo .ctn-right .title {
  font-size: 14px;
  color: #d9ddf2;
  padding-top: 40px;
  padding-left: 10px;
}

.wrapper.seo .ctn-right .tips {
  padding-top: 20px;
  padding-left: 10px;
}

.wrapper.seo .ctn-right .seo-box {
  margin-top: 20px;
  margin-left: 10px;
  border: 1px solid #0e0e0e;
  background: #191c29;
  height: 420px;
  position: relative;
  width: 386px;
  height: 95px;
  text-align: center;
  line-height: 95px;
}

.wrapper.seo .ctn-right .seo-box a {
  display: inline-block;
  margin: 0 3px;
  width: 38px;
  height: 36px;
  vertical-align: middle;
}

.wrapper.seo .ctn-right .seo-box a:hover {
  margin-top: -5px;
}

.wrapper.seo .ctn-right .seo-box a.facebook {
  background: url(../images/seo_sprite.png) 0px 0px;
}

.wrapper.seo .ctn-right .seo-box a.instagram {
  background: url(../images/seo_sprite.png) 0px -38px;
}

.wrapper.seo .ctn-right .seo-box a.google {
  background: url(../images/seo_sprite.png) -40px 0px;
}

.wrapper.seo .ctn-right .seo-box a.twitter {
  background: url(../images/seo_sprite.png) -80px 0px;
}

.wrapper.seo .ctn-right .seo-box a.wechat_moments {
  background: url(../images/seo_sprite.png) 0px -76px;
}

.wrapper.seo .ctn-right .seo-box a.sina {
  background: url(../images/seo_sprite.png) -40px -38px;
}

.wrapper.seo .ctn-right .seo-box a.wechat {
  background: url(../images/seo_sprite.png) -80px -38px;
}

.wrapper.package {
  background: #272b40;
  margin: 0;
  width: 100%;
  font-size: 12px;
  color: #6a6f8d;
}

.wrapper.package .user-msg-log {
  background: #212536;
  overflow: visible;
  padding-bottom: 10px;
}

.wrapper.package .ctn-left {
  float: left;
  width: 832px;
}

.wrapper.package .ctn-left .title {
  font-size: 14px;
  color: #d9ddf2;
  padding-top: 40px;
  padding-left: 40px;
}

.wrapper.package .ctn-left .tips {
  padding-top: 20px;
  padding-left: 40px;
}

.wrapper.package .ctn-left .tips a {
  color: #687ec5;
  text-decoration: underline;
}
.wrapper.package .ctn-left .tips a:hover{
    color:#a1b4f4;
}

.wrapper.package .nav {}

.wrapper.package .nav .nav-left a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: auto;
  height: 100%;
  color: #666;
}

.wrapper.package .nav .nav-left a.left {
  float: left;
}

.wrapper.package .nav a.right {
  display: block;
  float: right;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #a53319;
  border-radius: 100px;
  border: 0;
  outline: none;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  margin-top: 11px;
  margin-right: 32px;
  padding: 0 20px;
}

.wrapper.package .nav a.right:hover {
  background: #c71313;
}

.wrapper.package .nav .nav-left a span {
  font-size: 14px;
  cursor: pointer;
}

.wrapper.package .nav .nav-left a span:hover {
  color: #fff;
}

.wrapper.package .nav span.current {
  color: #c71313;
}

.wrapper.package .nav span.right {
  display: block;
  float: right;
  display: inline-block;
  width: 155px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #a53319;
  border-radius: 100px;
  border: 0;
  outline: none;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  margin-top: 11px;
  margin-right: 40px;
}

.wrapper.package .nav span.right:hover {
  background: #c71313;
}

.wrapper.package .msg-box {
  margin-top: 20px;
  margin-left: 10px;
  border: 1px solid #0e0e0e;
  background: #191c29;
  min-height: 440px;
  position: relative;
}

.wrapper.package .msg-box .tb-title {
  height: 55px;
  line-height: 55px;
  font-size: 14px;
  color: #6a6f8d;
  text-align: center;
}

.wrapper.package .item-content {
  padding: 10px 0 0 14px;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 390px;
}

.wrapper.package .item-content .game-switch-line {
  float: right;
  border: 1px solid #a43420;
  border-radius: 4px;
  padding: 2px;
  cursor: pointer;
  margin-right: 30px;
  position: relative;
}

.wrapper.package .item-content .game-switch-line .game-switch {
  display: inline-block;
  height: 18px;
  width: 45px;
  line-height: 18px;
  text-align: center;
  color: #a43420;
  z-index: 1;
  background: rgba(0, 0, 0, 0);
  position: relative;
}

.wrapper.package .item-content .game-switch-line .game-switch.active {
  color: #fff;
}

.wrapper.package .item-content .game-switch-line .game-switch-bg {
  background: #a43420;
  width: 45px;
  height: 18px;
  position: absolute;
  top: 2px;
  z-index: 0;
  border-radius: 2px;
}

.wrapper.package .item-content .item-empty {
  font-size: 14px;
  width: 100%;
  text-align: center;
  line-height: 400px;
}

.item-content .item-box {
  float: left;
  position: relative;
  width: 130px;
  margin: 10px 14px;
  height: auto;
  cursor: pointer;
}

.item-content .item-box .item-select-icon {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .65) url(../images/checkon_icon.png) no-repeat 97% 3px;
  background-size: 20px 20px
}

.item-content .item-box.selected .item-select-icon {
  display: block;
}

.item-content .item-box .item-image {
  width: 100%;
  height: 86px;
  background: linear-gradient(to bottom, #3d3c3d, #a0a0a0)
}

.item-content .item-box .item-name-text {
  position: absolute;
  width: 100%;
  left: 0;
  top: 68px;
  height: 18px;
  line-height: 18px;
  background: rgba(0, 0, 0, .65);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color:#fff;
}

.item-content .item-box .item-sell-price {
  color: #FFFFFF;
  background: rgba(127, 131, 154, .8);
  line-height: 18px;
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 0 5px;
  border-radius: 10px;
}

.item-content .item-box .item-detail {
  position: absolute;
  left: 130px;
  z-index: 100;
  overflow: visible;
  display: none;
}

.item-content .item-box .item-detail:after {
  color: #2d363e;
  content: "◆";
  font-size: 20px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 30px;
  left: -18px;
  top: 46%;
}

.wrapper.package .item-content .item-box .item-detail .item_desc_icon img {
  max-width: 350px;
}

.wrapper.package .item-content .item-box .item-detail .section-1 {
  padding: 10px 10px 0;
}

.wrapper.package .item-content .item-box .item-detail .section-1 img.item-img-lg {
  width: 100%;
}

.wrapper.package .item-content .item-box .item-detail .item-name {
  font-size: 16px;
  line-height: 30px;
}

.wrapper.package .item-content .item-box .item-detail .rarity-line {
  height: 5px;
}

.wrapper.package .item-content .item-box .item-detail .section-2 {
  position: relative;
}

.wrapper.package .item-content .item-box .item-detail .section-2 .section-2-bg {
  background: rgba(0, 0, 0, .7);
  padding: 10px;
}

.wrapper.package .item-content .item-box .item-detail .hero-img {
  width: 100%;
  margin-bottom: 5px;
}

.wrapper.package .item-content .item-box .item-detail .hero-img img {
  display: block;
  float: left;
  width: 65px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, .6);
}

.wrapper.package .item-content .item-box .item-detail .hero-img .hero-name {
  float: left;
  font-size: 15px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
  line-height: 37px;
  padding-left: 15px;
}

.wrapper.package .item-content .item-loading {
  width: 100%;
  height: 30px;
  display: none;
}

.wrapper.package .item-content .load-image {
  height: 100%;
  margin: 0 auto;
  display: block;
}

.wrapper.package .url-setting {
  padding: 20px;
  border-top: 1px solid #212121;
  overflow: visible;
}

.wrapper.package .url-setting .url-setting-tips {
  width: 94%;
  line-height: 40px;
  height: 40px;
  /* background: #222; */
  padding: 0 25px;
  border-radius: 3px;
  color:#c8cce5;
}

.wrapper.package .url-setting .url-setting-tips a {
  color: #1771de;
}

.wrapper.package .url-setting .url-setting-box {
  margin-top: 30px;
  padding: 0 25px;
}

.wrapper.package .url-setting .url-setting-box div.tip {
  float: left;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
}

.wrapper.package .url-setting .url-setting-box div.input {
  float: left;
}

.wrapper.package .url-setting .url-setting-box input {
  width: 390px;
  margin-left: 30px;
  background: #1c1f2e;
  font-size: 14px;
  padding: 6px 10px;
  border-radius: 3px;
  color: #8a8ea9;
  border: 1px solid #3d4868;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.wrapper.package .url-setting div.button {
  background: #7a93ec;
  border: 0 none;
  border-radius: 100px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  outline: medium none;
  text-align: center;
  width: 155px;
  margin-top: 20px;
  margin-left: 152px;
}
.wrapper.package .url-setting div.button:hover{
    background-color: #6b85d6;
}

.wrapper.package .ctn-right {
  float: left;
  width: 398px;
}

.wrapper.package .ctn-right .title {
  margin-top: 40px;
  margin-left: 20px;
  font-size: 14px;
  color: #d9ddf2;
}

.wrapper.package .ctn-right .tips {
  margin-left: 20px;
  margin-top: 20px;
}

.wrapper.package .ctn-right .msg-box {
  margin-left: 20px;
  height: auto;
  min-height: auto;
}

.wrapper.package .ctn-right .msg-box .t5 {
  display: inline-block;
  width: 128px;
  height: 40px;
  vertical-align: top;
  text-align: center;
}

.wrapper.package .ctn-right .msg-box .t6 {
  display: inline-block;
  width: 125px;
  height: 40px;
  vertical-align: top;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wrapper.package .ctn-right .msg-box .t7 {
  display: inline-block;
  width: 105px;
  height: 40px;
  vertical-align: top;
  text-align: center;
}

.wrapper.package .ctn-right .msg-box .tb-row {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #272b40;
  color: #d9ddf2;
}

.wrapper.package .ctn-right .msg-box .tb-row:last-child {
  border-bottom: 1px solid #272b40;
}

.wrapper.package .msg-box .tb-row:hover {
  background: #38416e;
}

.wrapper.package .trade-tip-box {
  position: fixed;
  top: 48%;
  left: 44%;
  z-index: 1000;
  width: 220px;
  background: #1b1b1b;
  display: none;
  padding: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
  font-size: 14px;
}

.wrapper.package .trade-tip-box .loading {
  float: left;
  line-height: 30px;
}

.wrapper.package .trade-tip-box img {
  width: 30px;
  float: right;
}

.wrapper.package .trade-tip-box a {
  color: #c71c1c;
}

.bill_query {
  margin: 10px 20px -10px 10px;
}

.bill_query li {
  float: left;
  margin: 0 30px 20px 0;
}

.bill_query li label {
  width: 60px;
  margin-right: 8px;
  text-align: right;
  color: #FFF;
  font-size: 12px;
  display: inline-block;
  line-height: 30px;
  vertical-align: top;
}

.bill_query li span.nes {
  display: inline-block;
  vertical-align: top;
  margin: 0 16px;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}

.bill_query li input {
  background: #FFF;
  height: 24px;
  width: 120px;
  border: 0 none;
  border-radius: 2px;
  box-shadow: inset 0px -3px 3px 0 rgba(0, 0, 0, .1);
  color: #000;
  padding: 0 8px;
  line-height: 24px;
}

.bill_query li select {
  background: #fff;
  width: 136px;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: 0 none;
  border-radius: 2px;
  box-shadow: inset 0px -3px 3px 0 rgba(0, 0, 0, .1);
  color: #000;
  height: 24px;
  padding: 0 8px;
}

.bill_query li select::-ms-expand {
  border: 0 none;
  background: none;
  padding: 0;
}

.bill_query li .select {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top
}

/*.bill_query li .select:after{position:absolute;right:0;top:0;height:24px;width:30px;z-index:2;content:"";background:#a2a8b8;content:"";border-radius:0 3px 3px 0}
.bill_query li .select:before{content:"";z-index:3;width:6px;height:6px;border-left:2px solid #dbdbdb;border-bottom:2px solid #dbdbdb;position:absolute;top:12px;right:11px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-3px}*/

.bill_query li button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  border: 0 none;
  background: #c21e1d;
  height: 24px;
  line-height: 24px;
  padding: 0 18px;
  margin-right: 20px;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  position: relative
}

.bill_query li button:hover {
  background: #25a6c7;
}

.bound_box {
  position: relative;
}

/*.bound_box:before{content:"";width:50%;background:#161A21;display:block;left:0;top:0;bottom:0;position:absolute;z-index:1}*/

.bound_box .bound {
  width: 50%;
  *width: 49.5%;
  float: left;
  position: relative;
  z-index: 2;
  text-align: center;
}

.bound_box .bound_spleator1 {
  border: 1px solid #000;
  height: 300px;
}

.bound_box .bound span.b {
  color: #fff;
  font-size: 14px;
}

.bound_box .bound>div {
  padding: 30px 60px
}

.bound_box .bound h3 {
  font-size: 22px;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 16px;
  display: inline-block;
  margin-right: 10px;
}

.bound_box .bound p {
  font-size: 16px;
  color: #696f80
}

.bound_box .bound_list {
  clear: both;
  position: relative;
  z-index: 3;
  padding: 20px 0 0 0;
  margin-bottom: 20px
}

.bound_box .bound_list ul {
  position: relative;
}

/*.bound_box .bound_list ul:after{position: absolute; left: 50%; margin-left: -1px; top: 15px; bottom: 0; border-left:2px solid #090909; content: ""; z-index: 1;margin-top: -80px;}*/

.bound_box .bound_list .detail_spleator {
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 15px;
  bottom: 0;
  border-left: 2px solid #090909;
  content: "";
  z-index: 1;
  margin-top: -80px;
}

.bound_box .bound_list ul li {
  position: relative;
  z-index: 2;
}

.bound_box .bound_list ul li div.detail {
  width: 313px;
  padding: 18px 10px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 20px;
}

.bound_box .bound_list ul li div.detail.in {
  left: 45px;
  background: url(../images/billlist_detail_in.png) no-repeat;
}

.bound_box .bound_list ul li div.detail.out {
  left: 369px;
  background: url(../images/billlist_detail_out.png) no-repeat;
  padding-left: 100px;
  margin-left: -1px;
}

.bound_box .bound_list ul li div.detail p {
  line-height: 1.2;
  margin: 5px 10px;
  color: #fff;
  font-size: 12px;
}

.bound_box .bound_list ul li div.detail .price span {
  font-size: 14px;
  font-weight: normal;
  color: #000;
  vertical-align: top;
  margin-top: 8px;
  display: inline-block;
  padding: 2px 5px;
  border-radius: 2px;
}

.bound_box .bound_list ul li div.detail.in .price {
  font-size: 21px;
  color: #FFF;
}

.bound_box .bound_list ul li div.detail.in .price span {
  color: #fff;
}

.bound_box .bound_list ul li div.detail.out .price {
  font-size: 21px;
  color: #fff;
}

.bound_box .bound_list ul li div.detail.out .price span {
  color: #fff;
}

.bound_box .bound_list ul li div.detail .type {
  position: absolute;
  right: 26px;
  bottom: 10px;
  line-height: 1.2;
  font-size: 14px;
  top: 55px;
}

.bound_box .bound_list ul li div.detail.out .type {
  right: 352px;
}

.bound_box .bound_list ul li div.detail.in .time {
  font-size: 12px;
  position: absolute;
  left: 100%;
  top: 10px;
  margin-left: -80px;
  line-height: 1;
  white-space: nowrap;
  color: #333333;
  width: 67px;
  text-align: center;
}

/*.bound_box .bound_list ul li div.detail.in .time:after{ content: ""; width: 10px; height: 10px;border-radius: 50%; border:1px solid #008eb2; display: block; left: -34px; top: 2px; position: absolute; background: #13151b;}
.bound_box .bound_list ul li div.detail.in .time:before{ content: ""; width: 20px; height: 1px;border-top:1px solid #008eb2; display: block; left: -54px; top: 8px; position: absolute;}
.bound_box .bound_list ul li div.detail.in:after{ content: ""; width: 10px; height: 10px;border-radius: 50%; border:1px solid #008eb2; display: block; left:100%; margin-left: -6px; top: 12px; position: absolute; background: #161A21;}*/

.bound_box .bound_list ul li div.detail.in .time_s {
  width: 68px;
  font-size: 12px;
  position: absolute;
  left: 100%;
  top: 30px;
  margin-left: -78px;
  line-height: 1;
  white-space: nowrap;
  color: #333333;
  border-top: 2px solid #090909;
}

.bound_box .bound_list ul li div.detail.in .time.bottom {
  top: 34px;
}

.bound_box .bound_list ul li div.detail.out .time {
  font-size: 12px;
  position: absolute;
  right: 100%;
  top: 10px;
  margin-right: -80px;
  line-height: 1;
  white-space: nowrap;
  color: #333333;
  width: 67px;
  text-align: center;
}

.bound_box .bound_list ul li div.detail.out .time_s {
  width: 68px;
  font-size: 12px;
  position: absolute;
  left: 100%;
  top: 30px;
  margin-left: -414px;
  line-height: 1;
  white-space: nowrap;
  color: #333333;
  border-top: 2px solid #090909;
}

.bound_box .bound_list ul li div.detail.out .time.bottom {
  top: 34px;
}

/*.bound_box .bound_list ul li div.detail.out .time:after{ content: ""; width: 10px; height: 10px;border-radius: 50%; border:1px solid #b90909; display: block; right: -34px; top: 2px; position: absolute; background: #13151b;}
.bound_box .bound_list ul li div.detail.out .time:before{ content: ""; width: 20px; height: 1px;border-top:1px solid #b90909; display: block; right: -54px; top: 8px; position: absolute;}
.bound_box .bound_list ul li div.detail.out:after{ content: ""; width: 10px; height: 10px;border-radius: 50%; border:1px solid #b90909; display: block; right:100%; margin-right: -6px; top: 12px; position: absolute; background: #161A21;}*/

.bound_box .bound_list .bill_loading {
  height: 50px;
  position: relative;
}

.container_user .con_bd .loadding {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  text-align: center;
}

.container_user .loadding span {
  width: 47px;
  height: 47px;
  display: inline-block;
  background: url(../images/loader.gif) center no-repeat;
  transition: all .8s;
  -webkit-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
}

.container_user .loadding span.rotate {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.con_bd.pd0 .spleator {
  border-top: 1px solid #0d0d0d;
  width: 100%;
  height: 18px;
  margin-top: 28px;
}

.safe_level {
  position: relative;
  line-height: 36px;
  color: #696f80;
  height: 36px;
  z-index: 2;
  margin: 10px 10px 0 10px;
}

.safe_level>div {
  position: relative;
  height: 20px;
  width: 100% !important;
}

.safe_level>div>span {
  position: absolute;
  font-size: 14px;
  color: #ccc;
}

/*.safe_level>div>span:after{ width: 1px; height: 32px; background: #b90909; content: ""; right: 1px; top: 100%; display: block; position: absolute;}*/

.safe_line {
  background: #111318;
  border-radius: 2px;
  height: 2px;
  box-shadow: 0 1px 2px 0 rgba(255, 255, 255, .2);
  margin: 0px 10px 0 10px;
}

.safe_icon {
  border-radius: 20px;
  background: #0F1117;
  padding: 4px;
  margin: 10px 10px 14px 10px;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .5), 0 1px 1px 0 rgba(255, 255, 255, .2);
}

.safe_icon>div {
  border-radius: 20px;
  background: #26292f;
  height: 8px;
  position: relative;
  overflow: hidden;
}

.safe_icon>div>div {
  display: block;
  height: 16px;
  width: 0px;
  background: #d42606;
  background: -moz-linear-gradient(left, #b90909 0, #f34702 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #b90909), color-stop(100%, #f34702));
  background: -webkit-linear-gradient(right, #b90909 0, #f34702 100%);
  background: -ms-linear-gradient(left, #b90909 0, #f34702 100%);
  background: linear-gradient(to right, #b90909 0, #f34702 100%);
  transition: all 1s ease-in-out;
  -webkit-transition: width 1s;
}

.iconfont1.icon-password1 {
  background: url(../images/icon_password.png) bottom no-repeat transparent;
}

.iconfont1.icon-phone1 {
  background: url(../images/icon_phone.png) bottom no-repeat transparent;
}

.iconfont1.icon-card1 {
  background: url(../images/icon_card.png) bottom transparent;
}

.iconfont1.icon-password1.unbind {
  background: url(../images/icon_unpassword.png) no-repeat transparent;
}

.iconfont1.icon-phone1.unbind {
  background: url(../images/icon_unphone.png) no-repeat transparent;
}

.iconfont1.icon-card1.unbind {
  background: url(../images/icon_uncard.png) no-repeat transparent;
}

.setting {
  background: #1c1c1c;
  margin-bottom: 10px;
}

.setting>ul>li {
  float: left;
  width: 33.33333%;
}

.setting>ul>li a {
  display: block;
  font-size: 12px;
  text-align: center;
  color: #808080;
}

.setting>ul>li a i {
  font-size: 40px;
  background: #008eb2;
  color: #e1e6f2;
  border-radius: 50%;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin: 0 auto;
  margin-bottom: 5px;
}

.setting>ul>li a i.unbind {
  background: #ccc;
  color: #999;
}

.setting>ul>li a:hover {
  color: #ffffff;
}

.setting>ul>li a>span {
  display: inline-block;
  height: 35px;
  line-height: 35px;
}

.cz_type {
  margin-top: 10px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  margin-right: 1px;
}

.cz_type li {
  position: relative;
  z-index: 1;
  height: 28px;
  line-height: 28px;
  width: 76px;
  float: left;
  background: #282828;
}

.cz_type li:before {
  border-left: 1px solid #565c6d;
  content: "";
  height: 40px;
  width: 1px;
  position: absolute;
  left: 0px;
  z-index: 2;
}

.cz_type li:first-child::before {
  display: none;
}

.cz_type li>span {
  background: #282828;
  color: #c3c3c3;
  font-size: 12px;
  text-align: center;
  display: block;
  cursor: pointer;
}

.cz_type li>span:hover {
  background: #777d8c;
  color: #fff;
}

.cz_type li>input {
  border: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}

.cz_type li.active span {
  background: #c41f1d;
  color: #fff;
}

.cz_form li {
  margin: 20px 0 10px 0;
}

.cz_form li label {
  width: 60px;
  margin-right: 8px;
  text-align: right;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  line-height: 20px;
  vertical-align: top;
}

.cz_form li span.nes {
  display: inline-block;
  vertical-align: top;
  margin: 0 16px;
  color: #696f80;
  font-size: 14px;
  line-height: 30px;
}

.cz_form li input {
  background: #d8d8d8;
  height: 20px;
  width: 134px;
  border: 0 none;
  border-radius: 2px;
  box-shadow: inset 0px -3px 3px 0 rgba(0, 0, 0, .1);
  color: #000;
  padding: 0 8px;
  line-height: 20px;
}

.cz_form li select {
  background: #d8d8d8;
  width: 150px;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: 0 none;
  border-radius: 2px;
  box-shadow: inset 0px -3px 3px 0 rgba(0, 0, 0, .1);
  color: #000;
  height: 20px;
  padding: 0 6px;
}

.cz_form li select::-ms-expand {
  border: 0 none;
  background: none;
  padding: 0;
}

.cz_form li .select {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/*.cz_form li .select:after{position:absolute;right:0;top:0;height:20px;width:20px;z-index:2;content:"";background:#a2a8b8;content:"";border-radius:0 3px 3px 0}
.cz_form li .select:before{content:"";z-index:3;width:6px;height:6px;border-left:2px solid #dbdbdb;border-bottom:2px solid #dbdbdb;position:absolute;top:8px;right:7px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-3px}*/

.cz_form li button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  border: 0 none;
  margin-left: 44px;
  background: #c41f1d;
  height: 30px;
  line-height: 30px;
  padding: 0 36px;
  *padding: 0 16px;
  margin-right: 20px;
  border-radius: 4px;
  cursor: pointer;
  color: #ffdede;
  position: relative;
}

.cz_form li button.godeposit {
  background: #fac648;
  color: #b4501e;
  transition: all 1s;
}

.cz_form li button:hover {
  background: #c41f1d;
  color: #fff;
}

.user_welcome {
  background: url(../images/user_welcome.png) 0 0 no-repeat #1e2025;
  height: 40px;
  overflow: hidden;
}

.user_welcome h2 {
  font-size: 20px;
  color: #ffffff;
  margin: 30px 0 10px 30px;
}

.user_welcome p {
  color: #808080;
  font-size: 12px;
  margin: 0 0 0 30px;
  line-height: 40px;
}

.user_count {
  background: #1c1c1c;
  position: relative;
  *width: 745px;
  *height: 163px;
}

.user_count:before {
  content: "";
  left: 50%;
  width: 1px;
  top: 10px;
  bottom: 0;
  border-left: 1px solid #000;
  position: absolute;
}

.user_count>div {
  padding: 20px 30px;
  width: 310px;
  float: left;
  padding-bottom: 14px;
}

.user_count>div h3 {
  font-size: 16px;
  color: #fff;
  line-height: 2;
  margin-top: -10px;
}

.user_count>div h3 span {
  font-size: 12px;
  color: #fff;
}

.user_count>div h3 a.charge {
  color: #f9c741;
  font-size: 16px;
  margin-left: 20px;
  text-decoration: underline;
}

.user_count>div h3 a.withdraw {
  color: #c71313;
  font-size: 16px;
  margin-left: 12px;
  text-decoration: underline;
}

.user_count>div h3 a:hover {
  text-decoration: underline;
}

.user_count>div .price {
  font-size: 36px;
  color: #f9c741;
  height: 68px;
  text-align: left;
  padding-top: 20px;
}

.user_count>div .price1 {
  color: #c71313;
}

.user_count div.how {
  text-align: right;
  margin-right: -5px;
}

.user_count div.how a {
  color: #fff;
  font-size: 14px;
  text-decoration: underline;
}

.user_count div.right,
.con_box div.right {
  *border-left: 1px solid #000;
}

.mta {
  position: relative;
  height: 240px;
}

.mta:before {
  content: "";
  left: 50%;
  width: 1px;
  top: 10px;
  bottom: 0;
  border-left: 1px solid #000;
  position: absolute;
}

.mta>div {
  padding: 20px 30px;
  width: 311px;
  float: left;
}

.mta .star {
  margin: 38px 20px 37px 50px;
  float: left;
}

.mta .info {
  margin: 56px 0 0 20px;
  float: left;
  font-size: 14px;
  color: #fff;
}

.mta .info .wincount {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #22bd31;
  border-radius: 50%;
}

.mta .info .losecount {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #323232;
  border-radius: 50%;
}

.mta .chart {
  width: 144px;
  height: 144px;
  border-radius: 50%;
  background: #3c3e44;
  float: left;
  margin: 20px 20px 0 20px;
  position: relative;
  float: left;
  filter: alpha(opacity=0);
}

.mta .chart canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 144px;
  height: 144px;
}

.mta .rateInfo {
  position: absolute;
}

.mta .rate {
  color: #fff;
  font-size: 16px;
}

.mta .right span {
  display: block;
  color: #fff;
  font-size: 14px;
  height: 40px;
}

.mta .right span.money {
  text-align: left;
  width: 100%;
  font-size: 38px;
  color: #c71313;
  text-indent: 10px;
}

.mta .right span.how {
  text-align: right;
  width: 100%;
  text-decoration: underline;
  line-height: 80px;
  cursor: pointer;
}

.mta .right span.how a {
  color: #fff;
  text-decoration: underline;
}

.mta .chart_txt {
  float: left;
  margin: 66px 0 0 0;
  color: #fff;
  line-height: 2;
  font-size: 12px;
}

.mta .chart_txt i {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: top;
  margin: 7px 5px 0 0;
}

.mta .chart_txt i.i1 {
  background: #3c3e44;
}

.mta .chart_txt i.i2 {
  background: #ff5400;
}

.mta .chart_txt i.i3 {
  background: #008eb2;
}

.friend {
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden
}

.friend_list li {
  padding: 10px;
  height: 40px;
  color: #515663;
}

.friend_list li:nth-child(2n) {
  background: #1e2127;
}

.friend_list li:hover {
  background: #383c46;
}

.friend_list li a {
  display: block;
}

.friend_list li span.avatar {
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: top;
  margin: 2px 5px;
  border-radius: 50%;
  overflow: hidden;
}

.friend_list li span.avatar img {
  width: 36px;
  height: 36px;
}

.friend_list li div.info {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  color: #515663;
}

.friend_list li div.info .lv {
  margin-top: 1px;
  line-height: 1;
}

.friend_list li div.info .name {
  max-width: 180px;
  display: inline-block;
  vertical-align: top;
}

.friend_list li div.info .tt {
  width: 50px;
  display: inline-block;
}

.noresult {
  padding: 100px 0;
  text-align: center;
  color: #696f80;
  display: none;
}

.result_table {
  width: 710px;
  margin: 20px;
  margin-right: 0px;
}

.result_table thead tr {
  font-size: 0px;
}

.result_table thead tr th {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  background: #c21e1d;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  position: relative;
  border-right: 1px solid #bb1519;
  border-bottom: 1px solid #bb1519;
}

.result_table .t1 {
  width: 140px;
}

.result_table .t2 {
  width: 80px;
}

.result_table .t3 {
  width: 140px;
}

.result_table .t4 {
  width: 100px;
}

.result_table .t5 {
  width: 80px;
}

.result_table .t6 {
  width: 70px;
}

.result_table .t7 {
  width: 70px;
}

/*.result_table thead tr th:after{ content: ""; position: absolute; right: 0; top: 0; height: 40px;  border-right: 1px solid #bb1519; z-index: 3;}*/

.result_table tbody {
  max-height: 305px;
  display: inline-block;
  overflow-y: auto;
}

.result_table tbody tr td {
  height: 40px;
  background: #fff;
  text-align: center;
  color: #a2a8b8;
  text-overflow: ellipsis;
  word-break: normal;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

/*.result_table tbody tr:nth-child(2n) td{ background: #1e2128;}*/

.result_table tfoot td {
  text-align: center;
}

.result_table tbody tr td .button {
  background: #c31e1d;
  color: #fff;
  padding: 3px 5px;
  border-radius: 3px;
  cursor: pointer;
}

.result_table tbody tr td .button.disabled {
  background: #cccccc;
}

.result_table tfoot td span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 30px;
  height: 30px;
  background: url(../images/loader.gif) no-repeat;
  margin-top: 10px;
  transition: all 2s;
  -webkit-transition: all 2s;
  -ms-transition: all 2s;
  -o-transition: all 2s;
}

.result_table tfoot td span.rotate {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.user_form {
  background: none;
  padding: 10px 20px;
  margin: 10px;
  min-height: 434px;
  /*display: none;*/
}

.user_form.init {
  display: none;
}

.user_form li {
  margin: 20px 0 20px 0;
  font-size: 12px;
}

.user_form li label {
  width: 125px;
  margin-right: 16px;
  text-align: right;
  color: #808080;
  font-size: 14px;
  display: inline-block;
  line-height: 30px;
  vertical-align: top;
  float: left;
}

.user_form li span.nes {
  display: inline-block;
  vertical-align: top;
  margin: 0 16px;
  color: #696f80;
  font-size: 14px;
  line-height: 30px;
}

.user_form li span.text {
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  font-size: 14px;
  height: 30px;
  width: 200px;
  overflow: hidden;
}

.user_form li input[type="text"],
.user_form li input[type="password"] {
  background: #d8d8d8;
  height: 30px;
  width: 210px;
  border: 0 none;
  border-radius: 2px;
  box-shadow: inset 0px -3px 3px 0 rgba(0, 0, 0, .1);
  color: #000;
  padding: 0 8px;
  line-height: 30px;
}

.user_form_ready {
  background: none;
  padding: 10px 20px;
  margin: 10px;
  min-height: 434px;
}

.user_form_ready li {
  margin: 20px 0 20px 0;
  color: #fff;
}

.user_form_ready li label {
  width: 100px;
  margin-right: 10px;
  text-align: right;
  color: #808080;
  font-size: 14px;
  display: inline-block;
  line-height: 30px;
  vertical-align: top;
}

.user_form_ready li span {
  line-height: 30px;
}

.user_form_ready li button {
  margin-left: 112px;
  margin-top: 10px;
  padding: 3px 24px;
  color: #fff;
  background: #c41f1d;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
}

.user_form li select {
  background: #222a42;
  height: 30px;
  width: 226px;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: 0 none;
  border-radius: 2px;
  box-shadow: inset 0px -3px 3px 0 rgba(0, 0, 0, .1);
  color: #d9ddf2;
  padding: 0 8px;
  line-height: 30px;
}

.user_form li select::-ms-expand {
  border: 0 none;
  background: none;
  padding: 0;
}

.user_form li .select {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/*.user_form li .select:after{position: absolute; right: 0; top: 0; height: 30px; width: 30px; z-index: 2; content: ""; background: #a2a8b8; content: ""; border-radius: 0 3px 3px 0;}
.user_form li .select:before{position:absolute;top:12px;right:11px;z-index:3;margin-top:-3px;width:6px;height:6px;border-bottom:2px solid #dbdbdb;border-left:2px solid #dbdbdb;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg)}*/

.user_form li input[type=radio] {
  position: relative;
  vertical-align: -3px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  margin-top: 9px;
}

.user_form li input[type=radio]:checked:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 5px;
  display: table;
  width: 6px;
  height: 6px;
  background: #696d78;
  border-radius: 50%;
}

.user_form li input[type=radio]:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -2px;
  margin-right: 5px;
  border: 1px solid #000;
  box-shadow: inset 0px -3px 3px 0 rgba(0, 0, 0, .1);
  transition: 240ms;
  background-color: #d8d8d8;
  border-radius: 50%;
}

.user_form li textarea {
  background-color: #d8d8d8;
  width: 210px;
  vertical-align: top;
  border: 0 none;
  border-radius: 2px;
  box-shadow: inset 0px -3px 3px 0 rgba(0, 0, 0, .1);
  color: #000;
  padding: 8px;
  resize: none;
}

.user_form li textarea.wid {
  width: 380px;
}

.user_form li input.wid {
  width: 380px;
}

.user_form li input.shr {
  width: 100px;
}

.user_form li select.shr {
  width: 130px;
}

.user_form li .nol {
  margin-left: 115px;
  line-height: 1;
  color: #696f80;
}

.user_form li button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  border: 0 none;
  margin-left: 116px;
  background: transparent;
  color: #7b95e9;
  border: 2px solid #7b95e9;
  height: 30px;
  line-height: 26px;
  padding: 0 24px;
  margin-right: 20px;
  border-radius: 4px;
  cursor: pointer;
  position: relative
}

.user_form li button:hover {
  background: #515e87;
  border-color: #515e87;
  color: #d9ddf2;
}

.user_form li button.disabled,
.user_form li button.disabled:hover {
  background: #696f80;
  color: #9CA3B9;
  cursor: default;
}

.user_form li button.disabled:before {
  content: "\e619";
  font-family: "iconfont";
  margin-right: 3px;
  animation: loading 2s linear infinite;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -ms-animation: loading 2s linear infinite;
  display: inline-block;
}

.user_form .user_tips {
  background: rgba(255, 255, 255, .1);
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  line-height: 1.6;
}

.setting_con {
  margin: 20px;
}

.setting_con li {
  background: #282828;
  padding: 15px 25px;
}

.setting_con li:nth-child(2n) {
  background: #212121;
}

.setting_con li label {
  font-size: 27px;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  height: 27px;
  width: 27px;
  overflow: hidden;
}

.setting_con li label.icon-yes {
  color: #45d04e;
}

.setting_con li label.icon-no {
  color: #c71c1c;
}

.setting_con .iconfont1.icon-yes1 {
  background: url(../images/yes_icon.png) no-repeat;
}

.setting_con .iconfont1.icon-no1 {
  background: url(../images/no_icon.png) no-repeat;
}

.setting_con li span,
.setting_con li a {
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
}

.setting_con li span.names {
  font-size: 16px;
  color: #fff;
  margin-left: 20px;
}

.setting_con li span.tip {
  color: #cccccc;
  font-size: 12px;
  margin-left: 20px;
  max-width: 330px;
}

.setting_con li span.tip.two {
  margin: -10px 0 -10px 10px;
  line-height: 25px;
}

.setting_con li .act {
  float: right;
  color: #008eb2;
  margin-right: 10px;
}

.setting_con li .act:hover {
  text-decoration: underline;
}

.setting_con li a.button {
  float: right;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  width: 90px;
  text-align: center;
}

.setting_con li a.button.edit_btn {
  background: #c41f1d;
  color: #fff;
  border-radius: 3px;
}

.setting_con li a.button.edit_btn:hover {
  background: #8c919f;
}

.setting_con li a.button.new_btn {
  background: #c31e1d;
  color: #ffffff;
  border-radius: 3px;
}

.setting_con li a.button.new_btn:hover {
  background: #29aacb;
}

.seo_box {
  margin: 20px;
  background: none;
  margin-bottom: 0px;
}

.seo_box .seo_hd {
  position: relative;
  background: #282828;
}

.seo_box .seo_hd:before {
  content: "";
  left: 50%;
  width: 1px;
  top: 10px;
  bottom: 0;
  border-left: 1px solid #000;
  position: absolute;
}

.seo_box .seo_hd>div {
  width: 262px;
  float: left;
  padding: 20px 40px;
  text-align: center;
}

.seo_box .seo_hd>div>span {
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
}

.seo_box .seo_hd>div>span.ellipsis {
  color: #3b824f;
  font-size: 36px;
  padding-left: 30px;
}

.seo_box .seo_hd>div h4 {
  color: #ffffff;
  font-size: 16px;
  display: inline-block;
}

.seo_box .seo_hd>div h3 {
  color: #008eb2;
  font-size: 40px;
  text-align: center;
  margin-top: 18px;
  font-style: italic;
  font-weight: bold;
  display: inline-block;
}

.seo_box .seo_link {
  background: #212121;
  padding: 20px;
}

.seo_box .seo_link h4 {
  font-size: 14px;
  color: #a2a8b8;
}

.seo_box .seo_link>div {
  margin-top: 10px;
}

.seo_box .seo_link>div span {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 30px;
}

.seo_box .seo_link>div p {
  color: #ffffff;
  font-size: 14px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 30px;
  vertical-align: top;
  width: 470px;
  margin-left: 30px;
}

.seo_box .seo_link>div .seo_btn {
  width: 86px;
  height: 30px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  color: #fff;
  font-size: 14px;
  background: #b90909;
  text-align: center;
  border-radius: 3px;
  line-height: 30px;
}

.seo_box .seo_qr {
  padding: 20px 40px;
}

.seo_box .seo_qr h4 {
  font-size: 14px;
  color: #fff;
  margin-left: -20px;
}

.seo_box .seo_qr div {
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
  color: #888;
}

.seo_box .seo_qr div img {
  vertical-align: top;
  width: 257px;
}

/*充值*/

.dialog-wide.dia2 {
  height: 498px;
  background-size: 777px 498px;
}

.dialog-wide.dia2 .tips {
  font-size: 12px;
  color: #626887;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  line-height: 18px;
  padding: 0 40px;
  padding-bottom: 20px;
}

.dialog-wide.dia2 .con_box {
  position: relative;
  margin: 0px 20px 20px 20px;
}

.dialog-wide.dia2 .dia_tab {
  background: transparent;
  height: auto;
  line-height: initial;
}

.dialog-wide.dia2.reg .con_box .con_tab {
  overflow: initial;
}

.dialog-wide.dia2.reg * {
  box-sizing: content-box;
}

.dialog-wide.dia2.reg .dia_tab .charge_tab_list {
  height: 42px;
}

.dialog-wide.dia2 .dia_tab .charge_tab_list>li {
  text-align: center;
  background: #2e3959;
  color: #626887;
  font-size: 14px;
  border-bottom: none;
  border-top: 2px solid #3d4b75;
  border-left: 2px solid #3d4b75;
  border-right: 2px solid #3d4b75;
  line-height: 40px;
  height: 40px;
  width: 115px;
  border-radius: 5px 5px 0 0;
}

.dialog-wide.dia2 .dia_tab .charge_tab_list>li.active {
  background: #28314d;
  border-color: #3d4b75;
  position: relative;
  top: 0;
  height: 42px;
}

.dialog-wide.dia2 .li-active {
  display: inline-block;
  width: 128px;
  height: 3px;
  background: #28314d;
  position: absolute;
  top: 39px;
  left: 22px;
  z-index: 10;
}

.dialog-wide.dia2 .dia_tab .charge_tab_list>li.active a {
  color: #d9ddf2;
}

.dialog-wide.dia2 .dia_tab .charge_tab_list>li a {
  color: #626887;
  font-size: 14px;
}

.dialog-wide.dia2.reg .con_tab.dia_tab li a:hover {
  border-bottom: none;
  border-color: #5c6563;
}

.con_bd.dia_bd .jq-types {
  height: 100%;
  overflow: auto;
}

.dialog-wide.dia2 .con_bd.dia_bd {
  width: 734px;
  position: absolute;
  top: 40px;
  background: #28314d;
  border: 2px solid #3d4b75;
  margin: 0px 20px 20px 20px;
  color: #c8cce5;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  height: 334px;
  border-radius: 0px 5px 5px 5px;
  overflow: auto;
}

.dialog-wide.dia2.reg .con_bd.dia_bd {
  width: auto;
  position: static;
  top: 0;
  overflow: initial;
  margin: 0;
}

.dialog-wide.dia2 .dia_form li.line {
  font-size: 0px;
}

.dialog-wide.dia2 .dia_form li input[type=text] {
  width: 188px;
  padding: 0;
  margin: 0;
  border: 2px solid #3d4b75;
  text-indent: 10px;
  background: #222a42;
  box-sizing: border-box;
  font-size: 20px;
  color: #d9ddf2;
  font-weight: 400;
}

.dialog-wide.dia2 .dia_form {
  margin-left: 20px;
  border-radius: 5px;
}

.dialog-wide.dia2 div.line.selected {
  position: relative;
  overflow: hidden;
}

.dialog-wide.dia2 div.line.selected:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/task_icons.png) no-repeat -12px -152px;
  right: -1px;
  bottom: -1px;
}

.dialog-wide.dia2 .dia_form li .select_box span.bank.active:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/task_icons.png) no-repeat -12px -152px;
  right: -1px;
  bottom: -1px;
}

.dialog-wide.dia2 .dia_form li span.bank {
  width: 138px;
  height: 30px;
  background: #222a42;
  line-height: 30px;
  text-align: center;
  border: 1px solid #2c3654;
}

.dialog-wide.dia2 .dia_form li span.bank img {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}

.dialog-wide.dia2 .dia_form li span.bank svg {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}

.dialog-wide.dia2 .dia_form li span.bank i {
  font-style: normal;
  vertical-align: top;
  display: inline-block;
  margin-top: -1px;
}

.dialog-wide.dia2 .dia_form li .deposit-line-tips {
  font-size: 12px;
  color: #626887;
}

.dialog-wide.dia2 .dia_form .game_wallet_balance {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  vertical-align: middle;
}

.dialog-wide.dia2 .dia_form .game_wallet_balance img {
  vertical-align: middle;
}

/*提现*/

.dialog-wide.dia2.withdraw .con_bd.dia_bd {
  position: static;
  border-radius: 5px;
  height: 392px;
}

.dialog-wide.dia2.withdraw .dia_bd .blance {
  border: 0;
}

.dialog-wide.dia2.withdraw .dia_bd .blance.t ul li {
  position: relative;
  width: 33.3333333%;
}

.dialog-wide.dia2.withdraw .dia_bd .blance.t ul li:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 70px;
  border-right: 1px solid #333;
  position: absolute;
  right: 0px;
  top: 15px;
}

.dialog-wide.dia2.withdraw .dia_bd .blance.t ul li:last-child:after {
  display: none;
}

.dialog-wide.dia2.withdraw .dia_bd .blance ul li h4 {
  margin-top: 15px;
}

.dialog-wide.dia2.withdraw .dia_bd .withdraw-tips {
  text-align: center;
  max-width: 500px;
  padding: 6px;
  margin: auto;
  border-radius: 3px;
  background: #fff2c8;
  color: #c15500;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.18);
}

.dialog-wide.dia2.withdraw .dia_bd .runningAcTips {
  display: inline-block;
  max-width: 100%;
  padding: 6px 20px;
  margin: auto;
  border-radius: 3px;
  background: #fff2c8;
  color: #c15500;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.18);
  position: relative;
  left: 78px;
}

.dialog-wide.dia2.withdraw .dia_bd .runningAcTips i {
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 36px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff2c8;
}

.dialog-wide.dia2.withdraw .verify_step{
    position: relative;
}
.dialog-wide.dia2.withdraw .dia_form .verify_step input{
    width: 246px;
    border: 1px solid #3d4b75;
    text-indent: 10px;
    padding-right: 110px;
}
.dialog-wide.dia2.withdraw .dia_form .verify_step a{
    position: absolute;
    line-height: 20px;
    width: 100px;
    left: 230px;
    top:8px;
    border-left: 2px solid #3d4b75;
    color:#7189d6;
    text-align: center;
}
.dialog-wide.dia2.withdraw .dia_form .verify_step a i{
    display: inline-block;
    vertical-align: middle;
}
.dialog-wide.dia2.withdraw .dia_form .verify_step a span{
    display: none;
    vertical-align: middle;
}
.dialog-wide.dia2.withdraw .dia_form .verify_step a.disabled{
    cursor: default;
    color: #5f6480;
}
.dialog-wide.dia2.withdraw .dia_form .verify_step a.disabled span{
    display: inline-block;
}
.dialog-wide.dia2.withdraw .dia_form .verify_step a.disabled i{
    display: none;
}
.dialog-wide.dia2.withdraw .verify_step .errorTip{
    padding-left: 85px;
    color:#db4009;
}

.dialog-wide.dia2 .dia_form li {
  margin-top: 10px;
}

.dialog-wide.dia2 .dia_form li.banklist {
  font-size: 0;
}

.dialog-wide.dia2 .dia_form li input[type=password] {
  width: 188px;
  padding: 0;
  margin: 0;
  border: 1px solid #3d4b75;
  text-indent: 10px;
  background: #222a42;
  box-sizing: border-box;
  font-size: 20px;
  color: #d9ddf2;
}

.dialog-wide.dia2 .dia_form li div.select {
  width: 574px;
}

.dialog-wide.dia2 .dia_form li div.select span {
  width: 246px;
  background: #222a42;
  color: #626887;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  border: 1px solid #2c3654;
  box-sizing: border-box;
}

.dialog-wide.dia2 .dia_form li div.select span.select {
  border: 1px solid #7b95e9;
  color:#7b95e9;
  background: #313c5e;
}

.dialog-wide.dia2 .dia_form li div.select span.select:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/task_icons.png) no-repeat -12px -152px;
  right: -1px;
  bottom: -1px;
}

.dialog-wide.dia2 .dia_form li div.select span.add_btn {
  border: 0;
  background: none;
  text-align: left;
  text-decoration: underline;
}

.dialog-wide.dia2 .dia_form li div.select span.add_btn:hover {
  color: #fff;
}

/*站内转账*/

.dialog-wide.dia2.exchangecenter .con_bd.dia_bd {
  position: static;
  border-radius: 5px;
  height: 366px;
}

.dialog-wide.dia2.exchangecenter .dia_bd .blance {
  border: 0;
  height: 100px;
  overflow: hidden;
}

.dialog-wide.dia2.exchangecenter .dia_bd .blance.t ul li {
  width: 25%;
  position: relative;
}

.dialog-wide.dia2.exchangecenter .dia_bd .blance.virtual ul li {
  width: 33.3%;
  position: relative;
}

.dialog-wide.dia2.exchangecenter .dia_bd .blance.t ul li.game:after,
.dialog-wide.dia2.exchangecenter .dia_bd .blance.t ul li.sport:after,
.dialog-wide.dia2.exchangecenter .dia_bd .blance.t ul li.ag:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 70px;
  border-right: 1px solid #3e4d77;
  position: absolute;
  right: 0px;
  top: 15px;
}

.dialog-wide.dia2.exchangecenter .dia_bd .blance.t ul li.game h3 {
  color: #7b95e9;
}

.dialog-wide.dia2.exchangecenter .dia_bd .blance.t ul li.game h3 span {
  font-size: 12px;
  color: #666;
  font-weight: 400;
}

.dialog-wide.dia2.exchangecenter .dia_bd .blance ul li h4 {
  margin-top: 15px;
}

.dialog-wide.dia2.exchangecenter .dia_form li {
  margin-left: 170px;
  font-size: 0px;
  margin-top: 0px;
}

.dialog-wide.dia2.exchangecenter .dia_form li.l1 {
  margin-top: 20px;
}

.dialog-wide.dia2.exchangecenter .dia_form li.l2 {
  margin-top: 5px;
}

.dialog-wide.dia2.exchangecenter .dia_form li label {
  text-align: right;
}

.dialog-wide.dia2.exchangecenter .dia_form li span.select {
  line-height: 30px;
}

.dialog-wide.dia2.exchangecenter .dia_form li select {
  height: 30px;
  line-height: 30px;
  padding: 0 64px;
  text-align: center;
  border: 1px solid #333;
  background: #1f1f1f;
  color: #999;
  width: 188px;
}

.dialog-wide.dia2.exchangecenter .exch_btn {
  position: absolute;
  top: 266px;
  right: 243px;
}

.dialog-wide.dia2.exchangecenter .exch_btn i.up {
  display: block;
  width: 16px;
  height: 12px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}

.dialog-wide.dia2.exchangecenter .exch_btn i.down {
  display: block;
  width: 16px;
  height: 12px;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
}

.dialog-wide.dia2.exchangecenter .exch_btn span.exchange_btn {
  display: block;
  background: url(../images/changemoney.png) center no-repeat #1f1f1f;
  width: 32px;
  height: 32px;
  margin: 6px 0px;
  border: 1px solid #333;
}

.dialog-wide.dia2.exchangecenter button {
  height: 32px;
  line-height: 30px;
  width: 155px;
  margin-left: 98px;
  margin-top: 10px;
}

.dialog-wide.dia2.exchangecenter .prevrecord {
  text-align: center;
  margin-top: 20px;
}

.dialog-wide.dia2.exchangecenter .selectBoxUI {
  display: inline-block;
  border: 1px solid #333;
  background: #212121;
  border-radius: 3px;
}

.dialog-wide.dia2.exchangecenter .selectBoxUI .selectBox.select {
  background: #212121;
}

.dialog-wide.dia2.exchangecenter .selectBox.txt {
  text-align: center;
  display: inline-block;
  width: 138px;
  color: #999;
  border: 0;
  background: transparent;
  margin: 0px;
}

.dialog-wide.dia2.exchangecenter .selectBoxUI .selectBox.select .selecticon {
  margin: 0px;
  background: url(../images/slt-box-right.png) center no-repeat;
  border: 0px;
  border-left: 1px solid #333;
  vertical-align: top;
}

.dialog-wide.dia2.exchangecenter .selectBoxUI .selectBox.container li {
  padding: 0px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border: 1px solid #333;
  background: #212121;
  color: #999;
  border-bottom: 0;
  margin: 0px;
  font-size: 12px;
}

.dialog-wide.dia2.exchangecenter .selectBoxUI .selectBox.container li:hover {
  background: #2f2f2f;
  color: #fff;
}

.dialog-wide.dia2.exchangecenter .selectBoxUI .selectBox.container {
  border: 0;
  margin-top: 5px;
  border-bottom: 1px solid #333;
  border-radius: 5px;
}

/*牛币兑换*/

.dialog-wide.dia2.virtualcenter .con_bd.dia_bd {
  height: 370px;
}

.dialog-wide.dia2.virtualcenter li.cm {
  font-size: 12px;
}

.dialog-wide.dia2.virtualcenter li.cm span {
  padding: 0 5px;
}

.dialog-wide.dia2.virtualcenter li.l3 {
  margin-top: 30px
}

.dialog-wide.dia2.virtualcenter form {
  margin-top: 30px;
}

/*折现服务*/

.dialog-wide.dia2.exchangeservice .tips {
  padding-right: 30px;
}

.dialog-wide.dia2.exchangeservice .con_bd.dia_bd {
  top: 100px;
  height: 380px;
  text-align: center;
}

.dialog-wide.dia2.exchangeservice .con_bd.dia_bd>div {
  display: block;
}

.dialog-wide.dia2.exchangeservice .md-items-info {
  overflow: hidden;
  text-align: center;
  width: 296px;
  display: inline-block;
  margin: 50px auto;
  margin-bottom: 30px;
}

.dialog-wide.dia2.exchangeservice .md-items-info .item-pic {
  float: left;
}

.dialog-wide.dia2.exchangeservice .md-items-info .item-pic img {
  width: 130px;
}

.dialog-wide.dia2.exchangeservice .md-items-info .item-info {
  float: left;
  text-align: left;
  width: 130px;
  margin-left: 30px;
  margin-top: 5px;
}

.dialog-wide.dia2.exchangeservice .md-items-info .item-info span {
  display: block;
  line-height: 20px;
}

.dialog-wide.dia2.exchangeservice .md-items-info .item-info span.item-name {
  font-size: 14px;
  color: #f600ff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dialog-wide.dia2.exchangeservice .md-items-info .item-info span em {
  float: right;
  font-weight: 600;
  color: #626887;
}

.dialog-wide.dia2.exchangeservice .s-line {
  border-top: 1px solid #333;
  width: 393px;
  margin: 0 auto;
}

.dialog-wide.dia2.exchangeservice .md-local-price-text {
  margin-top: 30px;
}

.dialog-wide.dia2.exchangeservice .md-local-price {
  font-size: 18px;
  color: #7a93ec;
  line-height: 24px;
}

.dialog-wide.dia2.exchangeservice button {
  margin: 30px;
  display: inline-block;
  width: 158px;
  height: 30px;
  border: 0 none;
  border-radius: 300px;
  background: #7a93ec;
  color: #fff;
  vertical-align: top;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}

.dialog-wide.dia2.exchangeservice button:hover {
  background: #576dbc;
}

.dialog_body {
  min-width: 0;
  width: auto;
  overflow: hidden;
}

.dia_con {
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}

.dia_hd {
  background: #c71c1c;
  padding: 20px;
  position: relative;
}

.dia_hd.msg {
  background: #b90909;
}

.dia_hd .close {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: #9b1216;
  text-align: center;
  line-height: 30px;
  font-size: 30px;
}

.dia_hd .close:hover {
  opacity: 1;
}

.dia_hd h1 {
  font-size: 24px;
  color: #fff;
  line-height: 1.8;
}

.dia_hd span {
  font-size: 14px;
  color: #ffffff;
  margin-left: 10px;
}

.dia_hd p {
  font-size: 14px;
  color: #e38e8e;
}

.con_box .con_tab.dia_tab li {
  position: relative;
}

/*.con_box .con_tab.dia_tab li:after{ content: ""; position: absolute; right: 0; top: 5px; bottom: 5px; border-right: 1px solid #cccccc; width:1px; }*/

.con_box .con_tab.dia_tab li:last-child::after {
  display: none;
}

.con_box .con_tab.dia_tab li.active,
.con_box .con_tab.dia_tab li a.active,
.con_box .con_tab.dia_tab li a:hover {
  border-color: #c71c1c;
}

.con_bd.dia_bd {
  background: #fff;
  padding: 0;
  height: 372px;
}

.con_bd.dia_bd>div {
  display: none;
}

.con_bd.dia_bd>div.active {
  display: block;
}

.con_bd.dia_bd>div.active .sorry {
  text-align: center;
  font-size: 16px;
  margin-top: 150px;
  color: #808080;
}

.charge_tab_list li {
  width: 165px;
}

.exchange_tab_list li {
  width: 312px;
}

.dia_con .jq-account-info {
  margin:10px 20px;
}

.dia_con .jq-account-info>div {
 /*  margin: 5px 0; */
}

.dia_con .jq-account-info label {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 24px;
  line-height: 24px;
  width: 100px;
  font-size: 14px;
  color: #808080;
  text-align: right;
  padding-right: 20px;
}

.dia_con .jq-account-info span {
  font-size: 14px;
  color: #ccc;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 24px;
  line-height: 24px;
  width: 400px;
}

.dia_con .jq-account-info span.cp {
  width: 50px;
  background: #c71c1c;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

.dia_con .jq-account-info label.bank_title{
  line-height: 60px;
  height: 60px;
}

.dia_con .jq-account-info span.bank_title{
  height: 60px;
  line-height: 60px;
  font-size: 25px;
  color: #fff;
  font-weight:600;
}

.dia_con .jq-account-info span.bank_title img{
  width: 50px;
  vertical-align:middle;
  margin-right: 10px;
}


.dia_con .jq-account-info button {
  margin: 10px 50px 0;
  padding: 0px 36px;
  color: #000;
  background: #7b95e9;
  height: 30px;
  line-height: 30px;
  border: 0px none;
  border-radius: 4px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  margin-left: 120px;
}

.dia_con span.account-diff {
  border: 1px solid #a53319;
  background: black;
  width: auto;
  padding: 0 20px;
  color: #c41f1d;
  position: relative;
}

.dia_con span.account-diff:after {
  content: "";
  width: 13px;
  height: 8px;
  background-image: url(../images/ndtbg.png);
  position: absolute;
  left: 15px;
  top: -8px;
}

.dia_con .jq-account-info label.handImg {
  text-align: left;
}

.dia_con .handImg span {
  margin-left: 45px;
  display: inline-block;
  background: url(../images/gesture.png) no-repeat center;
  background-size: contain;
  width: 52px;
  vertical-align: middle;
  animation: handmove 0.6s infinite;
  -webkit-animation: handmove 0.6s infinite;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
}

@keyframes handmove {
  from {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  to {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
  }
}

@-webkit-keyframes handmove {
  from {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  to {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
  }
}

.dia_bd .blance {
  border-bottom: 1px solid #dbdbdb;
}

.dia_bd .blance ul li {
  width: 33%;
  float: left;
  padding: 10px 0;
  text-align: center;
}

.dia_bd .blance.t ul li {
  width: 24.5%;
}

.dia_bd .blance ul li:last-child {
  border-right: 0px;
}

.dia_bd .blance ul li h4 {
  font-size: 14px;
  margin: 0 20px;
}

.dia_bd .blance ul li h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 5px;
  font-style: normal;
  color: #d9ddf2;
}

.dia_bd .blance ul li h3 .jq-valid-withdraw {
  color: #7b95e9;
}

.dia_bd .blance ul li h3 small {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  margin: 0 5px;
}

.dia_bd .blance ul li p.withdraw-detail {
  height: 0px;
  color: #7b95e9;
  font-weight: bold;
}

.dia_bd .blance ul li span.withdraw-detail {
  height: auto;
  color: #7b95e9;
  font-weight: bold;
  font-size: 12px;
}

.dia_bd .unbandcard {
  height: 200px;
  line-height: 200px;
  text-align: center;
  font-size: 180px;
}

.dia_bd .unbandcard img {
  line-height: 200px;
  vertical-align: middle;
}

.dia_bd .unbandcardlink {
  text-align: center;
  font-size: 14px;
}

.dia_bd .unbandcardlink span {
  color: #7b95e9;
  cursor: pointer;
}

.dia_bd .jq-bank-info {
  display: inline-block;
  margin-top: 10px;
}

.dia_bd .jq-bank-info span {
  margin-right: 10px;
  color: #626887;
}

.message_box {
  overflow: hidden;
  height: 400px;
  margin: 0 auto;
}

.message_box .dia_hd {
  padding: 5px 20px;
}

.message_box .dia_hd h1 {
  font-size: 20px;
}

.message_box .message_con {
  width: 200%;
}

.message_box .message_con>div {
  width: 50%;
  float: left;
  height: 400px;
  background: #fff;
}

.message_box .message_con div.title {
  height: 40px;
  background: #f2f2f2;
}

.message_box .message_con div.content {
  height: 250px;
  line-height: 24px;
  padding: 20px;
  font-size: 14px;
}

.message_box .fr.close {
  line-height: 42px;
}

.message_list {}

.message_list li {
  background: #e6e6e6;
}

.message_list li:nth-child(2n) {
  background: #fafafa;
  color: #4c4c4c;
}

/*.message_list li:hover{ background: #383c46;}*/

.message_list li a {
  display: block;
  padding: 10px 20px 10px 36px;
  position: relative;
}

.message_list li a:after {
  content: "\e614";
  font-family: "iconfont";
  font-size: 18px;
  color: #515663;
  margin-top: -9px;
  line-height: 1;
  position: absolute;
  right: 15px;
  top: 50%;
}

.message_list li a h5 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 5px;
  color: #515663;
}

.message_list li a h5 span {
  display: inline-block;
  margin-left: 10px;
  background: #c71c1c;
  color: #fff;
  border-radius: 50px;
  padding: 3px 6px;
  line-height: 1;
  font-size: 12px;
}

.message_list li a p {
  line-height: 16px;
  font-size: 14px;
  color: #999;
}

.message_list li a span.unread {
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 50%;
  left: 20px;
  top: 20px;
  background: #b90909;
}

.message_detail {
  height: 100%;
  position: relative;
}

.message_detail .back {
  position: absolute;
  left: 20px;
  top: 5px;
  cursor: pointer;
  background: #c71c1c;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  color: #fff;
}

.message_detail>div {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.message_detail>div h3 {
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #515663;
}

.message_detail>div div {
  margin: 20px;
  line-height: 1.6;
  font-size: 14px;
  color: #4c4c4c;
  background-color: #fff;
  padding: 15px;
}

.message_more {
  padding: 20px 0;
  text-align: center;
  color: #515663;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}

.message_more:hover {
  /*background: #383c46; */
}

.bank_card_list {}

.bank_card_list ul li {
  float: left;
  width: 100%;
}

.bank_card_list .bank_card {
  background: #1e2025;
  margin: 10px;
  line-height: 2;
  display: block;
  padding: 20px;
  color: #ffffff;
}

.bank_card_list .bank_card h4.bank_num {
  font-size: 28px;
  text-align: right;
  font-weight: bold;
}

.bank_card_list .bank_card h4.bank_num span {
  margin: 0 16px;
}

.bank_card_list .bank_card .bank_name {
  font-size: 14px;
  line-height: 34px;
}

.bank_card_list .bank_card .bank_name .icon {
  display: inline-block;
  vertical-align: top;
  margin: 0 14px 0 0;
  background: #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 2px solid #ffffff;
}

.bank_card_list .bank_card .bank_name .icon img {
  width: 100%;
  height: 100%;
}

.bank_card_list .bank_card.UNBANK {
  background: #01A3E3;
}

.bank_card_list .bank_card.bank-bankcgournd-4 {
  background-color: #008c77;
}

.bank_card_list .bank_card.bank-bankcgournd-6 {
  background-color: #133984
}

.bank_card_list .bank_card.bank-bankcgournd-10 {
  background-color: #D24444
}

.bank_card_list .bank_card.bank-bankcgournd-20 {
  background-color: #DA251C
}

.bank_card_list .bank_card.bank-bankcgournd-3 {
  background-color: #0177BF
}

.bank_card_list .bank_card.bank-bankcgournd-16 {
  background-color: #52186A
}

.bank_card_list .bank_card.bank-bankcgournd-13 {
  background-color: #133984
}

.bank_card_list .bank_card.bank-bankcgournd-14 {
  background: #C5271E
}

.bank_card_list .bank_card.bank-bankcgournd-1 {
  background-color: #BB201D
}

.bank_card_list .bank_card.bank-bankcgournd-2 {
  background-color: #004D97;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #27A1A6), color-stop(1, #004D97));
}

.bank_card_list .bank_card.bank-bankcgournd-15 {
  background-color: #C91B1F
}

.bank_card_list .bank_card.bank-bankcgournd-5 {
  background-color: #DB3C40;
}

.bank_card_list .bank_card.bank-bankcgournd-11 {
  background-color: #DE5410
}

.bank_card_list .bank_card.bank-bankcgournd-8 {
  background-color: #254375
}

.bank_card_list .bank_card.bank_add {
  border: 2px dotted #515663;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  padding: 10px 20px;
}

.bank_card_list .bank_card.bank_add:hover {
  background: #292E38;
}

.bank_card_list .bank_card.bank_add i {
  margin-right: 10px;
  font-size: 18px;
  line-height: 30px;
}

.faq {
  background: #1e2025;
  margin: 10px;
  color: #515663;
  padding: 20px;
}

.faq p {
  line-height: 1.6;
  font-size: 14px;
  margin: 5px 0;
}

/**上传头像*/

.dia_hd.headImg {
  padding: 10px;
}

.dia_hd.headImg h3 {
  color: #fff;
}

.dia_con .headeimage ul li {
  float: left;
  margin: 15px;
}

.dia_con .headeimage ul li div.bigH {
  width: 80px;
  height: 80px;
  background: #b2b2b2;
}

.dia_con .headeimage ul li div.smallH {
  width: 38px;
  height: 38px;
  background: #b2b2b2;
}

.dia_con .headeimage ul li span {
  padding: 6px 30px;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  position: absolute;
  margin-top: 174px;
  margin-left: 160px;
}

.dia_con .headeimage .headeimage-box span.upload {
  margin-left: 160px;
}

.dia_con .headeimage ul li span.upload {
  background: #4f4f4f;
}

.dia_con .headeimage ul li span.ok {
  background: #c21e1c;
  right: 50px;
}

/*æ–°é—»*/

.newscontainer {
  margin-top: -38px;
  min-width: 1240px;
  position: relative;
}

.newscontainer .news-top {
  background: url(../images/news.jpg) top center no-repeat;
  height: 180px;
}

.newscontainer .news-top p {
  text-align: center;
  color: #ccc;
}

.newscontainer .news-top p.title {
  font-size: 30px;
  padding-top: 50px;
}

.newscontainer .news-top p.tips {
  font-size: 12px;
  color: #fff;
  opacity: .3;
  filter: (opacity=30);
  margin-top: 5px;
}

.newscontainer .news-top p.today {
  margin-top: 10px;
  font-size: 16px;
  color: #fff;
  opacity: .3;
  filter: (opacity=30);
}

.newscontainer .news-top p.date {
  margin-top: 5px;
  font-size: 16px;
}

.newscontainer .location {
  height: 50px;
  background: #191c29;
  text-align: center;
  color: #626887;
}

.newscontainer .location a {
  color: #83a0ff;
}

.newscontainer .location span {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 1240px;
  margin: 0 auto;
  text-align: left;
}

.newscontainer .location span .news-button {
  width: 125px;
  height: 100%;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  color: #626887;
  position: relative;
}

.newscontainer .location span .news-button:hover {
  color: #c8cce4;
}

.newscontainer .location span .news-button.active {
  color: #c8cce4;
}

.newscontainer .location span .news-button.active:after {
  content: "◆";
  font-size: 48px;
  display: block;
  position: absolute;
  color: #212536;
  top: 27px;
  left: 48px;
}

.newscontainer .news-list {
  background: #212536;
  height: 820px;
}

.newscontainer .news-list ul {
  padding-top: 20px;
  width: 1240px;
  margin: 0 auto;
}

.newscontainer .news-list ul li {
  height: 36px;
  line-height: 36px;
  cursor: pointer;
}

.newscontainer .news-list ul.nl li:hover a {
  background: #38416e;
}

.newscontainer .news-list ul li:hover span.news-title {
  color: #ccc;
}

.newscontainer .news-list ul li a {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.newscontainer .news-list ul li i {
  display: inline-block;
  height: 3px;
  width: 3px;
  background: #999;
  border-radius: 999px;
  float: left;
  margin: 16px 10px 0px 15px;
}

.newscontainer .news-list ul li span.news-title {
  float: left;
  color: #b3b7cc;
  font-size: 14px;
}

.newscontainer .news-list ul li span.news-time {
  float: right;
  color: #b3b7cc;
  font-size: 14px;
  margin-right: 15px;
}

.newscontainer .news-list .sp-line {
  width: 1240px;
  margin: 0 auto;
  text-align: center;
  height: 1px;
  background: #1a1a1a;
}

.newscontainer .news-list .sp-line i {
  display: inline-block;
  width: 1200px;
  height: 1px;
  border-top: 1px solid #ccc;
  border-top: 1px solid #212121;
  vertical-align: top;
}

.newscontainer .news-list .opt-page {
  width: 1240px;
  background: #191c29;
  height: 48px;
  line-height: 48px;
  margin: 0 auto;
}

.newscontainer .news-list .opt-page .prev-page {
  float: left;
  padding-left: 40px;
  color: #fff;
}

.newscontainer .news-list .opt-page .next-page {
  float: right;
  padding-right: 40px;
  color: #fff;
}

.newscontainer .loadding {
  position: absolute;
  top: 50%;
  left: 50%;
}

.newscontainer .loadding span {
  height: 20px;
  width: 20px;
  display: inline-block;
  margin: 5px 0;
  background: url(../images/loader.gif) no-repeat center;
  background-size: contain;
}

.opt-page ul.pagination {
  padding: 0px 30px;
  overflow: hidden;
  width: auto;
}

.opt-page ul.pagination li {
  width: 42px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #626887;
  float: left;
  text-align: center;
  margin: 0 5px;
  margin-top: 7px;
  border-radius: 3px;
}

.opt-page ul.pagination li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.opt-page ul.pagination li a:hover {
  color: #fff;
}

.opt-page ul.pagination li a.prev,
.opt-page ul.pagination li a.next {
  font-size: 18px;
}

.opt-page ul.pagination li:last-child {
  width: auto;
  border: 0;
  float: right;
}

.opt-page ul.pagination li.active a {
  color: #fff;
}

.opt-page ul.pagination span.sr-only {
  display: none;
}

.opt-page ul.pagination span.rows {
  color: #626887;
  width: auto;
  border: 0;
  background: transparent;
}

/*新闻正文*/

.newscontainer .news-detail {
  background: #212536;
  padding-bottom: 20px;
}

.newscontainer .news-detail img {
  max-width: 1000px;
}

.newscontainer .news-detail .news-info {
  width: 1240px;
  background: #272b40;
  margin: 0 auto;
  font-size: 14px;
  color: #b3b7cc;
}

.newscontainer .news-detail .title {
  padding-top: 40px;
  text-align: center;
  font-size: 16px;
  color: #ccc;
}

.newscontainer .news-detail .date {
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #626887;
  padding-top: 15px;
  padding-bottom: 20px;
}

.newscontainer .news-detail .date i {
  display: inline-block;
  height: 12px;
  width: 15px;
  border-left: 1px solid #626887;
  margin-left: 15px;
  vertical-align: middle;
  margin-top: -2px;
}

.newscontainer .news-detail .sp-line {
  width: 1240px;
  margin: 0 auto;
  text-align: center;
  height: 1px;
  background: #32364a;
}

.newscontainer .news-detail .sp-line i {
  display: inline-block;
  width: 1200px;
  height: 1px;
  border-top: 1px solid #32364a;
  vertical-align: top;
}

.newscontainer .news-detail .picture {
  text-align: center;
  padding-top: 20px;
}

.newscontainer .news-detail .content {
  padding: 20px 130px;
  text-align: justify;
  line-height: 30px;
}

.newscontainer .news-detail .content p {
  text-indent: 2em;
  word-break: break-all;
}

.newscontainer .news-detail .opt-page {
  background: #191c29;
  height: 48px;
  line-height: 48px;
  margin: 0 auto;
}

.newscontainer .news-detail .opt-page .prev-page {
  float: left;
  padding-left: 40px;
  color: #b3b7cc;
}

.newscontainer .news-detail .opt-page .next-page {
  float: right;
  padding-right: 40px;
  color: #b3b7cc;
}

/**优惠活动**/

.activecontainer {
  width: 1000px;
  margin: 0 auto;
  margin-top: 12px;
}

.activecontainer img {
  margin: 0px;
  padding: 0px;
  border: 0;
  display: block;
}

.activecontainer .r {
  margin-top: 6px;
  overflow: hidden;
}

.activecontainer .r.a2 {
  margin-bottom: 12px;
}

.activecontainer .r .left {
  float: left;
}

.activecontainer .r .right {
  float: right;
  width: 830px;
  /*background: #272727;opacity: 0.7;*/
  background: rgba(64, 64, 64, 0.3);
  *background: #272727;
  background: #272727\0;
  filter: alpha(opacity=90);
}

.activecontainer .r .right .img2 {
  height: 164px;
}

.activecontainer .right .txt {
  padding: 0px 40px 40px 60px;
  line-height: 24px;
}

.activecontainer .right p {
  color: #fff;
  font-size: 14px;
  margin-top: 20px;
}

.activecontainer .right p.t1 {
  color: #fff;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
}

.activecontainer .lf {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-left: 2px solid #000000;
  float: left;
  height: 622px;
  height: 617px\0;
  margin-left: 30px;
}

.activecontainer .lf.line2 {
  height: 494px;
}

.activecontainer .lf:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: #000;
  border-radius: 50%;
  margin-left: -8px;
  margin-top: -1px;
}

.activecontainer p.timer {
  position: relative;
}

.activecontainer p.timer:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: -30px;
}

.activecontainer .turntable1 table {
  width: 350px;
  font-size: 12px;
  text-align: center;
  color: #c39452;
  margin: 20px 0 10px 0;
}

.activecontainer .turntable1 table th {
  background: #c39452;
  color: #ffe5c1;
  font-size: 18px;
  text-align: center;
  height: 32px;
  line-height: 32px;
}

.activecontainer .turntable1 table tbody td {
  height: 32px;
  border: 1px solid #c39452;
  border-top: 0;
}

.activecontainer .turntable1 table tbody tr td:first-child {
  border-right: 0;
  width: 40%;
}

.activecontainer .turntable1 table tbody tr td:nth-child(2) {
  border-left: 0;
}

/*.activecontainer .content:before{ content: "";border:2px solid red;  }*/

/*转盘*/

.turntable {
  margin: 0 auto;
  background: #121212;
  color: #c39452;
}

.turntable .tt {}

.turntable .tt>div {
  float: left;
}

.turntable .left {
  background: url(../images/head_left.png) no-repeat 100% 100%;
  height: 1760px;
  width: calc( (100% - 1000px) / 2);
  width: -moz-calc( (100% - 1000px) / 2);
}

.turntable .right {
  background: url(../images/head_right.png) no-repeat;
  height: 1760px;
  width: calc( (100% - 1000px) / 2);
  width: -moz-calc( (100% - 1000px) / 2);
}

.turntable .head {
  background: url(../images/head.png) no-repeat;
  height: 788px;
  width: 1000px;
  position: relative;
  background-size: 1000px 788px;
}

.turntable .head span {
  position: absolute;
  font-size: 16px;
  left: 330px;
  text-shadow: #000 0 1px 0;
}

.turntable .head span.acttime {
  top: 373px;
}

.turntable .head span.acttip {
  top: 420px;
}

.turntable .turn {
  background: url(../images/turntable_bg.png) no-repeat;
  text-align: center;
  height: 1000px;
  width: 1000px;
  margin: 0 auto;
  position: relative;
  margin-top: -450px;
}

.turntable .turn img {
  margin-top: 207px;
}

.turntable .turn .btn {
  background: url(../images/turntable_btn.png) center no-repeat;
  height: 262px;
  width: 258px;
  position: absolute;
  top: 364px;
  left: 371px;
  cursor: pointer;
  outline: none;
}

.turntable .turn .btn1 {
  display: none;
  background: url(../images/turntable_btn_hover.png) center no-repeat;
  height: 262px;
  width: 258px;
  position: absolute;
  top: 364px;
  left: 371px;
  cursor: pointer;
  outline: none;
}

.turntable .turn .btn:hover {
  background: url(../images/turntable_btn_hover.png) center no-repeat;
  height: 262px;
  width: 258px;
  position: absolute;
  top: 364px;
  left: 371px;
}

.turntable .winningrecord {
  position: relative;
  margin-top: -100px;
}

.turntable .center .unlogin {
  text-align: center;
  display: block;
  font-size: 18px;
}

.winningrecord table {
  border: 1px solid #c39452;
  width: 650px;
  font-size: 14px;
  margin: 0 auto;
  max-height: 400px;
}

.winningrecord table tbody {
  max-height: 400px;
  width: 100%;
  display: inline-block;
  overflow-y: auto;
  overflow-x: hidden;
}

.winningrecord table tbody tr {
  width: 650px;
  display: inline-block;
}

.winningrecord table tbody tr:nth-child(odd) {
  background: #1e1b17;
}

.winningrecord table td {
  height: 40px;
  display: inline-block;
  line-height: 40px;
}

.winningrecord table td.t1 {
  width: 10%;
  text-indent: 5px;
}

.winningrecord table td.t1 img {
  vertical-align: middle;
}

.winningrecord table td.t2 {
  width: 65%;
  text-indent: 10px;
}

.winningrecord table td.t3 {
  width: 25%;
}

.winningrecord table td b {
  font-style: normal;
  font-weight: normal;
  color: #e6352d;
}

.winningrecord table .loadding {
  display: none;
}

.winningrecord table .loadding.show {
  display: inline-block;
}

.winningrecord table .loadding td {
  width: 650px;
  text-align: center;
}

.winningrecord table .loadding td i {
  display: inline-block;
  background: url(../images/loader.gif) center no-repeat;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  /*animation:amt_winrecord .5s linear infinite; -webkit-animation:amt_winrecord .5s linear infinite;*/
}

/*@keyframes amt_winrecord{
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(-360deg);
    }
}
@-webkit-keyframes amt_winrecord{
    0%{
        -webkit-transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(-360deg);
    }
}*/

.turntable .winningrecord p.surplus {
  width: 650px;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
}

.turntable .winningrecord p.surplus b {
  font-size: 18px;
  color: #e6352d;
}

.turntable .winningrecord p.title {
  font-size: 18px;
  padding-bottom: 10px;
  text-align: center;
  width: 650px;
  margin: 0 auto;
  text-align: left;
}

.turntable .winningrecord p.list {
  height: 42px;
  line-height: 42px;
  text-align: center;
  border: 1px solid #c39452;
  width: 650px;
  margin: 0 auto;
  display: none;
}

.turntable .winningrecord p.list.show {
  display: block;
}

.turntable .winningrecord p img {
  margin-bottom: 20px;
}

.turntable .winningcontent {
  margin-top: 80px;
}

.turntable .winningcontent p {
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.turntable .winningcontent table {
  width: 650px;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
}

.turntable .winningcontent table th {
  background: #c39452;
  color: #ffe5c1;
  font-size: 18px;
  text-align: center;
  height: 42px;
  line-height: 42px;
}

.turntable .winningcontent table tbody td {
  height: 42px;
  border: 1px solid #c39452;
  border-top: 0;
}

.turntable .winningcontent table tbody tr td:first-child {
  border-right: 0;
  width: 40%;
}

.turntable .winningcontent table tbody tr td:nth-child(2) {
  border-left: 0;
}

.turntable .rule {
  margin-top: 80px;
}

.turntable .rule p {
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 80px;
}

.turntable .rule p.listctn {
  font-size: 14px;
  padding-bottom: 100px;
  width: 810px;
  margin: 0 auto;
  line-height: 20px;
}

.masker {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
}

.winningdialog {
  display: none;
  position: absolute;
  top: 200px;
  z-index: 100;
  left: 50%;
  margin-left: -231px;
}

.winningdialog.show {
  display: block;
}

.winningdialog>div {
  display: none;
}

.winningdialog>div.show {
  display: block;
}

.winningdialog .btn {
  width: 100%;
}

.winningdialog .btn span {
  display: block;
  height: 40px;
  width: 200px;
  margin: 0 auto;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #c71c1c;
  border-radius: 20px;
  cursor: pointer;
}

.tipler {
  width: 400px;
  border-radius: 5px;
  display: none;
  position: absolute;
  z-index: 100;
  left: 50%;
  margin-left: -200px;
  top: 300px;
}

.tipler.show {
  display: block;
}

.tipler .title {
  padding-left: 12px;
  color: #fff;
  font-size: 16px;
  height: 40px;
  background: #c71c1c;
  line-height: 40px;
  border-radius: 5px 5px 0 0;
  position: relative;
}

.tipler .title span {
  position: absolute;
  background: url(../images/x.png) center no-repeat;
  vertical-align: middle;
  display: inline-block;
  width: 14px;
  height: 14px;
  right: 10px;
  top: 12px;
  cursor: pointer;
}

.tipler .content {
  background: #fff;
  color: #505050;
  font-size: 14px;
  text-align: center;
  height: 50px;
  padding-top: 20px;
}

.tipler .btn {
  height: 50px;
  background: #fff;
  text-align: center;
  border-radius: 0 0 5px 5px;
}

.tipler .btn a {
  display: inline-block;
  height: 30px;
  width: 150px;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  margin: 0 auto;
  border-radius: 5px;
  color: #fff;
  background: #c71c1c;
  color: #fff;
}

/*充值抽至宝*/

.md-lottey {
  background: url(../images/active_czczb_bg.jpg) center top no-repeat;
  margin-top: -38px;
}

.md-lottey-ctn {
  width: 1240px;
  margin: 0 auto;
}

.md-lottey-title {
  text-align: center;
  padding-top: 80px;
}

.md-lottey .u-lottey-winner-ctn {
  height: 140px;
  position: relative;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, .95);
}

.md-lottey .winner-lf {
  float: left;
  padding-left: 30px;
  font-size: 12px;
  color: #fff;
  opacity: .5;
  margin-top: 54px;
  width: 130px;
  filter: Alpha(opacity=50);
}

.md-lottey .winner-rg {
  float: right;
  padding-right: 30px;
  font-size: 12px;
  color: #fff;
  opacity: .5;
  margin-top: 54px;
  width: 130px;
  filter: Alpha(opacity=50);
}

.md-lottey .winner-lf .winner-lf-btn {
  float: right;
  display: inline-block;
  width: 118px;
  height: 118px;
  background: url(../images/active_czczb_btn.png) 0 0 no-repeat;
  position: absolute;
  top: 18px;
  left: 86px;
}

.md-lottey .winner-lf .winner-lf-btn:hover {
  cursor: pointer;
  background: url(../images/active_czczb_btn.png) 0 -118px no-repeat;
}

.md-lottey .winner-lf .winner-lf-text {
  float: left;
  margin-top: 10px;
}

.md-lottey .winner-lf .winner-lf-text .item {
  display: block;
}

.md-lottey .winner-rg .winner-rg-btn {
  float: left;
  display: inline-block;
  width: 118px;
  height: 118px;
  background: url(../images/active_czczb_btn.png) -118px 0 no-repeat;
  position: absolute;
  top: 18px;
  right: 86px;
}

.md-lottey .winner-rg .winner-rg-btn:hover {
  cursor: pointer;
  background: url(../images/active_czczb_btn.png) -118px -118px no-repeat;
}

.md-lottey .winner-rg .winner-rg-text {
  float: left;
  margin-left: 40px;
  margin-top: 10px;
}

.md-lottey .winner-rg .winner-rg-text .item {
  display: block;
}

.md-lottey .winner-ct {
  width: 920px;
  height: 140px;
  float: left;
  background: url(../images/line.png) center 76px no-repeat;
}

.md-lottey .winner-ct {}

.md-lottey .winner-ct .winner-info {
  float: left;
  margin-left: 20px;
}

.md-lottey .winner-ct .winner-info-top {
  padding-left: 10px;
  display: none;
}

.md-lottey .winner-info-top .s-period {
  color: #fff;
  padding-right: 10px;
  border-right: 1px solid rgba(255, 255, 255, .5);
  font-size: 12px;
  vertical-align: middle;
}

.md-lottey .winner-info-top .s-result {
  color: #fff;
  padding-left: 10px;
  opacity: .5;
  filter: Alpha(opacity=50);
  font-size: 12px;
  vertical-align: middle;
}

.md-lottey .winner-info-user {
  margin-top: 10px;
  overflow: hidden;
}

.md-lottey .winner-info-user .wiu-img {
  position: relative;
  height: 48px;
  width: 48px;
}

.md-lottey .winner-info-user .wiu-img .pic-prize {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0px;
  left: 0px;
  z-index: 1;
  border-radius: 100px 100px 100px 100px;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, .3);
}

.md-lottey .winner-info-user .wiu-img .pic-prize.prz1 {
  border: 2px solid #ab04e1;
  border-radius: 100px 100px 100px 100px;
}

.md-lottey .winner-info-user .wiu-img .pic-prize.prz2 {
  border: 2px solid #f8de01;
  border-radius: 100px 100px 100px 100px;
}

.md-lottey .winner-info-user .wiu-img .pic-userhead {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 0px;
  right: 0px;
  z-index: 2;
  border-radius: 100px 100px 100px 100px;
  display: none !important;
}

.md-lottey .winner-info-user .wiu-img .pic-userhead.hidden {
  visibility: hidden;
}

.md-lottey .winner-info-user .wiu-img-ctn,
.md-lottey .winner-info-user .wiu-name-ctn {
  float: left;
}

.md-lottey .winner-info-user .wiu-name-ctn .wiu-name {
  width: 90px;
}

.md-lottey .winner-info-user .wiu-name-ctn .prize-name {
  display: block;
  padding-top: 10px;
  line-height: 18px;
  overflow: hidden;
  word-break: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.md-lottey .winner-info-user .wiu-name-ctn .prize-name.pn1 {
  color: #ab04e1;
}

.md-lottey .winner-info-user .wiu-name-ctn .prize-name.pn2 {
  color: #f8de01;
}

.md-lottey .winner-info-user .wiu-name-ctn .user-name {
  padding-left: 10px;
  color: #fff;
  opacity: .8;
  filter: Alpha(opacity=80);
  display: inline-block;
  overflow: hidden;
  width: 70px;
  word-break: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.md-lottey .winner-info.center {
  float: left;
  width: 240px;
  margin-left: 20px;
  text-align: center;
  font-size: 0px;
  animation-duration: 1s;
  animation-delay: .2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
}

.md-lottey .winner-info.center .winner-center-title {
  font-size: 14px;
  color: #fff;
  height: 24px;
  line-height: 24px;
  display: none;
}

.md-lottey .winner-info.center .winner-center-prize {
  display: inline-block;
  margin: 0 5px;
}

.md-lottey .winner-info.center .winner-center-prize .ct-prize-wrap {
  position: relative;
  overflow: hidden;
  width: 88px;
  display: inline-block;
  height: 88px;
  border-radius: 100px 100px 100px 100px;
}

.md-lottey .winner-info.center .winner-center-prize .ct-prize {
  height: 88px;
  margin-left: -18px;
}

.md-lottey .winner-info.center .winner-center-prize .ct-prize-name {
  display: block;
  text-align: center;
  font-size: 12px;
  padding-top: 10px;
  width: 88px;
  color: #c71c1c;
  overflow: hidden;
  word-break: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.md-lottey .winner-info.center .winner-center-prize .ct-user-name {
  color: #fff;
  font-size: 12px;
  opacity: .8;
  filter: Alpha(opacity=80);
  display: block;
  overflow: hidden;
  width: 70px;
  word-break: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.md-lottey .winner-info.center .winner-center-prize2 {
  display: inline-block;
  text-align: center;
  margin-left: 10px;
}

.md-lottey .winner-info.center .winner-center-prize2 .ct-prize2 {
  width: 88px;
  border-radius: 100px 100px 100px 100px;
}

.md-lottey .winner-info.center .winner-center-prize2 .ct-prize-name {
  display: block;
  text-align: center;
  font-size: 12px;
  padding-top: 10px;
}

.md-lottey .md-lottey-box {
  background: #212121;
  margin-top: 60px;
  position: relative;
}

.md-lottey .md-lottey-box:before {
  content: "";
  position: absolute;
  display: block;
  margin: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px;
  border-color: transparent transparent #212121 transparent;
  top: -70px;
  right: 50%;
  margin-right: -20px;
}

.md-lottey .md-lottey-box .lottey-box-top {
  overflow: hidden;
  height: 115px;
  border-bottom: 1px solid #000;
  text-align: center;
}

.md-lottey .lottey-box-top .lbt-left {
  float: left;
  color: #666;
  font-size: 12px;
  margin-top: 30px;
  margin-left: 20px;
  text-align: left;
}

.md-lottey .lottey-box-top .lbt-left .u-current {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}

.md-lottey .lottey-box-top .lbt-left .u-current .s-period {
  color: #ff0000;
}

.md-lottey .lottey-box-top .lbt-left .u-how {
  margin-top: 15px;
}

.md-lottey .lottey-box-top .lbt-left .u-how .s-count {
  color: #ff0000;
  padding: 0 5px;
}

.md-lottey .lottey-box-top .lbt-left .u-how a {
  color: #ff0000;
  cursor: pointer;
}

.md-lottey .lottey-box-top .lbt-center {
  display: inline-block;
  margin-top: 40px;
  font-size: 16px;
  color: #666;
  font-weight: 600;
}

.md-lottey .lottey-box-top .lbt-right {
  float: right;
  margin-right: 20px;
  margin-top: 30px;
  color: #666;
  font-size: 12px;
  text-align: right;
}

.md-lottey .lottey-box-top .lbt-right {}

.md-lottey .lottey-box-top .lbt-right .fnt1 {
  font-size: 18px;
  color: #ff0000;
  font-weight: 600;
}

.md-lottey .lottey-box-top .lbt-right .fnt2 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  padding: 0 10px;
}

.md-lottey .lottey-box-top .lbt-right .f-stop-last,
.md-lottey .lottey-box-top .lbt-right .f-open-last {
  padding-left: 5px;
  font-weight: 800;
}

.md-lottey .lottey-box-center {
  overflow: hidden;
  border-top: 1px solid #333;
}

.md-lottey .lottey-box-center .md-lbc-prize {
  width: 50%;
  overflow: hidden;
  float: left;
  padding: 20px 0;
  box-sizing: border-box;
}

.md-lottey .lottey-box-center .md-lbc-prize.lpb1 {
  border-right: 1px solid #333;
}

.md-lottey .lottey-box-center .md-lbc-prize.lpb2 {
  border-left: 1px solid #000;
}

.md-lottey .lottey-box-center .md-lbc-prize .lbc-prize-box {
  overflow: hidden;
  padding-left: 30px;
}

.md-lottey .lbc-prize-box .lbc-prize-pic-wrap {
  position: relative;
  font-size: 0px;
  float: left;
  height: 88px;
  width: 88px;
  border-radius: 100px 100px 100px 100px;
  overflow: hidden;
  animation-duration: 1s;
  animation-delay: .2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
}

.md-lottey .lbc-prize-box .lbc-prize-pic {
  display: inline-block;
  height: 88px;
  margin-left: -18px;
}

.md-lottey .lbc-prize-box .lbc-prize-pic.rote {
  position: relative;
}

.md-lottey .lbc-prize-box .lbc-prize-name {
  float: left;
}

.md-lottey .lottey-box-center .prize-btn {
  margin-right: 20px;
  float: right;
  width: 196px;
  height: 46px;
  line-height: 46px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  background: rgb(255, 227, 159);
  background-image: -moz-linear-gradient( 90deg, rgb(169, 133, 48) 0%, rgb(255, 227, 159) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(169, 133, 48) 0%, rgb(255, 227, 159) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(169, 133, 48) 0%, rgb(255, 227, 159) 100%);
  box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.md-lottey .lottey-box-center .prize-btn:hover {
  background: #d0af62;
  background-image: -moz-linear-gradient( 90deg, #b89543 0%, #ffeab7 100%);
  background-image: -webkit-linear-gradient( 90deg, #b89543 0%, #ffeab7 100%);
  background-image: -ms-linear-gradient( 90deg, #b89543 0%, #ffeab7 100%);
}

.md-lottey .lottey-box-center .prize-btn.disabled {
  background: #333;
  cursor: default;
}

.md-lottey .lottey-box-center .lbc-prize-name {
  font-size: 14px;
  color: #666;
  margin-left: 20px;
  margin-top: 10px;
}

.md-lottey .lottey-box-center .lbc-prize-name .prize-name {
  display: block;
  width: 250px;
}

.md-lottey .lottey-box-center .lbc-tips {
  text-align: center;
  color: #666;
  height: 24px;
  position: relative;
}

.md-lottey .lottey-box-center .lbc-tips span {
  position: absolute;
  right: 12px;
  color: #999;
}

.md-lottey .lottey-box-center .lbc-tips em {
  color: #c71c1c;
}

.md-lottey .lottey-box-center .lbc-userlist-box {
  width: 96%;
  margin: 0 auto;
  border: 1px solid #000;
  background: #181818;
  position: relative;
}

.md-lottey .lottey-box-center .lbc-userlist-box .user-list-loadding {
  position: absolute;
  top: 110px;
  left: 270px;
  display: none;
}

.md-lottey .lbc-userlist-box .lbc-userlist-ctn {
  overflow: hidden;
  padding-top: 10px;
  padding-left: 13px;
  padding-bottom: 10px;
  min-height: 220px;
}

.md-lottey .lbc-userlist-box .lbc-userlist-ctn .lbc-user {
  float: left;
  width: 140px;
  height: 40px;
  border: 1px solid #000;
  background: #212121;
}

.md-lottey .lbc-userlist-box .lbc-userlist-ctn .lbc-user:hover {
  border: 1px solid #333;
  cursor: pointer;
  transform: scale(1.2);
  transition: transform .3s;
}

.md-lottey .lbc-userlist-box .lbc-userlist-ctn .lbc-user.selected {
  position: relative;
}

.md-lottey .lbc-userlist-box .lbc-userlist-ctn .lbc-user.selected:before {
  content: "";
  position: absolute;
  width: 140px;
  height: 40px;
  background: #c71c1c;
  opacity: .5;
  top: 0;
  left: 0;
}

.md-lottey .lbc-userlist-box .lbc-userlist-ctn .lbc-user .lbc-userhead {
  float: left;
  margin-left: 10px;
  margin-top: 5px;
  height: 30px;
  width: 30px;
  border-radius: 100px 100px 100px 100px;
}

.md-lottey .lbc-userlist-box .lbc-userlist-ctn .lbc-user .lbc-user-info {
  float: left;
  margin-left: 10px;
  margin-top: 5px;
  position: relative;
}

.md-lottey .lbc-userlist-box .lbc-userlist-ctn .lbc-user .lbc-user-info .lbc-user-name {
  color: #999;
  display: block;
  line-height: 18px;
  width: 80px;
  overflow: hidden;
  word-break: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.md-lottey .lbc-userlist-box .lbc-userlist-ctn .lbc-user .lbc-user-info .lbc-user-level {
  color: #555;
}

.md-lottey-btm {
  margin-top: 20px;
  background: #212121;
  overflow: hidden;
  margin-bottom: 20px;
}

.md-lottey-btm .lottey-btm-left {
  float: left;
  width: 50%;
  color: #666;
}

.md-lottey-btm .lottey-btm-left .rule-tile {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 10px;
  margin-left: 40px;
}

.md-lottey-btm .lottey-btm-left p {
  line-height: 20px;
  padding-left: 40px;
  text-align: justify;
}

.md-lottey-btm .lottey-btm-left p a {
  color: #ff0000;
  text-decoration: underline;
}

.md-lottey-btm .lottey-btm-right {
  float: left;
  width: 50%;
  margin-bottom: 30px;
}

.md-lottey-btm .lottery-history {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 10px;
  margin-left: 40px;
}

.md-lottey-btm .lh-tb-title {
  font-size: 14px;
  color: #fff;
}

.md-lottey-btm .lh-table {
  border: 1px solid #000;
  margin-left: 40px;
  width: 538px;
  background: #1a1a1a;
}

.md-lottey-btm .lh-table .lh-tb-title {
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  background: #151515;
}

.md-lottey-btm .lh-table .lh-tb-row {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  border-top: 1px solid #212121;
  color: #666;
}

.md-lottey-btm .lh-table span.t1 {
  float: left;
  width: 30%;
  text-align: center;
}

.md-lottey-btm .lh-table span.t2 {
  float: left;
  width: 50%;
  text-align: left;
  text-indent: 40px;
}

.md-lottey-btm .lh-table span.t3 {
  float: left;
  width: 20%;
  text-align: center;
}

.md-lottey-btm .lh-table span.t3.win {
  color: #8e0909;
}

.md-lottey-btm .lh-table span.t3.lose {
  color: #3b6618;
}

.md-lottey-btm .lh-table .lh-tb-ctn {
  height: 155px;
  overflow: auto;
}

.md-lottey-btm .lh-table .lh-tb-ctn::-webkit-scrollbar {
  width: 10px;
}

/* 这是针对缺省样式 (必须的) */

.md-lottey-btm .lh-table .lh-tb-ctn::-webkit-scrollbar-track {
  background-color: #333;
}

/* 滚动条的滑轨背景颜色 */

.md-lottey-btm .lh-table .lh-tb-ctn::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}

/* 滑块颜色 */

.md-lottey-btm .lh-table .lh-tb-ctn::-webkit-scrollbar-button {
  background-color: #666;
}

/* 滑轨两头的监听按钮颜色 */

.md-lottey-btm .lh-table .lh-tb-ctn::-webkit-scrollbar-corner {
  background-color: #666;
}

/* 横向滚动条和纵向滚动条相交处尖角的颜色 */

.md-lottey-dialog.dialog-wide {
  position: absolute;
  top: 10px;
  width: 650px;
  height: 390px;
  z-index: 100;
  left: 50%;
  margin-left: -325px;
  top: 200px;
  border-radius: 10px;
  display: none;
}

.md-lottey-dialog.dialog-wide .cglt {
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
}

.md-lottey-dialog.dialog-wide .cglt-tips {
  text-align: center;
  font-size: 12px;
  color: #999;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  margin-top: 5px;
}

.md-lottey-dialog.dialog-wide .dialog-prize-btn {
  text-align: center;
  margin-top: 30px;
}

.md-lottey-dialog.dialog-wide .dialog-prize-btn a {
  cursor: pointer;
  display: inline-block;
  background: none;
  color: #7b95e9;
  border:2px solid #7b95e9;
  font-size: 16px;
  width: 318px;
  height: 30px;
  line-height: 30px;
  border-radius: 100px;
}

.md-lottey-dialog.dialog-wide .dialog-prize-btn a:hover {
  background: #7b95e9;
  color:#fff;
}

.md-lottey-dialog.dialog-wide .prize-info-box {
  text-align: center;
  overflow: hidden;
  width: 477px;
  height: 126px;
  margin: 0 auto;
  background: #1a1a1a;
  border: 2px solid #5c6563;
  border-radius: 5px;
  margin-top: 30px;
}

.md-lottey-dialog.dialog-wide .prize-info-box .prize-info-pic-wrap {
  position: relative;
  width: 88px;
  height: 88px;
  line-height: 88px;
  overflow: hidden;
  display: inline-block;
  margin-top: 20px;
}

.md-lottey-dialog.dialog-wide .prize-info-box img {
  height: 56px;
  vertical-align: middle;
  max-width: 78px;
}

.md-lottey-dialog.dialog-wide .prize-info-box .prize-info {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  margin-top: 45px;
  text-align: left;
}

.md-lottey-dialog.dialog-wide .prize-info-box .prize-info .prize-type {
  font-size: 14px;
  color: #666;
  text-align: left;
}

.md-lottey-dialog.dialog-wide .prize-info-box .prize-info .prize-name {
  font-size: 14px;
  color: #666;
  text-align: left;
  display: block;
  height: 24px;
  line-height: 24px;
}

.md-lottey-dialog.dialog-wide.popup-financing-win {
  top: -100%;
  display: block;
  transition: top .6s;
  overflow: hidden;
  position: fixed;
  margin-top: -200px;
}

;
.md-lottey-dialog.dialog-wide.popup-financing-win.show {
  visibility: visible;
}

.md-lottey-dialog.dialog-wide .dialog-prize-code {
  font-size: 14px;
  color: #666;
  text-align: center;
  padding-top: 10px;
}

.md-lottey-dialog.dialog-wide .dialog-prize-code span {
  color: #fff;
  font-size: 16px;
}

.md-lottey .backa-action-home {
  text-align: center;
  margin-bottom: 30px;
}

.md-lottey .backa-action-home a {
  display: inline-block;
  width: 350px;
  height: 70px;
  background: url(../images/ng_images.png) 0 -140px;
  cursor: pointer;
}

.md-lottey .backa-action-home a:hover {
  display: inline-block;
  width: 350px;
  height: 70px;
  background: url(../images/ng_images.png) 0 -210px;
}

.lottey-item-detail {
  position: absolute;
  z-index: 1000;
  top: 100px;
  left: 100px;
  background: #1b1b1b;
  border: 1px solid #000;
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  color: #d2d2d2;
  display: none;
}

.lottey-item-detail .section-1 {
  padding: 10px 10px 0;
}

.lottey-item-detail .section-1 img.item-img-lg {
  width: 100%;
}

.lottey-item-detail .item-name {
  font-size: 16px;
  line-height: 30px;
}

.lottey-item-detail .rarity-line {
  height: 5px;
}

.lottey-item-detail.section-2 {
  position: relative;
}

.lottey-item-detail .section-2 .section-2-bg {
  background: rgba(0, 0, 0, .7);
  padding: 10px;
}

.lottey-item-detail.hero-img {
  width: 100%;
  margin-bottom: 5px;
}

.lottey-item-detail .hero-img img {
  display: block;
  float: left;
  width: 65px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, .6);
}

.lottey-item-detail .hero-img .hero-name {
  float: left;
  font-size: 15px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
  line-height: 37px;
  padding-left: 15px;
}

.lottey-item-detail .item-loading {
  width: 100%;
  height: 30px;
  display: none;
}

.lottey-item-detail .load-image {
  height: 100%;
  margin: 0 auto;
  display: block;
}

/*一元夺宝*/

.md-financing {
  background: url(../images/active_1ydb_bg.jpg) center top no-repeat;
  margin-top: -38px;
}

.md-financing .md-financing-ctn {
  width: 1240px;
  margin: 0 auto;
  padding-top: 410px;
  margin-bottom: 40px;
}

.md-financing .fc-top {
  overflow: hidden;
  font-size: 14px;
  color: #ddc79c;
  margin-top: -70px;
  height: 53px;
}

.md-financing .fc-top .item {
  float: left;
  border-right: 1px solid #9c8464;
  overflow: hidden;
  padding-right: 10px;
  border: 0;
}

.md-financing .fc-top .item.f-total {
  width: 256px;
}

.md-financing .fc-top .item.f-money {
  width: 306px;
  padding-right: 0;
}

.md-financing .fc-top .item.f-person {
  border-right: 0;
}

.md-financing .fc-top .item i {
  display: inline-block;
  float: left;
  margin-left: 20px;
  margin-right: 10px;
}

.md-financing .fc-top .item.f-person i {
  margin-left: 0;
}

.icon-sprite-1ydb-jin {
  background-image: url(../images/sprite.png);
  background-position: 0px 0px;
  width: 52px;
  height: 52px;
}

.icon-sprite-1ydb-money {
  background-image: url(../images/sprite.png);
  background-position: -52px 0px;
  width: 52px;
  height: 52px;
}

.icon-sprite-1ydb-person {
  background-image: url(../images/sprite.png);
  background-position: 0px -52px;
  width: 40px;
  height: 44px;
}

.md-financing .fc-top .item .itm-rt {
  float: left;
  overflow: hidden;
}

.md-financing .fc-top .item .itm-rt span {
  display: inline-block;
}

.md-financing .fc-top .item .itm-rt em {
  font-size: 26px;
  color: #fff;
}

.md-financing .fc-top .item .itm-rt .item-rt-sn2 {
  width: 100%;
  display: block;
}

.md-financing .fc-center {
  overflow: hidden;
  margin-top: 20px;
}

.md-financing .fc-center-lt {
  float: left;
  width: 910px;
  background: #212121;
}

.md-financing .fc-center-lt .fc-center-hot {
  padding: 20px;
  border-bottom: 1px solid #000;
}

.md-financing .fc-center-lt .fc-center-hot .title {
  font-size: 16px;
  color: #ff0000;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 20px;
}

.md-financing .fc-center-lt .fc-hot-wrap {
  overflow: hidden;
}

.md-financing .fc-hot-wrap .fc-hot-box {
  float: left;
  font-size: 12px;
  color: #999;
  width: 278px;
  background: #1a1a1a;
  margin-right: 18px;
}

.md-financing .fc-hot-box .img {
  text-align: center;
}

.md-financing .fc-hot-box .img img {
  width: 278px;
  height: 185px;
  background: linear-gradient(to bottom, #3d3c3d, #a0a0a0)
}

.md-financing .fc-hot-box .name {
  font-size: 14px;
  color: #ddc79c;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
}

.md-financing .fc-hot-box .less {
  margin: 0 10px;
}

.md-financing .fc-hot-box .less p {
  height: 5px;
  background: #333;
  border-radius: 100px;
  position: relative;
}

.md-financing .fc-hot-box .less span {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  background: #ff0000;
  display: inline-block;
  width: 0;
  border-radius: 100px;
}

.md-financing .fc-hot-box .info {
  padding: 10px;
  overflow: hidden;
}

.md-financing .fc-hot-box .info .if-1 {
  float: left;
  display: inline-block;
  width: 110px;
}

.md-financing .fc-hot-box .info .if-1 i {
  font-style: normal;
}

.md-financing .fc-hot-box .info .if-2 {
  float: left;
}

.md-financing .fc-hot-box .info .if-3 {
  float: right;
}

.md-financing .fc-hot-box .info .if-3 i {
  font-style: normal;
  color: #ff0000;
  padding-left: 5px;
}

.md-financing .fc-hot-box .opt {
  overflow: hidden;
  margin: 0 10px;
}

.md-financing .fc-hot-box .opt .NG-Select-Number {
  float: left;
}

.md-financing .fc-hot-box .opt .btn-less {
  display: none;
  height: 30px;
  line-height: 30px;
  width: 42px;
  text-align: center;
  border: 1px solid #333;
  border-radius: 3px;
  margin-left: 8px;
}

.md-financing .fc-hot-box .opt .btn-less.show {
  display: inline-block;
}

.md-financing .fc-hot-box .opt .btn-less:hover {
  cursor: pointer;
  background: #a6320e;
  color: #fff;
}

.md-financing .fc-hot-box .opt .btn-buy {
  float: right;
  display: inline-block;
  box-sizing: border-box;
  height: 32px;
  width: 96px;
  line-height: 28px;
  text-align: center;
  border: 2px solid #333;
  border-radius: 100px;
}

.md-financing .fc-hot-box .opt .btn-buy:hover {
  cursor: pointer;
  background: #a6320e;
  color: #fff;
}

.md-financing .fc-hot-box .btn {
  margin: 20px 10px;
}

.md-financing .fc-hot-box .btn button {
  border: 0;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #a6320e;
  color: #fff;
  border-radius: 100px;
}

.md-financing .fc-hot-box .btn button:hover {
  cursor: pointer;
  background: #c71c1c;
  color: #fff;
  border: 0;
  outline: none;
}

.md-financing .fc-center-lt .fc-hot-box:last-child {
  margin-right: 0;
}

.NG-Select-Number {
  display: inline-block;
  background: #212121;
  font-size: 20px;
  color: #999;
  overflow: hidden;
  text-align: center;
  user-select: none;
}

.NG-Select-Number .opt-minus {
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 30px;
  width: 32px;
  border: 1px solid #333;
  border-radius: 2px;
  box-sizing: border-box;
  float: left;
}

.NG-Select-Number input {
  color: #ccc;
  border: 0;
  width: 32px;
  height: 32px;
  line-height: 30px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  vertical-align: top;
  box-sizing: border-box;
  background: transparent;
  text-align: center;
  float: left;
}

.NG-Select-Number .opt-add {
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  width: 32px;
  border: 1px solid #333;
  border-radius: 2px;
  box-sizing: border-box;
  float: left;
}

.md-financing .fc-center-lt .fc-center-all {
  padding: 20px;
  border-top: 1px solid #333;
}

.md-financing .fc-center-lt .fc-center-all .title {
  font-size: 16px;
  color: #ff0000;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 20px;
}

.md-financing .fc-center-lt .fc-center-all .title span {
  float: right;
  font-size: 12px;
  color: #666;
  font-weight: normal;
}

.md-financing .fc-center-lt .fc-center-all .title span i.hot {
  padding-right: 10px;
}

.md-financing .fc-center-lt .fc-center-all .title span i.new {
  border-left: 1px solid #333;
  padding: 0 10px;
}

.md-financing .fc-center-lt .fc-center-all .title span i.end {
  border-left: 1px solid #333;
  padding-left: 10px;
}

.md-financing .fc-center-lt .fc-center-all .title span i {
  font-style: normal;
  cursor: pointer;
}

.md-financing .fc-center-lt .fc-center-all .title span i:hover {
  color: #999;
}

.md-financing .fc-center-lt .fc-center-all .title span i.selected {
  color: #ff0000;
}

.md-financing .fc-center-lt .fc-all-wrap {
  overflow: hidden;
}

.md-financing .fc-all-wrap .fc-all-box {
  float: left;
  font-size: 12px;
  color: #999;
  width: 210px;
  background: #1a1a1a;
  margin-right: 10px;
  margin-bottom: 20px;
  position: relative;
  height: 320px;
}

.md-financing .fc-all-box .img {
  text-align: center;
}

.md-financing .fc-all-box .img img {
  width: 210px;
  height: 139px;
  background: linear-gradient(to bottom, #3d3c3d, #a0a0a0)
}

.md-financing .fc-all-box .name {
  font-size: 14px;
  color: #ddc79c;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  overflow: hidden;
}

.md-financing .fc-all-box .less {
  margin: 0 10px;
}

.md-financing .fc-all-box .less p {
  height: 5px;
  background: #333;
  border-radius: 100px;
  position: relative;
}

.md-financing .fc-all-box .less span {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  background: #ff0000;
  display: inline-block;
  width: 0;
  border-radius: 100px;
}

.md-financing .fc-all-box .info {
  padding: 10px;
  overflow: hidden;
}

.md-financing .fc-all-box .info .if-1 {
  float: left;
  display: inline-block;
  width: 80px;
}

.md-financing .fc-all-box .info .if-2 {
  float: left;
}

.md-financing .fc-all-box .info .if-3 {
  float: right;
}

.md-financing .fc-all-box .info .if-3 i {
  font-style: normal;
  color: #ff0000;
  padding-left: 5px;
}

.md-financing .fc-all-box .opt {
  overflow: hidden;
  margin: 0 10px;
}

.md-financing .fc-all-box .opt .NG-Select-Number {
  float: left;
}

.md-financing .fc-all-box .opt .NG-Select-Number .opt-minus {
  width: 26px;
  height: 26px;
  line-height: 26px;
}

.md-financing .fc-all-box .opt .NG-Select-Number input {
  width: 26px;
  height: 26px;
  line-height: 26px;
}

.md-financing .fc-all-box .opt .NG-Select-Number .opt-add {
  width: 26px;
  height: 26px;
  line-height: 26px;
}

.md-financing .fc-all-box .opt .btn-less {
  display: none;
  height: 26px;
  line-height: 26px;
  width: 38px;
  text-align: center;
  border: 1px solid #333;
  border-radius: 3px;
  margin-left: 8px;
}

.md-financing .fc-all-box .opt .btn-less.show {
  display: inline-block;
}

.md-financing .fc-all-box .opt .btn-less:hover {
  cursor: pointer;
  background: #a6320e;
  color: #fff;
}

.md-financing .fc-all-box .opt .btn-buy {
  float: right;
  display: inline-block;
  box-sizing: border-box;
  height: 26px;
  width: 60px;
  line-height: 26px;
  text-align: center;
  border: 2px solid #333;
  border-radius: 100px;
}

.md-financing .fc-all-box .opt .btn-buy:hover {
  cursor: pointer;
  background: #a6320e;
  color: #fff;
}

.md-financing .fc-all-box .btn {
  margin: 20px 10px;
}

.md-financing .fc-all-box .btn button {
  border: 0;
  display: inline-block;
  width: 100%;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background: #a6320e;
  color: #fff;
  border-radius: 100px;
}

.md-financing .fc-all-box .btn button:hover {
  cursor: pointer;
  background: #c71c1c;
  color: #fff;
  border: 0;
  outline: none;
}

.md-financing .fc-all-wrap .fc-all-box .open {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  height: 140px;
  text-align: center;
  width: 100%;
}

.md-financing .fc-all-wrap .fc-all-box .open .tit {
  color: #ccc;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
}

.md-financing .fc-all-wrap .fc-all-box .open .tit span {
  display: block;
}

.md-financing .fc-all-wrap .fc-all-box .open .lottery-result {
  font-weight: 600;
  font-size: 16px;
}

.md-financing .fc-all-wrap .fc-all-box .open .user-info {
  overflow: hidden;
}

.md-financing .fc-all-wrap .fc-all-box .open .user-info img {
  height: 26px;
  width: 26px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #c71c1c;
}

.md-financing .fc-all-wrap .fc-all-box .open .user-info .rt {
  display: inline-block;
  text-align: left;
}

.md-financing .fc-all-wrap .fc-all-box .open .user-info .rt span.name {
  display: block;
  color: #c71c1c;
  font-size: 12px;
  height: 26px;
  padding-left: 0;
}

.md-financing .fc-all-wrap .fc-all-box .open .user-info .rt span.lever {
  display: block;
  color: #999;
  font-size: 12px;
}

.md-financing .fc-all-wrap .fc-all-box .will-open {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  height: 140px;
  text-align: center;
  width: 100%;
}

.md-financing .fc-all-wrap .fc-all-box .will-open .title {
  padding-top: 30px;
  font-size: 16px;
  color: #ccc;
  font-weight: normal;
}

.md-financing .fc-all-wrap .fc-all-box .will-open .time {
  font-size: 16px;
  color: #fff;
}

.md-financing .fc-all-wrap .fc-all-box .will-open .tit {
  padding-top: 35px;
  padding-bottom: 15px;
}

.md-financing .fc-center-lt .fc-all-box:nth-child(4n) {
  margin-right: 0;
}

.md-financing .fc-center-rt {
  float: left;
  margin-left: 10px;
}

.md-financing .fc-center-rt .fc-rt-0ydb {
  padding: 20px;
  padding-right: 0px;
  background: #212121;
}

.md-financing .fc-center-rt .fc-rt-0ydb .title {
  font-size: 16px;
  color: #ff0000;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 20px;
}

.md-financing .fc-center-rt .fc-rt-0ydb .title span {
  font-size: 12px;
  color: #666;
  padding-left: 10px;
  font-weight: normal;
}

.md-financing .fc-center-rt .fc-0ydb-wrap {
  overflow: hidden;
}

.md-financing .fc-0ydb-wrap .fc-0ydb-box {
  float: left;
  font-size: 12px;
  color: #999;
  width: 278px;
  background: #1a1a1a;
  margin-right: 18px;
}

.md-financing .s-0ydb {
  position: relative;
}

.md-financing .s-0ydb:before {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  width: 66px;
  height: 66px;
  background: url(../images/0buy.png)
}

.md-financing .fc-0ydb-box .img {
  text-align: center;
}

.md-financing .fc-0ydb-box .img img {
  width: 278px;
  height: 185px;
}

.md-financing .fc-0ydb-box .finish {
  display: none;
  text-align: center;
  color: #ff0000;
  position: absolute;
  width: 100%;
  top: 0;
  line-height: 20px;
  opacity: .9;
  background: #000;
  height: 185px;
}

.md-financing .fc-0ydb-box .finish span {
  display: block;
}

.md-financing .fc-0ydb-box .finish span.fih-txt1 {
  font-size: 16px;
  padding-top: 70px;
  font-weight: 600;
}

.md-financing .fc-0ydb-box .finish span.next {
  color: #666;
  padding-top: 5px;
}

.md-financing .fc-0ydb-box .finish span.next i {
  font-style: normal;
  color: #666;
}

.md-financing .fc-0ydb-box .finish-tips {
  display: none;
  padding: 10px;
  line-height: 20px;
  height: 165px;
  text-align: justify;
}

.md-financing .fc-0ydb-box .name {
  font-size: 14px;
  color: #ddc79c;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
}

.md-financing .fc-0ydb-box .less {
  margin: 0 10px;
}

.md-financing .fc-0ydb-box .less p {
  height: 5px;
  background: #333;
  border-radius: 100px;
  position: relative;
}

.md-financing .fc-0ydb-box .less span {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  background: #ff0000;
  display: inline-block;
  width: 0;
  border-radius: 100px;
}

.md-financing .fc-0ydb-box .info {
  padding: 10px;
  overflow: hidden;
}

.md-financing .fc-0ydb-box .info .if-1 {
  float: left;
  display: inline-block;
  width: 110px;
}

.md-financing .fc-0ydb-box .info .if-1 i {
  font-style: normal;
}

.md-financing .fc-0ydb-box .info .if-2 {
  float: left;
}

.md-financing .fc-0ydb-box .info .if-3 {
  float: right;
}

.md-financing .fc-0ydb-box .info .if-3 i {
  font-style: normal;
  color: #ff0000;
  padding-left: 5px;
}

.md-financing .fc-0ydb-box .opt {
  overflow: hidden;
  margin: 0 10px;
}

.md-financing .fc-0ydb-box .opt .NG-Select-Number {
  float: left;
}

.md-financing .fc-0ydb-box .opt .btn-less {
  display: none;
  height: 30px;
  line-height: 30px;
  width: 42px;
  text-align: center;
  border: 1px solid #333;
  border-radius: 3px;
  margin-left: 8px;
}

.md-financing .fc-0ydb-box .opt .btn-less.show {
  display: inline-block;
}

.md-financing .fc-0ydb-box .opt .btn-less:hover {
  cursor: pointer;
  background: #a6320e;
  color: #fff;
}

.md-financing .fc-0ydb-box .opt .btn-buy {
  float: right;
  display: inline-block;
  box-sizing: border-box;
  height: 32px;
  width: 96px;
  line-height: 28px;
  text-align: center;
  border: 2px solid #333;
  border-radius: 100px;
}

.md-financing .fc-0ydb-box .opt .btn-buy:hover {
  cursor: pointer;
  background: #a6320e;
  color: #fff;
}

.md-financing .fc-0ydb-box .btn {
  margin: 20px 10px;
}

.md-financing .fc-0ydb-box .btn button {
  border: 0;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #a6320e;
  color: #fff;
  border-radius: 100px;
}

.md-financing .fc-0ydb-box .btn button:hover {
  cursor: pointer;
  background: #c71c1c;
  color: #fff;
  border: 0;
  outline: none;
}

.fc-rt-king .fc-king-top {
  height: 70px;
  border-top: 1px solid #000;
}

.fc-rt-king .userlist .userinfo {
  height: 55px;
  overflow: hidden;
  background: url(../images/black_color_bg.png);
  display: block;
  border-bottom: 1px solid #222222;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.fc-rt-king .userlist .userinfo:hover {
  background: #321717 !important;
  cursor: pointer;
}

.fc-rt-king .userlist .userinfo span {
  line-height: 54px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  float: left;
}

.fc-rt-king .userlist .userinfo:nth-child(odd) {
  background: #151515;
}

.fc-rt-king .userlist .userinfo:nth-child(even) {
  background: #1c1c1c;
}

.fc-rt-king .userlist .userinfo img {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-top: 14px;
}

.fc-rt-king .userlist .userinfo .headimg {
  width: 40px;
  position: relative;
  height: 100%;
}

.fc-rt-king .nodatamore {
  text-align: center;
  font-size: 12px;
  color: #999;
  padding: 10px;
  display: none;
}

.fc-rt-king .userlist .userinfo .dbimg {
  float: left;
  margin: 12px;
}

.fc-rt-king .userlist .userinfo .dbname {
  float: left;
  padding-left: 12px;
  color: #666;
  width: 145px;
  text-align: left;
}

.fc-rt-king .userlist .userinfo .userwin {
  float: left;
  overflow: hidden;
  line-height: 22px;
  text-align: left;
}

.fc-rt-king .userlist .userinfo .userwin img {
  float: left;
  margin-right: 5px;
}

.fc-rt-king .userlist .userinfo .userwin i {
  font-style: normal;
  color: #666;
  width: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fc-rt-king .userlist .userinfo .userwin i.un {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}

.fc-rt-king .userlist .userinfo .userwin i.ul {
  display: block;
}

.fc-rt-king .userlist .userinfo .headimg i {
  position: absolute;
  top: 30px;
  left: 25px;
  z-index: 3;
  font-style: normal;
  font-size: 12px;
  color: #333;
  display: inline-block;
  width: 10px;
  height: 10px;
}

.fc-rt-king .userlist .userinfo .headimg i.icon-num-1 {
  background: url(../images/winner_number.png) 0px 0px;
}

.fc-rt-king .userlist .userinfo .headimg i.icon-num-2 {
  background: url(../images/winner_number.png) 0px -10px;
}

.fc-rt-king .userlist .userinfo .headimg i.icon-num-3 {
  background: url(../images/winner_number.png) 0px -20px;
}

.fc-rt-king .userlist .userinfo .headimg i.icon-num-4 {
  background: url(../images/winner_number.png) 0px -30px;
}

.fc-rt-king .userlist .userinfo .headimg i.icon-num-5 {
  background: url(../images/winner_number.png) 0px -40px;
}

.fc-rt-king .userlist .userinfo .headimg i.icon-num-6 {
  background: url(../images/winner_number.png) 0px -50px;
}

.fc-rt-king .userlist .userinfo .headimg i.icon-num-7 {
  background: url(../images/winner_number.png) 0px -60px;
}

.fc-rt-king .userlist .userinfo .headimg i.icon-num-8 {
  background: url(../images/winner_number.png) 0px -70px;
}

.fc-rt-king .userlist .userinfo .headimg i.icon-num-9 {
  background: url(../images/winner_number.png) 0px -80px;
}

.fc-rt-king .userlist .userinfo .headimg i.icon-num-10 {
  background: url(../images/winner_number.png) 0px -90px;
}

.fc-rt-king .userlist .userinfo .username {
  width: 136px;
  color: #666;
  font-size: 12px;
  text-align: left;
  padding-left: 20px;
  line-height: 20px;
  margin-top: 9px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.fc-rt-king .userlist .userinfo .username i {
  display: block;
  font-style: normal;
}

.fc-rt-king .userlist .userinfo .count {
  width: 110px;
  text-align: right;
  margin-right: 10px;
  color: #666;
}

.fc-rt-king .userlist .userinfo .count i {
  font-style: normal;
  color: #999;
  display: inline-block;
  width: 50px;
}

.fc-rt-record {
  margin-top: 20px;
}

.md-financing-dialog.dialog-wide {
  position: absolute;
  left: 100px;
  top: 100px;
  z-index: 100;
  width: 655px;
  height: 386px;
  border-radius: 5px;
  display: none;
}

.md-financing-dialog .con_box .tit {
  text-align: center;
  color: #fff;
  font-size: 18px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.md-financing-dialog .con_box .tips {
  text-align: center;
  font-size: 12px;
  color: #999;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

.md-financing-dialog .con_box .buy-box-info {
  height: 130px;
  width: 476px;
  margin: 0 auto;
  border: 2px solid #5c6563;
  border-radius: 5px;
  background: #1a1a1a;
  margin-top: 20px;
}

.md-financing-dialog .con_box .buy-box-info .bbi-lt {
  float: left;
}

.md-financing-dialog .con_box .buy-box-info .bbi-lt img {
  width: 132px;
  height: 88px;
  margin-left: 28px;
  margin-top: 20px;
}

.md-financing-dialog .con_box .buy-box-info .bbi-rt {
  float: left;
  margin-left: 10px;
  color: #999;
}

.md-financing-dialog .con_box .buy-box-info .bbi-rt .name {
  font-size: 16px;
  color: #ddc79c;
  margin-top: 20px;
}

.md-financing-dialog .con_box .buy-box-info .bbi-rt .num {
  padding: 10px 0;
}

.md-financing-dialog .con_box .buy-box-info .bbi-rt .num span {
  border-right: 1px solid #999;
  padding: 0 5px;
}

.md-financing-dialog .con_box .buy-box-info .bbi-rt .num span:first-child {
  padding-left: 0
}

.md-financing-dialog .con_box .buy-box-info .bbi-rt .num span:last-child {
  border: 0;
}

.md-financing-dialog .con_box .buy-box-info .bbi-rt .num i {
  padding-left: 5px;
  font-style: normal;
}

.md-financing-dialog .con_box .buy-box-info .bbi-rt .num em {
  padding-left: 5px;
  font-style: normal;
  color: #ff0000;
}

.md-financing-dialog .con_box .buy-box-info .bbi-rt .opt .btn-less {
  vertical-align: top;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 42px;
  text-align: center;
  border: 1px solid #333;
  border-radius: 3px;
  margin-left: 10px;
}

.md-financing-dialog .con_box .buy-box-info .bbi-rt .opt .btn-less:hover {
  cursor: pointer;
  background: #a6320e;
  color: #fff;
}

.md-financing-dialog .con_box .buy-box-info .bbi-rt .opt .num-less {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  vertical-align: top;
  margin-left: 10px;
}

.md-financing-dialog .con_box .buy-box-info .bbi-rt .opt .num-less i {
  font-style: normal;
}

.md-financing-dialog .buy-confirm {
  text-align: center;
  margin-top: 10px;
  color: #999;
}

.md-financing-dialog .buy-confirm i {
  padding: 0 5px;
  font-size: 12px;
  color: #ff0000;
  font-style: normal;
}

.md-financing-dialog .btn {
  text-align: center;
  margin-top: 20px;
}

.md-financing-dialog .btn button {
  border: 0;
  display: inline-block;
  width: 316px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #a6320e;
  color: #fff;
  border-radius: 100px;
}

.md-financing-dialog .btn button:hover {
  cursor: pointer;
  background: #c71c1c;
  color: #fff;
  border: 0;
  outline: none;
}

.md-financing-dialog.win .con_box .buy-box-info .bbi-lt {
  margin-left: 100px;
}

.md-financing-dialog.win .con_box .buy-box-info .bbi-lt img {
  width: 88px;
  height: 88px;
  border-radius: 50%;
}

.md-financing-dialog.win .con_box .buy-box-info .bbi-rt .name {
  font-size: 16px;
  color: #ddc79c;
  margin-top: 50px;
}

.md-financing .fc-center.detail .fc-center-lt {
  width: 100%;
}

.md-financing .fc-center.detail .fc-center-lt .finance-back {
  padding-top: 35px;
  font-size: 14px;
  color: #999;
  padding-bottom: 30px;
}

.md-financing .fc-center.detail .fc-center-lt .finance-back a {
  color: #999;
  font-size: 14px;
  padding-left: 20px;
}

.md-financing .fc-center.detail .db-box {
  overflow: hidden;
  margin: 20px;
  background-color: #181818;
  background-image: url(../images/yydb_info_bg.jpg);
  background-repeat: no-repeat;
}

.md-financing .fc-center.detail .db-box-lt {
  float: left;
  margin-left: 20px;
}

.md-financing .fc-center.detail .db-box-lt .img {
  margin-top: 100px;
  margin-left: 40px;
}

.md-financing .fc-center.detail .db-box-lt .img img {
  width: 287px;
  height: 185px;
  background: linear-gradient(to bottom, #3d3c3d, #a0a0a0)
}

.md-financing .fc-center.detail .db-box-lt .name {
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  background: #1a1a1a;
  color: #fff;
  font-size: 16px;
}

.md-financing .fc-center.detail .db-box-lt .line {
  height: 5px;
  background: yellow;
}

.md-financing .fc-center.detail .db-box-lt .info {
  background: #69695d;
  height: 138px;
  padding: 10px;
  color: #999;
}

.md-financing .fc-center.detail .db-box-lt .info .if-1 {}

.md-financing .fc-center.detail .db-box-lt .info .if-1 span {
  vertical-align: top;
  display: inline-block;
  margin-top: 3px;
  font-size: 16px;
  color: yellow;
  margin-left: 5px;
}

.md-financing .fc-center.detail .db-box-lt .info .if-2 i {
  font-style: normal;
  color: red;
}

.md-financing .fc-center.detail .db-box-rt {
  width: 770px;
  float: left;
  height: 347px;
  margin-left: 20px;
  padding: 20px;
  text-align: center;
  font-size: 12px;
  color: #666;
}

.md-financing .fc-center.detail .db-box-rt .period {
  font-size: 14px;
  color: #666;
  padding: 30px 0;
}

.md-financing .fc-center.detail .db-box-rt .name {
  font-size: 20px;
  color: #fff;
}

.md-financing .fc-center.detail .db-box-rt .hero {
  padding-top: 5px;
  padding-bottom: 30px;
}

.md-financing .fc-center.detail .db-box-rt .max {
  font-size: 16px;
  color: #fff;
  padding-bottom: 5px;
}

.md-financing .fc-center.detail .db-box-rt .max i {
  color: #ff0000;
  font-style: normal;
}

.md-financing .fc-center.detail .db-box-rt .max span {
  font-size: 12px;
  color: #999;
}

.md-financing .fc-center.detail .db-box-rt .process p {
  margin-top: 12px;
  width: 100%;
  height: 5px;
  background: #333;
  border-radius: 10px;
  position: relative;
}

.md-financing .fc-center.detail .db-box-rt .process p span {
  width: 0;
  height: 5px;
  background: #ff0000;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.md-financing .fc-center.detail .db-box-rt .info {
  overflow: hidden;
  margin-top: 5px;
}

.md-financing .fc-center.detail .db-box-rt .info .if-1 {
  float: left;
  width: 33.33333%;
  text-align: left;
}

.md-financing .fc-center.detail .db-box-rt .info .if-2 {
  float: left;
  width: 33.33333%;
  text-align: center;
}

.md-financing .fc-center.detail .db-box-rt .info .if-3 {
  float: right;
  width: 33.33333%;
  text-align: right;
}

.md-financing .fc-center.detail .db-box-rt .info i {
  font-style: normal;
}

.md-financing .fc-center.detail .db-box-rt .info .if-3 i {
  color: #ff0000;
}

.md-financing .fc-center.detail .db-box-rt .opt {
  margin-top: 10px;
}

.md-financing .fc-center.detail .db-box-rt .opt .NG-Select-Number {
  margin-right: 5px;
}

.md-financing .fc-center.detail .db-box-rt .opt .NG-Select-Number input {
  width: 56px;
}

.md-financing .fc-center.detail .db-box-rt .opt span.btn {
  cursor: pointer;
  margin: 0 5px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  width: 56px;
  border: 1px solid #333;
  text-align: center;
  box-sizing: border-box;
  background: #212121;
  vertical-align: top;
}

.md-financing .fc-center.detail .db-box-rt .opt span.btn:hover {
  color: #666;
  border: 1px solid #666;
}

.md-financing .fc-center.detail .db-box-rt .tips1 {
  padding: 5px 0;
  color: #333;
}

.md-financing .fc-center.detail .db-box-rt .btn {
  position: relative;
  margin-top: 5px;
}

.md-financing .fc-center.detail .db-box-rt .btn button {
  border: 0;
  display: inline-block;
  width: 256px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #a6320e;
  color: #fff;
  border-radius: 100px;
}

.md-financing .fc-center.detail .db-box-rt .btn button:hover {
  cursor: pointer;
  background: #c71c1c;
  color: #fff;
  border: 0;
  outline: none;
}

.md-financing .fc-center.detail .db-box-rt .btn span {
  position: absolute;
  right: 0;
  top: 5px;
}

.md-financing .fc-center.detail .db-box-rt .btn span:hover {
  color: #999;
  cursor: pointer;
}

.md-financing .fc-center.detail .db-box-rt .wait {
  height: 100px;
  background: #212121;
  line-height: 100px;
  font-size: 16px;
  color: #fff;
  margin-top: 20px;
  display: none;
}

.md-financing .fc-center.detail .db-box .f-status-end {}

.md-financing .fc-center.detail .f-status-end .r1 {
  overflow: hidden;
}

.md-financing .fc-center.detail .f-status-end .r1 .r1-lt {
  float: left;
  padding-top: 40px;
  padding-left: 40px;
}

.md-financing .fc-center.detail .f-status-end .r1 img {
  width: 300px;
  height: 200px;
}

.md-financing .fc-center.detail .f-status-end .r1 .r1-rt {
  float: left;
  color: #666;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box {
  position: relative;
  width: 800px;
  height: 180px;
  border: 1px solid #333;
  border-radius: 3px;
  margin-left: 20px;
  margin-top: 40px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1px solid #333;
  border-bottom: 0;
  border-left: 0;
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 131px;
  bottom: -9px;
  background: #1a1a1a;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .item-1 {
  padding-top: 20px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .item-1 span {
  display: inline-block;
  width: 60px;
  text-align: right;
  margin-right: 10px;
  margin-top: 5px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .item-1 i {
  font-style: normal;
  display: inline-block;
  width: 40px;
  height: 30px;
  text-align: center;
  vertical-align: top;
  line-height: 30px;
  background: #333;
  color: #fff;
  border-radius: 3px;
  margin: 0 5px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .item-2 {
  padding-top: 10px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .item-2 span {
  display: inline-block;
  width: 60px;
  text-align: right;
  margin-right: 10px;
  margin-top: 5px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .item-2 i {
  font-size: 16px;
  font-style: normal;
  display: inline-block;
  width: 40px;
  height: 30px;
  text-align: center;
  vertical-align: top;
  line-height: 30px;
  color: #ccc;
  border-radius: 3px;
  margin: 0 5px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .item-3 {
  padding-top: 10px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .item-3 span {
  display: inline-block;
  width: 60px;
  text-align: right;
  margin-right: 10px;
  margin-top: 5px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .item-3 i {
  font-style: normal;
  display: inline-block;
  width: 40px;
  height: 30px;
  text-align: center;
  vertical-align: top;
  line-height: 30px;
  background: #333;
  color: #fff;
  border-radius: 3px;
  margin: 0 5px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .item-4 {
  padding-top: 10px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .item-4 span {
  display: inline-block;
  width: 60px;
  text-align: right;
  margin-right: 10px;
  margin-top: 5px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .item-4 i {
  font-size: 16px;
  font-style: normal;
  display: inline-block;
  width: 40px;
  height: 30px;
  text-align: center;
  vertical-align: top;
  line-height: 30px;
  color: #ccc;
  border-radius: 3px;
  margin: 0 5px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .result-from {
  position: absolute;
  right: 40px;
  top: 72px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .result-from span {
  display: block;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .result-from span.btn {
  width: 100px;
  color: #fff;
  background: #1b1b1b;
  border: 2px solid #666;
  color: #666;
  text-align: center;
  margin-top: 10px;
  height: 28px;
  line-height: 28px;
  border-radius: 100px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .box .result-from span.btn:hover {
  background: #591818;
  border: 2px solid #3c0404;
  cursor: pointer;
}

.md-financing .fc-center.detail .f-status-end .r2 {
  background: #551616;
  height: 90px;
  line-height: 90px;
  color: #666;
  position: relative;
  font-size: 14px;
}

.md-financing .fc-center.detail .f-status-end .r2:after {
  content: '';
  position: absolute;
  top: -30px;
  right: 190px;
  border: 15px solid #551616;
  border-color: transparent transparent #551616 transparent;
}

.md-financing .fc-center.detail .f-status-end .r2 div {
  display: inline-block;
  vertical-align: top;
}

.md-financing .fc-center.detail .f-status-end .r2 .col-1 {
  line-height: 22px;
  width: 300px;
  text-align: center;
  margin-left: 40px;
  padding-top: 12px;
}

.md-financing .fc-center.detail .f-status-end .r2 .col-1 span {
  display: block;
  font-size: 14px;
}

.md-financing .fc-center.detail .f-status-end .r2 .col-1 span.period {}

.md-financing .fc-center.detail .f-status-end .r2 .col-1 span.name {
  font-size: 14px;
  font-weight: 600;
}

.md-financing .fc-center.detail .f-status-end .r2 .col-2 {}

.md-financing .fc-center.detail .f-status-end .r2 .col-2 span.label {
  color: #999;
  padding-left: 26px;
}

.md-financing .fc-center.detail .f-status-end .r2 .col-2 img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  vertical-align: top;
  margin-top: 22px;
  margin-left: 40px;
  margin-right: 10px;
  box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.3)
}

.md-financing .fc-center.detail .f-status-end .r2 .col-2 span.username {
  vertical-align: middle;
  color: #fff;
  padding-right: 10px;
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-financing .fc-center.detail .f-status-end .r2 .col-2 span.lever {
  color: #999;
  padding-right: 20px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .open-number {
  padding-left: 20px;
  margin: 20px 0;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .open-number .label {
  display: inline-block;
  width: 60px;
  text-align: right;
  margin-right: 10px;
  margin-top: 5px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .open-number p {
  display: inline-block;
  font-size: 20px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .open-number .f-openno {
  display: inline-block;
  width: 130px !important;
  height: 44px;
  line-height: 44px;
  background: #212121;
  text-align: center;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .open-number .f-user {
  font-size: 12px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .open-number .f-user i {
  font-size: 20px;
  font-style: normal;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .open-number .f-value {
  font-size: 12px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .open-number .f-value i {
  font-size: 20px;
  font-style: normal;
  color: #ff0000;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .open-number .f-base {
  font-size: 12px;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .open-number .f-base i {
  font-size: 20px;
  font-style: normal;
}

.md-financing .fc-center.detail .f-status-end .r1-rt .open-number .f-result {
  font-size: 22px;
  color: #ff0000;
}

.md-financing .fc-center.detail .financing-rule {
  border-top: 1px solid #333;
  color: #666;
  line-height: 20px;
  margin-bottom: 20px;
}

.md-financing .fc-center.detail .financing-rule .title {
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #ff0000;
}

.md-financing .fc-center.detail .financing-rule .box {
  overflow: hidden;
}

.md-financing .fc-center.detail .financing-rule .box .box-lt {
  width: 460px;
  float: left;
  padding-left: 20px;
}

.md-financing .fc-center.detail .financing-rule .box .box-rt {
  width: 720px;
  float: left;
  padding-left: 20px;
}

.md-financing .fc-center.detail .financing-rule .box .box-rt span {
  color: #fff;
}

.md-financing .fc-center.detail .financing-rule .box .box-rt a.go {
  text-decoration: underline;
  color: #ff0000;
}

.md-financing .fc-center.detail .financing-rule .box .box-rt i {
  font-style: normal;
  color: #ff0000;
}

.md-financing .fc-center.detail .get-number {}

.md-financing .fc-center.detail .get-number .title {
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #ff0000;
}

.md-financing .fc-center.detail .get-number .box {
  min-height: 108px;
  margin: 0 20px;
  border-radius: 3px;
  border: 1px solid #333;
  overflow: auto;
  position: relative;
  max-height: 270px;
}

.md-financing .fc-center.detail .get-number .box .f-nodata {
  position: absolute;
  color: #999;
  top: 50px;
  left: 0;
  width: 100%;
  text-align: center;
}

.md-financing .fc-center.detail .get-number .box span {
  float: left;
  padding: 10px;
  color: #666;
}

.md-financing .fc-center.detail .user-list .title {
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #ff0000;
}

.md-financing .fc-center.detail .user-list .box {
  margin: 0 20px;
  height: 268px;
  border: 1px solid #000;
  background: #1a1a1a;
  position: relative;
}

.md-financing .fc-center.detail .user-list .box .loadding {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 110px;
}

.md-financing .fc-center.detail .user-list .box .tb-title {
  height: 55px;
  line-height: 55px;
  color: #fff;
  font-size: 14px;
}

.md-financing .fc-center.detail .user-list .box .tb-body {
  height: 160px;
  overflow: hidden;
}

.md-financing .fc-center.detail .user-list .box .tb-row {
  height: 40px;
  line-height: 40px;
  color: #999;
  border-top: 1px solid #212121;
  box-sizing: border-box;
}

.md-financing .fc-center.detail .user-list .box .tb span {
  display: inline-block;
}

.md-financing .fc-center.detail .user-list .box .tb .t1 {
  width: 300px;
  padding-left: 20px;
}

.md-financing .fc-center.detail .user-list .box .tb .t2 {
  width: 180px;
  text-align: center;
  overflow: hidden;
  vertical-align: top;
}

.md-financing .fc-center.detail .user-list .box .tb .t3 {
  width: 200px;
  text-align: center;
}

.md-financing .fc-center.detail .user-list .box .tb .t4 {
  width: 100px;
  text-align: right;
}

.md-financing .fc-center.detail .user-list .box .tb .t5 {
  width: 150px;
  text-align: center;
  margin-left: 100px;
}

.md-financing .fc-center.detail .user-list .box .tb .t5 i {
  text-decoration: underline;
  font-style: normal;
  cursor: pointer;
}

.md-financing .fc-center.detail .user-list .box .tb-row .t2 span {
  line-height: 14px;
  float: left;
  margin-left: 5px;
  margin-top: 3px;
}

.md-financing .fc-center.detail .user-list .box .tb-row .t2 img {
  float: left;
  height: 30px;
  width: 30px;
  margin-top: 5px;
  vertical-align: top;
  border-radius: 50%;
  margin-left: 40px;
}

.md-financing .fc-center.detail .user-list .box .tb-row .t2 i.name {
  font-style: normal;
  margin-top: 2px;
  display: inline-block;
  max-width: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-financing .fc-center.detail .user-list .box .tb-row .t2 i.level {
  display: block;
  font-style: normal;
  text-align: left;
}

.md-financing .fc-center.detail .user-list .box .tb-row .t4 {
  font-weight: 800;
}

.md-financing .fc-center.detail .user-list .box .tb .opt-page {}

.md-financing .fc-center.detail .record-list .title {
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #ff0000;
}

.md-financing .fc-center.detail .record-list .box {
  margin: 0 20px;
  height: 268px;
  border: 1px solid #000;
  background: #1a1a1a;
  margin-bottom: 20px;
  position: relative;
}

.md-financing .fc-center.detail .record-list .box .loadding {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 110px;
}

.md-financing .fc-center.detail .record-list .box .tb-title {
  height: 55px;
  line-height: 55px;
  color: #fff;
  font-size: 14px;
}

.md-financing .fc-center.detail .record-list .box .tb-body {
  height: 160px;
  overflow: auto;
}

.md-financing .fc-center.detail .record-list .box .tb-row {
  height: 40px;
  line-height: 40px;
  color: #999;
  border-top: 1px solid #212121;
}

.md-financing .fc-center.detail .record-list .box .tb span {
  display: inline-block;
}

.md-financing .fc-center.detail .record-list .box .tb .t1 {
  width: 300px;
  padding-left: 20px;
}

.md-financing .fc-center.detail .record-list .box .tb .t2 {
  width: 90px;
  text-align: right;
}

.md-financing .fc-center.detail .record-list .box .tb .t3 {
  width: 320px;
  text-align: center;
}

.md-financing .fc-center.detail .record-list .box .tb .t4 {
  width: 100px;
  text-align: center;
}

.md-financing .fc-center.detail .record-list .box .tb .t4 i {
  text-decoration: underline;
  font-style: normal;
  cursor: pointer;
}

.md-financing .fc-center.detail .record-list .box .tb .t5 {
  width: 150px;
  text-align: left;
  padding-left: 10px;
  margin-left: 100px;
}

.md-financing .fc-center.detail .record-list .box .tb .tb-row .t2 {
  font-weight: 800;
}

.md-financing .fc-center.detail .record-list .box .tb .opt-page .f-total {
  float: right;
  margin-right: 20px;
  color: #666;
}

.md-financing .fc-center.detail .record-list .box .tb .opt-page .f-total i {
  font-style: normal;
}

.md-financing .fc-center.detail .fc-center-rt {
  width: 320px;
  background: #212121;
  color: #666;
  line-height: 20px;
}

.md-financing .fc-center.detail .fc-center-rt .title {
  font-size: 16px;
  color: #ff0000;
  padding-top: 50px;
  font-weight: 600;
  padding-left: 20px;
}

.md-financing .fc-center.detail .fc-center-rt .content {
  padding: 10px 0;
}

.md-financing .fc-center.detail .fc-center-rt .content p {
  padding: 10px 20px;
  text-align: justify;
}

.md-financing .fc-center.detail .fc-center-rt .content p span {
  color: #fff;
}

.md-financing .fc-center.detail .fc-center-rt .content p a {
  color: #ff0000;
}

.md-financing .fc-center.detail .fc-center-rt .content p a.a {
  color: #999;
}

.ng-pagination {
  overflow: hidden;
}

.ng-pagination .f-total {
  float: right;
  margin-right: 20px;
  color: #666;
}

.ng-pagination .page-list {
  display: inline-block;
  float: left;
  margin-left: 20px;
  user-select: none;
}

.ng-pagination .page-list span {
  margin-right: 5px;
  display: inline-block;
  width: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #666;
  font-size: 12px;
  cursor: pointer;
  border: 1px solid #333;
  border-radius: 3px;
}

.ng-pagination .page-list span.selected {
  color: #fff;
}

/**新手引导**/

.newplayercontainer {
  width: 1240px;
  margin: 0 auto;
  margin-top: 12px;
  background: #272b40;
  margin-bottom: 20px;
  height: 1367px;
}

.newplayercontainer .new_player li {
  float: left;
  font-size: 14px;
  color: #b3b7cc;
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #2c3654;
  cursor: pointer;
  box-sizing: border-box;
}

.newplayercontainer .new_player li.current {
  border-bottom: 2px solid #7a93ec;
  color: #d9ddf2;
}

.newplayercontainer .new_player li.current div {
  color: #b3b7cc;
  cursor: default;
}

.newplayercontainer .new_player li.l1 .content {
  text-align: left;
  width: 910px;
  margin-left: 50px;
  position: relative;
}

.newplayercontainer .new_player li .content.init {
  display: none;
}

.newplayercontainer .new_player li.l2 .content {
  position: absolute;
  margin-left: -355px;
  font-size: 16px;
}

.newplayercontainer .new_player li.l2 .content p {
  text-align: left;
  line-height: 24px;
  margin-top: 20px;
}

.newplayercontainer .new_player li.l3 .content {
  text-align: left;
  background: none;
  width: 910px;
  height: 1960px;
  margin-left: -170px;
  position: relative;
}

.newplayercontainer .new_player li.l4 .content {
  position: absolute;
  margin-left: -600px;
}

.newplayercontainer .new_player li.l4 .content div {
  text-align: left;
  font-size: 16px;
  margin-left: 50px;
  height: 30px;
}

.newplayercontainer .new_player li.l4 .content p {
  text-align: left;
  line-height: 24px;
  width: 1140px;
  font-size: 14px;
  margin-top: 30px;
}

.newplayercontainer .new_player li.l5 .content {
  position: absolute;
  margin-left: -800px;
}

.newplayercontainer .new_player li.l5 .content p {
  text-align: left;
  line-height: 24px;
  width: 900px;
  padding: 0px 50px;
  font-size: 14px;
  margin-top: 30px;
}

.newplayercontainer.novice .new_player li {
  width: 310px;
}

.newplayercontainer.novice .new_player li .content {
  font-size: 14px;
  width: 1140px;
}

.newplayercontainer.novice .new_player li .content p {
  line-height: 20px;
}

.newplayercontainer.novice .new_player li .content p.ctn-title {
  height: 75px;
  line-height: 75px;
  color: #ccc !important;
  font-size: 16px;
  text-align: center;
  margin-top: 0px !important;
}

.newplayercontainer.novice .new_player li.l1 .content {
  background: none;
}

.newplayercontainer.novice .new_player li.l2 .content {
  position: absolute;
  margin-left: -261px;
  line-height: 24px;
  text-align: left;
  width: 1140px;
  height: auto;
}

.newplayercontainer.novice .new_player li.l2 .content p {
  font-size: 16px;
  color: #7a93ec;
}

.newplayercontainer.novice .new_player li.l3 .content {
  position: absolute;
  margin-left: -570px;
  line-height: 24px;
  background: none;
  text-align: left;
  height: 1140px;
}

.newplayercontainer.novice .new_player li.l3 .content p {
  font-size: 16px;
  margin-top: 30px;
  color: #7a93ec;
}

.newplayercontainer.novice .new_player li.l4 .content {
  position: absolute;
  margin-left: -880px;
  line-height: 24px;
  text-align: left;
  margin-top: 0px;
}

.newplayercontainer.novice .new_player li.l4 .content img {
  width: 32px;
}

.newplayercontainer.novice .new_player li.l4 .content span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 32px;
  line-height: 32px;
  width: auto;
  vertical-align: top;
  padding-left: 10px;
  text-align: right;
}

.newplayercontainer.novice .new_player li.l4 .content span.online {
  text-decoration: underline;
  cursor: pointer;
}

.newplayercontainer.novice .new_player li.l4 .content .qq {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  padding-left: 10px;
}

.newplayercontainer.novice .new_player li.l4 .content .qq img {
  width: 23px;
  height: 16px;
}

.newplayercontainer.novice .new_player li.l4 .content .qqnum {
  padding-left: 0px;
  cursor: pointer;
}

.newplayercontainer.novice .new_player li .content p.license {
  margin-top: 20px;
}

.newplayercontainer.novice .new_player li .content p.license img {
  float: left;
  margin-right: 20px;
}

.newplayercontainer.novice .new_player li .content p.license span {
  display: inline-block;
  float: left;
  width: 700px;
  font-size: 12px;
  color: #666;
}

.newplayercontainer.novice .new_player li .content p.license span em {
  font-size: 14px;
  color: #999;
}

.newplayercontainer1 {
  width: 1240px;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 20px;
  overflow: hidden;
}

.newplayercontainer1 .newplayer {
  float: left;
}

.newplayercontainer1 .newplayer.left {
  width: 230px;
  background: #222534;
}

.newplayercontainer1 .newplayer.left li {
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-indent: 20px;
  color: #c8cce5;
  font-size: 16px;
  border-bottom: 1px solid #2a2e45;
  cursor: pointer;
}

.newplayercontainer1 .newplayer.left li.l6 {
  border: 0;
}

.newplayercontainer1 .newplayer.left li.current {
  border-left: 3px solid #fca501;
  color: #fff;
  background: #38416e;
  box-sizing: border-box;
  position: relative;
}

.newplayercontainer1 .newplayer.left li.current::after {
  content: "";
  font-size: 22px;
  color: #fff;
  position: absolute;
  right: 20px;
  background: url(../images/right.png);
  height: 20px;
  width: 20px;
  top: 20px;
}

.newplayercontainer1 .newplayer.left li.dep {
  height: auto;
}

.newplayercontainer1 .newplayer.left li.dep .nav1.current {
  border-left: 3px solid #fca501;
  position: relative;
  box-sizing: border-box;
}

.newplayercontainer1 .newplayer.left li.dep .nav1.current::after {
  content: "";
  font-size: 22px;
  color: #fff;
  position: absolute;
  right: 20px;
  background: url(../images/up.png);
  height: 20px;
  width: 20px;
  top: 20px;
}

.newplayercontainer1 .newplayer.left li.dep .nav1.current.s-du::after {
  content: "";
  font-size: 22px;
  color: #fff;
  position: absolute;
  right: 20px;
  background: url(../images/down.png);
  height: 20px;
  width: 20px;
  top: 20px;
}

.newplayercontainer1 .newplayer.left li.dep .list {
  display: none;
}

.newplayercontainer1 .newplayer.left li.dep .list p {
  padding-left: 25px;
  border-top: 1px solid #2a2e45;
}

.newplayercontainer1 .newplayer.left li.dep .list p.current {
  color: #fff;
  background: #38416e;
  position: relative;
}

.newplayercontainer1 .newplayer.left li.dep .list p.current::after {
  content: "";
  font-size: 22px;
  color: #fff;
  position: absolute;
  right: 20px;
  background: url(../images/right.png);
  height: 20px;
  width: 20px;
  top: 18px;
}

.newplayercontainer1 .newplayer.right {
  width: 998px;
  margin-left: 12px;
  background: #222534;
}

.newplayercontainer1 .newplayer.right .content {
  display: none;
}

.newplayercontainer1 .newplayer.right .content.show {
  display: block;
}

.newplayercontainer1 .newplayer.right .content.show div.how {
  display: none;
}

.newplayercontainer1 .newplayer.right .content.show div.how.show {
  display: block;
  margin-top: 36px;
}

.newplayercontainer1 .newplayer.right .content p {
  color: #c8cce5;
  font-size: 14px;
  margin: 30px 20px;
  line-height: 24px;
}

.newplayercontainer1 .newplayer.right .content div {
  margin: 10px 20px 10px 30px;
}

.newplayercontainer1 .newplayer.right .content div.p {
  margin: 30px 10px;
}

.newplayercontainer1 .newplayer.right .content h3 {
  font-size: 16px;
  color: #c8cce5;
  margin-bottom: 20px;
  margin-left: 30px;
}

.newplayercontainer1 .newplayer.right .content div.p div {
  font-size: 16px;
  color: #8a8ea9;
}

.newplayercontainer1 .newplayer.right .content div.p div.b {
  color: #c8cce5;
}

.newplayercontainer1 .newplayer.right .content div.p div.href a {
  text-decoration: underline;
  color: #eca66b;
  cursor: pointer;
}

.newplayercontainer1 .newplayer.right .content.l3 .how.dj .type {
  background: url(../images/title-1.jpg) no-repeat;
  margin: 0px;
  margin-left: 8px;
  height: 80px;
  width: 920px;
}

.newplayercontainer1 .newplayer.right .content.l3 .how.dj .type span {
  display: inline-block;
  width: 50%;
  height: 115px;
}

.newplayercontainer1 .newplayer.right .content.l3 .how.dj h3 {
  margin-left: 0px;
}

.newplayercontainer1 .newplayer.right .content.l3 .how.dj .h3 {
  margin-left: 0px;
}

.newplayercontainer1 .newplayer.right .content.l3 .how.ty .type {
  background: url(../images/title-2.jpg) no-repeat;
  margin: 0px;
  margin-left: 8px;
  height: 80px;
  width: 920px;
}

.newplayercontainer1 .newplayer.right .content.l3 .how.ty .type span {
  display: inline-block;
  width: 50%;
  height: 115px;
  cursor: pointer;
}

.newplayercontainer1 .newplayer.right .content img {}

.newplayercontainer1 .newplayer.right .content.l8 div em {
  font-weight: 600;
  color: #c8cce5;
}

.newplayercontainer1 .newplayer.right .content.l5 .lever {
  color: red;
}

/*.newplayercontainer1 .newplayer.right .content img.ml1{ margin-left: -30px; }*/
/* 
.newplayercontainer1.page4 .right {
  background: #1f1f1f;
} */

.newplayercontainer1 .newplayer.right .content table {
  margin: 30px auto;
  border: 0px;
}

.newplayercontainer1 .newplayer.right .content table tr {
  border: 1px solid #2a2e45;
}

.newplayercontainer1 .newplayer.right .content table tr.lastr {
  border-bottom: 1px solid #2a2e45;
}

.newplayercontainer1 .newplayer.right .content table tr.title {
  background: #1f2844;
}

.newplayercontainer1 .newplayer.right .content table td {
  border-right: 1px solid #2a2e45;
  color: #c8cce5;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 350px;
}

.newplayercontainer1 .newplayer.right .content table td.num {
  color: #e8c36a;
  text-align: center;
}

.newplayercontainer1 .newplayer.right .content table tr.split td {
  height: 20px;
/*   background: #282828; */
}

.newplayercontainer1 .newplayer.right .content table.long-table td {
  width: 65px;
  font-size: 8px;
}

.newplayercontainer1 .newplayer.right .l5.content p {
  color: #8a8ea9;
}

.newplayercontainer1 .newplayer.right .l5.content span {
  color: #c8cce5;
  margin-top: 20px;
  display: inline-block;
}

.newplayercontainer1 .newplayer.right .l6.content p {
  color: #8a8ea9;
}

.newplayercontainer1 .newplayer.right .l6.content span {
  color: #c8cce5;
  margin-top: 20px;
  display: inline-block;
}

/*手机端*/

.mobilemain {
  width: 100%;
  background: #141414;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
}

.mobilemain.l2 {
  background: url(../images/bg2.png) top center no-repeat;
}

.mobilemain.l3 {
  background: url(../images/bg3.jpg) top center no-repeat;
}

.mobilemain.l4 {
  background: url(../images/bg4.jpg) top center no-repeat;
}

.mobilecontainer {
  width: 1000px;
  margin: 0 auto;
  height: 560px;
  position: relative;
  overflow: hidden;
}

.mobilemain.l1 .mobilecontainer {
  height: 500px;
}

.mobilemain.l1 img.logo {
  position: absolute;
  top: 120px;
  left: -30px;
}

.mobilemain.l1 div.btn {
  position: absolute;
  top: 280px;
  left: 120px;
  width: 220px;
  height: 50px;
  background: url(../images/button.png) 0px 0px;
  cursor: pointer;
}

.mobilemain.l1 div.btn span.download {
  display: inline-block;
  width: 150px;
  height: 100%;
}

.mobilemain.l1 div.btn span.ewm {
  display: inline-block;
  width: 60px;
  height: 100%;
}

.mobilemain.l1 div.btn2 {
  position: absolute;
  top: 310px;
  left: 120px;
  z-index: 3;
  display: none;
  height: 120px;
  padding-top: 20px;
}

/*.mobilemain.l1 div.btn2 span.ios{ display: block; width: 214px;height: 46px; background: url(../images/button.png) 0px 100px; cursor: pointer; }
.mobilemain.l1 div.btn2 span.ios:hover{ background: url(../images/button.png) 0px 200px;  }
.mobilemain.l1 div.btn2 span.android{ display: block; width: 214px;height: 46px; background: url(../images/button.png) 0px 50px;  cursor: pointer;}
.mobilemain.l1 div.btn2 span.android:hover{ background: url(../images/button.png) 0px 150px;  }*/

.mobilemain.l1 div.btn2 span a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.mobilemain.l1 .pic_ewm {
  display: none;
  position: absolute;
  top: 326px;
  left: 145px;
  z-index: 2;
  width: 164px;
  height: 174px;
  background: url(../images/ewm_bg.png);
}

.mobilemain.l1 .pic_ewm img {
  width: 155px;
  height: auto;
  display: block;
  margin-top: 16px;
  margin-left: 5px;
}

.mobilemain.l1 img.phone {
  position: absolute;
  right: -70px;
}

.mobilemain.l1 .ctn {
  position: absolute;
  overflow: hidden;
  top: 362px;
  left: 130px;
}

.mobilemain.l1 .ctn div {
  float: left;
  border-left: 1px solid rgba(255, 255, 255, .5);
  padding-left: 10px;
  margin-right: 20px;
}

.mobilemain.l1 .ctn span {
  color: #fff;
  opacity: .3;
  font-size: 12px;
  display: block;
}

.mobilemain.l1 .ctn span i {
  font-style: normal;
  color: #ffd600;
  text-decoration: underline;
  cursor: pointer;
}

.mobilemain.l2 .mobilecontainer {
  width: 1200px;
}

.mobilemain.l2 img.title {
  position: absolute;
  top: 30px;
  left: 100px;
}

.mobilemain.l2 img.logo {
  position: absolute;
  top: 160px;
  left: 80px;
}

.mobilemain.l2 img.phone {
  position: absolute;
  right: -70px;
  bottom: 0px;
  z-index: 1;
}

.mobilemain.l2 img.per {
  position: absolute;
  left: 167px;
}

.mobilemain.l2 img.per1 {
  position: absolute;
  z-index: 20;
}

.mobilemain.l2 img.per2 {
  position: absolute;
  z-index: 19;
}

.mobilemain.l2 img.per3 {
  position: absolute;
  z-index: 18;
}

.mobilemain.l2 img.per4 {
  position: absolute;
  z-index: 17;
}

.mobilemain.l2 img.per5 {
  position: absolute;
  z-index: 16;
}

.mobilemain.l2 img.per6 {
  position: absolute;
  z-index: 15;
}

.mobilemain.l2 img.per7 {
  position: absolute;
  z-index: 14;
  display: none;
}

.mobilemain.l3 img.title {
  position: absolute;
  top: 200px;
  right: 0px
}

.mobilemain.l3 img.phone {
  position: absolute;
  left: -70px;
}

.mobilemain.l4 img.title {
  position: absolute;
  top: 36px;
  left: 145px;
}

.mobilemain.l4 img.phone {
  position: absolute;
  bottom: 0;
  left: 280px;
  z-index: 2;
}

.mobilemain.l4 img.phone-left {
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 65px;
}

.mobilemain.l4 img.phone-right {
  position: absolute;
  bottom: 0;
  z-index: 1;
  right: 70px
}

.mobilemain_bottom {
  height: 30px;
  background: #191919;
}

.installguide {
  position: absolute;
  top: 240px;
  width: 720px;
  height: 640px;
  left: 50%;
  margin-left: -360px;
  background: #fff;
  display: none;
  z-index: 1000;
}

.installguide .title {
  background: #28314d;
  color: #fff;
  font-size: 16px;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  width: 700px;
}

.installguide .title i {
  display: inline-block;
  width: 40px;
  height: 37px;
  background: url(../images/icon-base.png) no-repeat 1px -272px;
  float: right;
  cursor: pointer;
  margin-top: 3px;
}

.installguide .ctn {
  height: 600px;
  overflow-y: auto;
}

.installguide .ctn p {
  padding: 20px 35px;
  font-size: 14px;
  color: #4c4c4c;
  line-height: 28px;
}

.installguide .ctn p img {
  padding-top: 20px;
  display: block;
}

.installguide .ctn p span {
  color: #0ca6ff;
}

/*共用*/

.lv {
  display: inline-block;
  background: #7b95e9;
  color: #ffd35e;
  line-height: 1;
  font-size: 10px;
  padding: 3px 10px;
  margin-left: 12px;
  border-radius: 10px;
}

.game_icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-image: url(../images/game_icon.png);
  background-repeat: no-repeat;
}

.game_icon_dota {
  background-position: 0 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
  margin-right: 20px;
  margin-top: 6px;
}

.c0 {
  color: #ffffff !important;
}

.c1 {
  color: #515663 !important;
}

.c2 {
  color: #b1b9ce !important;
}

.c3 {
  color: #666666 !important;
}

.c4 {
  color: #4c874b !important;
}

.c5 {
  color: #b90909 !important;
}

.c6 {
  color: #fdea00 !important;
}

.c7 {
  color: #cb2b2f !important;
}

.pd0 {
  padding: 0 !important;
}

.pd20 {
  padding: 20px !important;
}

.mt10 {
  margin-top: 10px;
}

.mt16 {
  margin-top: 16px;
}

.mt20 {
  margin-top: 6px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml5 {
  margin-left: 5px;
  color: #c71c1c;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.fs12 {
  font-size: 12px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs20 {
  font-size: 20px !important;
}

.text-l {
  text-align: left;
}

.text-c {
  text-align: center;
}

.text-r {
  text-align: right;
}

.line-30 {
  line-height: 30px;
}

.ellipsis {
  text-overflow: ellipsis;
  word-berak: normal;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden
}

.noticebar label,
.header .userbar ul li .buttons,
.header .userbar ul li label,
.menubar .menu_list li a,
@font-face {
  font-family: "iconfont";
  src: url('../../image/font/iconfont.eot?t=1463211723');
  /* IE9*/
  src: url('../../image/font/iconfont.eot?t=1463211723#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../image/font/iconfont.woff?t=1463211723') format('woff'), /* chrome, firefox */
  url('../../image/font/iconfont.ttf?t=1463211723') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../../image/font/iconfont.svg?t=1463211723#iconfont') format('svg');
  /* iOS 4.1- */
}

.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale
}

.icon-record:before {
  content: "\e600";
}

.icon-log:before {
  content: "\e601";
}

.icon-date:before {
  content: "\e602";
}

.icon-profit:before {
  content: "\e603";
}

.icon-like:before {
  content: "\e604";
}

.icon-unlike:before {
  content: "\e605";
}

.icon-king:before {
  content: "\e606";
}

.icon-see:before {
  content: "\e607";
}

.icon-unsee:before {
  content: "\e608";
}

.icon-nb:before {
  content: "\e609";
}

.icon-password:before {
  content: "\e60a";
}

.icon-phone:before {
  content: "\e60b";
}

.icon-card:before {
  content: "\e60c";
}

.icon-yes:before {
  content: "\e60e";
}

.icon-no:before {
  content: "\e60d";
}

.icon-error:before {
  content: "\e618";
}

.icon-info:before {
  content: "\e613";
}

.icon-wait:before {
  content: "\e616";
}

.icon-error:before {
  content: "\e610";
}

.icon-message:before {
  content: "\e60f";
}

.icon-logout:before {
  content: "\e611";
}

.icon-user:before {
  content: "\e612";
}

.icon-arrow:before {
  content: "\e614";
}

.icon-back:before {
  content: "\e617";
}

.icon-del:before {
  content: "\e615";
}

.icon-up:before {
  content: "\e61a";
}

.icon-down:before {
  content: "\e61b";
}

.icon-refresh:before {
  content: "\e619";
}

.icon-change:before {
  content: "\e61c";
  color: #fff;
}

.icon-plus:before {
  content: "\e61d";
}

@font-face {
  font-family: 'webfont';
  src: url('../../image/font/webfont.eot');
  /* IE9*/
  src: url('../../image/font/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../image/font/webfont.woff') format('woff'), /* chrome、firefox */
  url('../../image/font/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../../image/font/webfont.svg#webfont') format('svg');
  /* iOS 4.1- */
}

.forms li {
  margin-top: 30px;
}

.forms li:first-child {
  margin-top: 0;
}

.forms li.shr {
  margin-top: 18px;
}

.forms li label {
  font-size: 14px;
  text-align: right;
  line-height: 30px;
  margin-right: 6px;
  color: #B9BECE;
  width: 80px;
  display: inline-block;
  vertical-align: top;
}

.forms li .inputs {
  width: 200px;
  padding: 0 10px;
  font-size: 14px;
}

.forms li .inputs.short {
  width: 82px;
}

.forms li .nol {
  margin-left: 86px;
  line-height: 1;
}

.forms li .hsw {
  width: 220px;
}

.forms li .buttons {
  padding: 0 50px;
}

.forms li .tips {
  color: #fff;
  line-height: 1;
  margin-top: 8px;
}

.forms li .tips.error {
  color: #b90909;
}

.dia_form {
  overflow: hidden;
  margin: 10px 0 0 30px;
  margin-top: 0px;
}

.dia_form li {
  margin-top: 20px
}

.dia_form li label {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 8px;
  width: 75px;
  text-align: left;
  font-size: 12px;
  line-height: 36px
}

.dia_form.exchange_form li label {
  width: 125px;
}

.dia_form li .line {
  display: inline-block;
  width: 138px;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  color: #626887;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  vertical-align: top;
  background: #222a42;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #2c3654;
}

.dia_form li .line.maintain {
  line-height: 16px;
  display: none;
}

.dia_form li .line.selected {
  border: 1px solid #7b95e9;
  color: #7b95e9;
  background: #313c5e;
}

.dia_form li .line i {
  display: none;
  width: 18px;
  height: 18px;
  background: url(../images/deposit_line_type.png) 0 0 no-repeat;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -3px;
  transform: translateX(-11px);
}

.dia_form li .line.selected i {
  background: url(../images/deposit_line_type.png) -18px 0 no-repeat;
}

.dia_form li .line.maintain span {
  opacity: .3;
}

.dia_form li .line span.mt-top {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}

.dia_form li .line span.mt-btm {
  display: inline-block;
  width: 100%;
  font-size: 12px;
}

.dia_form li>span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  line-height: 36px;
  color: #d9ddf2;
}

.dia_form li input[type=text],
.dia_form li input[type=password] {
  padding: 0 8px;
  width: 120px;
  height: 36px;
  border: 1px solid #3d4b75;
  border-radius: 3px;
  font-size: 14px;
  line-height: 36px;
}

.dia_form li input[type=text]:focus,
.dia_form li input[type=password]:focus {
  border-color: #7b95e9
}

.dia_form li input[type=text].price_input {
  font-size: 20px;
  color: #ff5400;
  font-weight: bold;
  margin-left: 4px;
}

.dia_form li input.mid {
  width: 120px
}

.dia_form li .select {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

/*.dia_form li .select:after{position:absolute;top:1px;right:1px;bottom:1px;display:block;width:34px;border-radius:3px;background:#e6e6e6;content:"";content:"\e61b";text-align:center;font-family:iconfont;line-height:34px;pointer-events:none}*/

.dia_form li .select select::-ms-expand {
  padding: 0;
  border: 0 none;
  background: 0 0
}

.dia_form li select {
  padding: 0 10px;
  padding: 0px\0;
  width: 240px;
  height: 38px;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #cb2b2f;
}

.dia_form li select:focus {
  outline: 0;
  border: 1px solid #c1c1c1
}

.dia_form li .select span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #b2b2b2;
  color: #b2b2b2;
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  width: 198px;
  text-align: center;
  cursor: pointer;
}

.dia_form li .select span.select {
  color: #cb2b2f;
  border: 1px solid #cb2b2f;
}

.dia_form li .mid select {
  width: 120px
}

.dia_form li button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 158px;
  height: 30px;
  border: 0 none;
  border-radius: 300px;
  background: transparent;
  color: #7b95e9;
  border: 2px solid #7b95e9;
  vertical-align: top;
  font-size: 14px;
  line-height: 26px;
  cursor: pointer;
  margin-left: 10px;
}

.dia_form li button:hover {
  color: #d9ddf2;
  background: #515e87;
  border-color: #515e87;
}

.dia_form li button.disabled i {
  display: inline-block;
}

.dia_form li button i {
  display: none;
  width: 16px;
  height: 16px;
  background: url(../images/loader.gif) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}

.dia_form li button.godeposit {
  background: #fac648;
  color: #b4501e;
  transition: all 1s;
}

.dia_form li button:hover {
  /*background:#fb6a22*/
  color: #fff;
}

.dia_form li button.mid {
  padding: 0 30px;
  *padding: 0 16px;
  height: 38px;
  line-height: 38px
}

.dia_form li button.disabled,
.dia_form li button.disabled:hover {
  background: #515e87;
  color: #d9ddf2;
  border-color: #515e87;
  cursor: default
}

.dia_form li button.transfer-button i {
  display: inline-block;
  width: 20px;
  height: 14px;
}

.dia_form li button.transfer-button.in i {
  background: url(../images/user_dialog_icons.png) no-repeat -57px -285px;
}

.dia_form li button.transfer-button.out i {
  background: url(../images/user_dialog_icons.png) no-repeat -96px -285px;
}

.dia_form li button.transfer-button.disabled i {
  background: url(../images/btn-ajax-loader.gif) no-repeat center;
  background-size: contain;
  width: 18px;
  height: 18px;
}

/* .dia_form li button.disabled:before{display:inline-block;*display: inline;*zoom:1;margin-right:3px;content:"\e619";font-family:iconfont;animation:loading 2s linear infinite;-webkit-animation:loading 2s linear infinite;-moz-animation:loading 2s linear infinite;-ms-animation:loading 2s linear infinite} */

.dia_form li .select_box {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 540px;
  overflow: auto;
  max-height: 160px;
}

.dia_form li .select_box span.bank {
  float: left;
  box-sizing: border-box;
  position: relative;
  *position: static;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  margin: 0 10px 10px 0;
  padding: 1px;
  width: 120px;
  height: 38px;
  border: 1px solid #2c3654;
  border-radius: 3px;
  background-color: #222a42;
  cursor: pointer;
  color: #626887;
}

.dia_form li .select_box span.elsebank {
  position: relative;
  *position: static;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  width: 120px;
  height: 34px;
  line-height: 34px;
  color: #7189d6;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}

.dia_form li .select_box span.bank:hover {
  border-color: #7b95e9
}

.dia_form li .select_box span.bank.active {
  padding: 0;
  border: 1px solid #7b95e9;
  background: #313c5e;
  color: #7b95e9;
}

.dia_form li .select_box span.bank.active:after {
  position: absolute;
  right: 2px;
  bottom: 2px;
  color: #7b95e9;
  content: "\e60e";
  font-size: 13px;
  font-family: iconfont;
  line-height: 1
}

.dia_form li .select_box span.bank img {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
}

.dia_form li .select_box span.bank input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0
}

.dia_form li .nol {
  margin-top: 5px;
  margin-left: 10px;
  color: #5e6483;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 36px;
  line-height: 36px;
}

.dia_form li .act {
  margin-left: 75px;
  margin-bottom: 20px;
}

.dia_form li .act.transfer {
  margin-left: 125px;
  margin-top: 20px;
}

.dia_form li .price {
  color: #c71c1c;
  font-style: normal;
  font-size: 24px
}

.dia_form li .exchange_btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 10px;
  width: 36px;
  border-radius: 3px;
  background: #c71c1c;
  color: #454545;
  vertical-align: top;
  text-align: center;
  line-height: 36px;
  cursor: pointer
}

.dia_form li .exchange_btn {
  background: url(../images/changemoney_1.png) no-repeat;
  width: 27px;
  height: 22px;
  margin-top: 7px;
}

.dia_bd.transfer .prevrecord {
  text-align: center;
  margin-top: 20px;
}

.inputs {
  background: #3c4251;
  border: 0 none;
  border-radius: 2px;
  box-shadow: inset 3px 3px 3px 0 rgba(0, 0, 0, .2);
  color: #ffffff;
  height: 30px;
  padding: 0 8px;
  line-height: 30px;
}

.inputs::-webkit-input-placeholder {
  color: #d9ddf2;
}
input::-webkit-input-placeholder {
    color: #626887;
}
textarea::-webkit-input-placeholder {
    color: #626887;
}

.buttons {
  height: 30px;
  line-height: 28px;
  border: 1px solid #b90909;
  border-radius: 2px;
  background: #1a1a1a;
  background: rgba(0, 0, 0, .8);
  color: #ffffff;
  display: block;
  text-align: center;
  cursor: pointer;
}

a.buttons {
  height: 28px;
  line-height: 27px;
}

.forms li .buttons.large_btn {
  font-size: 14px;
  line-height: 34px;
  height: 36px;
  background: #c71c1c;
  border: 0;
  padding: 0 95px;
}

.forms li .buttons.large_btn:hover {
  background: #b90909;
}

a.buttons.large_btn {
  height: 34px;
}

.buttons:hover {
  background: #b90909;
  color: #ffffff;
}

.checkboxs[type=checkbox] {
  position: relative;
  vertical-align: -3px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}

.checkboxs[type=checkbox]:checked:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 5px;
  display: table;
  width: 4px;
  height: 8px;
  border: 2px solid #c8cce5;
  border-top-width: 0;
  border-left-width: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.checkboxs[type=checkbox]:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -2px;
  margin-right: 5px;
  border: 1px solid #3d4868;
  transition: 240ms;
  background-color: transparent;
  border-radius: 2px
}

.radios[type=radio] {
  position: relative;
  vertical-align: -3px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.radios[type=radio]:checked:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 5px;
  display: table;
  width: 6px;
  height: 6px;
  background: #696d78;
  border-radius: 50%;
}

.radios[type=radio]:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -2px;
  margin-right: 5px;
  border: 1px solid #000;
  transition: 240ms;
  background-color: #262932;
  border-radius: 50%;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@-moz-keyframes loading {
  0% {
    -moz-transform: rotate(0)
  }
  100% {
    -moz-transform: rotate(360deg)
  }
}

@-ms-keyframes loading {
  0% {
    -ms-transform: rotate(0)
  }
  100% {
    -ms-transform: rotate(360deg)
  }
}

@keyframes loading {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}

/*日历*/

.datepicker {
  top: 0;
  left: 0;
  margin-top: 1px;
  position: absolute;
  border-radius: 6px;
  border: 3px solid #13151b;
  overflow: hidden;
  background: #ffffff;
  color: #787878;
  -webkit-box-shadow: 0px 6px 24px -4px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 6px 24px -4px rgba(0, 0, 0, .2);
  box-shadow: 0px 6px 24px -4px rgba(0, 0, 0, .2);
  z-index: 210;
}

.datepicker .icon-arrow-left,
.datepicker .icon-arrow-left:hover,
.datepicker .icon-arrow-right,
.datepicker .icon-arrow-right:hover {
  background-image: url(../images/f5e91250b552425fb52f0618d6dd8da0.gif);
}

.datepicker .icon-arrow-left {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
  background-position: 0 0;
}

.datepicker .icon-arrow-left:hover {
  background-position: -30px 0;
}

.datepicker .icon-arrow-right {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
  background-position: 0 -30px;
}

.datepicker .icon-arrow-right:hover {
  background-position: -30px -30px;
}

.datepicker tbody {}

.datepicker table {
  margin: 0 auto;
}

.datepicker table thead th {
  background: #2c3654;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 41px;
  height: 30px;
}

.datepicker td.day:hover {
  cursor: pointer;
  color: #2c3654;
}

.datepicker td.day.disabled {
  color: #cccccc;
  cursor: not-allowed;
}

.datepicker td.old,
.datepicker td.new {
  color: #ccc;
}

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background: #262f4a;
  color: #ffffff;
}

.datepicker td span {
  display: block;
  width: 25%;
  height: 37px;
  line-height: 37px;
  float: left;
  cursor: pointer;
}

.datepicker td span:hover {
  color: #2c3654;
}

.datepicker td span.active {
  background: url(../images/178a203f52a34c04a07297b38a4c0cb7.gif) left bottom repeat-x;
  color: #2c3654;
}

.datepicker td span.active:active,
.datepicker td span.active {
  background: #2c3654;
  color: #ffffff;
}

.datepicker td span.old {
  color: #999;
}

.datepicker thead tr th {
  font-weight: normal;
}

.datepicker th.switch {
  width: 145px;
  color: #f5f5f5;
}

.datepicker th.switch:hover {
  color: #ffffff;
}

.datepicker th.dow {
  background: #f5f5f5;
  color: #454545;
}

.datepicker thead tr:first-child th {
  cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px
}

.dropdown-menu.datepicker {
  max-width: 240px
}

.datepicker-act {
  width: 240px;
}

.datepicker-act a {
  line-height: 30px;
  color: #878787;
  text-align: center;
  width: 50%;
  float: left;
}

.datepicker-act a:hover {
  text-decoration: none;
  border-radius: 3px;
  color: #2c3654;
}

/*日历*/

/*弹窗*/

.dialog_mask {
  background: #000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: 2000;
  opacity: .9;
  filter: Alpha(opacity=90);
}

.dialog {
  border-radius: 10px;
  background: #2c3654;
  box-shadow: 0 20px 82px -10px rgba(0, 0, 0, .3);
  min-width: 120px;
  min-height: 40px;
  position: absolute;
  z-index: 2001;
  overflow: hidden;
  transform: scale(.5);
  -ms-transform: scale(.5);
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  transition: transform .15s linear, opacity .15s linear !important;
  -webkit-transition: transform .15s linear, opacity .15s linear !important;
  opacity: 0;
  display: none
}

.dialog.dialog-show {
  transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  opacity: 1;
}

.dialog .dialog-hd {
  background: #28314d;
  height: 50px;
  padding: 0 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  border-bottom: 1px solid #1b243f;
}

.dialog .dialog-hd label {
  font-size: 16px;
  line-height: 50px;
  color: #ffffff;
  position: relative;
  margin-left: 10px;
}

.dialog .dialog-hd label span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  padding-left: 24px;
}

.dialog .dialog-hd label span:before {
  content: "";
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
  border-radius: 50%;
  background: red;
}

.dialog .dialog-hd label span.msg:before {
  content: "\e60f";
  font-family: "iconfont";
  background: none;
  color: #999;
  font-size: 16px;
  line-height: 1;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.dialog .dialog-hd>span {
  width: 36px;
  height: 36px;
  float: right;
  display: block;
  margin-top: 7px;
  cursor: pointer;
  line-height: 36px;
  font-size: 32px;
  text-align: center;
  color: #626887;
}

.dialog .dialog-hd>span:hover {
  color: #ffffff;
}

.dialog .dialog-bd {
  display: block;
  position: relative;
}

.dialog .dialog-bd .pd {
  padding: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.dialog .dialog-bd .content {
  padding: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.dialog .dialog-bt {
  text-align: center;
  padding: 10px 20px 25px 20px;
}

.dialog .dialog-bt .button {
  min-width: 80px;
  height: 30px;
  background: #e6e6e6;
  color: #444444;
  cursor: pointer;
  line-height: 30px;
  margin: 0 10px;
  border: 0px;
  padding: 0 25px;
  text-align: center;
  border-radius: 20px;
}

.dialog .dialog-bt .button:hover {
  background: #d1d1d1;
}

.dialog .dialog-bt .button:active {
  background: #c5c5c5;
}

.dialog .dialog-bt .button:first-child {
  background: #7b95e9;
  color: #FFFFFF;
}

.dialog .dialog-bt .button:first-child:hover {
  background: #6279C2;
}

.dialog .dialog-bt .button:first-child:active {
  background: #6279C2;
}

.dialog .dialog-bd .loading {
  position: absolute;
  width: 78px;
  height: 78px;
  top: 50%;
  left: 50%;
  margin: -36px 0 0 -36px;
  z-index: 999;
}

.dialog .dialog-bd .dialog-main {
  width: 600px;
  height: 400px;
}

.dialog-wide {
  width: 777px;
  height: 444px;
  background: #2c3654;
}

.dialog-wide.dia3 {
  height: 498px;
}

.dialog-wide .title {
  height: 50px;
  line-height: 50px;
  color: #d9ddf2;
  font-size: 18px;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.35);
  position: relative;
}

.dialog-wide .title .txt {
  padding-left: 40px;
  position: relative;
}

.dialog-wide .title .txt:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 18px;
  background: #7b95e9;
  vertical-align: middle;
  position: absolute;
  top: 0px;
  left: 20px;
}

.dialog-wide .title .closeicon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/icon-base.png) no-repeat -5px -276px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.dialog-wide .title .closeicon:hover {
  background-position: -32px -276px;
}

.dialog-wide.imagehead .ctn {
  overflow: hidden;
}

.dialog-wide.imagehead .left-box {
  float: left;
  width: 300px;
  margin-left: 40px;
  margin-top: 10px;
}

.dialog-wide.imagehead .left-box .upload-loadding {
  position: absolute;
  top: 184px;
  left: 156px;
  display: none;
}

.dialog-wide.imagehead .left-box .local {
  width: 300px;
  height: 300px;
  line-height: 300px;
  background: url(../images/uploadpic_bg.png);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.dialog-wide.imagehead .local span {
  cursor: pointer;
  display: inline-block;
  width: 250px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 2px solid #c2c2c2;
  color: #c2c2c2;
  border-radius: 100px;
  position: absolute;
  top: 133px;
  left: 20px;
}

.dialog-wide.imagehead .local span i {
  display: inline-block;
  width: 26px;
  height: 18px;
  background: url(../images/headimage_sprite.png) 0px 0px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 5px;
}

.dialog-wide.imagehead .local p {
  height: 100px;
  width: 100px;
  border: 2px dashed #fff;
  position: absolute;
  top: 100px;
  left: 100px;
  display: none;
  cursor: pointer;
  background: #000;
  opacity: .1;
  filter: (opacity=10)
}

.dialog-wide.imagehead .opt {
  margin-top: 10px;
  overflow: auto;
}

.dialog-wide.imagehead .opt span {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background: #383838;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  float: left;
  margin-right: 10px;
}

.dialog-wide.imagehead .opt span.zoom i {
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(../images/headimage_sprite.png) -28px 0px;
}

.dialog-wide.imagehead .opt span.minify i {
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(../images/headimage_sprite.png) -20px -20px;
}

.dialog-wide.imagehead .opt span.rota i {
  display: inline-block;
  width: 18px;
  height: 19px;
  background: url(../images/headimage_sprite.png) 0px -20px;
}

.dialog-wide.imagehead .right-box {
  float: left;
  margin-left: 40px;
  margin-top: 10px;
  width: 318px;
}

.dialog-wide.imagehead .tips {
  font-size: 12px;
  color: #999;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.35);
}

.dialog-wide.imagehead .hander-image {
  text-align: center;
  width: 300px;
  height: 250px;
}

.dialog-wide.imagehead .preview-container {
  height: 250px;
  width: 300px;
  position: relative;
}

.dialog-wide.imagehead .preview-container .initPreview {
  position: absolute;
  top: 33px;
  left: 65px;
}

.dialog-wide.imagehead .preview-container span {
  display: inline-block;
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  top: 60px;
  left: 100px;
  position: absolute;
  overflow: hidden;
  border-radius: 100px;
  display: none;
}

.dialog-wide.imagehead .preview-container span img {
  border-radius: 100px;
}

.dialog-wide.imagehead .btn-select-again {
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  line-height: 28px;
  height: 30px;
  border: 2px solid #c2c2c2;
  color: #c2c2c2;
  border-radius: 100px;
  font-size: 14px;
  text-align: center;
}

.dialog-wide.imagehead .btn-select-again:hover {
  background: #c71c1c;
  color: #fff;
  border: 0;
}

.dialog-wide.imagehead .btn-save {
  cursor: pointer;
  width: 100%;
  line-height: 30px;
  height: 30px;
  color: #000;
  border-radius: 100px;
  background: #7b95e9;
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
}

.dialog-wide.imagehead .btn-save:hover {
  background: #6b85d6;
}

.dialog-wide.imagehead .jq-upload-image-form {
  display: none;
}

.dialog-wide.dia1 .icon {
  text-align: center;
  margin-top: 20px;
}

.dialog-wide.dia1 .tips {
  font-size: 12px;
  color: #626887;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  text-align: center;
  margin-top: 20px;
}

.dialog-wide.dia1 .user_form {
  width: 527px;
  margin: 0 auto;
  min-height: auto;
  color: #626887;
}

.dialog-wide.dia1 .user_form label {
  margin-right: 10px;
  color: #d9ddf2;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  font-size: 12px;
}

.dialog-wide.dia1 .user_form input {
  width: 318px;
  background: #222a42;
  padding: 0px;
  text-indent: 10px;
  color: #d9ddf2;
  font-size: 14px;
}

.dialog-wide.dia1 .user_form input.error {
  border: 1px solid #c71313;
}

.dialog-wide.dia1 .user_form span.error {
  position: absolute;
  color: #c71313;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  font-size: 12px;
  margin-left: 10px;
  margin-top: 5px;
}

.dialog-wide.dia1 .user_form button {
  width: 150px;
  padding: 0px;
  margin: 0px;
  border-radius: 100px;
}

.dialog-wide.dia1 .user_form button.save {
  margin-right: 18px;
}

.dialog-wide.dia1 .search-box {
  height: 100px;
  line-height: 100px;
  background: #1a1a1a;
  font-size: 14px;
  color: #d9ddf2;
  padding-left: 40px;
}

.dialog-wide.dia1 .search-box .mf {
  margin-left: 10px;
}

.dialog-wide.dia1 .search-box .selectBoxUI {
  display: inline-block;
  border: 1px solid #383d56;
  background: #272b40;
  border-radius: 3px;
}

.dialog-wide.dia1 .selectBoxUI .selectBox.select {
  background: #272b40;
}

.dialog-wide.dia1 .selectBox.txt {
  text-align: left;
  display: inline-block;
  width: 250px;
  color: #d9ddf2;
}

.dialog-wide.dia1 .selectBoxUI .selectBox.select .selecticon {
  background: url(../images/slt-box-right.png) center no-repeat;
  border: 1px solid #383d56;
  vertical-align: top;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
}

.dialog-wide.dia1 .selectBoxUI .selectBox.container li {
  padding: 0px;
  text-align: left;
  padding-left: 10px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #383d56;
  background: #272b40;
  color: #d9ddf2;
  border-bottom: 0;
}

.dialog-wide.dia1 .selectBoxUI .selectBox.container li:hover {
  background: #191c29;
  color: #fff;
}

.dialog-wide.dia1 .selectBoxUI .selectBox.container {
  border: 0;
  margin-top: 5px;
  border-bottom: 1px solid #383d56;
  border-radius: 5px;
  max-height: 200px;
}

.dialog-wide.phone .countycode {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 58px;
  text-align: center;
  background: #222a42;
  font-size: 14px;
  color: #d9ddf2;
  vertical-align: middle;
  border-right: 1px solid #2c3654;
  border-radius: 3px 0px 0px 3px;
  cursor: pointer;
}

.dialog-wide.phone input.tel {
  width: 260px;
  vertical-align: middle;
  border-radius: 0px 3px 3px 0px;
}

.dialog-wide.phone input.shr {
  width: 150px;
}

.dialog-wide.phone span.text {
  width: 150px;
  color: #7b95e9;
  border: 2px solid #7b95e9;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin-left: 18px;
  border-radius: 100px;
}

.dialog-wide.phone span.text a {
  color: #7b95e9;
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 100px;
}

.dialog-wide.phone span.text a:hover {
  background: #7b95e9;
  border-color: #7b95e9;
  color: #fff;
}

.dialog-wide.phone button {
  background: none;
}

.selectBoxUI.selectBox-qt2 .container {
  margin-top: -236px !important;
}

.dialog-wide.steam {
  position: absolute;
  top: 250px;
  left: 50%;
  margin-left: -388px;
  z-index: 1000;
  display: none;
}

.dialog-wide.steam .already {
  height: 180px;
  line-height: 180px;
  text-align: center;
  font-size: 12px;
  color: #999;
}

.dialog-wide.steam .already span {
  color: #832616;
  font-size: 18px;
}

.dialog-wide.steam .btn {
  text-align: center;
}

.dialog-wide.steam .btn button {
  width: 150px;
  padding: 0px;
  margin: 0px;
  border-radius: 100px;
  border: none;
  outline: none;
  height: 30px;
  line-height: 30px;
  background: #832616;
  color: #fff;
  font-size: 14px;
}

.dialog-wide.safebinkband {
  height: 507px;
  background-size: 777px 507px;
}

.dialog-wide.safebinkband .user_form li .nol {
  color: #666;
}

.dialog-wide.safebinkband .user_form li button.next {
  margin-left: 135px;
}

.dialog-wide.safebinkband .jq-add-form.user_form {
  margin-top: -10px;
}

.dialog-wide.safebinkband .jq-add-form.user_form li {
  margin: 15px 0px 15px 0px;
}

.dialog-wide.safebinkband .selectBox.container li {
  margin: 0px;
}

.dialog-wide.safebinkband .selectBoxUI .selectBox.select {
  width: 300px !important;
}

.dialog-wide.safebinkband .selectBoxUI .selectBox.container {
  bottom: 30px;
}

.dialog-wide.safebinkband .jq-add-form.user_form a.back {
  width: 150px;
  padding: 0px;
  margin: 0px;
  border-radius: 100px;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin-left: 15px;
  background: #a43420;
  text-align: center;
  color: #fff;
}

.dialog-wide.safebinkband .jq-add-form.user_form a.back:hover {
  background: #c71c1c;
}

.dialog-wide.safebinkband .locked-bankcard {
  margin-top: 150px;
  color: #c71c1c;
  font-size: 20px;
  text-align: center;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
  font-weight: 600;
}

.dialog-wide.safebinkband .txt1 {
  padding: 20px 70px;
  font-size: 14px;
  color: #999;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

.dialog-wide.safebinkband .txt1 span {
  color: #c71c1c;
}

.dialog-wide.safebinkband .txt2 {
  padding: 20px 70px;
  color: #666;
  font-size: 12px;
}

.dialog-wide.safebinkband .txt2 a {
  color: #c71c1c;
  cursor: pointer;
}

.dialog-wide.safebinkband .txt2 a:hover {
  color: #fff;
}

.dialog-wide.safebinkband .txt3 {
  text-align: center;
  margin-top: 20px;
}

.dialog-wide.safebinkband button.close {
  border: 0px;
  outline: none;
  width: 150px;
  padding: 0px;
  margin: 0px;
  border-radius: 100px;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  margin-left: 15px;
  background: transparent;
  text-align: center;
  color: #7b95e9;
  border: 2px solid #7b95e9;
}

.dialog-wide.safebinkband button.close:hover {
  background: #515e87;
  border-color: #515e87;
  color: #d9ddf2;
}

/*管理银行卡*/

.dialog-wide.bankmanage .ctn {
  overflow: auto;
  margin-top: 40px;
}

.dialog-wide.bankmanage .addcard {
  height: 290px;
  width: 296px;
  border: 2px solid #3d4b75;
  border-radius: 5px;
  float: left;
  margin-left: 80px;
  background: #222a42;
}

.dialog-wide.bankmanage img {
  display: block;
  margin-top: 40px;
  margin-left: 112px;
  margin-bottom: 20px;
}

.dialog-wide.bankmanage p {
  text-align: center;
}

.dialog-wide.bankmanage p.title1 {
  font-size: 14px;
  color: #d9ddf2;
}

.dialog-wide.bankmanage p.tips {
  font-size: 12px;
  color: #626887;
  margin-top: 20px;
  margin-bottom: 40px;
}

.dialog-wide.bankmanage p button {
  display: inline-block;
  width: 160px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #626887;
  color: #626887;
  background: transparent;
  text-align: center;
  border-radius: 100px 100px 100px 100px;
  cursor: pointer;
  margin-bottom: 45px;
}

.dialog-wide.bankmanage p button:hover {
  background: #626887;
  border-color: #626887;
  color: #d9ddf2;
}

.dialog-wide.bankmanage .lockcard {
  height: 290px;
  width: 296px;
  border: 2px solid #3d4b75;
  border-radius: 5px;
  float: left;
  margin-left: 20px;
  background: #222a42;
}

/*提示*/

.tips-dialog {
  position: fixed;
  /* background: url(../images/windows_bg.jpg); */
  background-color: #3d4a71;
  padding: 40px 100px;
  line-height: 20px;
  font-size: 14px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  color: #d9ddf2;
  display: none;
  z-index: 3001;
  border-radius: 10px;
  text-align: center;
}

.tips-dialog.error {
  color: #f5ff00;
}

.tips-dialog i {
  margin-right: 10px;
  width: 53px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  display: block;
  vertical-align: top;
  margin: 0 auto 16px auto;
}

.tips-dialog i:before {
  font-style: normal;
  font-size: 36px;
}

.tips-dialog i.info:before {
  content: "\e613";
  font-family: "iconfont";
  color: #10AEFF;
}

.tips-dialog i.wait:before {
  content: "\e616";
  font-family: "iconfont";
  color: #10AEFF;
}

.tips-dialog i.error:before {
  content: "\e618";
  font-family: "iconfont";
  color: #b90909;
}

.tips-dialog i.success:before {
  content: "\e60e";
  font-family: "iconfont";
  color: #09BB07;
}

.tips-dialog i.error:before {
  content: "";
  display: inline-block;
  width: 53px;
  height: 45px;
  background: url(../images/dialog_worry.png);
}

.tips-dialog i.success:before {
  content: "";
  display: inline-block;
  width: 53px;
  height: 45px;
  background: url(../images/dialog_allright.png);
}

.tips-dialog.error a {
  color: #c71c1c;
  text-decoration: underline;
}

.tip-container {
  position: absolute;
  border: 1px solid #d4d4d4;
  color: #4c4c4c;
  font-size: 12px;
  padding: 0px 10px;
  border-radius: 3px;
  opacity: .8;
  display: none;
  background: #d4d4d4;
  text-align: justify;
}

.tip-container .tip-box {
  position: relative;
  display: inline-block;
  width: auto;
  line-height: 24px;
  max-width: 300px;
}

.tip-container .tip-box span {
  word-break: break-word;
  word-wrap: break-word;
}

.tip-container .tip-box .s-tip-down {
  content: "";
  position: absolute;
  left: calc(50% - 10px);
  bottom: -16px;
  border: 10px solid transparent;
  border-top: 10px solid #d4d4d4;
  width: 0px;
  height: 0;
}

.tip-container .tip-box .s-tip-up {
  content: "";
  position: absolute;
  left: 0;
  top: -20px;
  border: 10px solid transparent;
  border-bottom: 10px solid #d4d4d4;
  width: 0px;
  height: 0;
  display: none;
}

/*滚动条*/

.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.nano>.nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.nano>.nano-content:focus {
  outline: thin dotted
}

.nano>.nano-content::-webkit-scrollbar {
  display: none
}

.has-scrollbar>.nano-content::-webkit-scrollbar {
  display: block
}

.nano>.nano-pane {
  background: rgba(255, 255, 255, .1);
  background: #dadada;
  position: absolute;
  width: 8px;
  right: 2px;
  top: 0;
  bottom: 0;
  visibility: hidden\9;
  opacity: .01;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.nano>.nano-pane>.nano-slider {
  background: #77878;
  background: rgba(255, 255, 255, 1);
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.nano:hover>.nano-pane,
.nano-pane.active,
.nano-pane.flashed {
  visibility: visible\9;
  opacity: .99
}

.errorcontainer {
  width: 100%;
  height: calc( 100% - 80px);
  background: url(../images/error_bg.jpg) top center no-repeat ;
  background-size: 100% 100%;
}

/* .errorcontainer a {
  display: inline-block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #63729d;
  border: 2px solid #63729d;
  background: transparent;
  border-radius: 5px;
} */
.errorcontainer .errorText{
    width: 100%;
    position: absolute;
    bottom: 80px;
    text-align: center;
    color: #000;
    font-size: 16px;
}
.errorcontainer .errorText a{
    color: #000;
    font-size: 16px;
    position: relative;
}
.errorcontainer .errorText a::after{
    content: '';
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #000;
}

/*selectBox*/

.selectBoxUI {}

.selectBoxUI .selectBox.select {
  position: relative;
  background: #d8d8d8;
  height: 30px;
  padding: 0 10px;
  border: 0px;
  color: #000;
  line-height: 30px;
  border-radius: 2px;
  font-size: 12px;
}

.selectBoxUI .selectBox.select .selecticon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/xiaosanjiao.png) center no-repeat;
  position: absolute;
  right: 0px;
  background-color: #929292;
  border-radius: 2px;
}

.selectBoxUI .selectBox.container {
  border: 1px solid #d4d4d4;
  display: none;
  position: absolute;
  z-index: 10;
  background: #d8d8d8;
  color: #000;
  width: 100%;
  cursor: pointer;
  margin-top: 1px;
  max-height: 250px;
  overflow-y: auto;
}

.selectBoxUI .selectBox.container li {
  padding-left: 10px;
  margin: 0px;
  height: 24px;
  line-height: 24px;
  float: none;
}

.selectBoxUI .selectBox.container li:hover {
  background: #6D86FF;
}

.cz_form li .select,
.bill_query li .select {
  position: static;
}

#bank_type .selectBoxUI,
.selectBox-depline {
  margin-left: -3px;
}

.m-utb-lower {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 1000px;
  text-align: center;
  margin-left: -500px;
  background: #444;
  height: 0px;
  line-height: 30px;
  color: #ccc;
  z-index: 1000;
  font-size: 16px;
}

/*优惠活动首页*/

.md-active {
  background: url(../images/jingjibao_active_02.jpg) top center no-repeat #07080d;
  margin-top: -38px;
}

.md-active .md-active-wrap {
  width: 1240px;
  margin: 0 auto;
  padding-top: 510px;
  margin-bottom: 40px;
}

.md-active .md-active-wrap .newuser-btn {
  text-align: center;
  margin-top: -150px;
  position: absolute;
  z-index: 1000;
  left: 50%;
  margin-left: -119px;
}

.md-active .md-active-wrap .newuser-btn a {
  display: inline-block;
  width: 238px;
  height: 30px;
  background: url(../images/active_btn.png) 0 0;
}

.md-active .md-active-wrap .nav {
  margin-top: -155px;
}

.md-active .md-active-wrap .nav li {
  overflow: hidden;
  width: 1000px;
  margin: 8px auto;
}

.md-active .md-active-wrap .nav li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.md-active .md-active-wrap .nav li div {
  float: left;
  cursor: pointer;
  position: relative;
}

.md-active .md-active-wrap .nav .newyear {
  width: 499px;
  height: 263px;
  background: url(../images/1.png);
}

.md-active .md-active-wrap .nav .sel {
  width: 499px;
  height: 263px;
  background: url(../images/2.png);
}

.md-active .md-active-wrap .nav .addnew {
  width: 499px;
  height: 180px;
  background: url(../images/3.jpg);
}

.md-active .md-active-wrap .nav .tiyu {
  width: 499px;
  height: 180px;
  background: url(../images/4.jpg);
}

.md-active .md-active-wrap .nav .newuser {
  width: 331px;
  height: 150px;
  background: url(../images/active_03.jpg) 0 0;
}

.md-active .md-active-wrap .nav .lottey {
  width: 332px;
  height: 150px;
  background: url(../images/active_czcjp.jpg) 0 0;
  margin: 0 2px;
}

.md-active .md-active-wrap .nav .getniu {
  width: 332px;
  height: 150px;
  background: url(../images/active_05.jpg) 0 0;
}

.md-active .md-active-wrap .nav div:before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  background: #ca2322;
  width: 0%;
  transition: width .3s;
}

.md-active .md-active-wrap .nav div:after {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  background: #ca2322;
  width: 0%;
  transition: width .3s;
}

.md-active .md-active-wrap .nav div:hover:before {
  content: '';
  position: absolute;
  height: 2px;
  botom: 0;
  background: #ca2322;
  width: 50%;
  left: 50%;
}

.md-active .md-active-wrap .nav div:hover:after {
  content: '';
  position: absolute;
  height: 2px;
  botom: 0;
  background: #ca2322;
  width: 50%;
  right: 50%;
}

/*BBcss---新人专属福利页面*/

.BBh11 {
  height: 100px;
  position: absolute;
  top: 370px;
  z-index: 2;
}

.BBnewman {
  margin: 0 auto;
  width: 239px;
  height: 60px;
}

.BBnewman p:first-child {
  width: 240px;
  height: 30px;
  background: url(../images/jingjibao_active_13.png) no-repeat;
}

.BBnewman p:nth-child(2) {
  height: 18px;
  width: 100%;
}

.BBnewman p:last-child {
  width: 238px;
  height: 30px;
  margin: 0 auto;
  opacity: 0;
}

.BBnewman p:last-child:hover {
  background: url(../images/active_btn_1.png) 0 -30px no-repeat;
}

.BBopacity {
  animation: ddrs 0.25s ease-in-out both;
}

@keyframes ddrs {
  0% {
    transform: translateY(50px);
    opacity: 0.3;
  }
  10% {
    transform: translateY(40px);
    opacity: 0;
  }
  20% {
    transform: translateY(30px);
    opacity: 0.1
  }
  30% {
    transform: translateY(20px);
    opacity: 0.2
  }
  40% {
    transform: translateY(10px);
    opacity: 0.3
  }
  50% {
    transform: translateY(0px);
    opacity: 0.5
  }
  60% {
    transform: translateY(-10px);
    opacity: 0.8;
  }
  70% {
    transform: translateY(0px);
    opacity: 1;
  }
  80% {
    transform: translateY(10px);
    opacity: 0.8;
  }
  90% {
    transform: translateY(-10px);
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}

.BBupshow1 {
  animation: ddr2 0.1s ease-in-out both;
}

.BBupshow2 {
  animation: ddr2 0.3s ease-in-out both;
}

.BBupshow3 {
  animation: ddr2 0.4s ease-in-out both;
}

.BBupshow4 {
  animation: ddr2 0.5s ease-in-out both;
}

.BBupshow5 {
  animation: ddr2 0.6s ease-in-out both;
}

.BBupshow {
  animation: ddr2 0.2s ease-in-out both;
}

@keyframes ddr2 {
  from {
    transform: translateY(500px);
    opacity: 0.1
  }
  to {
    transform: translateY(0px);
    opacity: 1
  }
}

.BBh22 {
  height: 350px;
  position: absolute;
  top: 430px;
}

.BBh22 ul {
  width: 1000px;
  margin: 0 auto;
}

.BBh22 ul li {
  float: left
}

.BBh22 ul li a {
  display: inline-block;
  float: left;
}

.BBh22 ul li div {
  float: left;
  position: relative;
}

.BBh22 li:first-child {
  height: 224px;
}

.BBh22 li:first-child .pic1 {
  width: 332px;
  height: 224px;
  background: url(../images/active_a.png) 0 0 no-repeat;
  margin-right: 1px;
}

.BBh22 li:first-child .pic2 {
  width: 332px;
  height: 224px;
  background: url(../images/active_turn.png);
  background-position: 0px 44px;
  background-repeat: no-repeat;
}

.BBh22 li:first-child .pic3 {
  width: 332px;
  height: 224px;
  background: url(../images/active_b.png) 0 0 no-repeat;
  margin-left: 1px;
}

.BBh22 .maskli {
  position: absolute;
  width: 1000px;
  height: 200px;
  top: 44px
}

.BBh22 .maskli .mask1 {
  background: rgba(255, 255, 255, 0);
  width: 331px;
  height: 180px;
  border-right: 1px solid rgba(0, 0, 0, 0)
}

.BBh22 .maskli .mask2 {
  background: rgba(255, 255, 255, 0);
  width: 331px;
  height: 180px;
  border-left: 1px solid rgba(0, 0, 0, 0);
}

.BBh22 .maskli .mask3 {
  background: rgba(255, 255, 255, 0);
  width: 331px;
  height: 180px;
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0)
}

.BBh22 .lispace1 {
  height: 10px;
  width: 100%;
}

.BBh22 li:last-child {
  height: 150px;
}

.BBh22 .aleft,
.BBh22 .mid,
.BBh22 .aright,
.BBh22 .maskli .mask1,
.BBh22 .maskli .mask2,
.BBh22 .maskli .mask3 {
  position: relative;
  overflow: hidden;
}

.BBh22 .aleft:before,
.BBh22 .mid:before,
.BBh22 .aright:before,
.BBh22 .maskli .mask1:before,
.BBh22 .maskli .mask2:before,
.BBh22 .maskli .mask3:before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 100%;
  bottom: 0;
  background: #ca2322;
  height: 2px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}

.BBh22 .aleft:hover:before,
.BBh22 .mid:hover:before,
.BBh22 .aright:hover:before,
.BBh22 .maskli .mask1:hover:before,
.BBh22 .maskli .mask2:hover:before,
.BBh22 .maskli .mask3:hover:before {
  right: 0;
  left: 0;
  z-index: 1;
  animation: opat 0.2s ease;
  -webkit-animation: opat 0.2s ease;
}

@-webkit-keyframes opat {
  from {
    opacity: 0.1
  }
  to {
    opacity: 1
  }
}

@keyframes opat {
  from {
    opacity: 0.1
  }
  to {
    opacity: 1
  }
}

.BBh22 li:last-child a:first-child div:first-child {
  width: 331px;
  height: 150px;
  background: url(../images/active_03_1.jpg) 0 0;
  margin-right: 2px;
}

.BBh22 li:last-child .mid div {
  width: 332px;
  height: 150px;
  background: url(../images/financing.png) 0 0;
  margin-right: 2px;
}

.BBh22 li:last-child a:last-child div:last-child {
  width: 332px;
  height: 150px;
  background: url(../images/active_05_1.jpg) 0 0;
}

.BBcl {
  clear: both;
}

.BBcenter {
  width: 100%;
  margin: 0 auto;
}

.BBmaintop {
  width: 100%;
  height: 518px;
  margin: 0 auto;
  position: absolute;
  top: 60px;
}

.BBmaintop div {
  width: 100%;
  height: 518px;
  overflow: hidden;
}

.BBh1 {
  height: 190px;
  position: absolute;
  top: 440px;
}

.BBrmyl {
  width: 1000px;
  height: 190px;
  margin: 0 auto;
  background: rgba(48, 53, 74, .6);
}

.BBrmyl .lileft {
  background: url(../images/active_first_img.png) 0 0;
  width: 70px;
  height: 190px;
  float: left;
  background-color: #7b95e9;
  color: #dbe0fd;
  font-size: 30px;
  font-weight: 600;
  padding: 20px 10px 0;
  box-sizing: border-box;
  text-align: center;
  line-height: 36px;
}

.BBrmyl .licenter {
  width: 639px;
  height: 190px;
  float: left;
  padding-left: 10px;
  border-right: 1px solid #34384a
}

.BBrmyl .licenter .zchl {
  width: 278px;
  height: 50px;
  margin-top: 10px;
}

/* .BBrmyl .licenter .litext1{line-height:32px;color:#53453d;padding-left:10px;} */

.BBrmyl .licenter .litext1 {
  line-height: 32px;
  color: #b3b7cc;
  padding-left: 10px;
}

.BBrmyl .licenter .add100 {
  background: url(../images/active_first_img.png) -140px 0;
  width: 180px;
  height: 40px;
  margin-top: 10px;
}

.BBrmyl .liright {
  width: 280px;
  height: 190px;
  float: left;
}

.BBrmyl .liright:after {
  clear: both;
}

.BBh2 {
  height: 580px;
  position: absolute;
  top: 650px;
  color: #53453d;
}

.BBrwjl {
  height: 580px;
  width: 1000px;
  margin: 0 auto;
}

.BBrwjl .lileft {
  width: 70px;
  height: 580px;
  float: left
}

.BBrwjl .lileft .tutu {
  background-color: #7b95e9;
  color: #dbe0fd;
  font-size: 30px;
  font-weight: 600;
  padding: 20px 10px 0;
  box-sizing: border-box;
  text-align: center;
  line-height: 36px;
  width: 70px;
  height: 190px;
}

.BBrwjl .liright {
  width: 930px;
  height: 580px;
  float: left;
  background: rgba(48, 53, 74, .6);
  color: #b3b7cc;
}

.BBrwjl .liright .ulli {
  width: 100%;
  line-height: 32px;
}

.BBrwjl .liright .ulli .ppp {
  padding-top: 7px;
}

.BBrwjl .liright .ulli div:last-child p:hover {
  cursor: pointer;
}

.BBrwjl .liright .ulli:nth-child(1) div:first-child {
  width: 639px;
  height: 66px;
  border-right: 1px solid #34384a;
  border-bottom: 1px solid #34384a;
  padding-left: 10px;
  float: left;
}

.BBrwjl .liright .ulli:nth-child(1) div:first-child p {
  background: url(../images/active_21.png) no-repeat;
  width: 320px;
  height: 50px;
  margin-top: 10px;
}

.BBrwjl .liright .ulli:nth-child(1) div:last-child {
  width: 279px;
  height: 66px;
  line-height: 66px;
  text-align: center;
  border-bottom: 1px solid #34384a;
  float: left;
  color: #b3b7cc;
}

.BBrwjl .liright .ulli:nth-child(2) div:first-child {
  width: 629px;
  height: 76px;
  border-right: 1px solid #34384a;
  border-bottom: 1px solid #34384a;
  padding-left: 20px;
  float: left;
}

.BBrwjl .liright .ulli:nth-child(2) div:first-child span {
  color: #1771de;
  text-decoration: underline;
}

.BBrwjl .liright .ulli:nth-child(2) div:first-child i {
  display: inline-block;
  height: 22px;
  width: 70px;
  background: url(../images/active_first_img.png) -140px -40px;
  margin-bottom: -6px;
}

.BBrwjl .liright .ulli:nth-child(2) div:last-child {
  width: 279px;
  height: 76px;
  line-height: 66px;
  text-align: center;
  border-bottom: 1px solid #34384a;
  float: left;
}

.BBrwjl .liright .ulli:nth-child(3) div:first-child {
  width: 629px;
  height: 86px;
  border-right: 1px solid #34384a;
  border-bottom: 1px solid #34384a;
  padding-left: 20px;
  float: left;
}

.BBrwjl .liright .ulli:nth-child(3) div:first-child span {
  color: #1771de;
  text-decoration: underline;
}

.BBrwjl .liright .ulli:nth-child(3) div:first-child i {
  display: inline-block;
  height: 22px;
  width: 70px;
  background: url(../images/active_first_img.png) -140px -62px;
  margin-bottom: -6px;
}

.BBrwjl .liright .ulli:nth-child(3) div:last-child {
  width: 279px;
  height: 86px;
  line-height: 66px;
  text-align: center;
  border-bottom: 1px solid #34384a;
  float: left;
}

.BBrwjl .liright .ulli:nth-child(4) div:first-child {
  width: 629px;
  height: 86px;
  border-right: 1px solid #34384a;
  border-bottom: 1px solid #34384a;
  padding-left: 20px;
  float: left;
}

.BBrwjl .liright .ulli:nth-child(4) div:first-child span {
  color: #1771de;
  text-decoration: underline;
}

.BBrwjl .liright .ulli:nth-child(4) div:first-child i {
  display: inline-block;
  height: 22px;
  width: 70px;
  background: url(../images/active_first_img.png) -140px -78px;
  margin-bottom: -4px;
}

.BBrwjl .liright .ulli:nth-child(4) div:last-child {
  width: 279px;
  height: 86px;
  line-height: 66px;
  text-align: center;
  border-bottom: 1px solid #34384a;
  float: left;
}

.BBrwjl .liright .ulli:nth-child(5) div:first-child {
  width: 629px;
  height: 86px;
  border-right: 1px solid #34384a;
  border-bottom: 1px solid #34384a;
  padding-left: 20px;
  float: left;
}

.BBrwjl .liright .ulli:nth-child(5) div:first-child span {
  color: #1771de;
  text-decoration: underline;
}

.BBrwjl .liright .ulli:nth-child(5) div:first-child i {
  display: inline-block;
  height: 22px;
  width: 70px;
  background: url(../images/active_first_img.png) -140px -62px;
  margin-bottom: -6px;
}

.BBrwjl .liright .ulli:nth-child(5) div:last-child {
  width: 279px;
  height: 86px;
  line-height: 66px;
  text-align: center;
  border-bottom: 1px solid #34384a;
  float: left;
}

.BBrwjl .liright .ulli:nth-child(6) div:first-child {
  width: 629px;
  height: 86px;
  border-right: 1px solid #34384a;
  border-bottom: 1px solid #34384a;
  padding-left: 20px;
  float: left;
}

.BBrwjl .liright .ulli:nth-child(6) div:first-child span {
  color: #1771de;
  text-decoration: underline;
}

.BBrwjl .liright .ulli:nth-child(6) div:first-child i {
  display: inline-block;
  height: 22px;
  width: 70px;
  background: url(../images/active_first_img.png) -140px -78px;
  margin-bottom: -4px;
}

.BBrwjl .liright .ulli:nth-child(6) div:last-child {
  width: 279px;
  height: 86px;
  line-height: 66px;
  text-align: center;
  border-bottom: 1px solid #34384a;
  float: left;
}

.BBrwjl .liright .ulli:nth-child(7) div:first-child {
  width: 629px;
  height: 86px;
  border-right: 1px solid #34384a;
  border-bottom: 1px solid #34384a;
  padding-left: 20px;
  float: left;
}

.BBrwjl .liright .ulli:nth-child(7) div:first-child span {
  color: #1771de;
  text-decoration: underline;
}

.BBrwjl .liright .ulli:nth-child(7) div:first-child i {
  display: inline-block;
  height: 22px;
  width: 70px;
  background: url(../images/active_first_img.png) -140px -78px;
  margin-bottom: -4px;
}

.BBrwjl .liright .ulli:nth-child(7) div:last-child {
  width: 279px;
  height: 86px;
  line-height: 66px;
  text-align: center;
  border-bottom: 1px solid #34384a;
  float: left;
}

.BBrmyl .liright p.hasget {
  width: 240px;
  height: 30px;
  background: url(../images/active_first_img.png) -140px -160px;
  margin: 0 auto;
  position: relative;
  top: 80px;
}

.BBrmyl .liright p.unget {
  width: 240px;
  height: 30px;
  background: url(../images/active_first_img.png) -140px -100px;
  margin: 0 auto;
  position: relative;
  top: 80px;
}

.BBrwjl p.unget {
  width: 240px;
  height: 30px;
  background: url(../images/active_first_img.png) -140px -100px;
  margin: 0 auto;
  position: relative;
  top: 28px;
}

.BBrwjl p.hasget {
  width: 240px;
  height: 30px;
  background: url(../images/active_first_img.png) -140px -160px;
  margin: 0 auto;
  position: relative;
  top: 28px;
}

.BBh3 {
  height: 70px;
  position: absolute;
  top: 1280px;
}

.BBbottom {
  width: 350px;
  height: 70px;
  background: url(../images/ng_images_1.png) 0 -140px;
  margin: 0 auto;
}

.BBbottom:hover {
  background: url(../images/ng_images_1.png) 0 -210px;
  cursor: pointer;
}

/*NNN获取牛币页面*/

.NNNmaintop {
  width: 100%;
  height: 518px;
  margin: 0 auto;
  position: relative;
  z-index: -2;
  top: -38px
}

.NNNmaintop div {
  width: 100%;
  height: 518px;
  background: url(../images/active_nb_bg.jpg) center;
  margin: 0 auto
}

/*
.NNNmaintop div img{width:1920px;height:518px;margin:0 auto} */

.NNNh1 {
  height: 390px;
  position: absolute;
  top: 80px;
}

.NNNh1 div {
  width: 630px;
  height: 390px;
  margin: 0 auto;
}

.NNNam {
  animation: ddr 0.2s ease-in both;
}

@keyframes ddr {
  from {
    transform: translateY(-400px);
    opacity: 0.1
  }
  to {
    transform: translateY(0px);
    opacity: 1
  }
}

.NNNh2 {
  height: 720px;
  position: absolute;
  top: 430px;
}

.NNNinfo {
  width: 1000px;
  height: 720px;
  border-top: 2px solid #902222;
  background: rgba(14, 14, 14, .6);
  margin: 0 auto;
  color: #999;
  font-weight: 600;
}

/*.NNNinfo ul li{margin:0 auto;width:100%;text-align: center;} */

.NNNinfo .li90 {
  margin: 0 auto;
  width: 90%;
  text-align: center;
}

.NNNinfo ul .lihh {
  width: 100%;
  height: 30px;
}

.NNNinfo .what p {
  background: url(../images/active_first_img.png) 0px -300px;
  width: 170px;
  height: 28px;
  margin: 0 auto;
}

.NNNinfo li:nth-child(3) {
  width: 100%;
  height: 62px;
  margin: 10px auto;
  padding-top: 20px;
}

.NNNinfo .how p {
  background: url(../images/active_first_img.png) 0px -329px;
  width: 200px;
  height: 28px;
  margin: 0 auto;
}

.NNNinfo li:nth-child(5) {
  width: 100%;
  height: 50px;
  vertical-align: top;
  margin: 0 auto;
  margin-top: 10px;
}

.NNNinfo .limain {
  width: 880px;
  height: 300px;
  margin: 0 auto;
}

.NNNinfo .limain div {
  float: left;
}

.NNNinfo .limain .maindivl,
.NNNinfo .limain .maindivr {
  width: 440px;
}

.NNNinfo .maindivl .yyc {
  background: url(../images/active_first_img.png) 0px -190px;
  width: 439px;
  height: 55px;
  border-right: 1px solid rgba(0, 0, 0, .6)
}

.NNNinfo .maindivl .leftdiv1 {
  width: 258px;
  height: 50px;
  line-height: 50px;
  border-left: 1px solid rgba(255, 255, 255, .1);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  padding-left: 30px;
}

.NNNinfo .maindivl .rightdiv1 {
  width: 148px;
  height: 50px;
  border-left: 1px solid rgba(255, 255, 255, .1);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  border-right: 1px solid rgba(255, 255, 255, .1);
}

.NNNinfo .maindivl .nb30 {
  background: url(../images/active_first_img.png) -140px -40px;
  width: 60px;
  height: 20px;
  margin-top: 12px;
  margin-left: 75px
}

.NNNinfo .maindivl .nb50 {
  background: url(../images/active_first_img.png) -140px -60px;
  width: 60px;
  height: 20px;
  margin-top: 12px;
  margin-left: 75px
}

.NNNinfo .maindivl .nb100 {
  background: url(../images/active_first_img.png) -140px -80px;
  width: 70px;
  height: 20px;
  margin-top: 12px;
  margin-left: 65px
}

.NNNinfo .maindivr .wxcs {
  background: url(../images/active_first_img.png) 0px -245px;
  width: 440px;
  height: 55px;
}

.NNNinfo .maindivr .leftdiv1 {
  width: 200px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  padding-left: 20px;
}

.NNNinfo .maindivr .leftdiv2 {
  width: 269px;
  height: 90px;
  line-height: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  padding-left: 20px;
}

.NNNinfo .maindivr .leftdiv2 p {
  margin-top: 20px;
}

.NNNinfo .maindivr .rightdiv1 {
  width: 218px;
  height: 50px;
  line-height: 50px;
  font-weight: normal;
  border-left: 1px solid rgba(255, 255, 255, .1);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  border-right: 1px solid rgba(255, 255, 255, .1);
}

.NNNinfo .maindivr .rightdiv2 {
  width: 148px;
  height: 90px;
  line-height: 90px;
  border-left: 1px solid rgba(255, 255, 255, .1);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  border-right: 1px solid rgba(255, 255, 255, .1);
}

.NNNinfo .maindivr .nb20 {
  background: url(../images/active_first_img.png) -210px -42px;
  width: 70px;
  height: 20px;
  margin-top: 12px;
  margin-left: 75px
}

.NNNinfo .maindivr .nb30 {
  background: url(../images/active_first_img.png)-140px -40px;
  width: 60px;
  height: 20px;
  margin-top: 12px;
  margin-left: 75px
}

.NNNinfo .maindivr .nb50 {
  background: url(../images/active_first_img.png) -140px -60px;
  width: 60px;
  height: 20px;
  margin-top: 12px;
  margin-left: 75px
}

.NNNinfo .maindivr .nb100 {
  background: url(../images/active_first_img.png)-140px -80px;
  width: 70px;
  height: 20px;
  margin-top: 12px;
  margin-left: 65px
}

.NNNinfo .maindivr .nb1000 {
  background: url(../images/active_first_img.png)-140px -80px;
  width: 70px;
  height: 20px;
  margin-top: 34px;
  margin-left: 65px
}

.NNNinfo .maindivr .nb2 {
  background: url(../images/active_first_img.png) -210px -80px;
  width: 130px;
  height: 20px;
  margin-top: 12px;
  margin-left: 45px
}

.NNNh3 {
  height: 70px;
  position: absolute;
  top: 1180px;
}

/*新年活动页*/

.md-newyear {
  background: url(../images/bg.jpg) center top no-repeat #07080d;
  margin-top: -110px;
}

.md-newyear-wrap {
  width: 1240px;
  margin: 0 auto;
  padding-top: 510px;
  margin-bottom: 40px;
}

.md-newyear-wrap .top-btn {
  text-align: center;
}

.md-newyear-wrap .top-btn img {
  cursor: pointer;
}

.md-newyear-wrap .schedule-box {
  position: relative;
  font-size: 12px;
  color: #5c5c5c;
  width: 1000px;
  height: 140px;
  box-sizing: border-box;
  border-top: 1px solid #92211e;
  background: #1b1415;
  border-bottom: 1px solid #3f1818;
  margin: 25px auto;
}

.md-newyear-wrap .schedule-box .sb-line {
  width: 885px;
  height: 7px;
  background: url(../images/line_1.png);
  margin: 66px auto;
  margin-bottom: 0;
  position: relative;
}

.md-newyear-wrap .schedule-box .sb-line .date {
  float: left;
  width: 25%;
  display: inline-block;
  position: relative;
  height: 100%;
}

.md-newyear-wrap .schedule-box .sb-line .date:before {
  position: absolute;
  z-index: 10;
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  top: -4px;
  left: -7px;
  background: url(../images/yuan.png);
}

.md-newyear-wrap .schedule-box .sb-line .date.pass:before {
  position: absolute;
  z-index: 10;
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  top: -4px;
  left: -7px;
  background: url(../images/yuan-pass.png);
}

.md-newyear-wrap .schedule-box .sb-line .date:last-child:after {
  position: absolute;
  z-index: 10;
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  top: -4px;
  right: -7px;
  background: url(../images/yuan.png);
}

.md-newyear-wrap .schedule-box .sb-line .date.pass:last-child:after {
  position: absolute;
  z-index: 10;
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  top: -4px;
  right: -7px;
  background: url(../images/yuan-pass.png);
}

.md-newyear-wrap .schedule-box .sb-line .date span {
  display: inline-block;
  height: 100%;
  background: #ffd904;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
}

.md-newyear-wrap .schedule-box .sb-line .pass-day {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: #ffd904;
  border-radius: 10px;
  height: 100%;
  transition: width 1.5s linear;
}

.md-newyear-wrap .schedule-box .sb-line-txt {
  padding: 5px 32px;
}

.md-newyear-wrap .schedule-box .sb-line-txt span {
  display: inline-block;
  width: 50px;
  text-align: center;
}

.md-newyear-wrap .schedule-box .sb-line-txt span.pass {
  color: #eea800;
}

.md-newyear-wrap .schedule-box .sb-line-txt span.pass i {
  font-style: normal;
  color: #fc0b0d;
}

.md-newyear-wrap .schedule-box .sb-line-txt span.slt-status {
  width: 165px;
}

.md-newyear-wrap .schedule-box .sb-positon {
  position: relative;
  width: 885px;
  margin: 0 auto;
}

.md-newyear-wrap .schedule-box .sb-positon img {
  position: absolute;
  left: -10px;
  top: 25px;
  transition: left 1.5s linear;
}

.md-newyear-wrap .schedule-box .sb-tips {
  position: absolute;
  width: 1000px;
  text-align: center;
  bottom: 15px;
  color: #5d5d5d;
}

.md-newyear-wrap .center-box {
  position: relative;
  padding-top: 30px;
  padding-bottom: 20px;
  width: 1000px;
  margin: 0 auto;
  background: url(../images/xiaohai.png) center bottom 100px no-repeat #141415;
  color: #755f50;
  font-size: 14px;
}

.md-newyear-wrap .center-box .cb-p {
  padding: 0 48px;
  margin-bottom: 50px;
  line-height: 30px;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .cb-tb-title {
  height: 40px;
  line-height: 40px;
  background: #212121;
  overflow: hidden;
  margin-top: 10px;
}

.md-newyear-wrap .center-box .cb-p .cb-tb span {
  display: inline-block;
  float: left;
  height: 40px;
  text-align: right;
  line-height: 40px;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .col1 {
  width: 110px;
  color: #a83100;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .col2 {
  width: 125px;
  color: #a9975a;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .col3 {
  width: 100px;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .col4 {
  width: 130px;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .col5 {
  width: 110px;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .col6 {
  width: 220px;
  text-align: center;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .col6 i {
  display: inline-block;
  width: 145px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-style: normal;
  background: #a83100;
  border-radius: 20px;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .col6 i.disabled {
  background: #1a1a1a;
  color: #666;
  border: 2px solid #666;
  box-sizing: border-box;
  line-height: 22px;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .col6 i:hover {
  cursor: pointer;
  background: #c71c1c;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .col6 i.disabled:hover {
  background: #1a1a1a;
  color: #666;
  border: 2px solid #666;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .cb-tb-content .col6 {
  color: #fff;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .tb-row {
  overflow: hidden;
  transition: all 500ms ease;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .tb-row:nth-child(odd) {
  background: #1a1a1a;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .tb-row:nth-child(even) {
  background: #212121;
}

.md-newyear-wrap .center-box .cb-p .cb-tb .tb-row:hover {
  background: #321717 !important;
  cursor: pointer;
}

.md-newyear-wrap .center-box .ji {
  position: absolute;
  top: 14px;
  right: -80px;
  z-index: 10;
}

.md-newyear-wrap .bottom-btn {
  text-align: center;
}

.md-newyear-wrap .bottom-btn .btn-back-home {
  display: inline-block;
  width: 350px;
  height: 70px;
  background: url(../images/ng_images.png) 0 -140px;
  cursor: pointer;
  margin: 30px;
}

.md-newyear-wrap .bottom-btn .btn-back-home:hover {
  background: url(../images/ng_images.png) 0 -210px;
}

.popup-newuser {
  position: fixed;
  top: 50%;
  z-index: 1000;
  left: 50%;
  width: 666px;
  height: 388px;
  margin-top: -189px;
  margin-left: -333px;
  display: none;
  background: url(../images/popup_newuser_bg.png);
  border-radius: 5px;
}

.popup-newuser .title {
  color: #ffd904;
}

.popup-newuser .title .txt:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 18px;
  background: #ffd904;
  vertical-align: middle;
  position: absolute;
  top: 0px;
  left: 20px;
}

.popup-newuser .con_box {
  margin-top: 20px;
}

.popup-newuser .cb-tips {
  text-align: center;
  font-size: 18px;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

.popup-newuser .cb-content {
  width: 404px;
  height: 114px;
  margin: 0 auto;
  line-height: 18px;
  background: #1a1a1a;
  border: 2px solid #dc2d2d;
  border-radius: 4px;
  margin-top: 30px;
  font-size: 14px;
  color: #666;
  padding-top: 10px;
  padding-left: 30px;
  box-sizing: border-box;
}

.popup-newuser .btn-bottom {
  text-align: center;
  padding-top: 50px;
}

.popup-newuser .btn-bottom a {
  cursor: pointer;
  display: inline-block;
  background: #a43420;
  color: #ffdede;
  font-size: 14px;
  width: 318px;
  height: 30px;
  line-height: 30px;
  border-radius: 100px;
}

.popup-newuser .btn-bottom a:hover {
  background: #ff0000;
  color: #fff;
}

.popup-newyear {
  position: fixed;
  z-index: 1000;
  left: 100px;
  width: 666px;
  height: 388px;
  left: 50%;
  margin-left: -333px;
  top: 50%;
  margin-top: -194px;
  display: none;
}

.popup-newyear .con_box {
  margin-top: 20px;
}

.popup-newyear .cb-tips {
  text-align: center;
  font-size: 18px;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

.popup-newyear .cb-content {
  width: 404px;
  height: 114px;
  margin: 0 auto;
  line-height: 18px;
  background: #1a1a1a;
  border: 2px solid #5c6563;
  border-radius: 4px;
  margin-top: 30px;
  font-size: 14px;
  color: #666;
  padding-top: 10px;
  padding-left: 15px;
  box-sizing: border-box;
}

.popup-newyear .btn-bottom {
  text-align: center;
  padding-top: 50px;
}

.popup-newyear .btn-bottom a {
  cursor: pointer;
  display: inline-block;
  background: #a43420;
  color: #ffdede;
  font-size: 14px;
  width: 318px;
  height: 30px;
  line-height: 30px;
  border-radius: 100px;
}

.popup-newyear .btn-bottom a:hover {
  background: #ff0000;
  color: #fff;
}

.popup-newyear .cb-tips-small {
  text-align: center;
  color: #999;
}

.popup-newyear.status-confirm .cb-content {
  width: 480px;
  height: 150px;
}

.popup-newyear.status-confirm .btn-bottom {
  width: 480px;
  margin: 0 auto;
  overflow: hidden;
}

.popup-newyear.status-confirm .btn-bottom a {
  width: 222px;
  float: left;
}

.popup-newyear.status-confirm .btn-bottom a.btn-look {
  background: #5f5f5f;
  color: #fff;
  float: right;
}

/*SEl赛事*/

.md-sel {
  background: url(../images/bg_1.jpg) center top no-repeat #000;
  margin-top: -110px;
}

.md-sel-wrap {
  width: 1240px;
  margin: 0 auto;
  padding-top: 474px;
  margin-bottom: 40px;
}

.md-sel-wrap .sel-top {
  border-top: 2px solid #440000;
  background: #161616;
  padding: 45px;
}

.md-sel-wrap .sel-table {
  font-size: 14px;
  color: #999;
  text-align: center;
}

.md-sel-wrap .sel-table .tb-title {
  height: 30px;
  line-height: 30px;
  color: #555;
  overflow: hidden;
  background: #2f2b2b;
}

.md-sel-wrap .sel-table .col1 {
  float: left;
  width: 198px;
  height: 40px;
  background: #404040;
  border-top: 0;
}

.md-sel-wrap .sel-table .col2 {
  float: left;
  width: 177px;
  height: 40px;
  background: #343434;
  border-top: 0;
}

.md-sel-wrap .sel-table .col3 {
  float: left;
  width: 177px;
}

.md-sel-wrap .sel-table .col4 {
  float: left;
  width: 333px;
}

.md-sel-wrap .sel-table .col5 {
  float: left;
  width: 133px;
}

.md-sel-wrap .sel-table .col6 {
  float: left;
  width: 125px;
}

.md-sel-wrap .sel-table span {
  border-top: 1px solid #2b2b2b;
  border-right: 1px solid #2b2b2b;
}

.md-sel-wrap .sel-table span.col6 {
  border-right: 0;
}

.md-sel-wrap .sel-table .tb-row {
  overflow: hidden;
  height: 40px;
  line-height: 40px;
}

.md-sel-wrap .sel-table .tb-row:nth-child(odd) {
  background: #414040;
}

.md-sel-wrap .sel-table .tb-row:nth-child(even) {
  background: #343434;
}

.md-sel-wrap .sel-table .tb-content {
  position: relative;
}

.md-sel-wrap .sel-table .tb-content .sel-txt1 {
  position: absolute;
  top: 0;
  width: 198px;
  height: 240px;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.md-sel-wrap .sel-table .tb-content .sel-txt2 {
  position: absolute;
  top: 0;
  width: 177px;
  height: 120px;
  left: 198px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.md-sel-wrap .sel-table .tb-content .sel-txt3 {
  position: absolute;
  top: 120px;
  width: 177px;
  height: 120px;
  left: 198px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.md-sel-wrap .sel-table .tb-content span.type {
  border: 0;
  display: inline-block;
  width: 100%;
}

.md-sel-wrap .sel-bottom {
  border-top: 1px solid #29292b;
  border-bottom: 2px solid #440000;
  background: #161616;
  padding: 45px;
  font-size: 14px;
  color: #999;
  line-height: 25px;
}

.md-sel-wrap .sel-bottom h2 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 10px;
}

.md-sel-wrap .bottom-btn {
  text-align: center;
}

.md-sel-wrap .bottom-btn .btn-back-home {
  display: inline-block;
  width: 350px;
  height: 70px;
  background: url(../images/ng_images.png) 0 -140px;
  cursor: pointer;
  margin: 30px;
}

.md-sel-wrap .bottom-btn .btn-back-home:hover {
  background: url(../images/ng_images.png) 0 -210px;
}

.md-sel-wrap .sel-top-user {
  display: none;
}

.md-sel-wrap .sel-top-user h2 {
  font-size: 24px;
  font-weight: 600;
  padding: 30px 0;
  color: #999;
}

.md-sel-wrap .sel-top-user .top-user {
  margin: 0 auto;
  width: 1000px;
  overflow: hidden;
}

.md-sel-wrap .sel-top-user .top-1 {
  position: relative;
  float: left;
  height: 230px;
  width: 250px;
  background: url(../images/1_1.png) bottom no-repeat;
}

.md-sel-wrap .sel-top-user .top-2 {
  position: relative;
  float: left;
  height: 230px;
  width: 250px;
  background: url(../images/2_1.png) bottom no-repeat;
}

.md-sel-wrap .sel-top-user .top-3 {
  position: relative;
  float: left;
  height: 230px;
  width: 249px;
  background: url(../images/3.png) bottom no-repeat;
}

.md-sel-wrap .sel-top-user .top-4 {
  position: relative;
  float: left;
  height: 230px;
  width: 249px;
  background: url(../images/4.png) bottom no-repeat;
}

.md-sel-wrap .sel-top-user .user-box {
  overflow: hidden;
  position: absolute;
  width: 100%;
  text-align: center;
  color: #999;
}

.md-sel-wrap .sel-top-user .user-box img {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: 80px;
  margin-right: 10px;
}

.md-sel-wrap .sel-top-user .user-box p {
  width: 120px;
  color: #999;
  text-align: left;
  float: left;
}

.md-sel-wrap .sel-top-user .user-box p span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-sel-wrap .sel-top-user .monery {
  display: inline-block;
  width: 180px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  left: 35px;
  font-weight: 600;
  color: #d00505;
  position: absolute;
  bottom: 10px;
  background: #f0cda3;
  border-radius: 20px;
}

.md-sel-wrap .sel-top-user .top-1 .user-box {
  top: 13px;
}

.md-sel-wrap .sel-top-user .top-2 .user-box {
  top: 50px;
}

.md-sel-wrap .sel-top-user .top-3 .user-box {
  top: 83px;
}

.md-sel-wrap .sel-top-user .top-4 .user-box {
  top: 105px;
}

/*TTT体育赛事页面*/

.TTTcontainer {
  width: 100%;
  position: relative;
  z-index: 2;
  top: -38px
}

/* .TTTcontainer div.con{ float:left; } */

.TTTcontainer .con.left {
  background: url(../images/dc_sport_left_bg.jpg) no-repeat 100% 100%;
  height: 1150px;
  width: calc((100% - 1000px)/2);
  width: -webkit-calc((100% - 1000px)/2);
  width: -moz-calc((100% - 1000px)/2);
  width: -ms-calc((100% - 1000px)/2);
}

/* .TTTcontainer .con.middle .mid1{ background:url(../images/dc_sport_top_bg.jpg) no-repeat; width:1000px;height:416px; }
.TTTcontainer .con.middle .mid2{ background:url(../images/dc_sport_bottom_bg.jpg) no-repeat; width:1000px;height:734px;} */

.TTTcontainer .con.middle .btnbtn {
  display: inline-block;
  width: 306px;
  height: 66px;
  cursor: pointer;
}

.TTTcontainer .con.middle .btnbtn a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.TTTcontainer .con.middle .btnbtn:hover {
  background: url(../images/btn.png) 0 -72px no-repeat;
}

.TTTcontainer .con.right {
  background: url(../images/dc_sport_right_bg.jpg) no-repeat;
  height: 1150px;
  width: calc((100% - 1000px)/2);
  width: -webkit-calc( (100% - 1000px)/2);
  width: -moz-calc((100% - 1000px)/2);
  width: -ms-calc((100% - 1000px)/2);
}

.TTTcontainer .con.middle .mida {
  position: relative;
  width: 859px;
  height: 180px;
  margin: 0 auto;
}

.TTTcontainer .con.middle .mida a {
  display: inline-block;
  color: rgba(255, 0, 0, 0.8);
  text-decoration: underline;
  position: absolute;
  bottom: 25px;
}

.TTTcontainer .con.middle .mida a:hover {
  color: #c71c1c;
}

.TTTcontainer .con.middle .mida a.withdraw {
  left: 113px;
}

.TTTcontainer .con.middle .mida a.byt {
  left: 380px;
}

.TTTcontainer .con.middle .mida a.bill {
  right: 65px;
}

.TTTh3 {
  height: 70px;
  position: absolute;
  top: 1260px;
}

/*AAA拉人奖励页面*/

.AAAmaintop {
  width: 100%;
  height: 718px;
  margin: 0 auto;
  position: relative;
  z-index: -2;
  top: -38px
}

.AAAmaintop div {
  width: 100%;
  height: 100%;
  background: url(../images/active_spread_bg.jpg) top center;
  margin: 0 auto
}

.AAAh2 {
  height: 520px;
  position: absolute;
  top: 430px;
}

/* .AAAinfo{width:1000px;height:520px;border-top:2px solid #902222;background:rgba(14,14,14,.6);margin:0 auto;color:#5f4e43;font-weight:600;} */

.AAAinfo {
  width: 1000px;
  height: 520px;
  border-top: 2px solid #7b95e9;
  background: rgba(48, 53, 74, .6);
  margin: 0 auto;
  color: #c8cce5;
}

.AAAinfo ul li {
  width: 85%;
  margin: 0 auto;
}

.AAAinfo li:first-child {
  height: 30px;
}

.AAAinfo li:nth-child(2) p {
  background: url(../images/active_first_img.png) -215px -300px;
  width: 125px;
  height: 28px;
  margin: 0 auto;
}

.AAAinfo li:nth-child(3) {
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
}

.AAAinfo li:nth-child(4) p {
  background: url(../images/active_first_img.png) -215px -329px;
  width: 125px;
  height: 28px;
  margin: 0 auto;
}

.AAAinfo li:nth-child(5) {
  height: 30px;
  line-height: 30px;
  text-align: left;
  margin-top: 20px
}

.AAAinfo li:nth-child(6) {
  margin-top: 20px;
}

.AAAinfo li:nth-child(6) p {
  background: url(../images/active_first_img.png) -350px -300px;
  width: 70px;
  height: 28px;
  margin: 0 auto;
}

.AAAinfo li:nth-child(7) p {
  line-height: 28px;
  text-align: left;
  margin-top: 20px;
}

.AAAh3 {
  height: 70px;
  position: absolute;
  top: 1020px;
}

.truntableh3 {
  height: 100px;
  background: #121212;
}

.user_lever_5 {
  color: #a70075 !important;
}

.user_lever_6 {
  color: #66a63c !important;
}

.user_lever_7 {
  color: #e5b009 !important;
}

.user_lever_8 {
  color: #25f6a9 !important;
}

.user_lever_9 {
  color: #995dd1 !important;
}

.user_lever_10 {
  color: #d16a29 !important;
}

.user_lever_11 {
  color: #f1ef00 !important;
}

.user_lever_12 {
  color: #ed3d38 !important;
}

/*体育赛事维护*/

.ctn-fixing {
  width: 1240px;
  height: 733px;
  margin: 0 auto;
  /* background: url(../images/black_color_bg.png);  */
  margin-top: 20px;
  padding-bottom: 20px;
}

.ctn-fixing h1 {
  font-size: 24px;
  color: #ccc;
  text-align: center;
  margin-top: -100px;
  margin-bottom: 42px;
}

.ctn-fixing p {
  text-align: center;
  width: 800px;
  margin: 0px auto;
  font-size: 14px;
  color: #4c4c4c;
  line-height: 28px;
}

/** 双语言  start  **/

body.zh-cn .home_main .aside .free_guess {
  background: url(../images/icon-base.png) no-repeat  -192px -392px;
}

body.zh-cn .home_main .aside .free_guess:hover {
  background: url(../images/icon-base.png) no-repeat -192px -472px;
}

body.zh-cn .plate .help_box.newp {
  background: url(../images/icon-base.png) no-repeat -192px -16px;
  margin-right: 25px;
}

body.zh-cn .plate .help_box.newp:hover {
  background: url(../images/icon-base.png) no-repeat -453px -16px;
}

body.zh-cn .plate .help_box.mobile {
  background: url(../images/icon-base.png) no-repeat -192px -141px;
  margin-right: 25px;
}

body.zh-cn .plate .help_box.mobile:hover {
  background: url(../images/icon-base.png) no-repeat -453px -141px;
}

body.zh-cn .plate .help_box.reg {
  background: url(../images/icon-base.png) no-repeat -192px -266px;
  margin-right: 25px;
}

body.zh-cn .plate .help_box.reg:hover {
  background: url(../images/icon-base.png) -453px -266px no-repeat;
}

body.zh-cn .plate .help_box.ll {
  background: url(../images/mywc.png) 0 0 no-repeat;
  margin-right: 0px;
  width: 397px;
}

body.zh-cn .menubar .online {
  background: url(../images/icon-base.png) no-repeat -552px -390px;
}

body.zh-cn .menubar .online:hover {
  background: url(../images/icon-base.png) -552px -441px no-repeat;
}

body.zh-cn .BBmaintop div {
  background: url(../images/newplayer_bg.png) top center no-repeat;
}

body.zh-cn .BBnewman p:last-child {
  background: url(../images/icon-base.png) no-repeat -419px -480px;
}

body.zh-cn .BBnewman p:last-child:hover {
  background: url(../images/icon-base.png) no-repeat -419px -528px;
}

body.zh-cn .BBh22 li:first-child .pic1 {
  background: url(../images/active_a_1.png) 0 0 no-repeat;
}

body.zh-cn .BBh22 li:first-child .pic3 {
  background: url(../images/active_b_1.png) 0 0 no-repeat;
}

body.zh-cn .BBh22 li:first-child .pic2 {
  background: url(../images/doubleactivepic.jpg);
  background-position: 0px 44px;
  background-repeat: no-repeat;
}

body.zh-cn .BBh22 li:last-child a:first-child div:first-child {
  background: url(../images/active_c.png) 0 0;
}

body.zh-cn .BBh22 li:last-child .mid div {
  background: url(../images/agactive_new.jpg) 0 0;
}

body.zh-cn .BBh22 li:last-child a:last-child div:last-child {
  background: url(../images/active_e.png) 0 0;
}

body.zh-cn .AAAmaintop div {
  background: url(../images/active_spread_bg.png) top center;
}

body.zh-cn .BBbottom {
  background: url(../images/icon-base.png) -192px -552px;
}

body.zh-cn .BBbottom:hover {
  background: url(../images/icon-base.png) -192px -632px;
}

/* body.zh-cn .TTTcontainer .con.middle .mid1{ background:url(../images/dc_sport_top_bg_1.jpg) no-repeat; }
body.zh-cn .TTTcontainer .con.middle .mid2{ background:url(../images/dc_sport_bottom_bg_1.jpg) no-repeat; } */

/* body.zh-cn .BBrmyl .lileft{ background:url(../images/active_first_img_1.png) 0 0; } */

body.zh-cn .BBrmyl .licenter .zchl {
  background: url(../images/active_newplayer_icons.png) no-repeat 10px -366px;
}

body.zh-cn .BBrmyl .licenter .add100 {
  background: url(../images/active_newplayer_icons.png) 6px -438px;
}

body.zh-cn .BBrmyl .liright p.hasget {
  background: url(../images/active_newplayer_icons.png) 1px -240px;
  ;
}

body.zh-cn .BBrmyl .liright p.unget {
  background: url(../images/active_newplayer_icons.png) 1px -40px;
}

body.zh-cn .BBrwjl p.unget {
  background: url(../images/active_newplayer_icons.png) 1px -40px;
}

body.zh-cn .BBrwjl p.hasget {
  background: url(../images/active_newplayer_icons.png) 1px -240px;
}

/* body.zh-cn .BBrwjl .lileft .tutu{background:url(../images/active_first_img_1.png) -70px 0;} */

body.zh-cn .BBrwjl .liright .ulli.rw1 div.gl p {
  background: url(../images/active_21_1.png) no-repeat;
}

body.zh-cn .BBrwjl .liright .ulli.rw2 div.gl i {
  background: url(../images/active_newplayer_icons.png) 1px -530px;
}

body.zh-cn .BBrwjl .liright .ulli.rw3 div.gl i {
  background: url(../images/active_newplayer_icons.png) 1px -615px;
}

body.zh-cn .BBrwjl .liright .ulli.rw4 div.gl i {
  background: url(../images/active_newplayer_icons.png) 1px -700px;
}

body.zh-cn .BBrwjl .liright .ulli.rw5 div.gl i {
  background: url(../images/active_newplayer_icons.png) 1px -615px;
}

body.zh-cn .BBrwjl .liright .ulli.rw6 div.gl i {
  background: url(../images/active_newplayer_icons.png) 1px -700px;
}

body.zh-cn .BBrwjl .liright .ulli.rw7 div.gl i {
  background: url(../images/active_newplayer_icons.png) 1px -700px;
}

body.zh-cn .turntable .head {
  background: url(../images/head_1.png) no-repeat;
}

body.zh-cn .turntable .turn .btn {
  background: url(../images/turntable_btn_1.png) center no-repeat;
}

body.zh-cn .turntable .turn .btn1 {
  display: none;
  background: url(../images/turntable_btn_hover_1.png) center no-repeat;
}

body.zh-cn .turntable .turn .btn:hover {
  background: url(../images/turntable_btn_hover_1.png) center no-repeat;
}

body.zh-cn .NNNinfo .what p {
  background: url(../images/active_first_img_1.png) 0px -300px;
}

body.zh-cn .NNNinfo .how p {
  background: url(../images/active_first_img_1.png) 0px -329px;
}

body.zh-cn .NNNinfo .maindivl .yyc {
  background: url(../images/active_first_img_1.png) 0px -190px;
}

body.zh-cn .NNNinfo .maindivr .wxcs {
  background: url(../images/active_first_img_1.png) 0px -244px;
}

body.zh-cn .NNNinfo .maindivr .nb2 {
  background: url(../images/active_first_img_1.png) -210px -80px;
}

body.zh-cn .NNNinfo .maindivr .nb20 {
  background: url(../images/active_first_img_1.png) -210px -42px;
}

body.zh-cn .NNNinfo .maindivl .nb30 {
  background: url(../images/active_first_img_1.png) -140px -40px;
}

body.zh-cn .NNNinfo .maindivl .nb50 {
  background: url(../images/active_first_img_1.png) -140px -60px;
}

body.zh-cn .NNNinfo .maindivl .nb100 {
  background: url(../images/active_first_img_1.png) -140px -80px;
}

body.zh-cn .NNNinfo .maindivr .nb100 {
  background: url(../images/active_first_img_1.png)-140px -80px;
}

body.zh-cn .NNNinfo .maindivr .nb1000 {
  background: url(../images/active_first_img_1.png)-140px -80px;
}

body.zh-cn .mobilemain.l1 div.btn {
  background: url(../images/button_1.png) 0px 0px;
}

body.zh-cn .mobilemain.l1 {
  background: url(../images/bg1.jpg) top center no-repeat;
}

body.zh-cn .TTTcontainer .con.middle .btnbtn {
  background: url(../images/btn_1.png) 0 0 no-repeat;
}

body.en .home_main .aside .free_guess {
  background: url(../images/jingjibao_home-guess_btn_hover.png) no-repeat;
}

body.en .home_main .aside .free_guess:hover {
  background: url(../images/jingjibao_home-guess_btn.png) no-repeat;
}

body.en .plate .help_box.newp {
  background: url(../images/ng_home_btms.jpg) 0 0 no-repeat;
  margin-right: 24px;
}

body.en .plate .help_box.newp:hover {
  background: url(../images/ng_home_btms.jpg) 0 -115px no-repeat;
}

body.en .plate .help_box.mobile {
  background: url(../images/ng_home_btms.jpg) -256px 0 no-repeat;
  margin-right: 24px;
}

body.en .plate .help_box.mobile:hover {
  background: url(../images/ng_home_btms.jpg) -256px -115px no-repeat;
}

body.en .plate .help_box.reg {
  background: url(../images/ng_home_btms.jpg) -512px 0 no-repeat;
  margin-right: 24px;
}

body.en .plate .help_box.reg:hover {
  background: url(../images/ng_home_btms.jpg) -512px -115px no-repeat;
}

body.en .plate .help_box.ll {
  background: url(../images/ng_home_btm_ll.jpg) 0 0 no-repeat;
  margin-right: 0px;
  width: 400px;
}

body.en .menubar .online {
  background: url(../images/ng_online_chat_1.png) 0 0 no-repeat;
}

body.en .menubar .online:hover {
  background: url(../images/ng_online_chat_1.png) 0 -46px no-repeat;
}

body.en .BBmaintop div {
  background: url(../images/jingjibao_active_02_1.jpg) top center no-repeat;
}

body.en .BBnewman p:last-child {
  background: url(../images/active_btn_2.png) 0 0
}

body.en .BBnewman p:last-child:hover {
  background: url(../images/active_btn_2.png) 0 -30px no-repeat;
}

body.en .BBh22 li:first-child .pic1 {
  background: url(../images/active_01.png) 0 0 no-repeat;
}

body.en .BBh22 li:first-child .pic2 {
  background: url(../images/active_02.png) 0 0 no-repeat;
}

body.en .BBh22 li:last-child a:first-child div:first-child {
  background: url(../images/active_03_2.jpg) 0 0;
}

body.en .BBh22 li:last-child .mid div {
  background: url(../images/active_04.jpg) 0 0;
}

body.en .BBh22 li:last-child a:last-child div:last-child {
  background: url(../images/active_05_2.jpg) 0 0;
}

body.en .AAAmaintop div {
  background: url(../images/active_spread_bg_1.jpg) top center;
}

body.en .BBbottom {
  background: url(../images/ng_images_2.png) 0 -140px;
}

body.en .TTTcontainer .con.middle .mid1 {
  background: url(../images/dc_sport_top_bg_2.jpg) no-repeat;
}

body.en .TTTcontainer .con.middle .mid2 {
  background: url(../images/dc_sport_bottom_bg_2.jpg) no-repeat;
}

body.en .BBrmyl .lileft {
  background: url(../images/active_first_img_2.png) 0 0;
}

body.en .BBrmyl .licenter .zchl {
  background: url(../images/active_first_text.png) no-repeat;
}

body.en .BBrmyl .licenter .add100 {
  background: url(../images/active_first_img_2.png) -140px 0;
}

body.en .BBrmyl .liright p.hasget {
  background: url(../images/active_first_img_2.png) -140px -160px;
}

body.en .BBrmyl .liright p.unget {
  background: url(../images/active_first_img_2.png) -140px -100px;
}

body.en .BBrwjl p.unget {
  background: url(../images/active_first_img_2.png) -140px -100px;
}

body.en .BBrwjl p.hasget {
  background: url(../images/active_first_img_2.png) -140px -160px;
}

body.en .BBrwjl .lileft .tutu {
  background: url(../images/active_first_img_2.png) -70px 0;
}

body.en .BBrwjl .liright .ulli.rw1 div.gl p {
  background: url(../images/active_21_2.png) no-repeat;
}

body.en .BBrwjl .liright .ulli.rw2 div.gl i {
  background: url(../images/active_first_img_2.png) -140px -40px;
}

body.en .BBrwjl .liright .ulli.rw3 div.gl i {
  background: url(../images/active_first_img_2.png) -140px -62px;
}

body.en .BBrwjl .liright .ulli.rw4 div.gl i {
  background: url(../images/active_first_img_2.png) -140px -78px;
}

body.en .BBrwjl .liright .ulli.rw5 div.gl i {
  background: url(../images/active_first_img_2.png) -140px -62px;
}

body.en .BBrwjl .liright .ulli.rw6 div.gl i {
  background: url(../images/active_first_img_2.png) -140px -78px;
}

body.en .BBrwjl .liright .ulli.rw7 div.gl i {
  background: url(../images/active_first_img_2.png) -140px -78px;
}

body.en .turntable .head {
  background: url(../images/head_2.png) no-repeat;
}

body.en .turntable .turn .btn {
  background: url(../images/turntable_btn_2.png) center no-repeat;
}

body.en .turntable .turn .btn1 {
  display: none;
  background: url(../images/turntable_btn_hover_2.png) center no-repeat;
}

body.en .turntable .turn .btn:hover {
  background: url(../images/turntable_btn_hover_2.png) center no-repeat;
}

body.en .NNNinfo .what p {
  background: url(../images/active_first_img_2.png) 0px -300px;
}

body.en .NNNinfo .how p {
  background: url(../images/active_first_img_2.png) 0px -329px;
}

body.en .NNNinfo .maindivl .yyc {
  background: url(../images/active_first_img_2.png) 0px -190px;
}

body.en .NNNinfo .maindivr .wxcs {
  background: url(../images/active_first_img_2.png) 0px -245px;
}

body.en .NNNinfo .maindivr .nb2 {
  background: url(../images/active_first_img_2.png) -210px -80px;
}

body.en .NNNinfo .maindivl .nb30 {
  background: url(../images/active_first_img_2.png) -140px -40px;
}

body.en .NNNinfo .maindivl .nb50 {
  background: url(../images/active_first_img_2.png) -140px -60px;
}

body.en .NNNinfo .maindivl .nb100 {
  background: url(../images/active_first_img_2.png) -140px -80px;
}

body.en .NNNinfo .maindivr .nb100 {
  background: url(../images/active_first_img_2.png)-140px -80px;
}

body.en .NNNinfo .maindivr .nb1000 {
  background: url(../images/active_first_img_2.png)-140px -80px;
}

body.en .mobilemain.l1 div.btn {
  background: url(../images/button_2.png) 0px 0px;
}

body.en .mobilemain.l1 {
  background: url(../images/bg1_1.jpg) top center no-repeat;
}

body.en .TTTcontainer .con.middle .btnbtn {
  background: url(../images/btn_2.png) 0 0 no-repeat;
}

/** 双语言  end  **/

body.forget .jingjibao-forget {
  min-width: 1240px;
  background: url(../images/jingjibao_reg_bg.jpg) top center no-repeat;
  height: 900px;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  background-size: cover;
  min-height: 900px;
}

body.forget .jingjibao-forget .global {
  width: 1240px;
  margin: 0 auto;
  text-align: right;
  margin-top: 15px;
}

body.forget .jingjibao-forget .global img {
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -3px;
}

body.forget .jingjibao-forget .global a {
  color: #999;
  font-size: 12px;
}

body.forget .jingjibao-forget .global i {
  display: inline-block;
  height: 10px;
  width: 15px;
  border-left: 1px solid #999;
  margin-left: 15px;
}

body.forget .jingjibao-forget .ng-logo {
  width: 1024px;
  margin: 0 auto;
  text-align: center;
  margin-top: 140px;
}


/*忘记密码新 6-26*/
body.forget .jingjibao-forget .pass-process {
    width: 500px;
    margin: 50px auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;

}

body.forget .jingjibao-forget .pass-process .process-box{
    width: 164px;
    color:#54576b;
    text-align: center;
    font-size: 14px;
}
body.forget .jingjibao-forget .pass-process .process-box .process-line{
    height: 2px;
    background-color:#54576b; 
    margin-top: 12px;
}
body.forget .jingjibao-forget .pass-process .process-box.real{
    color:#eaae0d;
}
body.forget .jingjibao-forget .pass-process .process-box.real .process-line{
    background-color:#eaae0d; 
}


body.forget .jingjibao-forget .pass-process-text {
  width: 720px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body.forget .jingjibao-forget .pass-process-text div {
  display: inline-block;
  font-size: 20px;
  color: #c8cce5;
}

body.forget .jingjibao-forget .pass-process-line {
  width: 700px;
  position: relative;
  margin: 30px auto;
  height: 2px;
  background-color: #3d4868
}

body.forget .jingjibao-forget .pass-process-line .pass-process-line-point {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #3d4868;
  top: -6px;
}

body.forget .jingjibao-forget .pass-process-line .pass-process-line-real {
  position: absolute;
  height: 2px;
  background-color: #7a93ec
}

body.forget .jingjibao-forget .pass-process-line .pass-process-line-point.point-1 {
  left: 0;
}

body.forget .jingjibao-forget .pass-process-line .pass-process-line-point.point-2 {
  left: 49%;
}

body.forget .jingjibao-forget .pass-process-line .pass-process-line-point.point-3 {
  right: 0;
}

body.forget .jingjibao-forget .pass-process-line .pass-process-line-point.real {
  background-color: #7a93ec;
}

body.forget .jingjibao-forget .pass-process-table {
  width: 500px;
  margin: 30px auto;
  font-size: 16px;
  color: #626788;
}

body.forget .jingjibao-forget .pass-process-table tr:first-child td:first-child {
  width: 100px;
}

body.forget .jingjibao-forget .pass-process-table input {
  width: 388px;
  height: 38px;
  padding: 0 17px;
  border: 1px solid #3d4868;
  font-size: 16px;
  color: #d9ddf2;
  background-color: rgba(0, 0, 0, .2);
  border-radius: 3px;
  line-height: 38px;
}

body.forget .jingjibao-forget .pass-process-table td {
  padding: 15px 0;
}

body.forget .jingjibao-forget .pass-process-table button.submit {
  width: 100%;
  height: 38px;
  line-height: 38px;
  color: #fff;
  background: #7a93ec;
  border: none;
  border-radius: 999px;
  margin-top: 30px;
  cursor: pointer;
  font-size: 16px;
}

body.forget .jingjibao-forget .pass-process-table button.submit:hover {
  background: #6279C2;
}

body.forget .jingjibao-forget .pass-process-table td {
  position: relative;
}

body.forget .jingjibao-forget .pass-process-table input.tel {
  text-indent: 60px;
}

body.forget .jingjibao-forget .pass-process-table input.error {
  border: 1px solid #aa0000;
}

body.forget .jingjibao-forget .pass-process-table .md-coutry {
  position: absolute;
  top: 27px;
  left: 7px;
  border-right: 1px solid #7d7c8c;
  padding: 0 18px 0 8px;
  cursor: pointer;
  color: #fff;
}

body.forget .jingjibao-forget .pass-process-table .md-coutry:after {
  width: 10px;
  height: 17px;
  background: url(../images/sanjiao.png) no-repeat;
  content: ' ';
  display: block;
  position: absolute;
  top: 7px;
  right: 5px;
}

body.forget .jingjibao-forget .pass-process-table .verify {
  width: 170px;
}

body.forget .jingjibao-forget .pass-process-table .verify-button {
  display: inline-block;
  border: 2px solid #515e87;
  width: 190px;
  height: 38px;
  font-weight: 600;
  font-size: 16px;
  border-radius: 100px;
  cursor: pointer;
  background: none;
  color: #515e87;
  line-height: 38px;
  margin-left: 20px;
}

body.forget .jingjibao-forget .pass-process-table .verify-button img {
  width: 15px;
}

body.forget .jingjibao-forget .pass-process-table .tips {
  position: absolute;
  left: 450px;
  top: 25px;
  color: #aa0000;
  font-size: 12px;
  width: 200px;
}

body.forget .jingjibao-forget .pass-process-table .security-question {
  width: 100%;
  background: #222a42;
  height: 38px;
  line-height: 38px;
  text-indent: 10px;
  color: #d9ddf2;
}

body.forget .jingjibao-forget .pass-process-table .message-tips {
  display: none;
}

body.forget .jingjibao-forget .pass-process-table .message-tips td {
  padding: 0px;
  font-size: 14px;
}

body.forget .jingjibao-forget .pass-process-table .message-tips a {
  color: red;
  text-decoration: underline;
}

body.forget .jingjibao-forget .pass-process-table .success-tips {
  text-align: center;
  color: #626887;
  font-size: 16px;
  height: 44px;
  line-height: 44px;
}

body.forget .jingjibao-forget .pass-process-table .success-tips .success-tips-box {
  margin: 30px auto;
  width: 240px;
}

body.forget .jingjibao-forget .pass-process-table .success-tips .success-tips-text {
  display: block;
  float: left;
  margin-left: 20px;
}

body.forget .jingjibao-forget .pass-process-table .success-tips img {
  display: block;
  float: left;
}

body.forget .jingjibao-forget .pass-process-table .success-a-btn {
  cursor: pointer;
  width: 390px;
  border: 0;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #7a93ec;
  border-radius: 999px;
  box-shadow: 0px 0px 2px #7a93ec;
  display: block;
  margin: 150px auto;
}

body.forget .jingjibao-forget .pass-process-table .success-a-btn:hover {
  background: #6279C2;
}

.game_container .game_header .game_header_date div {
  float: left;
  height: 40px;
}

.date_handler_left,
.date_handler_right {
  width: 40px;
  cursor: pointer;
}

.game_container .date_handler_right.none {
  background: #571615;
}

.game_container .date_handler_right {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.date_handler_left i,
.date_handler_right i {
  width: 9px;
  height: 16px;
  vertical-align: middle;
  display: block;
  background: url(../images/icon-es.png) no-repeat;
  margin: 13px auto;
}

.date_handler_left i {
  background-position: -33px -102px;
}

.date_handler_left:hover i {
  background-position: -59px -102px;
}

.date_handler_right i {
  background-position: -44px -102px;
}

.date_handler_right:hover i {
  background-position: -70px -102px;
}

.date_handler_right {
  border-left: 1px solid #363f5a;
  border-right: 1px solid #363f5a;
}

.date_handler_list .date_box {
  cursor: pointer;
  border-left: 1px solid #363f5a;
  margin-left: 1px;
  text-align: center;
  width: 120px;
  position: relative;
}

.date_handler_list .date_box.hasGame:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 12px;
  background: url(../images/game_flag.png) no-repeat center;
  right: 13px;
  top: 13px;
}

.date_handler_list .date_box:hover {
  color: #d9ddf2;
}

.date_handler_list .date_box.selected {
  color: #fff;
  background-color: #2c3654;
  border-top: 3px solid #353e5a;
  border-left: 1px solid #353e5a;
  border-right: 1px solid #353e5a;
  position: relative;
  top: -2px;
  left: 2px;
  height: 40px;
}

.date_handler_list .date_box.selected:hover {
  color: #fff;
}

.date_handler_search {
  margin-left: 20px;
  cursor: pointer;
}

.date_handler_search label {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: block;
}

.date_handler_search i {
  background: url(../images/icon-es.png) -36px -126px no-repeat;
  vertical-align: sub;
  width: 14px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
}

.date_handler_search:hover {
  color: #ccc;
}

.date_handler_search:hover i {
  background-position: -61px -126px;
}

.game_header_icon {
  background-color: #2c3654;
  border-top: 1px solid #353e5a;
}

.game_header_icon ul {
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* .game_header_icon ul:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #212121;
  position: absolute;
  left: 0;
  bottom: 0;
} */

.game_header_icon li {
  height: 56px;
  float: left;
  line-height: 56px;
  position: relative;
}

.game_header_icon li a {
  display: inline-block;
  text-align: center;
  padding: 0 30px;
  color: #8a8ea9;
}

.game_header_icon li a i {
  font-style: normal;
  min-width: 20px;
  display: inline-block;
  text-align: center;
}

/* .game_header_icon ul .current:after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #83a0ff;
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: 9;
  box-shadow: 0 0 12px rgba(131, 160, 255, .7)
} */

.game_header_icon li span {
  background: url(../images/game_type_icons.png) no-repeat;
  display: inline-block;
  width: 26px;
  height: 24px;
  vertical-align: middle;
  margin-top: -2px;
}

.game_header_icon .all span {
  width: 127px;
  background-position: 10px 0;
}

.game_header_icon .dota2 span {
  width: 90px;
  background-position: 0 -23px;
}

.game_header_icon .lol span {
  width: 67px;
  height: 22px;
  background-position: 0 -44px;
}

.game_header_icon .csgo span {
  width: 77px;
  background-position: 0 -66px;
}

.game_header_icon .sport span {
  width: 90px;
  background-position: 0 -90px;
}

.game_header_icon .else span {
  width: 83px;
  background-position: 0 -113px;
}

.game_header_icon .all:hover span {
  background-position: 10px -139px;
}

.game_header_icon .dota2:hover span {
  background-position: 0 -162px;
}

.game_header_icon .lol:hover span {
  background-position: 0 -183px;
}

.game_header_icon .csgo:hover span {
  background-position: 0 -205px;
}

.game_header_icon .sport:hover span {
  background-position: 0 -229px;
}

.game_header_icon .else:hover span {
  background-position: 0 -252px;
}

.game_header .status {
  background-color: #2c3654;
  border-top: 1px solid #353e5a;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}

.game_header .status .fl a {
  padding: 0 30px;
  color: #8a8ea9;
}

.game_header .status .fl a:hover {
  color: #c8cce5;
}

.game_header .status .current a {
  color: #fff;
}

.game_header .status .current a:hover {
  color: #fff;
}

.game_header .status .fl span {
  padding: 0 10px;
}

.game_header .status .fr {
  margin-top: 0px;
}

.game_header .status .fr span {
  border: 2px solid #626887;
  border-radius: 15px;
  height: 22px;
  line-height: 25px;
  width: 90px;
  background: #2c3654;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  color: #626887;
  cursor: pointer;
}

.game_header ul.status li.reflush span b {
  font-style: normal;
  font-weight: normal;
  width: 50px;
  display: inline-block;
}

.game_header ul.status li.reflush span i {
  display: inline-block;
  background: url(../images/icon-es.png) no-repeat -33px -50px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -2px
}

.game_header ul.status li.reflush span.btn2 i {
  background-position: -58px -50px;
}

.game_header ul.status li.reflush span.loading i {
  transform: rotate( -360deg);
  -webkit-transform: rotate( -360deg);
  -ms-transform: rotate( -360deg);
  -o-transform: rotate( -360deg);
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.game_header ul.status li.reflush span.btn2 {
  display: none;
  background: #515e87;
  border: 2px solid #515e87;
  color: #d9ddf2;
}

.game_header ul.status li.reflush:hover span.btn1 {
  display: none;
}

.game_header ul.status li.reflush:hover span.btn2 {
  display: inline-block;
}

.game_header ul.status li.reflush:hover span.loading i {
  transform: rotate( -360deg);
  -webkit-transform: rotate( -360deg);
  -ms-transform: rotate( -360deg);
  -o-transform: rotate( -360deg);
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.container_aside {
  margin-left: 0;
}

.game_right {
  margin-left: 15px;
  width: 960px;
}

.container_aside .con_box.gamelist .select_con li {
  width: 19.8%;
  font-size: 10px;
}

.container_aside .con_box.gamelist .select_con li.current {
  font-size: 12px;
}

.container_aside .con_box.gamelist .list p {
  border-left: 1px solid transparent;
}

.container_aside .con_box.gamelist .list p.live {
  background: url(../images/icon-es.png) no-repeat -208px -668px;
}

.container_aside .con_box.gamelist .list p.continue {
  background: url(../images/icon-es.png) no-repeat -479px -668px;
}

.container_aside .con_box.gamelist .list p:hover .unmatch {
  color: #7b95e9;
}

.game_list_box .game_item .game_top {
  position: relative;
  background-color: rgba(0, 38, 114, 1);
  border-top: 1px solid transparent;
}
.game_list_box .game_item.normal .game_top::before{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top:-1px;
    left: 0;
    background: -webkit-linear-gradient(left,#7a93ec,#1771de); 
    background: -o-linear-gradient(right, #7a93ec,#1771de); 
    background: -moz-linear-gradient(right,#7a93ec,#1771de);
    background: linear-gradient(to right, #7a93ec,#1771de); 
}

.game_list_box .game_item.continue-live .game_top {
  border-top: 1px solid #dcbd72;
}

.game_list_box .game_item.live_status .game_top {
  border-top: 1px solid #fc3665;
  background-color: rgba(245, 22, 70, 0.3);
}

.game_list_box .game_item .game_top h4 .live_gunqiu {
  padding: 2px;
  border: 1px solid #dcbd72;
  color: #dcbd72;
  border-radius: 5px;
}

.game_list_box .game_item .game_item_hd {
  position: relative;
}

.game_list_box .game_item .game_item_hd p {
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  left: 0;
}

.game_list_box .game_item.live_status .game_top h4 .live_gunqiu {
  padding: 2px;
  border: 1px solid #fc5948;
  color: #fc5948;
  border-radius: 5px;
}

.game_list_box .game_item .game_item_bd div.w3 .win_rate {
  display: inline-block;
  font-size: 12px;
  text-decoration: none;
  margin-top: 5px;
  color: #8a8ea9;
  cursor: help;
  border-bottom: 1px dashed #8a8ea9;
}

.game_list_box .game_item .game_item_bd div.w3 .game-score {
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
  margin-top: 5px;
  color: #8a8ea9;
}

.game_list_box .game_item.live_status .game_item_list {
  background-image: url(../images/red_color_bg.png);
}

.game_list_box .game_item .game_item_info span.t2,
.game_list_box .game_item .game_item_info span.t4 {
  width: 210px;
}

.game_list_box .game_item .game_item_info span.t3 {
  width: 240px;
}

.game_list_box .game_item.live_status .game_item_info div.gii_btm {
  background-color: transparent;
  border-bottom: 1px solid transparent;
}

.game_top .abou_odds {
  position: absolute;
  top: 108px;
  width: 100%;
  text-align: center;
  color: #333333;
}

.game_list_box .game_item.live_status .abou_odds {
  color: #f5ff00;
}

.game_container input.date_picker {
  vertical-align: baseline;
  margin-left: 5px;
  height: 26px;
  width: 100px;
  background: #212121;
  border: 1px solid #333;
  color: #999;
  text-indent: 10px;
  line-height: 26px;
  margin-top: -10px;
  border-radius: 3px;
}

.game_container .game_header.fixed {
  position: fixed;
  z-index: 100;
  top: 0;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, .3);
}

.game_main.iftopfixed {
  margin-top: 126px;
}

.date_handler_search {
  position: relative;
}

#date_select {
  width: 100%;
  position: absolute;
  left: -5px;
  top: 16px;
  visibility: hidden;
}

.game_list_box .game_item .game_item_info>p:last-child {
  padding-left: 5px;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    /*初始状态 透明度为0*/
  }
  /*50% {  opacity: 0.5; /*中间状态 透明度为0 }*/
  100% {
    opacity: 1;
    /*结尾状态 透明度为1*/
  }
}

/*战队比赛历史数据*/

.team_history_box {
  position: absolute;
  width: 700px;
  max-height: 452px;
  background-color: #2c3654;
  z-index: 10;
  display: none;
  border: 1px solid #3d4868;
  box-shadow: 0 5px 30px rgba(0, 0, 0, .3);
}

.team_history_box:before {
  display: block;
  content: "◆";
  position: absolute;
  top: -36px;
  font-size: 50px;
  color: #2c3654;
  left: 336px;
}

.team_history_box .team_history_title {
  color: #b3b7cc;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
  text-align: center;
  margin: 0 20px;
  width: 660px;
  border-bottom: 1px solid #3d4868;
}

.team_history_box .team_history_content {
  width: 660px;
  padding: 0 20px 20px;
}

.team_history_box img.loadding {
  display: none;
  width: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.team_history_box .team_history_content .content_top {
  width: 660px;
  height: 70px;
  line-height: 70px;
}

.team_history_box .team_history_content .content_top .team_info {
  float: left;
}

.team_history_box .team_history_content .content_top .team_info div {
  float: left;
}

.team_history_box .team_history_content .content_top .team_info .team_icon {
  width: 50px;
  height: 30px;
  background-size: 50px 30px;
  margin-top: 20px;
}

.team_history_box .team_history_content .content_top .team_info .team_name {
  font-size: 18px;
  color: #ccc;
  margin-left: 20px;
}

.team_history_box .team_history_content .content_top .page {
  float: right;
  width: 60px;
  border: none;
}

.team_history_box .team_history_content .content_top .page ul {
  padding: 0;
  margin-top: 25px;
}

.team_history_box .team_history_content .content_top .page ul li {
  width: 20px;
  height: 20px;
  color: #ccc;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  border: none;
}

.team_history_box .team_history_content .content_top .page ul li.active {
  background-color: #1b1b1b;
  color: #626788;
}

.team_history_box .team_history_content .team_history_row {
  width: 660px;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #3d4868;
  color: #626788;
  font-size: 12px;
}

.team_history_box .team_history_content .team_history_row.even {
  background-color: #272b40;
}

.team_history_box .team_history_content .team_history_row div {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team_history_box .team_history_content .team_history_row .win_or_lose {
  width: 50px;
  text-align: center;
}

.team_history_box .team_history_content .team_history_row .win_or_lose.win {
  color: #d80000;
}

.team_history_box .team_history_content .team_history_row .team {
  width: 140px;
  color: #8c8fa0;
}

.team_history_box .team_history_content .team_history_row .team.winer {
  color: #c8cce5;
}

.team_history_box .team_history_content .team_history_row .team_1 {
  text-align: right;
}

.team_history_box .team_history_content .team_history_row .team_2 {
  text-align: left;
}

.team_history_box .team_history_content .team_history_row .vs {
  width: 30px;
  text-align: center;
}

.team_history_box .team_history_content .team_history_row .event_name {
  width: 200px;
  text-align: right;
}

.team_history_box .team_history_content .team_history_row .date {
  width: 100px;
  text-align: center;
}

/*新手引导 2017-7-12*/

.newplayercontainer1 .newplayer.right .content div.p div {
  width: 920px;
  margin: 0 auto !important;
  padding-bottom: 5px;
  line-height: 20px;
  font-size: 14px;
}

.newplayercontainer1 .newplayer.right .content div.p h3 {
  width: 920px;
  margin: 0 auto;
  margin-bottom: 8px;
}

.newplayercontainer1 .newplayer.right .content div.p div>img {
  max-width: 100%;
}

/*我的背包*/

.wrapper.package .msg-box .nav {
  float: left;
}

.wrapper.package .msg-box .nav .nav-left {
  width: 122px;
  height: 440px;
  border-right: 1px solid #272b40;
  background-color: #1b2140;
}

.wrapper.package .msg-box .nav .nav-left a {
  display: block;
  height: 82px;
  width: 100%;
  border-bottom: 1px solid #272b40;
  /* border-top: 1px solid #363636; */
  text-align: center;
  padding: 14px 0;
  box-sizing: border-box;
  color:#8a8ea9;
}

.wrapper.package .msg-box .nav .nav-left a.active {
  color: #d9ddf2;
  background: url(../images/light_bg.png) no-repeat center 30px;
  background-size: contain;
}

.wrapper.package .msg-box .nav .nav-left .jq-change-package {
  border-top: none;
}

.wrapper.package .msg-box .nav .nav-left a i {
  display: inline-block;
  width: 24px;
  height: 20px;
  margin-bottom: 10px;
  background: url(../images/bag_icon.png) no-repeat;
}

.wrapper.package .msg-box .nav .nav-left .jq-change-package i {
  background-position: 2px 0;
}

.wrapper.package .msg-box .nav .nav-left .jq-show-steam-stock i {
  background-position: -34px 0;
}

.wrapper.package .msg-box .nav .nav-left .jq-trade-url-setting i {
  background-position: -67px 0;
}

.wrapper.package .msg-box .nav .nav-left .jq-change-package.active i {
  background-position: 2px -34px;
}

.wrapper.package .msg-box .nav .nav-left .jq-show-steam-stock.active i {
  background-position: -32px -31px;
}

.wrapper.package .msg-box .nav .nav-left .jq-trade-url-setting.active i {
  background-position: -67px -31px;
}

.wrapper.package .msg-box .msg-box-right {
  float: left;
  width: 696px;
}

.wrapper.package .item-content {
  width: 100%;
  box-sizing: border-box;
  /* border-top: 1px solid #272b40; */
  padding-top: 5px;
}

.wrapper.package .msg-box .tb-title {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #272b40;
}

.wrapper.package .msg-box .tb-title .game-switch-line {
  float: left;
  margin-left: 18px;
}

.wrapper.package .msg-box .tb-title .game-switch-line>div {
  float: left;
  width: 126px;
  text-align: center;
  color: #8a8ea9;
  cursor: pointer;
  box-sizing: border-box;
}

.wrapper.package .msg-box .tb-title .game-switch-line>div.active {
  color: #d9ddf2;
  position: relative;
  border-top: 2px solid #272b40;
  border-left: 1px solid #272b40;
  border-right: 1px solid #272b40;
  background-color: #191c29;
  top: 0px;
  height: 41px;
  line-height: 41px;
}

.wrapper.package .msg-box .tb-title .otherOpt {
  float: right;
}

.wrapper.package .msg-box .tb-title .otherOpt a {
  display: inline-block;
  width: 106px;
  border-radius: 26px;
  height: 26px;
  text-align: center;
  line-height: 27px;
  border: 2px solid #8a8ea9;
  color: #8a8ea9;
}

.wrapper.package .msg-box .tb-title .otherOpt a:hover {
  border: 2px solid #8a8ea9;
  background-color: #8a8ea9;
  color: #fff;
}

.wrapper.package .msg-box .tb-title .otherOpt .jq-show-robot {
  margin-left: 10px;
}

.wrapper.package .msg-box .tb-title .otherOpt .steam-check-all {
  color: #999;
  cursor: pointer;
  margin-right: 10px;
}

.wrapper.package .item-content .jq-package-content:after {
  content: "";
  width: 0;
  display: block;
  clear: both;
}

.itemQuotation {
  
  max-height: 50px;
  line-height: 46px;
  box-sizing: border-box;
 /*  padding: 3px 5px; */
  overflow: hidden;
  /* border-bottom: 1px solid #000; */
  color:#8a8ea9;
}

.itemQuotation>div {
  /* border-bottom: 1px solid #000;
  border-top: 1px solid #666; */
  margin-bottom: 1px;
  background-color: rgba(0,0,0,0.3); 
  padding: 3px 5px;
}
.itemQuotation .jq-trade-box{
    line-height: 40px;
}

.itemQuotation>div:first-child {
  border-top: none;
}

.itemQuotation>div:last-child {
  border-bottom: none;
}

.item-quotation-multi {
  height: 20px;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: #8a8ea9;
  
  background-color: rgba(0,0,0,0.3);
  /* border-top: 1px solid #191c29; */
  margin-bottom: 6px;
  cursor: pointer;
}
.item-quotation-multi span{
    position: relative
}
.item-quotation-multi span:after {
  display: block;
  content: " ";
  background: url(../images/package_more.png) no-repeat center;
  width: 14px;
  height: 10px;
  top: 1px;
  right: -18px;
  position: absolute;
}

.itemQuotation>div>div,
.toHandle {
  float: left;
  height: 40px;
  text-align: center;
  box-sizing: border-box;
}

.itemQuotation .loading-image {
  width: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.itemQuotation .headImg {
  width: 40px;
  height: 40px;
}

.itemQuotation .headImg img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.itemQuotation .userName {
  width: 20%;
  padding: 0 8px;
  color: #c8cce5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.itemQuotation .safeCode {
  color: #1771de;
  width: 20%;
}

.itemQuotation .quotationTips {
  width: 40%;
}

.itemQuotation .toHandle {
  display: inline-block;
  width: 13%;
  line-height: 40px;
}

.itemQuotation .toHandle span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  background-color: #7a93ec;
  color: #fff;
  width: 100%;
}
.itemQuotation .toHandle span:hover{
    background-color: #6b85d6;
}

.wrapper.package .msg-box.bagLeft {
  background-color: #191c29;
}

/*背包滚动条*/

.wrapper.package .item-content::-webkit-scrollbar {
  background-color: #1c1f2e;
  width: 12px;
}

.wrapper.package .item-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  border-radius: 10px;
  background-color: #1c1f2e;
}

.wrapper.package .item-content::-webkit-scrollbar-thumb {
  height: 20px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #273356;
}

/*进度条*/

.user_wrap .user_info .score .status {
  /*   background-color: #fc3030;
    background-image: repeating-linear-gradient(-45deg, #fc3030, #fc3030 8px, #fc5f42 8px, #fc5f42 15px);
    background-size: 600px 100%;
    animation: barberpole 15s linear infinite;
    transition: width 1.5s ease-in-out; */
  position: absolute;
  border-radius: 3px;
  display: inline-block;
  height: 100%;
  width: 0%;
}

.user_wrap .user_info .score .status span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/user_lever_process_bg.png) no-repeat center;
  position: absolute;
  right: -5px;
  top: -3px;
}

@keyframes barberpole {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 600px 0%;
  }
}

/*明灯榜固定*/

.gameTopListFixed {
  position: fixed;
  top: 134px;
}

.footer.game .ftnav {
  display: none;
}

.footer.game .ftTop {
  padding: 15px 25px;
  height: 98px;
}

.footer.game .ft-a-group {
  padding: 15px 0;
}

/*改版提示框样式*/

/* .tips-dialog{
    padding:0;
    background: url(../images/windows_tips_bg.png) no-repeat center;
    background-size: 100% 100%;
    background-color: #252e31;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 0 30px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.6);
}
.tips-dialog .tipTxtWrapper i{
    width: 71px;
    height: 58px
}
.tips-dialog .tipTxtWrapper i.error{
    position: relative;
    left: 6px;
    background:url(../images/tips_error_bg.png) no-repeat center;
}
.tips-dialog .tipTxtWrapper i.success{
    background:url(../images/tips_sucess_bg.png) no-repeat center;
}
.tips-dialog .tipsTitle{
    text-align: left;
    color:#ccc;
    line-height: 30px;
    background-color: #2c383c;
    padding: 6px 0;
}
.tips-dialog .tipsTitle i{
    margin:0;
    display: inline-block;
    width: 4px;
    background-color: #c71c1c;
    height: 18px;
    margin-right:6px;
    vertical-align: middle;
}
.tips-dialog .tipsTitle .tipsClose{
    background: url(../images/dialog_close.png) center no-repeat;
    display: inline-block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    float: right;
    margin-right: 8px;
}
.tips-dialog  .tipTxtWrapper{
    text-align: center;
    padding: 16px 110px;
    // border-bottom:1px solid #282828; 
}
.tips-dialog  .tipTxtWrapper a{
    color:#c71c1c;
    text-decoration: underline;
}
.tips-dialog   .tipsConfirmBtn{
    // border-top:1px solid #3e3e3e; 
    text-align: center;
}
.tips-dialog   .tipsConfirmBtn span{
    cursor: pointer;
    display:inline-block;
    border:2px solid #4d4d4d;
    border-radius: 30px;
    color:#999;
    height:28px;
    line-height: 28px;
    width: 122px;
    margin: 10px 0;
}
.tips-dialog   .tipsConfirmBtn span:hover{
    color:#fff;
    background-color:#c71c1c;
    border:2px solid #c71c1c;
} */

/*任务中心*/

.wrapper.task {
  background: #272b40;
  margin: 0;
  width: 100%;
  font-size: 12px;
  color: #6a6f8d;
}

.wrapper.task .user-msg-log {
  background: #212536;
  overflow: hidden;
  padding-bottom: 10px;
}

.wrapper.task .ctn-left {
  float: left;
  width: 832px;
}

.wrapper.task .ctn-right {
  float: left;
  width: 398px;
}

.wrapper.task .tips {
  margin: 10px 0 0 15px;
  line-height: 30px;
  height: 30px;
  color: #6a6f8d;
}

.wrapper.task .ctn-left .title {
  font-size: 14px;
  color: #d9ddf2;
  padding-top: 40px;
  padding-left: 15px;
}

.wrapper.task .ctn-right .title {
  margin-top: 40px;
  margin-left: 15px;
  font-size: 14px;
  color: #d9ddf2;
}

.wrapper.task .msg-box {
  margin-top: 15px;
  margin-left: 10px;
  border: 1px solid #0e0e0e;
  background: #191c29;
  min-height: 440px;
  position: relative;
}

.wrapper.task .msg-box .tb-title {
  height: 55px;
  line-height: 55px;
  font-size: 0px;
  color: #6a6f8d;
  text-align: center;
}

.wrapper.task .msg-box .tb-title span {
  font-size: 14px;
  display: inline-block;
  height: 40px;
  vertical-align: top;
  box-sizing: border-box;
}

.wrapper.task .msg-box .tb-row {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #272b40;
  font-size: 0px;
}

.wrapper.task .msg-box .tb-row span {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  height: 40px;
  text-align: center;
  color: #d9ddf2;
  box-sizing: border-box;
}

.wrapper.task .msg-box .tb .t1 {
  width: 210px;
  text-align: left;
  padding-left: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrapper.task .msg-box .tb .t2 {
  width: 165px;
}

.wrapper.task .msg-box .tb .t3 {
  width: 140px;
}

.wrapper.task .msg-box .tb .t4 {
  width: 140px;
}

.wrapper.task .msg-box .tb .t5 {
  width: 165px;
}

.wrapper.task .msg-box .tb .t6 {
  width: 118px;
}

.wrapper.task .msg-box .tb .t7 {
  width: 98px;
}

.wrapper.task .msg-box .tb .t8 {
  width: 168px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrapper.task .msg-box .tb .t5 i {
  display: inline-block;
  font-style: normal;
  width: 140px;
  height: 26px;
  line-height: 26px;
  border-radius: 30px;
  font-size: 14px;
  cursor: pointer;
}

.wrapper.task .msg-box i.task-tips {
  display: inline-block;
  margin-left: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  font-style: normal;
  line-height: 14px;
  text-align: center;
  border: 1px solid #444;
  color: #666;
  cursor: help;
}

.task .undone {
  border: 2px solid #626887;
}

.task .undone a {
  color: #626887 !important;
}

.task .receiveAward {
  background-color: #83a0ff;
  border: 2px solid #83a0ff;
  color: #d9ddf2 !important;
}

.task .received {
  color: #d9ddf2;
  border: 2px solid #515e87;
  background-color: #515e87;
  cursor: default;
}

.task .undone a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.task .undone:hover a {
  color: #d9ddf2 !important;
}

.task .undone:hover {
  border: 2px solid #83a0ff;
  background-color: #83a0ff;
}

.task .receiveAward:hover {
  border: 2px solid #687ec5;
  background-color: #687ec5;
}

.task .msg-box.newestTask .tb-row:hover {
  background-color: #38416e;
}

/*任务中心侧边栏*/

.task-center-aside {
  position: fixed;
  right: -354px;
  top: 360px;
  z-index: 11;
}

.task-center-aside .task-aside-left {
  width: 42px;
  margin-right: 1px;
  text-align: center;
  color: #d9ddf2;
  cursor: pointer;
}

.task-center-aside .task-aside-right>div {
  border: 1px solid #333f64;
  background-color: #2c3654;
}

.task-center-aside .task-aside-left>div {
  border: 1px solid #334c9f;
  background-color: #334c9f;
  border-top-color: #556dbe;
}

.task-center-aside .task-aside-right .aside-top {
  border-bottom: 1px solid #1b243f;
  text-align: center;
}

.task-center-aside .task-aside-left .aside-top {
  border-bottom: 1px solid #1e347d;
  text-align: center;
}

.task-center-aside .task-aside-left .task-count span {
  display: inline-block;
  width: 17px;
  height: 17px;
  color: #000;
  border-radius: 50%;
  line-height: 17px;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
}

.task-center-aside .task-aside-left .task-count span.allUndone {
  color: #fff;
  background-color: transparent;
}

.task-center-aside .task-aside-left .my-task {
  padding: 20px 0 15px;
}

.task-center-aside .task-aside-left .my-task p {
  margin: 5px auto;
  width: 30px;
  font-size: 16px;
  line-height: 18px;
}

.aside-top i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 16px 0 13px;
}

.aside-top i.left {
  background: url(../images/task_icons.png) -20px -18px no-repeat;
}

.aside-top i.right {
  background: url(../images/task_icons.png) -40px -18px no-repeat;
}

.task-center-aside .task-aside-left:hover {
  color: #fff;
}

.task-center-aside .task-aside-left:hover .aside-top,
.task-center-aside .task-aside-left:hover .my-task {
  background-color: #243b83;
  border: 1px solid #243b83;
}

.task-center-aside .task-aside-left:hover .aside-top {
  border-bottom: 1px solid #0d2167;
}

.task-center-aside .task-aside-right .aside-top .fl {
  width: 42px;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid #1b243f;
}

.task-center-aside .task-aside-right .aside-top .fl:hover i {
  background-position: -40px -18px;
}

.task-center-aside .task-aside-right .aside-top .fr {
  line-height: 44px;
  font-size: 16px;
  width: 288px;
  margin-top: 0;
  border-left: 1px solid #333f64;
}

.my-task .my-task-icon span {
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url(../images/task_icons.png) -18px -46px no-repeat;
}

.task-aside-right {
  color: #d9ddf2;
}

.task-aside-right .task-box {
  padding: 12px 10px 12px 0;
  border-top: 1px solid #3a4872;
  border-bottom: 1px solid #1b243f;
}

.task-aside-right .task-box:first-child {
  border-top: none;
}

.task-aside-right .task-box:last-child {
  border-bottom: none;
}

.task-box .task-title {
  margin-bottom: 10px;
}

.task-box .task-title>div {
  background-color: #334c9e;
  border: 1px solid #3a56b3;
  position: relative;
  width: 90px;
  height: 22px;
  line-height: 22px;
  color: #d9ddf2;
  text-align: center;
  font-size: 14px;
}

.task-box .task-title>div span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.task-box .task-title>div span.active-task {
  background: url(../images/task_icons.png) -16px -73px no-repeat;
}

.task-box .task-title>div span.day-task {
  background: url(../images/task_icons.png) -16px -100px no-repeat;
}

.task-box .task-title>div span.new-task {
  background: url(../images/task_icons.png) -16px -126px no-repeat;
}

.task-box .task-title>div i {
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 20px;
  top: 1px;
  right: -10px;
  background: url(../images/task_icons.png) -20px -191px no-repeat;
}

.task-box .task-content .fr {
  margin-right: 6px;
}

.task-box .task-content .task-text {
  width: 260px;
  margin-left: 10px;
  color: #d9ddf2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 20px;
}

.task-box .task-content .task-detail {
  margin-bottom: 6px;
}

.task-box .task-content .task-experience {
  margin-top: 18px;
  margin-left: 10px;
  color: #626887;
}

.task-box .task-content .task-experience span {
  color: #7b95e9;
  padding: 0 3px;
}

.task-box .task-count-btn .task-btn span {
  display: inline-block;
  width: 140px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 14px;
  border-radius: 30px;
  cursor: pointer;
}

.task-center-aside .task-aside-right .task-right-bottom {
  text-align: center;
  padding-left: 20px;
  border-top: 1px solid #1b243f;
}

.task-right-bottom a {
  display: inline-block;
  color: #7b95e9;
  line-height: 44px;
  font-size: 12px;
  position: relative;
}

.task-right-bottom a i {
  display: none;
  width: 100%;
  height: 1px;
  background-color: #7b95e9;
  position: absolute;
  bottom: 14px;
  left: 0;
}

.task-right-bottom a:hover i {
  display: inline-block;
}

.task-aside-right .finish-all {
  background: url(../images/finishtask_bg.png) no-repeat center;
  background-size: contain;
  background-color: #373737;
  text-align: center;
  padding: 36px 0;
  font-size: 28px;
  color: #f4d217;
  font-weight: bold;
}

.task-aside-right .finish-all p {
  font-size: 20px;
}

.game_list_box .game_item .game_top h4 p span {
  cursor: default;
}

/*收藏*/

.game_container .game_header .game_header_date .gameFavortie {
  float: right;
  width: 120px;
  text-align: center;
  cursor: pointer;
  border-left: 1px solid #363f5a;
  /* border-right: 1px solid #28314d; */
}

.game_container .game_header .game_header_date .gameFavortie.selected {
  color: #fff;
  background-color: #2c3654;
  border-top: 3px solid #353e5a;
  border-left: 1px solid #353e5a;
  /* border-right: 1px solid #2c3654; */
  position: relative;
  top: -2px;
  left: 0px;
}

.game_header_date .gameFavortie:hover {
  color: #ccc;
}

.game_header_date .gameFavortie i {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
  background: url(../images/icon-es.png) no-repeat -57px -328px;
}

.game_header_date .gameFavortie:hover i,
.game_container .game_header .game_header_date .gameFavortie.selected i {
  background-position: -32px -328px;
}

.game_list_box .game_item .game_item_hd .game_item_favorite {
  position: absolute;
  right: 125px;
  top: 11px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  z-index: 3;
  background: url(../images/icon-es.png) no-repeat -57px -328px;
  ;
}

.game_list_box .game_item .game_item_hd .game_item_favorite.actived {
  background-position: -32px -328px;
}

#niuDialogLoading {
  width: 36px;
  height: 36px;
  background: url(../images/loader.gif) no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-18px) translateY(-18px);
  -moz-transform: translateX(-18px) translateY(-18px);
  -ms-transform: translateX(-18px) translateY(-18px);
  -webkit-transform: translateX(-18px) translateY(-18px);
}

/*抽奖火箭大奖动画*/

#bigPrizeTips {
  display: none;
  width: 100%;
  position: fixed;
  top: 30px;
  left: 0;
  color: #333;
  height: 80px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.2);
  z-index: 999;
}

#bigPrizeTips p {
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 43px;
  background: url(../images/tipstxt_bg.png) no-repeat left center;
  background-size: 100% 28px;
  height: 64px;
}

#bigPrizeTips p span {
  color: #d40e1a;
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
}

#bigPrizeTips div {
  margin-top: 8px;
  height: 64px;
  min-width: 412px;
  line-height: 64px;
  padding-left: 132px;
  position: absolute;
  left: 2000px;
  background: url(../images/tips_bg1.png) no-repeat left center;
  background-size: 134px 64px;
}

#bigPrizeTips div i {
  width: 25px;
  height: 25px;
  top: 18px;
  right: -30px;
  background: url(../images/closeicon.png) no-repeat center;
  cursor: pointer;
}

#bigPrizeTips div em {
  width: 50px;
  height: 50px;
  top: 7px;
  left: 121px;
  background: url(../images/arrow_tail.gif) no-repeat center;
}

#bigPrizeTips div i,
#bigPrizeTips div em {
  position: absolute;
  display: inline-block;
  background-size: contain;
}

/*红包弹窗*/

.birthEnvelopesSide {
  width: 62px;
  height: 153px;
  position: fixed;
  right: 0;
  top: 200px;
  background: url(../images/birthside_bg.png) no-repeat center;
  z-index: 11;
  cursor: pointer;
}

.birthEnvelopesMask {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .8);
  z-index: 100;
}

html.dialogOpen {
  overflow: hidden;
}

figure {
  margin: 0;
}

.birthEnvelopesWrapper {
  width: 840px;
  height: 650px;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.birthEnvelopesWrapper .birthContent {
  width: 393px;
  height: 445px;
  background: url(../images/hb_bg.png) no-repeat top right;
  position: relative;
  margin: 150px auto 0;
}

.birthEnvelopesWrapper .birthContent .top {
  position: relative;
  margin: 0 auto;
}

.birthContent .top .birthCardBox {
  width: 235px;
  height: 110px;
  position: absolute;
  top: 47px;
  left: 0;
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.birthCardBox figure {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.birthCardBox .front {
  background: url(../images/close_top.png) no-repeat center;
  top: -15px;
}

.birthCardBox .back {
  background: url(../images/open_top.png) no-repeat center bottom;
  -webkit-transform: rotateX( 180deg);
  -moz-transform: rotateX( 180deg);
  -o-transform: rotateX( 180deg);
  transform: rotateX( 180deg);
}

.birthCardBox.flipped {
  -webkit-transform: rotateX( 180deg);
  -moz-transform: rotateX( 180deg);
  -o-transform: rotateX( 180deg);
  transform: rotateX( 180deg);
}

.birthCardBox {
  transform-origin: top center;
  -moz-transform-origin: top center;
  -webkit-transform-origin: top center;
}

.birthContent>div {
  width: 235px;
}

.birthPrizeItem {
  position: absolute;
  height: 100px;
  width: 100%;
  left: 0;
  top: -9px;
}

.birthPrizeItem.vb {
  background: url(../images/item_bg.png) no-repeat center;
}

.birthPrizeItem.cash {
  background: url(../images/cash_bg.png) no-repeat center;
}

.birthContent .bottom {
  position: absolute;
  top: 90px;
  left: 79px;
  height: 280px;
}

.birthContent .bottom .beforeOpen {
  width: 111px;
  height: 236px;
  background: url(../images/close_txt.png) no-repeat center;
  margin-top: 46px;
  margin-left: 10px;
}

.birthContent .bottom .afterOpen {
  display: none;
  text-align: center;
  width: 100%;
  color: #e4cd4b;
  font-size: 16px;
}

.afterOpen .birthPrizeName {
  height: 170px;
}

.birthContent .bottom .birthPrizeName.vb b {
  position: relative;
}

.birthContent .bottom .birthPrizeName.vb b i {
  position: absolute;
  right: -21px;
  bottom: 10px;
  font-style: normal;
  font-size: 16px;
  font-weight: normal;
}

.birthContent .bottom .birthPrizeName.cash {
  display: none;
  font-size: 32px;
}

.birthContent .bottom .afterOpen b {
  font-size: 58px;
  font-weight: bold;
}

.afterOpen .birthTxt {
  line-height: 22px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 20px;
}

.afterOpen .birthTxt h3 {
  font-size: 28px;
  margin-bottom: 12px;
}

.birthContent .openBtn {
  width: 94px;
  height: 94px;
  margin: 0 auto;
  background: url(../images/open_btn.png) no-repeat center;
  cursor: pointer;
  position: absolute;
  bottom: 12px;
  left: 156px;
}

.top .light {
  position: absolute;
  width: 840px;
  height: 650px;
  left: -306px;
  top: -290px;
  background: url(../images/openlight.png) no-repeat center;
}

.top .itemMask {
  display: none;
  position: absolute;
  width: 393px;
  height: 445px;
  left: -79px;
  top: 0px;
  background: url(../images/itemmask_bg.png) no-repeat center;
}

.birthPrizeItems {
  position: absolute;
  width: 235px;
  height: 100px;
  z-index: 3;
  top: 136px;
  left: 301px;
}

.birthPrizeItems>div {
  position: absolute;
  top: 30px;
  left: 82px;
  display: none;
  opacity: 0;
}

.birthPrizeItems.vb div:nth-child(odd) {
  background: url(../images/v_item.png) no-repeat center;
  background-size: contain;
}

.birthPrizeItems.vb div:nth-child(even) {
  background: url(../images/v_item1.png) no-repeat center;
  background-size: contain;
}

.birthPrizeItems.vb>div {
  width: 50px;
  height: 50px;
}

.birthPrizeItems.cash>div {
  width: 52px;
  height: 35px;
  background: url(../images/cash_item.png) no-repeat center;
}

.birthTxt p a {
  color: #ccc;
  position: relative;
}

.birthTxt p a:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

.birthMaskCloseBtn {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  border: 2px solid #999;
  background: url(../images/icon-base.png) no-repeat -5px -276px;
  cursor: pointer;
}

.birthMaskCloseBtn:hover {
  background-position: -32px -276px;
  border: 2px solid #ccc;
}

.animation-hide {
  display: none;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}

@-moz-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}

.zoomIn {
  animation: zoomIn 0.6s both;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateX(0)
  }
}

@-moz-keyframes slideInUp {
  from {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateX(0)
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    visibility: visible
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.slideInUp {
  animation: slideInUp 0.6s both;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateX(0)
  }
}

@-moz-keyframes slideInDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateX(0)
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.slideInDown {
  animation: slideInDown 0.6s both;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOut {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg);
    opacity: 0;
  }
}

.rotateOut {
  animation: rotateOut 0.6s both;
}

/*联系方式 更新 2017-10-27*/

.newplayercontainer.novice .new_player li .content .contactWrapper {
  padding-top: 60px;
  text-align: center;
}

.newplayercontainer.novice .new_player li .content .contactWrapper span {
  padding: 0;
  line-height: normal;
  height: auto;
}

.newplayercontainer.novice .new_player li .content .contactWrapper>span {
  width: 490px;
  height: 300px;
  box-sizing: border-box;
  padding: 18px 25px;
  background-color: #24376f;
  border-radius: 10px;
  text-align: left;
}

.newplayercontainer.novice .new_player li .content .contactWrapper>span img {
  width: auto;
}

.newplayercontainer.novice .new_player li .content .contactWrapper>span.csContent {
  margin-right: 20px;
}

.newplayercontainer .new_player li.l4 .content .contactWrapper {
  margin: 0;
  height: auto;
}

.newplayercontainer.novice .new_player li .content .contactWrapper>span .contactTxt {
  height: 60px;
  width: 100%;
  text-align: left;
}

.newplayercontainer.novice .new_player li .content .contactWrapper>span .kfContactTxt {
  margin-top: 50px;
}

.newplayercontainer.novice .new_player li .content .contactWrapper>span .contactTxt span {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  vertical-align: middle;
  line-height: 20px;
}

.newplayercontainer.novice .new_player li .content .contactWrapper>span .contactTxt i {
  color: #626887;
  font-size: 14px;
  margin-left: 20px;
  font-style: normal;
  padding-left: 70px;
  display: inline-block;
  margin-top: 5px;
}

.newplayercontainer.novice .new_player li .content .contactWrapper>span .contactTxt a {
  color: #fff;
  font-size: 18px;
  vertical-align: middle;
  line-height: 20px;
}

.newplayercontainer.novice .new_player li .content .contactWrapper>span .swContactTxt {
  margin-top: 110px;
}

.newplayercontainer.novice .new_player li .content .contactWrapper>span .contactTxt a:hover {
  color: #c71c1c;
  text-decoration: underline;
}

.newplayercontainer.novice .new_player li .content .contactWrapper>span .contactTxt .textRight {
  margin-left: 16px;
}

i {
  font-style: normal;
}

/*绑定手机号 区号选择*/

#dui-dialog-setphone.dui-dialog {
  position: absolute;
  width: 230px;
  height: 218px;
  margin-left: -129px;
  margin-top: 2px;
}

#dui-dialog-setphone.dui-dialog .dui-dialog-content {
  height: 100%;
}

#dui-dialog-setphone.GlobalPhoneDialog .bd {
  padding: 0 15px;
  height: 100%;
}

.phone .countycode em img {
  width: 10px;
  margin-left: 5px;
  vertical-align: middle;
}

/*头像上传*/

#indicatorContainer {
  position: absolute;
  top: 55px;
  left: 95px;
  width: 112px;
  height: 112px;
  line-height: 120px;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
}

#indicatorContainer img {
  display: none;
  vertical-align: middle;
}

/*饰品二级导航*/

.menubar .navWrapper {
  position: absolute;
  width: 100%;
  z-index: 2;
  box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
  background: #2c3654;
  clear: both;
  *zoom: 1;
  min-width: 1240px;
}

.menu_list .steamItemMarket stong,
.menu_list .entertainment stong {
  position: relative;
}

.menu_list .steamItemMarket b,
.menu_list .entertainment b {
  position: absolute;
  top: 12px;
  right: 16px;
  display: inline-block;
  width: 12px;
  height: 6px;
  vertical-align: middle;
  background: url("../images/menubar_bg.png") no-repeat;
  background-position: -816px -20px;
}

.menu_list .steamItemMarket b.up,
.menu_list .entertainment b.up {
  background-position: -816px -9px;
}

.navContain {
  display: none;
  position: absolute;
  top: -50px;
  width: 100%;
  height: 115px;
  background: url("../images/submenubar_bg.png");
  background-repeat: repeat-x;
}

.navContain>div {
  height: 95px;
  width: 1239px;
  margin: 0 auto;
  border-right: 1px solid #1e1e1e;
  border-left: 1px solid #232634;
}

.navContain a {
  display: inline-block;
  width: 413px;
  line-height: 95px;
  text-align: center;
  box-sizing: border-box;
  border-left: 1px solid #1e1e1e;
  border-right: 1px solid #232634;
  border-bottom: 2px solid transparent;
}

.navContain a span {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
    color:#9497ac;
    font-size: 18px;
  }
.navContain a span i{
    font-size: 14px;
    color:#6c718e;
}

/* .navContain a span {
  background: url("../images/menubar_bg.png") no-repeat; 
}
*/
.steamItemMarketNav a.financingLink span {
  width: 78px;
  background-position: -1px 0px;
}

.steamItemMarketNav a.rollLink span {
  width: 90px;
  background-position: -112px 0px;
}

.steamItemMarketNav a.recLink span {
  width: 143px;
  background-position: -241px 0px;
} 

.navContain a:hover,
.navContain a.current {
  border-bottom: 2px solid #83a0ff;
  /* background: url(../images/rollsta_bg.png) left bottom;
    background-repeat: repeat-x; */
}

.steamItemMarketNav a.financingLink:hover span,
.steamItemMarketNav a.financingLink.current span {
  background-position: -413px 0px;
}

.steamItemMarketNav a.rollLink:hover span,
.steamItemMarketNav a.rollLink.current span {
  background-position: -524px 0px;
}

.steamItemMarketNav a.recLink:hover span,
.steamItemMarketNav a.recLink.current span {
  background-position: -653px 0px;
}

.entertainmentNav a:hover span{
    color:#a8aabc;
}
.entertainmentNav a:hover span i{
    color:#8287a1;
}
/* .entertainmentNav a.agLink span {
  width: 96px;
  background-position: -1px -181px;
}

.entertainmentNav a.pgLink span {
  width: 100px;
  background-position: -134px -181px;
}

.entertainmentNav a.expect span {
  width: 72px;
  background-position: -285px -181px;
}

.entertainmentNav a.kenoLink span {
  width: 131px;
  background-position: -264px -181px;
}

.entertainmentNav a.agLink:hover span,
.entertainmentNav a.agLink.current span {
  background-position: -413px -181px;
}

.entertainmentNav a.pgLink:hover span,
.entertainmentNav a.pgLink.current span {
  background-position: -549px -181px;
}

.entertainmentNav a.kenoLink:hover span,
.entertainmentNav a.kenoLink.current span {
  background-position: -676px -181px;
}

.entertainmentNav a.expect:hover span,
.entertainmentNav a.expect.current span {
  background-position: -697px -181px;
} */

/*银行卡 默认选择*/

b {
  font-weight: normal
}

.user-set-ctn .card-band .bankcard-ctn .bankCardWrapper {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.user-set-ctn .card-band .bankcard-ctn .bankCardWrapper.selected {
  cursor: default;
}

.user-set-ctn .card-band .bankcard-ctn .bankCardWrapper .defaultBankSet {
  position: absolute;
  bottom: 0;
  padding-left: 10px;
  line-height: 26px;
}

.user-set-ctn .card-band .bankcard-ctn .bankCardWrapper .defaultBankSet span {
  display: inline-block;
  color: #fff;
  font-size: 12px;
}

.user-set-ctn .card-band .bankcard-ctn .bankCardWrapper .defaultBankSet span i {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  vertical-align: sub;
  margin-right: 5px;
}

.user-set-ctn .card-band .bankcard-ctn .bankCardWrapper .defaultBankSet .defaultBank i {
  background: url(../images/bankselect.png) no-repeat center;
  background-color: rgba(255, 255, 255, 0.5);
}

.user-set-ctn .card-band .bankcard-ctn .bankCardWrapper.selected .defaultBankSet .defaultBank {
  display: inline-block;
}

.user-set-ctn .card-band .bankcard-ctn .bankCardWrapper.selected .defaultBankSet .setDefault {
  display: none;
}

.user-set-ctn .card-band .bankcard-ctn .bankCardWrapper .defaultBankSet .defaultBank {
  display: none;
}

.bankcard-ctn .bankMask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  line-height: 180px;
  text-align: center;
  color: #ccc;
}

.user-set-ctn .card-band .bankcard-ctn .bankMask span.show {
  display: inline-block;
}

.user-set-ctn .card-band .bankcard-ctn .bankMask span {
  display: none;
}

.user-set-ctn .card-band .bankcard-ctn .bankMask .loading {
  width: 40px;
  height: 40px;
  background: url(../images/bankloading.gif) no-repeat center;
}

.user-set-ctn .card-band .bankcard-ctn .bankMask .success,
.user-set-ctn .card-band .bankcard-ctn .bankMask .failed {
  line-height: initial;
  margin-top: 34px;
}

.bankcard-ctn .bankMask span i {
  display: block;
  width: 53px;
  height: 45px;
  margin: 0 auto;
}

.bankcard-ctn .bankMask span b {
  line-height: 32px;
}

.bankcard-ctn .bankMask .success i {
  background: url(../images/dialog_allright.png) no-repeat center;
}

.bankcard-ctn .bankMask .failed i {
  background: url(../images/dialog_worry.png) no-repeat center;
}

.ellipsis {
  text-overflow: ellipsis;
  word-break: normal;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
}

/*竞猜记录 list hover 显示全*/

.user-bhl-ctn .jq-ajax-page-content .tb-row,
.indexgamerecords .tb-row {
  position: relative;
}

.user-bhl-ctn .tb-row.scale,
.indexgamerecords .tb-row.scale {
  display: none;
  position: absolute;
  top: -5px;
  height: 50px;
  line-height: 50px;
  z-index: 2;
  background-color: #000;
  white-space: nowrap;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.indexgamerecords .tb-row.scale {
  right: 0;
}

.user-bhl-ctn .tb-row.scale span,
.indexgamerecords .tb-row.scale span {
  height: 50px;
  line-height: 50px;
}

.user-bhl-ctn .tb-row.scale .t10 {
  width: auto;
  min-width: 130px;
}

.indexgamerecords .tb-row.scale .t10 {
  width: auto;
  min-width: 105px;
}

.user-bhl-ctn .tb-row.scale .t4 {
  width: auto;
  min-width: 200px;
  max-width: 300px;
  padding: 0 10px;
}

.user-bhl-ctn .tb-row.scale .t10 font,
.indexgamerecords .tb-row.scale .t10 font {
  max-width: 120px;
}

.user-bhl-ctn .tb-row.scale .t9 {
  text-align: center;
}

.user-bhl-ctn .tb-row.scale .t10 font.vs,
.indexgamerecords .tb-row.scale .t10 font.vs {
  max-width: 20px;
}

.indexgamerecords .tb-row.scale .t4 {
  width: auto;
  min-width: 130px;
  max-width: 300px;
  padding: 0 8px;
}

/*bug提交活动漂浮图标*/

#floatAd {
  display: inline-block;
  position: fixed;
  z-index: 999;
  width: 108px;
  height: 118px;
  background: url("../images/floatad_bg.png") no-repeat center;
  left: 120px;
  top: 200px;
}

#floatAd i {
  display: inline-block;
  width: 22px;
  height: 22px;
  position: absolute;
  background: url("../images/adcloseicon.png") no-repeat center;
  cursor: pointer;
  bottom: -12px;
  left: 42px;
}

@media screen and (max-width: 1600px) {
  #floatAd {
    left: 50px;
  }
}

@media screen and (max-width: 1400px) {
  #floatAd {
    left: 0;
  }
}

/*电竞赛事 用户信息展示 改版  2-26*/

.container_aside .con_box.userInfo {
  text-align: center;
  background-color: #282c3e;
  border: 1px solid #323648;
  margin-bottom: 12px;
  position: relative;
}

.container_aside .con_box.userInfo .refreshBtn {
  position: absolute;
  right: 12px;
  top: 12px;
}

.container_aside .con_box.userInfo .refreshBtn span {
  display: inline-block;
  background: url(../images/icon-base.png) no-repeat  -6px -106px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  vertical-align: middle;
}

.container_aside .con_box.userInfo .refreshBtn span:hover {
  background-position: -41px -106px;
}

.container_aside .con_box.userInfo .refreshBtn.refulshmoney span {
  transform: rotate( -360deg);
  -webkit-transform: rotate( -360deg);
  -ms-transform: rotate( -360deg);
  -o-transform: rotate( -360deg);
  transition: transform 0.8s;
  -webkit-transition: transform 0.8s;
  -ms-transition: transform 0.8s;
  -o-transition: transform 0.8s;
}

.container_aside .con_box.userInfo .userAccount .num.refresh {
  animation: amt_moneytxt .5s linear;
  -webkit-animation: amt_moneytxt .5s linear;
}

.container_aside .con_box.userInfo .userName {
  font-size: 14px;
  color: #c8cce5;
  padding: 0 10px;
  line-height: 40px;
}

.container_aside .con_box.userInfo .userAccount {
  padding: 10px 0;
}

.container_aside .con_box.userInfo .userAccount>div {
  float: left;
  width: 50%;
  box-sizing: border-box;
  color: #8a8ea9;
}

.container_aside .con_box.userInfo .userAccount>div .title {
  font-size: 12px;
  margin-bottom: 5px;
}

.container_aside .con_box.userInfo .userAccount .rmbAccountBox {
  border-right: 1px solid #3d4868;
}

.container_aside .con_box.userInfo .userAccount .rmbAccount {
  color: #7b95e9;
}

.container_aside .con_box.userInfo .userAccount .num b {
  font-size: 18px;
  font-weight: bold;
}

.container_aside .con_box.userInfo .userAccount .num {
  font-weight: bold;
}

.container_aside .con_box.userInfo .userRecords {
  border-top: 1px solid #3d4868;
  padding: 10px 0;
}

.container_aside .con_box.userInfo .userRecords a {
  display: inline-block;
  line-height: 22px;
  color: #8a8ea9;
}
.container_aside .con_box.userInfo .userRecords a.gameRule{
    color:#8a8ea9;
}
.container_aside .con_box.userInfo .userRecords .record {
  margin-right: 10px;
  border: 2px solid #8a8ea9;
  border-radius: 20px;
  padding: 0 10px;
}

.container_aside .con_box.userInfo .userRecords a:hover {
  color: #c8cce5;
}

/*理性游戏 样式*/

.responsible.novice {
  width: 1240px;
  margin: 0 auto;
  margin-top: 12px;
  background: #262b3f;
  margin-bottom: 20px;
  color: #b0b5c9;
  font-size: 14px;
  min-height: 710px;
}

.responsible.novice .new_player li {
  width: 16.66%;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #2c3554;
  cursor: pointer;
  box-sizing: border-box;
}

.responsible.novice .content p.ctn-title {
  height: 75px;
  line-height: 75px;
  color: #b3b8cb;
  font-size: 18px;
  text-align: center;
  margin-top: 0;
  border-bottom: 1px solid #3d4868;
}

.responsible.novice .content p b,
.responsible.novice .content p strong {
  font-weight: bold;
  color: #ccc;
}

.responsible.novice .new_player li.current {
  border-bottom: 2px solid #7a93ed;
  color: #ffffff;
}

.responsible.novice .con_lists {
  padding: 0 50px;
}

.responsible.novice .content {
  display: none;
}

.responsible.novice .content.l1 {
  display: block;
}

.responsible.novice .content .wrapper {
  width: 100%;
  padding: 20px 0 60px;
}

.responsible.novice .content p {
  text-align: left;
  line-height: 24px;
  margin-top: 15px;
}

.responsible.novice .content .online,
.responsible.novice .content a {
  color: #7893ec;
  cursor: pointer;
}

/*优惠活动 新*/

.activecenter {
  padding: 400px 0 100px;
}

.activecenter .big-gb {
  height: 1000px;
  background: url(../images/bg.png) no-repeat top center;
}

.activecenter .container {
  width: 1000px;
  margin: 0 auto;
}

.activecenter .container .activeList a {
  display: inline-block;
  width: 100%;
  height: 160px;
  margin-bottom: 20px
}
.activecenter .container .activeList a.boxActive {
  background: url(../images/11.png) no-repeat center;
}
.activecenter .container .activeList a.addNewActive {
  background: url(../images/1_2.png) no-repeat center;
}

.activecenter .container .activeList a.sportActive {
  background: url(../images/2_2.png) no-repeat center;
}

.activecenter .container .activeList a.turnActive {
  background: url(../images/3_1.png) no-repeat center;
}

.activecenter .container .activeList a.newPlayerActive {
  background: url(../images/4_1.png) no-repeat center;
}

.activecenter .container .activeList a.agActive {
  background: url(../images/5.png) no-repeat center;
}

.activecenter .container .activeList a.getGameMoneyActive {
  background: url(../images/6.png) no-repeat center;
}

.activecenter .container .activeList a.firstcharge {
  background: url(../images/firstchargebaner.jpg) no-repeat center;
}
.activecenter .container .activeList a.ag {
  background: url(../images/8.png) no-repeat center;
}
.activecenter .container .activeList a.keno {
  background: url(../images/7.png) no-repeat center;
}
.activecenter .container .activeList a.worldCupActive {
    background: url(../images/worldcup.png) no-repeat center;
}
.AAAinfo li p.title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}

body.zh-cn .big-gb.sport {
  background: url(../images/active_sport_bg.png) top center no-repeat;
}

body.zh-cn .big-gb.getbb {
  background: url(../images/geinbb_bg.png) top center no-repeat;
}

.TTTcontainer .con.middle {
  width: 1000px;
  margin: 360px auto 0;
  text-align: center;
}

.TTTcontainer .con.middle .btnbtn {
  width: 348px;
  height: 70px;
}

.TTTcontainer .con.middle .mid1 {
  width: 100%;
}

.active_mid {
  width: 1000px;
  border-top: 2px solid #7b95e9;
  background: rgba(48, 53, 74, .6);
  color: #b3b7cc;
  box-sizing: border-box;
  margin: 0 auto;
}

.TTTcontainer .con.middle .mid2 {
  margin-top: 20px;
  padding: 30px 80px 0;
}

.TTTcontainer .con.middle .mid2 .midBox {
  padding-bottom: 60px;
}

.TTTcontainer .con.middle .mid2 .midBox .boxText {
  text-align: left;
  line-height: 22px;
}

.TTTcontainer .con.middle .mid2 .midBox .boxText p {
  margin-bottom: 5px;
}

.TTTcontainer .con.middle .mid2 .midBox .boxText p span {
  color: #626788;
}

.TTTcontainer .con.middle .mid2 h3 {
  margin-bottom: 20px;
  font-size: 28px;
  color: #c8cce5;
  font-weight: 600;
}

.TTTcontainer .boxWrapper {
  height: 66px;
}

.TTTcontainer .boxWrapper .stepBox {
  float: left;
  height: 100%;
}

.TTTcontainer .boxWrapper .stepBox>div {
  float: left;
}

.TTTcontainer .boxWrapper .step span {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 64px;
  height: 70px;
  background: url(../images/active_sport_icons.png) no-repeat;
}

.TTTcontainer .boxWrapper .s1 .step span {
  background-position: -4px 0px;
}

.TTTcontainer .boxWrapper .s2 .step span {
  background-position: -4px -85px;
}

.TTTcontainer .boxWrapper .s3 .step span {
  background-position: -4px -170px;
}

.TTTcontainer .boxWrapper .s1 .stepDesc {
  width: 110px;
}

.TTTcontainer .boxWrapper .s2 .stepDesc {
  width: 188px;
}

.TTTcontainer .boxWrapper .s3 .stepDesc {
  width: 120px;
}

.TTTcontainer .boxWrapper .stepDesc {
  margin-left: 10px;
  text-align: left;
}

.TTTcontainer .boxWrapper .stepDesc p {
  font-size: 16px;
}

.TTTcontainer .boxWrapper .stepDesc a {
  display: inline-block;
  color: #1a65c3;
  text-decoration: underline;
  margin-top: 5px;
}

.TTTcontainer .boxWrapper .stepDesc a:hover {
  color: #fff;
}

.TTTcontainer .boxWrapper .mid_split {
  height: 100%;
  width: 30px;
  margin: 0 30px;
  float: left;
  line-height: 66px;
}

.TTTcontainer .boxWrapper .mid_split span {
  display: inline-block;
  width: 100%;
  height: 22px;
  vertical-align: middle;
  background: url(../images/active_sport_icons.png) no-repeat;
  background-position: -19px -260px;
}

body.zh-cn .TTTcontainer .con.middle .btnbtn {
  background: url(../images/sport_btn.png) no-repeat;
  background-position: 0px 0px;
}

body.zh-cn .TTTcontainer .con.middle .btnbtn:hover {
  background-position: 0px -88px;
}

.BBcenter.normal {
  position: static;
  margin-top: 50px;
}

.getBBMain {
  margin: 380px auto 0;
}

.getBBMain .active_mid {
  padding: 50px 46px 30px;
}

.getBBMain .mainBox {
  margin-bottom: 40px;
}

.getBBMain .mainBox.b1 .title,
.getBBMain .mainBox .subTitle {
  margin-bottom: 30px;
}

.getBBMain .mainBox .title,
.getBBMain .mainBox .subTitle {
  text-align: center;
}

.getBBMain .mainBox .title span {
  display: inline-block;
  height: 28px;
  background: url(../images/getbb_icons.png) no-repeat;
}

.getBBMain .mainBox.b1 .title span {
  width: 169px;
  background-position: -30px -0px;
}

.getBBMain .mainBox.b2 .title span {
  width: 199px;
  background-position: 0px -81px;
}

.getBBMain .mainBoxWrapper {
  margin-top: 36px;
}

.getBBMain .limain {
  width: 880px;
  margin: 0 auto;
}

.getBBMain .limain div {
  float: left;
}

.getBBMain .limain .maindivl,
.getBBMain .limain .maindivr {
  width: 440px;
}

.getBBMain .maindivl .yyc,
.getBBMain .maindivr .wxcs {
  width: 439px;
  height: 55px;
  border-right: 1px solid #34384a;
  background-color: #7b95e9;
  color: #dbe0fd;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 55px;
}

.getBBMain .maindivl .leftdiv1 {
  width: 258px;
  height: 50px;
  line-height: 50px;
  border-left: 1px solid #34384a;
  border-bottom: 1px solid #34384a;
  padding-left: 30px;
}

.getBBMain .maindivl .rightdiv1 {
  width: 148px;
  height: 50px;
  border-left: 1px solid #34384a;
  border-bottom: 1px solid #34384a;
  border-right: 1px solid #34384a;
}

.getBBMain .maindivl .bb30 {
  background: url(../images/getbb_icons_1.png) -140px -190px;
  width: 60px;
  height: 20px;
  margin-top: 12px;
  margin-left: 75px
}

.getBBMain .maindivl .bb50 {
  background: url(../images/getbb_icons_1.png) -140px -240px;
  width: 60px;
  height: 20px;
  margin-top: 12px;
  margin-left: 75px
}

.getBBMain .maindivl .bb100 {
  background: url(../images/getbb_icons_1.png) -140px -80px;
  width: 70px;
  height: 20px;
  margin-top: 12px;
  margin-left: 65px
}

.getBBMain .maindivr .wxcs {
  border-right: none;
  width: 440px;
}

.getBBMain .maindivr .leftdiv1 {
  width: 200px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #34384a;
  padding-left: 20px;
}

.getBBMain .maindivr .leftdiv2 {
  width: 269px;
  height: 90px;
  line-height: 24px;
  border-bottom: 1px solid #34384a;
  padding-left: 20px;
}

.getBBMain .maindivr .leftdiv2 p {
  margin-top: 20px;
}

.getBBMain .maindivr .rightdiv1 {
  width: 218px;
  height: 50px;
  line-height: 50px;
  font-weight: normal;
  border-left: 1px solid #34384a;
  border-bottom: 1px solid #34384a;
  border-right: 1px solid #34384a;
}

.getBBMain .maindivr .rightdiv2 {
  width: 148px;
  height: 90px;
  line-height: 90px;
  border-left: 1px solid #34384a;
  border-bottom: 1px solid #34384a;
  border-right: 1px solid #34384a;
}

.getBBMain .maindivr .bb20 {
  background: url(../images/getbb_icons_1.png) -140px -522px;
  width: 70px;
  height: 20px;
  margin-top: 12px;
  margin-left: 75px
}

.getBBMain .maindivr .bb30 {
  background: url(../images/getbb_icons_1.png) -140px -190px;
  width: 60px;
  height: 20px;
  margin-top: 12px;
  margin-left: 75px
}

.getBBMain .maindivr .bb50 {
  background: url(../images/getbb_icons_1.png) -140px -240px;
  width: 60px;
  height: 20px;
  margin-top: 12px;
  margin-left: 75px
}

.getBBMain .maindivr .bb100 {
  background: url(../images/getbb_icons_1.png) -130px -140px;
  width: 70px;
  height: 20px;
  margin-top: 12px;
  margin-left: 65px
}

.getBBMain .maindivr .bb1000 {
  background: url(../images/getbb_icons_1.png)-140px -80px;
  width: 70px;
  height: 20px;
  margin-top: 34px;
  margin-left: 65px
}

.getBBMain .maindivr .bb2 {
  background: url(../images/getbb_icons_1.png) -74px -574px;
  width: 130px;
  height: 20px;
  margin-top: 12px;
  margin-left: 45px
}

body.zh-cn .getBBMain .maindivr .bb2 {
  background: url(../images/getbb_icons.png) -74px -574px;
}

body.zh-cn .getBBMain .maindivr .bb20 {
  background: url(../images/getbb_icons.png) -140px -522px;
}

body.zh-cn .getBBMain .maindivl .bb30 {
  background: url(../images/getbb_icons.png) -140px -190px;
}

body.zh-cn .getBBMain .maindivl .bb50 {
  background: url(../images/getbb_icons.png) -140px -240px;
}

body.zh-cn .getBBMain .maindivl .bb100 {
  background: url(../images/getbb_icons.png) -130px -140px;
}

body.zh-cn .getBBMain .maindivr .bb100 {
  background: url(../images/getbb_icons.png) -140px -80px;
}

body.zh-cn .getBBMain .maindivr .bb1000 {
  background: url(../images/getbb_icons.png) -140px -80px;
}


.footer .ftnav{
  height: 90px;
  line-height: 90px;
  border-top: none;
}
.footer .ftnav .ftnav-left{
  width: 100%;
  height: 40px;
}
.footer.game .ftnav{
  display: block;
}

.game_container .game_main{
 /*  min-height: 560px; */
}

.gamelist .list .loading,.gamelist .list .norecord{
  display: none;
  background-color:#11131e !important;

}
.container_aside .con_box.gamelist .list p.norecord{
  color:#8a8ea9;
}


.game_header_icon li.current a{
  color:#c8cce5;
  background: url(../images/light_bg.png)  center 1px no-repeat;
  background-size: contain;
}

/*active ag*/

body.zh-cn .big-gb.agactive {
  background: url(../images/ag_bg.jpg) top center no-repeat;
}
body .big-gb .topBanner{
  position: absolute;
  width: 100%;
  top:240px;
  text-align: center;
}
body .big-gb.agactive .topBanner .text1{
  display: inline-block;
  width: 495px;
  height: 106px;
  background: url(../images/ag_text.png) no-repeat center;
}
body .big-gb.agactive .topBanner .text2{
  display: inline-block;
  margin-top: 10px;
  font-size: 26px;
  font-weight: bold;
  color:#4e3400;
  background-color: #edce61;
  border-radius: 40px;
  height: 50px;
  line-height: 50px;
  padding: 0 26px;
}

body.zh-cn  .TTTcontainer.ag .con.middle .btnbtn{
  width: 235px;
  height: 58px;
  background: url(../images/agbtn.png) no-repeat;
  background-position: 0px 0px;
}
body.zh-cn  .TTTcontainer.ag .con.middle .btnbtn:hover{
  background-position: -245px 0px;
}
.TTTcontainer.ag .con.middle .mid2 h3{
  margin-bottom: 40px;
}
.TTTcontainer.ag .con.middle{
  margin: 460px auto 0;
}
.TTTcontainer.ag .textBox{
  margin-bottom: 60px;
}
.TTTcontainer.ag .textBox .title{
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  color:#edce61;
  margin-bottom: 20px;
}

body.zh-cn .big-gb.kenoactive {
  background: url(../images/keno_bg.jpg) top center no-repeat;
}

.TTTcontainer.keno .con.middle{
  margin: 460px auto 0;
}
.TTTcontainer.keno .active_mid{
  background: rgba(255, 255, 255, .3);
  color:#755f50;
}
.TTTcontainer.keno .con.middle .midBox h3{
  color:#3b88ed;
}

.keno .boxText .t-table{
  border: 1px solid #e4e4e4;
  width: 630px;
  margin: 0 auto;
  background-color:#fff; 
}
.keno .boxText .t-table span{
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  line-height: 44px;
  color:#000;
  text-align: center;
}
.keno .boxText .t-table span.t2{
  color:#3e8bce;
}
.keno .boxText .t-table .t-header{
  background-color:#fff ;
}
.keno .boxText .t-table .t-header span{
  line-height: 56px;
  color:#3b88ed;
}
.keno .boxText .t-table .t-header span:first-child,.keno .boxText .t-table .t-row span:first-child{
  border-right: 1px solid #eef2f6;
}
.keno .boxText .t-table .t-row:nth-of-type(odd){
  background-color: #eef2f6;
}
body .big-gb.firstchargeactive{
  height: 1000px
}
body.zh-cn .big-gb.firstchargeactive {
  background: url(../images/first_charge_bg.jpg) top center no-repeat;
}

.TTTcontainer.firstcharge .active_mid{
  background: rgba(54, 149, 144, .3);
  border-color:#369590;
}

.TTTcontainer.firstcharge .con.middle .midBox h3{
  color:#b1faf6;
}
.TTTcontainer.firstcharge .con.middle .midBox p{
  color:#75aaa7;
}

.TTTcontainer.firstcharge .con.middle{
  margin: 400px auto 0;
}

/*newjjb*/

.big-gb.newjjb {
    background: url(../images/newjjb_bg.png) top center no-repeat;
}
.TTTcontainer.newjjb  .con.middle{
    margin: 420px auto 0;
    font-size: 14px;
}
.newjjb .active_mid{
    border: none;
    background: url(../images/newjjb_bg_b.png)  top center no-repeat;
    background-size: 100% 100%;
}
.TTTcontainer.newjjb .middle{
    color:#bfccff;
    text-align: left;
}
.TTTcontainer.newjjb .con.middle .mid2{
    padding: 50px 80px 0;
}
.TTTcontainer.newjjb .con.middle .mid2 h3{
    font-weight: normal;
    font-size: 20px;
    margin-bottom:10px;
}
.TTTcontainer.newjjb .midBox p span{
    color:#656e9d;
}

.activecenter .container .activeList a.newjjbActive {
    background: url(../images/newjjb.jpg) no-repeat center;
  }

/*首页收藏弹窗*/
.indexTips {
    text-align: center;
    padding: 50px 0;
    font-size: 14px;
}
.indexTips a{
    font-size: 26px;
    color:#1771de;
}


/*弹出框样式*/
#mb_con{
    position: fixed;
    z-index: 999999;
    width: 354px;
    min-height: 160px;
    padding-bottom: 15px;
    background:/* url(../../images/windows_bg.jpg) no-repeat */ #2c3654 ;
    border-radius: 8px;
}
#mb_tit{
    display: block;
    font-size: 14px;
    color: rgb(68, 68, 68);
    padding: 15px 15px;
    font-weight: bold;
}
#mb_ico{
    background: url(../../images/icon-base.png) no-repeat -10px -281px;
    display: block;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 18px;
    height: 18px;
    text-align: center;
    cursor: pointer;
}
#mb_ico:hover{
    background-position: -37px -281px;
}
#mb_msg{
    padding: 20px;
    line-height: 20px;
    font-size: 14px; 
    text-align: center;
    color:#c8cce5;
}
#mb_btnbox{
    margin: 12px 0px 10px;
    text-align: center;
   
}
#mb_btnbox input{
    width: 116px;
    height: 28px;
    line-height: 26px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
}
#mb_btnbox #mb_btn_ok{
   color:#fff; 
   background-color: #7b95e9;
   border:2px solid #7b95e9 ;
}
#mb_btnbox #mb_btn_no{
    margin-left: 10px;
    color:#7b95e9;
    border:2px solid #7b95e9 ;
    background-color: transparent;
}

#word-cup-content{
  position:absolute;
  top: 129px;
  left: 80px;
  width:172px;
  font-size:9px;
}
#word-cup-content a{color:#c8cce5;}
#word-cup-content .bg{text-align: center;color:#f14e4e;background: url(../images/linebg.png) repeat-x 0px -6px;height:24px;font-size:14px;padding-top:3px;margin-top:9px;}
#word-cup-content .word-cup-box p{text-align: center;margin-top:5px;}
#word-cup-content .word-cup-box .word-cup-box-line-1 {  margin: 0 auto;  display: block;  color:#f14e4e;height:20px;}
#word-cup-content .word-cup-box .bgnew {background: url(../images/linebg.png) repeat-x 0px -30px;}
#word-cup-content .word-cup-box .word-cup-box-line-3{height: 22px;}
#word-cup-content .word-cup-box .word-cup-box-line-3 .float{float:left;display:inline-block;}
#word-cup-content .word-cup-box .word-cup-box-line-3 .float.date{height:30px; line-height:30px; margin: 0 10px;}
#word-cup-content .word-cup-box .word-cup-box-line-3 img{height: 30px;width:60px}
#word-cup-content .word-cup-box .word-cup-box-line-3 .clear{clear:both;}
#word-cup-content .word-cup-box .word-cup-box-line-4{width:100%;display:inline-block;}
#word-cup-content .word-cup-box .word-cup-box-line-4 .left{text-align: center;display:inline-block;float: left;width:60px;}
#word-cup-content .word-cup-box .word-cup-box-line-4 .right{text-align: center;display:inline-block;float:right;width:60px;}




#adAlert{
    display: none;
    width: 770px;
    height: 560px;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background:#3d4a71;
    color: #d9ddf2;
    box-sizing: border-box;
    padding: 0 20px 20px;
    border-radius: 6px;
}
#adAlert .title{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
}
#adAlert .content{
    box-sizing: border-box;
    font-size: 14px;
    padding: 20px;
    border: 2px solid #4e5a7c;
}

#adAlert .content .main .main-content{
    min-height: 240px;
    max-height: 400px;
    overflow:auto;
}
#adAlert .content .p{
    margin: 20px 0;
    line-height: 24px;
    padding-left: 10px;
    position: relative;
}
#adAlert .content .p:after{
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -10px;
    border-bottom: 1px dashed #fff;

}
#adAlert .content .p i{
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 24px;
    line-height: 24px;
    color:#7b95e9;
}

#adAlert .alertBtn{
    margin-top: 30px;
    width: 100%;
    text-align: center;
}
#adAlert .alertBtn span{
    display: inline-block;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    width: 200px;
    text-align: center;
    color: #7b95e9;
    border: 2px solid #7b95e9;
    border-radius: 20px;
}
#adAlert .alertBtn span:hover{
    background-color:#7b95e9;
    color:#fff; 
}