*{
  margin: 0;
  padding: 0;
}
.main{
  max-width: 7.5rem;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 1.17rem;
}
.header{
  max-width: 7.5rem;
  width: 100%;
  height: 1.17rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding:0 .5rem;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  background: #ffffff;
}
.header .dropDown{
  position: absolute;
  top: 1.17rem;
  left: 0;
  width: 100%;
  height: 3.98rem;
  background: #000000;
  color: #ffffff;
  z-index: 101;
  padding-left: .5rem;
  box-sizing: border-box;
  font-size: .35rem;
  padding-top: .35rem;
  display: none;
}
.header .dropDown .item{
  width: 100%;
  height: 1.05rem;
  line-height: 1.05rem;
  color: #ffffff!important;
  display: block;
}
.header .logo{
  width: 2.53rem;
  height: .73rem;
}
.header .logo img{
  /* width: 100%; */
  height: 100%;
  display: block;
}
.header .nav .navOpen{
  width: .4rem;
  height: .27rem;
  display: block;
  -webkit-tap-highlight-color:transparent!important;
}
.header .nav .navClose{
  width: .35rem;
  height: .35rem;
  display: none;
  -webkit-tap-highlight-color:transparent!important;
}
.header .nav img{
  width: 100%;
  height: 100%;
  display: block;
}

.download{
  width: 100%;
  height: 12.66rem;
  background: url('../img/pro-7.png') no-repeat center center;
  background-size: 100% 100%;
  padding: .8rem 0 0;
  box-sizing: border-box;
  position: relative;
}
.download .title{
  color: #ffffff;
  font-size: .65rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: .3rem;
  line-height: .9rem;
}
.download .tip{
  color: #ffffff;
  font-size: .32rem;
  text-align: center;
  margin-bottom: .8rem;
}
.download .btns{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 .5rem;
  box-sizing: border-box;
}
.download .btns .btn{
  width: 2.83rem;
  height: .71rem;
}
.download .btns .btn img{
  width: 100%;
  height: 100%;
  display: block;
}
.download .phone{
  width: 4.27rem;
  height: 8.93rem;
  position: absolute;
  left: 50%;
  bottom:-2.27rem;
  margin-left: -2.13rem;
}
.download .phone img{
  width: 100%;
  height: 100%;
  display: block;
}
.introduce{
  width: 100%;
  height: auto;
  padding-top: 1px;
  padding-bottom: 1.03rem;
}
.introduce .title{
  color: #383B40;
  font-size: .65rem;
  text-align: center;
  font-weight: bold;
  margin-top: 3.3rem;
  margin-bottom: .4rem;
}
.introduce .tip{
  font-size: .31rem;
  color: #666668;
  width: 100%;
  padding: 0 .5rem;
  box-sizing: border-box;
  margin-bottom: .5rem;
}
.introduce .img{
  width: 5.57rem;
  height: 6.04rem;
  margin: 0 auto;
}
.introduce .img img{
  width: 100%;
  height: 100%;
  display: block;
}
.introduceActive{
  background: #F5F5F5;
}
.introduceActive .title{
  margin-top: .85rem;
  line-height: 0.8rem;
  margin-bottom: .2rem;
}
.introduceContent .title{
  margin-top: 1.1rem;
  margin-bottom: .3rem;
}

.mask{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  display: none;
}
.maskActive{
  color: #1885D6;
}
.feedback {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -3.25rem;
  margin-top: -4.7rem;
  background: #ffffff;
  width: 6.5rem;
  height: 9.4rem;
  border-radius: 0.06rem;
  overflow: hidden;
  padding: 0 0.5rem;
  box-sizing: border-box;
  z-index: 102;
  display: none;
}
.feedback .title {
  text-align: center;
  font-size: 0.48rem;
  color: #383b40;
  font-weight: bold;
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
}
.feedback .tip {
  font-size: 0.29rem;
  color: #666668;
  line-height: 0.38rem;
  margin-bottom: 0.29rem;
}
.feedback .request {
  width: 100%;
  height: 0.84rem;
  border: 1px solid #e5e5e5;
  border-radius: 0.04rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.29rem;
  box-sizing: border-box;
  margin-bottom: 0.17rem;
  position: relative;
}
.feedback .request .requestTitle {
  width: 90%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 0.31rem;
  color: #bfbfbf;
  line-height: 0.84rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.feedback .request .drowSelect{
  position: absolute;
  left: -1px;
  top: 0.97rem;
  width: 100%;
  height: auto;
  border: 1px solid #E5E5E5;
  border-radius: .04rem;
  background: #ffffff;
  z-index: 103;
  padding: 0.1rem .28rem;
  box-sizing: border-box;
  display: none;
}
.drowItem{
  width: 100%;
  height: auto;
  padding: .15rem 0;
  font-size: .31rem;
  color: #666668;
}

.feedback .request img {
  width: 0.24rem;
  height: 0.14rem;
}
.feedback .email {
  width: 100%;
  height: 0.84rem;
  border: 1px solid #e5e5e5;
  border-radius: 0.04rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0.29rem;
  box-sizing: border-box;
  margin-bottom: 0.33rem;
}
.feedback .email img {
  min-width: 0.46rem;
  width: 0.46rem;
  height: 0.33rem;
  display: block;
  margin-right: 0.28rem;
}
.feedback .email input {
  width: 4rem;
  height: 100%;
  border: none;
  outline: none;
  color: #666668;
  font-size: 0.31rem;
  -webkit-tap-highlight-color: transparent !important;
}
.feedback .email input::placeholder {
  color: #bfbfbf;
}
.feedback .txt {
  width: 100%;
  height: 1.65rem;
  border-radius: 0.04rem;
  border: 1px solid rgba(229, 229, 229, 1);
  margin-bottom: 0.21rem;
  box-sizing: border-box;
}
.feedback .txt textarea {
  width: 100%;
  height: 100%;
  border-radius: 0.04rem;
  border: none;
  outline: none;
  font-size: 0.31rem;
  color: #666668;
  padding: 0.1rem 0.3rem;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent !important;
}
.feedback .txt textarea::placeholder {
  font-size: 0.31rem;
  color: #bfbfbf;
}
.feedback .upload {
  width: 100%;
  height: 1.23rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.feedback .upload .select {
  width: 1.23rem;
  height: 1.23rem;
  border-radius: 0.13rem;
  border: 1px solid rgba(229, 229, 229, 1);
  position: relative;
  margin-right: 0.2rem;
}
.feedback .upload .select input{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 10;
  -webkit-tap-highlight-color: transparent !important;
}
.feedback .upload .select img {
  width: 0.46rem;
  height: 0.46rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.feedback .upload .produce {
  font-size: 0.26rem;
  color: #222222;
}
.feedback .upload .produce .tips {
  /* margin-top: .05rem; */
  font-size: 0.24rem;
  color: #989898;
}
.feedback .submit {
  width: 3.35rem;
  height: .9rem;
  background: linear-gradient(0deg, rgba(66, 189, 65, 1), rgba(80, 209, 79, 1));
  border-radius: .13rem;
  margin: .25rem auto 0;
  text-align: center;
  line-height: .9rem;
  font-size: .33rem;
  color: #FFFFFF;
  font-weight: bold;
}
.feedback .close{
  width: .35rem;
  height: .35rem;
  padding: .1rem;
  position: absolute;
  right: .21rem;
  top: .21rem;
}
.feedback .close img{
  width: 100%;
  height: 100%;
  display: block;
}
input,
a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: transparent !important;
  color: rgba(0,0,0,0);
  outline: none;
  background: none;
  text-decoration: none;
}
.imgActive{
  width: 100%!important;
  height: 100%!important;
  left: 0!important;
  top: 0!important;
  transform: translate(0)!important;
}

.footer{
  width: 100%;
  height: auto;
  background: #08151F;
  overflow: hidden;
  padding-bottom: .9rem;
}
.footer .title{
  font-size: .54rem;
  color: #ffffff;
  text-align: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
  font-weight: bold;
}
.footer .downloadBtn{
  width: 3.51rem;
  height: 1.18rem;
  margin: 0 auto 0.5rem;
}
.footer .downloadBtn img{
  width: 100%;
  height: 100%;
  display: block;
}
.footer .about{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 .5rem;
  box-sizing: border-box;
}
.footer .about .contact .name{
  color: #FFFFFF;
  font-size: .3rem;
  opacity: .38;
  margin-bottom: .4rem;
}
.footer .about .contact .item{
  width: auto;
  height: 1rem;
  line-height: 1rem;
  margin-bottom: .25rem;
}
.footer .about .contact .item a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
}

.footer .about .contact .item img{
  width: 1rem;
  height: 1rem;
  margin-right: .33rem;
}
.footer .about .contact .item div{
  color: #ffffff;
  font-size: .33rem;
}
.showMessage{
  width: 75%;
  height: auto;
  /* line-height: ; */
  background: rgba(0, 0, 0, .6);
  color: #ffffff;
  border-radius: 0.1rem;
  position: fixed;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%);
  z-index: 200;
  font-size: .35rem;
  color: #FFFFFF;
  text-align: center;
  padding: .2rem .3rem;
  box-sizing: border-box;
  display: none;
}
#showImg{
  display: none;
}