/* reset */
* {
  margin: 0;
  padding: 0;

  list-style-type: none;
  font-family: Microsoft YaHei;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
}

body {
  background: #08172C;

}

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

a:link {
  text-decoration: none;
}

/*a:visited{
	text-decoration:none;
	color: #fff;
}*/
a:hover {
  text-decoration: none;
  color: #fff;
}

a:focus {
  text-decoration: none;
  outline: 0;
  color: #fff;
}


.a-cen {
  text-align: center;
}

.v-mid {
  vertical-align: middle;
}

.fw {
  font-weight: bold;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.clear:after {
  content: '';
  display: table;
  clear: both;
}

.show-margin:before {
  content: '';
  display: table;
}


.clearfix {
  *zoom: 1
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0
}

.clearfix:after {
  clear: both
}

/*颜色*/

.c333 {
  color: #333;
}

.c666 {
  color: #666;
}

.c999 {
  color: #999;
}

.ceee {
  color: #eee;
}

.cfff {
  color: #fff;
}

.cred {
  color: #f00;
  /* color: #ff9900; */
}

.cblue {
  color: #0085da;
}

.no-display,
.hide,
.none {
  display: none;
}

.opc {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  z-index: 201;
  opacity: 0.3;
}


/*输入框*/
input {
  border-radius: 2px;
  border: none;
  font-size: 14px;
  /*2020 10-16修改*/
  /*appearance: none;*/
  /*-webkit-appearance: none;*/
  outline: none;
  border: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999 !important;
  font-size: 12px;
  padding-top: 0.07rem;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999 !important;
  font-size: 12px;
  padding-top: 0.07rem;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999 !important;
  font-size: 12px;
  padding-top: 0.07rem;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999 !important;
  font-size: 12px;
  padding-top: 0.07rem;
}

@media (min-width: 768px) {
  input {

    font-size: 18px;
  }

  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #999 !important;
    font-size: 16px;
  }

  input:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #999 !important;
    font-size: 16px;
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #999 !important;
    font-size: 16px;
  }

  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #999 !important;
    font-size: 16px;
  }
}

.btn:hover,
.btn:focus,
.btn:active {
  color: #fff;
  outline: none;
}

/*字体大小*/
.fs12 {
  font-size: 12px
}

.fs14 {
  font-size: 14px
}

.fs15 {
  font-size: 15px
}

.fs16 {
  font-size: 16px
}

.fs18 {
  font-size: 18px
}

.fs20 {
  font-size: 20px
}

.fs22 {
  font-size: 22px
}

.fs24 {
  font-size: 24px
}

.fs28 {
  font-size: 28px
}

.fs32 {
  font-size: 32px
}

/*滚动条样式*/
.content::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}

.content::-webkit-scrollbar-track {
  background: #fff;
}

.content::-webkit-scrollbar-thumb {

  background: #ccc;
}

.footer {
  height: 220px;
  text-align: center;
  width: 100%;
  /*background: url(../images/app_bg_footer.png) no-repeat center bottom;*/
  /* background-size: contain; */
}

.footer-box {
  margin-top: 170px;
}

.footer div {
  font-size: 12px;
  display: block;
  width: 100%;
  color: #000;
}

div.footer-two,
div.footer-three {
  display: none;
}

.loading {
  display: none;
  position: absolute;
  z-index: 203;
  width: 50px;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

@media (min-width: 768px) {
  .footer {
    /*height: 300px;*/
    margin-top: 42px;
    /*background-color: #ebf7ff;*/
    /* background:#f9f9f9 url(../images/ftbg3.png) no-repeat center bottom; */
    /* background: #f9f9f9 url(../images/footer_bg.png) no-repeat 100% 0; */
    /* background-color: #625fc0; */
    background-color: #625fc0;

  }

  .footer-box {
    margin-top: 60px;
  }

  .footer div {
    font-size: 16px;
  }

  div.footer-two,
  div.footer-three {
    display: block;
  }

  .loading {

    width: 180px;

    margin-left: -90px;
    margin-top: -90px;
  }
}