/*全局设置*/

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

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding: 0;
}

li {
  list-style: none;
}

i {
  font-style: normal;
  color: #666666;
}

textarea {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.row {
  margin: 0;
}

a, a:hover, a:focus {
  cursor: pointer;
  text-decoration: none;
}

/* rem设置 */
html {
  font-size: 100px;
}
/* rem设置 */

html, body {
  font-family: none !important;
  overflow-x: hidden;
}

body {
  background-color: #113088;
  line-height: 1;
  font-size: 14px;
}

/*  全屏视口 */
.container-fluid {
  padding: 0;
  position: relative;
}

.page-container {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  /* max-width: 1920px; */
  background-color: #000000;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

/*@media screen and (max-width: 1440px) {*/
/*  .page-container {*/
/*    max-height: calc(100vh - 80px - 50px);*/
/*  }*/
/*}*/

/*@media screen and (max-width: 950px) {*/
/*  .page-container {*/
/*    max-height: calc(100vh - 64px);*/
/*  }*/
/*}*/

.font-size-xxxl {
  font-size: 0.3rem;
  line-height: 1.5;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.font-size-xxl {
  font-size: 0.26rem;
  line-height: 1.5;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.font-size-xl {
  font-size: 0.24rem;
  line-height: 1.5;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.font-size-ml {
  font-size: 0.22rem;
  line-height: 1.5;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.font-size-l {
  font-size: 0.2rem;
  line-height: 1.5;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.font-size-sl {
  font-size: 0.18rem;
  line-height: 1.5;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

@media screen and (max-width: 1440px) {
  /*.font-size-xxl {*/
  /*  font-size: 24px;*/
  /*}*/

  /*.font-size-xl {*/
  /*  font-size: 22px;*/
  /*}*/

  /*.font-size-l {*/
  /*  font-size: 18px;*/
  /*}*/

  /*.font-size-sl {*/
  /*  font-size: 16px;*/
  /*}*/
}

@media screen and (max-width: 950px) {
  /*.font-size-xxl {*/
  /*  font-size: 20px;*/
  /*}*/

  /*.font-size-xl {*/
  /*  font-size: 18px;*/
  /*}*/

  /*.font-size-l {*/
  /*  font-size: 16px;*/
  /*}*/

  /*.font-size-sl {*/
  /*  font-size: 14px;*/
  /*}*/
}

/* alert-message */
.alert-message {
  height: 100vh;
  width: 100vw;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.1);
  display: none;
}

.alert-message .inner {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  padding: 0.12rem 0.25rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.alert-message i {
  margin-bottom: 15px;
}

.alert-message .content {
  color: #ffffff;
  font-size: 0.22rem;
  line-height: 1.5;
}

.back-icon {
  position: absolute;
  left: 0.4rem;
  top: 0.4rem;
  color: #ffffff;
  font-size: 0.4rem;
  z-index: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.back-icon .left-title {
  margin-left: 0.2rem;
  font-size: 0.3rem;
}