@charset "utf-8";
/* /cn/4399cn/xxtjd/esgbm2/release/css/style.css */
@charset "UTF-8";
button, input, select {
  outline: 0; }

a, del, ins {
  text-decoration: none; }

blockquote, body, button, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
  padding: 0;
  margin: 0; }

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

fieldset, img {
  border: 0; }

button, input, select, textarea {
  font: .6rem "微软雅黑",Arial,Helvetica,sans-serif; }

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

ol, ul {
  list-style: none; }

label {
  cursor: pointer; }

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

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

body {
  -ms-text-size-adjust: none;
  -o-user-select: none;
  -o-text-size-adjust: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  font: .6rem "微软雅黑",Arial,Helvetica,sans-serif;
  min-height: 100%;
  overflow-x: hidden; }

a, li, ul {
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent; }

div {
  -webkit-tap-highlight-color: transparent; }

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

.clearfix {
  zoom: 1; }

.clear {
  clear: both; }

.fl {
  float: left; }

.fr {
  float: right; }

button {
  border: none;
  -webkit-tap-hightlight-color: transparent;
  tap-hightlight-color: transparent; }

* {
  box-sizing: border-box; }

.mt40 {
  margin-top: 0.4rem; }

.mt10 {
  margin-top: 0.1rem; }

.sc1 {
  color: #ee5e7e !important; }

.mod_opt .glb_btn1:after {
  background-image: url(../cn/4399cn/xxtjd/esgbm2/release/css/"../images/sprite.png?0f16617");
  background-repeat: no-repeat;
  background-size: 1.06rem 0.18rem; }

.mod_opt .glb_btn, .mod_log .ulog_box .btn_login, .mod_ropt .btn_sign {
  background-color: #fed656;
  display: inline-block;
  font-size: 0.32rem;
  font-weight: 700;
  color: #23287b;
  box-shadow: 0.01rem 0.03rem 0 #fff inset;
  text-align: center;
  letter-spacing: 0.02rem;
  vertical-align: middle; }

.m_schedule .item .num_box, .glb_ulllist .num_box {
  width: 0.28rem;
  height: 0.28rem;
  border: solid 0.02rem #343a85;
  border-radius: 0.28rem;
  background-color: #51bceb;
  box-shadow: 0rem 0.02rem 0rem 0rem #fff inset;
  font-size: 0.18rem;
  line-height: 0.28rem;
  text-align: center;
  color: #232879;
  position: absolute; }

.frm_head {
  position: relative; }
  .frm_head .h_bg1 {
    background: #fff url(../cn/4399cn/xxtjd/esgbm2/release/images/hbg1.jpg?0f16617) 0 0 no-repeat;
    width: 6.4rem;
    height: 1.78rem;
    -webkit-background-size: cover; }
  .frm_head .h_bg2 {
    background: url(../cn/4399cn/xxtjd/esgbm2/release/images/hbg2.jpg?0f16617) 0 0 no-repeat;
    width: 6.4rem;
    height: 1.8rem;
    -webkit-background-size: cover;
    margin-top: -0.02rem; }
  .frm_head .h_bg3 {
    background: url(../cn/4399cn/xxtjd/esgbm2/release/images/hbg3.jpg?0f16617) 0 0 no-repeat;
    width: 6.4rem;
    height: 1.8rem;
    -webkit-background-size: cover;
    margin-top: -0.02rem; }
  .frm_head .h_bg4 {
    background: url(../cn/4399cn/xxtjd/esgbm2/release/images/hbg4.jpg?0f16617) 0 0 no-repeat;
    width: 6.4rem;
    height: 1.82rem;
    -webkit-background-size: cover;
    margin-top: -0.02rem; }

.m_head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.14rem; }
  .m_head .logo_game {
    position: absolute;
    left: 0.9rem;
    top: 0.14rem;
    width: 2.06rem;
    height: 1.32rem;
    overflow: hidden;
    font-size: 0;
    line-height: 0; }

body, html {
  background-color: #242678; }

.frm_section {
  padding: 0.25rem 0.16rem 0.3rem;
  position: relative; }
  .frm_section .circular {
    position: absolute;
    background-color: #c8e1ee;
    border-radius: 0.22rem; }
  .frm_section .circular1 {
    width: 0.22rem;
    height: 0.22rem;
    top: 0.86rem;
    left: 0.9rem; }
  .frm_section .circular2 {
    width: 0.12rem;
    height: 0.12rem;
    top: 1.08rem;
    left: 0.75rem; }
  .frm_section .circular3 {
    width: 0.15rem;
    height: 0.15rem;
    top: 1.12rem;
    right: 0.8rem; }
  .frm_section .circular4 {
    width: 0.07rem;
    height: 0.07rem;
    top: 1.02rem;
    right: 0.68rem; }

.mod_gtime .txt {
  font-size: 0.26rem;
  font-weight: 700;
  line-height: 0.36rem;
  color: #fffcf9;
  text-align: center; }

/* mod_opt */
.mod_opt {
  text-align: center; }
  .mod_opt .glb_btn1 {
    width: 2.6rem;
    height: 0.88rem;
    line-height: 0.88rem;
    border-radius: 0.88rem;
    position: relative; }
    .mod_opt .glb_btn1:after {
      content: '';
      background-position: 0 0;
      width: 1.06rem;
      height: 0.18rem;
      position: absolute;
      left: 0.18rem;
      top: 0.08rem; }
  .mod_opt .glb_btn2 {
    width: 1.02rem;
    height: 0.88rem;
    line-height: 0.4rem;
    border-radius: 0.2rem;
    padding: 0.08rem 0.1rem 0.02rem; }

/* mod_box */
.mod_box .mod_hd {
  height: 0.7rem;
  position: relative;
  z-index: 11;
  width: 4.2rem;
  margin: 0 auto; }
  .mod_box .mod_hd .tit {
    width: 3.38rem;
    height: 0.62rem;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 0.36rem;
    font-weight: 700;
    line-height: 0.62rem;
    background-color: #fa7092;
    box-shadow: 0rem 0.03rem 0 #fff inset;
    border-radius: 0.16rem;
    letter-spacing: 0.02rem;
    position: relative;
    z-index: 1; }
  .mod_box .mod_hd .flag {
    position: absolute;
    width: 0.82rem;
    height: 0.6rem;
    overflow: hidden;
    top: 0.08rem;
    border-radius: 0.05rem;
    z-index: -1;
    font-size: 0;
    line-height: 0; }
    .mod_box .mod_hd .flag:after {
      content: '';
      width: 0;
      height: 0;
      border-top: solid 0.3rem #ee5e7e;
      border-bottom: solid 0.3rem #ee5e7e;
      border-right: solid 0.08rem #ee5e7e;
      border-left: solid 0.08rem transparent;
      position: absolute;
      left: 0rem; }
    .mod_box .mod_hd .flag:before {
      content: '';
      position: absolute;
      left: 0.08rem;
      width: 0.72rem;
      height: 0.6rem;
      background-color: #ee5e7e;
      border-top-right-radius: 0.1rem;
      border-bottom-right-radius: 0.1rem; }
  .mod_box .mod_hd .flag1 {
    left: 0rem;
    box-shadow: -0.03rem 0.04rem 0 #fcdfe5 inset; }
    .mod_box .mod_hd .flag1:after {
      top: 0.03rem; }
    .mod_box .mod_hd .flag1:before {
      top: 0.03rem; }
  .mod_box .mod_hd .flag2 {
    right: 0rem;
    -webkit-transform: rotate(180deg);
    box-shadow: -0.05rem -0.04rem 0 #fcdfe5 inset; }
    .mod_box .mod_hd .flag2:after {
      bottom: 0.03rem; }
    .mod_box .mod_hd .flag2:before {
      bottom: 0.03rem; }

.mod_box .mod_bd {
  background-color: #eaf9ff;
  border: solid 0.04rem #232f8c;
  box-shadow: -0.04rem -0.08rem 0rem 0.04rem #51bceb inset;
  border-radius: 0.3rem;
  padding: 0.68rem 0.15rem 0.34rem;
  margin-top: -0.48rem; }

.awardlist_box {
  margin: -0.1rem -0.2rem 0 0; }
  .awardlist_box .item {
    float: left;
    width: 2.7rem;
    height: 1.8rem;
    margin: 0.1rem 0.2rem 0 0; }
    .awardlist_box .item .tit {
      font-size: 0.28rem;
      font-weight: 700;
      line-height: 0.38rem;
      text-align: center;
      position: relative;
      color: #232879; }
      .awardlist_box .item .tit:after {
        position: absolute;
        content: '';
        background-color: #232879;
        width: 0.54rem;
        height: 0.02rem;
        left: 0;
        top: 50%;
        margin-top: -0.01rem; }
      .awardlist_box .item .tit:before {
        position: absolute;
        content: '';
        background-color: #232879;
        width: 0.54rem;
        height: 0.02rem;
        right: 0;
        top: 50%;
        margin-top: -0.01rem; }
    .awardlist_box .item img {
      width: 2.7rem;
      height: 1.3rem;
      display: block;
      margin: 0.1rem auto 0; }
    .awardlist_box .item:first-child {
      width: 5.6rem;
      margin-right: 0; }
      .awardlist_box .item:first-child .tit:after {
        width: 2rem; }
      .awardlist_box .item:first-child .tit:before {
        width: 2rem; }
      .awardlist_box .item:first-child img {
        width: 5.6rem; }

.m_schedule {
  position: relative;
  height: 1.7rem; }
  .m_schedule:after {
    content: '';
    height: 0.02rem;
    width: 100%;
    background-color: #232879;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.01rem; }
  .m_schedule .item {
    position: absolute;
    width: 1.6rem;
    height: 1rem;
    color: #232879;
    line-height: 0.28rem;
    text-align: center;
    z-index: 111; }
    .m_schedule .item .txt {
      font-size: 0.24rem; }
    .m_schedule .item .time {
      font-size: 0.18rem; }
    .m_schedule .item .num_box {
      left: 50%;
      margin-left: -0.14rem; }
      .m_schedule .item .num_box:after {
        content: '';
        position: absolute;
        width: 0.02rem;
        height: 0.14rem;
        left: 50%;
        margin-left: -0.01rem;
        background-color: #343a85; }
    .m_schedule .item:nth-child(odd) {
      padding-top: 0.44rem;
      top: 0.7rem; }
      .m_schedule .item:nth-child(odd) .num_box {
        top: 0; }
        .m_schedule .item:nth-child(odd) .num_box:after {
          top: 0.26rem; }
    .m_schedule .item:nth-child(even) {
      padding-bottom: 0.44rem;
      top: 0rem; }
      .m_schedule .item:nth-child(even) .num_box {
        bottom: 0; }
        .m_schedule .item:nth-child(even) .num_box:after {
          bottom: 0.26rem; }
  .m_schedule .item1 {
    left: -0.3rem; }
  .m_schedule .item2 {
    left: 0.7rem; }
  .m_schedule .item3 {
    left: 2.1rem; }
  .m_schedule .item4 {
    left: 3.3rem; }
  .m_schedule .item5 {
    left: 4.2rem;
    color: #ee5e7e; }
    .m_schedule .item5 .num_box {
      background-color: #fa7092;
      color: #fff; }

/* m_gintro */
.m_gintro {
  font-size: 0.24rem;
  color: #232879;
  line-height: 0.38rem; }
  .m_gintro .txt {
    text-indent: 1em; }
  .m_gintro .tip {
    color: #ee5e7e;
    font-size: 0.2rem;
    line-height: 0.38rem;
    text-align: center; }

.glb_sulllist .item {
  position: relative; }

.glb_sulllist .star_box {
  -webkit-transform: scale(0.12, 0.12);
  position: absolute;
  left: -0.12rem;
  top: 0.02rem;
  width: 0.24rem;
  height: 0.24rem; }

.glb_sulllist .star {
  width: 0;
  height: 0;
  color: #f00;
  position: relative;
  display: block;
  border-right: 1rem solid transparent;
  border-bottom: 0.7rem solid #fed656;
  border-left: 1rem solid transparent;
  -webkit-transform: rotate(35deg); }
  .glb_sulllist .star:before {
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    top: -0.45rem;
    left: -0.65rem;
    border-bottom: 0.8rem solid #fed656;
    border-left: 0.3rem solid transparent;
    border-right: 0.3rem solid transparent;
    content: '';
    -webkit-transform: rotate(-35deg); }
  .glb_sulllist .star:after {
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    top: 0.03rem;
    left: -1.05rem;
    color: #F00;
    border-right: 1rem solid transparent;
    border-bottom: 0.7rem solid #fed656;
    border-left: 1rem solid transparent;
    content: '';
    -webkit-transform: rotate(-70deg); }

footer {
  background-color: #18256b;
  padding: 0.18rem 0; }
  footer .txt {
    color: #fafeff;
    font-size: 0.14rem;
    text-align: center;
    line-height: 0.22rem; }

/* ================== 内页 ==================*/
.iview .frm_head .ih_bg1 {
  background: #fff url(../cn/4399cn/xxtjd/esgbm2/release/images/ihbg1.jpg?0f16617) 0 0 no-repeat;
  width: 6.4rem;
  height: 2.45rem;
  -webkit-background-size: cover; }

.iview .frm_head .m_head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.45rem; }
  .iview .frm_head .m_head .logo_game {
    position: absolute;
    left: 1.38rem;
    top: 0.32rem;
    width: 1.74rem;
    height: 1.1rem;
    overflow: hidden;
    font-size: 0;
    line-height: 0; }
  .iview .frm_head .m_head .btn_back {
    position: absolute;
    left: 0;
    top: 0.14rem;
    width: 1.5rem;
    height: 0.54rem;
    line-height: 0.54rem;
    background-color: #eaf9ff;
    font-size: 0.24rem;
    color: #232879;
    padding-left: 0.22rem;
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }

.iview .frm_section {
  margin-top: -0.06rem;
  padding-top: 0.32rem; }
  .iview .frm_section .circular1 {
    top: 0rem; }
  .iview .frm_section .circular2 {
    top: 0.14rem; }
  .iview .frm_section .circular3 {
    top: 0.6rem; }
  .iview .frm_section .circular4 {
    top: 0.5rem; }

.mod_log {
  font-size: 0; }
  .mod_log .ulog_box {
    text-align: center; }
    .mod_log .ulog_box .btn_login {
      width: 1.66rem;
      height: 0.62rem;
      border-radius: 0.62rem;
      line-height: 0.62rem;
      letter-spacing: 0.02rem; }
  .mod_log .log_box {
    font-size: 0.24rem;
    line-height: 0.24rem;
    color: #fed656;
    text-align: center;
    /* .username{
			display: inline-block;
			width: px(200);
			height: px(24);
			overflow: hidden;
			white-space: nowrap;
			text-overflow:ellipsis; 
			vertical-align: middle;
		} */ }
    .mod_log .log_box .txt_logout {
      color: #eaf9ff;
      margin-left: 0.2rem;
      letter-spacing: 0.02rem; }

.mod_ropt {
  font-size: 0;
  text-align: center; }
  .mod_ropt .btn_sign {
    width: 2.65rem;
    height: 0.94rem;
    display: inline-block;
    border-radius: 0.94rem;
    line-height: 0.96rem; }

.m_grule {
  font-size: 0.24rem;
  color: #232879;
  line-height: 0.34rem; }
  .m_grule .tip {
    color: #ee5e7e;
    font-size: 0.2rem;
    text-align: center;
    margin-top: 0.05rem; }

.glb_ulllist .item {
  position: relative; }

.glb_ulllist .txt {
  text-indent: 1.4em; }

.glb_ulllist .num_box {
  left: 0;
  top: 0.03rem; }

.mod1_box {
  background-color: #394aa9;
  border: solid 0.02rem #0f1b5e;
  border-radius: 0.05rem;
  box-shadow: 0.01rem 0.01rem 0rem 0rem #232f8c inset;
  padding: 0 0.1rem; }

.glb_lullist .item {
  border-bottom: solid 0.02rem #eaf9ff;
  padding: 0.1rem 0; }
  .glb_lullist .item .txt {
    color: #eaf9ff;
    font-size: 0.22rem; }
  .glb_lullist .item .txt_item {
    display: inline-block; }
    .glb_lullist .item .txt_item:nth-child(even) {
      float: right; }
  .glb_lullist .item:last-child {
    border-bottom: 0  none; }

.txt_item {
  padding-left: 1rem;
  display: inline-block; }
  .txt_item label {
    float: left;
    margin-left: -1rem;
    color: #eaf9ff;
    line-height: 0.46rem;
    text-align: right;
    width: 0.9rem; }
  .txt_item .glb_ipt {
    height: 0.46rem;
    background-color: #eaf9ff;
    box-shadow: 0.01rem 0.02rem 0 0.02rem inset #242678;
    box-shadow: 0.01rem -0.02rem 0 0rem #fff;
    border: 0 none;
    padding: 0 0.05rem;
    font-size: 0.2rem; }
  .txt_item .glb_lipt {
    width: 4.45rem; }
  .txt_item .glb_sipt {
    width: 1.6rem; }

.m_fsign {
  font-size: 0.24rem; }
  .m_fsign .tname {
    color: #394aa9;
    padding-left: 1.3rem; }
    .m_fsign .tname label {
      color: #232879;
      width: 1.2rem;
      margin-left: -1.3rem; }
    .m_fsign .tname .glb_lipt {
      background-color: #394aa9;
      width: 4.3rem;
      color: #eaf9ff; }
  .m_fsign .num_nav {
    border: solid 0.02rem #0f1b5e;
    border-radius: 0.05rem;
    height: 0.55rem;
    margin-top: 0.3rem;
    display: -webkit-flex;
    flex-direction: row; }
    .m_fsign .num_nav li {
      float: left;
      width: 0.96rem;
      height: 0.51rem;
      box-shadow: 0.01rem 0.02rem 0rem 0rem #fff inset;
      border-right: solid 0.02rem #0f1b5e;
      background-color: #51bceb;
      color: #232879;
      line-height: 0.5rem;
      text-align: center;
      font-size: 0.26rem;
      flex-grow: 1; }
      .m_fsign .num_nav li:first-child {
        box-shadow: 0rem 0.02rem 0rem 0rem #fff inset;
        border-top-left-radius: 0.05rem;
        border-bottom-left-radius: 0.05rem; }
      .m_fsign .num_nav li:last-child {
        width: 0.9rem;
        border-right: 0 none;
        border-top-right-radius: 0.05rem;
        border-bottom-right-radius: 0.05rem; }
    .m_fsign .num_nav .cur {
      background-color: #fa7092;
      color: #fff; }
  .m_fsign .tip {
    color: #232879;
    font-size: 0.2rem;
    line-height: 0.5rem;
    padding-left: 0.1rem; }

.captain_box .item {
  padding-left: 0.1rem; }

.captain_box .txt_item {
  padding-left: 1.5rem; }
  .captain_box .txt_item label {
    width: 1.5rem;
    margin-left: -1.5rem; }
  .captain_box .txt_item .glb_lipt {
    width: 3.85rem; }

/*dialog*/
.dialog {
  background: #e1e1ff;
  border: .04rem solid #6363c4;
  color: #6363c4;
  font-family: "Microsoft Yahei", sans-serif;
  position: fixed;
  *zoom: 1;
  width: 4.88rem;
  height: 2.38rem;
  left: 50%;
  top: 50%;
  margin: -1.19rem 0 0 -2.44rem;
  z-index: 99; }

.dialog-close {
  position: absolute;
  top: 0;
  right: 0;
  width: .4rem;
  height: .4rem;
  cursor: pointer;
  z-index: 9;
  background: url(../cn/4399cn/xxtjd/esgbm2/release/images/sprite.png?0f16617) center center no-repeat;
  background-size: 0.19rem 0.17rem; }

.dialog-body {
  padding: .62rem .15rem;
  position: relative;
  *zoom: 1;
  text-align: center; }

.dialog-title {
  font-size: .3rem;
  font-weight: bold;
  margin-bottom: .2rem; }

.j-confirm {
  font-size: 0;
  display: block;
  width: 1.66rem;
  height: .62rem;
  background: url(../cn/4399cn/xxtjd/esgbm2/release/images/confirm.png?0f16617) center center no-repeat;
  background-size: cover;
  z-index: 9;
  margin: 0 auto; }