* {

  margin: 0;

  padding: 0;

}



body {

  width: 100%;

  min-height: 100%;

  font-size: .28rem;

}



.warp {

  margin: 0 auto;

  position: relative;

  overflow-x: hidden;

  max-width: 7.50rem;
  width: 100%;

  padding-top: 1.00rem;

  padding-bottom: .30rem;

}



a {

  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

  -moz-user-focus: none;

  text-decoration: none;

}



a,

a:hover,

a:active,

a:visited,

a:link,

a:focus {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-tap-highlight-color: transparent;

  outline: none;

  background: none;

  text-decoration: none;

  color: #000000;

}



::selection {

  background: #FFF;

  color: #333;

}



::-moz-selection {

  background: #FFF;

  color: #333;

}



::-webkit-selection {

  background: #FFF;

  color: #333;

}



li {

  list-style: none;

}



input,

textarea {

  border: none;

  box-shadow: none;

  outline: none;

  resize: none;

}



input:focus {

  border: none;

}



button {

  background-color: transparent;

  border: none;

}





.home-header-box {

  width: 100%;

  height: 1.00rem;

  display: flex;

  justify-content: center;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 99;

}



.home-header {

  height: 1.00rem;

  width: 7.50rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

  box-sizing: border-box;
  overflow-x: hidden;

  padding: 0 .20rem;

  background-image: url(../static/logo.png);

  background-repeat: no-repeat;

  background-size: 100% 6.80rem;

  color: #fff;

  border-bottom: .01rem solid #1D1C88;

}



.home-header .logo {

  display: flex;

  align-items: center;

}



.home-header .logo span {

  margin-left: .10rem;

}



.home-header .logo img {

  width: .47rem;

  height: .53rem;

}



.home-top-logo {

  background-image: url(../static/logo.png);

  width: 7.50rem;

  height: 6.80rem;

  background-size: 100% 6.80rem;

}



.menu-img {

  width: .38rem;

  height: .38rem;

}



/* 隐藏菜单 */

.menu {

  width: 7.50rem;

  height: 100%;

  position: fixed;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  z-index: 60;

  overflow-x: hidden;

  display: none;

}



.menu-mask {

  width: 7.50rem;

  height: 100%;

  position: fixed;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  background-color: #000000;

  opacity: 0;

  transition: all .5s;

  z-index: 60;

}



.menu-show {

  opacity: .4;

}



.menu-center {

  width: 5.00rem;

  height: 100%;

  position: absolute;

  z-index: 61;

  background-color: #fff;

  top: 0;

  right: 0;

  transform: translateX(100%);

  transition: all .5s;

  padding-top: 1.00rem;

  box-sizing: border-box;

}



.menu-center .menu-item {

  width: 100%;

  line-height: 1.14rem;

  box-sizing: border-box;

  font-weight: bold;

  font-size: .26rem;

}



.menu-center .menu-item .menu-item-center {

  display: flex;

  justify-content: space-between;

  align-items: center;

  height: 1.14rem;

  padding: 0 .20rem;

}



.menu-center .menu-item .image {

  width: .26rem;

  height: .26rem;

  background-image: url(../static/icon-bottom.png);

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  transition: all .4s;

}



.menu-childer {

  overflow: hidden;

  max-height: 3.42rem;

  transition: all .4s;

}



.menu-childer-height {

  max-height: 0;

}



.menu-center .menu-item .image-rotate {

  transform: rotate(-90deg);

}



.menu-center .menu-item a {

  width: 100%;

  height: 100%;

  display: block;

}



.menu-center .menu-el {

  width: 100%;

  height: 1.14rem;

  line-height: 1.14rem;

  padding: 0 .20rem;

  padding-left: .60rem;

  box-sizing: border-box;

  font-weight: bold;

  font-size: .26rem;

  background-color: #EEEEEE;

}



.menu-center-show {

  transform: translateX(0);

}

img{
  object-fit: cover !important;
}


.sym-popup {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .3);
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  display: none;
}

.sym-popup-form {
  width: 6.20rem;
  background-color: #fff;
  border-radius: .14rem;
  padding: .40rem .50rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sym-popup-title {
  font-size: .38rem;
  color: #000;
  margin-bottom: .32rem;
  font-weight: bold;
}

.sym-popup-cell {
  width: 100%;
  height: .80rem;
  background-color: #FAFAFA;
  display: flex;
  align-items: center;
  padding: 0 .20rem;
  border-radius: .10rem;
  margin-bottom: .10rem;
  box-sizing: border-box;
}

.sym-popup-label {
  font-size: .28rem;
  width: 1.30rem;
}

.sym-input {
  flex: 1;
  background-color: transparent;
  font-size: .26rem;
}

.sym-submit{
  width: 100%;
  height: .80rem;
  text-align: center;
  line-height: .80rem;
  color: #fff;
  background-color: #1595FF;
  margin-top: .40rem;
  border-radius: .10rem;
  user-select: none;
}