/*! 版权所有，翻版必究 */
.mask {
  height: 100%;
  width: 100%;
  position: fixed;
  bottom: 0px;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  color: #EEEEEE;
  font-size: 20px;
  /*display: block;*/
  z-index: 9;
}

.enterForm {
  width: 35%;
  border: 1px solid white;
  background-color: white;
  z-index: 10;
  position: fixed;
  top: 20%;
  left: 35%;
  border-radius: 5px;
  text-align: center;
  display: none;
}

.enterButton {
  background-color: #2773FF;
  border-radius: 5px;
  padding: 5px 40px 5px 40px;
  color: white;
  border-color: #2773FF;
  margin-bottom: 20px;
}

.radioSpan {
  font-size: 16px;
  font-weight: 400;
  color: rgba(65, 65, 66, 1);
  position: absolute;
}

.radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  /* font-weight: 400; */
  /* vertical-align: middle; */
  cursor: pointer;
  margin-right: 30px;
  top: -15px;
}

.errorhidden {
  display: none;
  color: red;
  font-size: 16px;
  /* margin-top: -20px; */
}

.suchidden {
  display: none;
  color: green;
  font-size: 16px;
  /* margin-top: -20px; */
}

/* banner */
#itemone {
  position: relative;
  margin-top: -70px;
  width: 100%;
  height: 100%;
}

#itemone .container {
  position: relative;
  height: 100%;
}

#bannerimg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -11;
  width: 100%;
  height: 100%;
  background: url(https://flpublic.oss-cn-shanghai.aliyuncs.com/website/image/mallbannerbg.png) repeat;
}

#bannerimg::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #333);
  background: linear-gradient(transparent, #333);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#333));
  /** Chrome Safari **/
  background: -moz-linear-gradient(top, transparent, #333);
  /** FireFox **/
  background: -o-linear-gradient(top, transparent, #333);
  /** Opear **/
  background: -ms-linear-gradient(transparent, 0%, #333 100%);
  /** IE9 IE10 **/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#333', GradientType=1);
}

#bannerimg img {
  /*width: 33%;*/
  /*height: 75%;*/
  /*position: absolute;*/
  /*left: 10%;*/
  /*bottom: 0;*/
  /*!* top: 20%; *!*/
  /*z-index: 3;*/
  width: 100%;
  height: 100%;
}

#slogan {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#slogan .aidobanner {
  position: absolute;
  bottom: 0px;
  width: 35%;
  /* height: 573px; */
  left: 16%;
}

#slogan p {
  left: 53%;
  color: #fff;
  position: absolute;
  /*right: 3%;*/
  /*text-align: right;*/
  width: 60%;
}

#slogan .big {
  top: 30%;
  font-size: 52.85px;
  color: #2773FF;
  /*line-height: 70px;*/
  /*margin-bottom: 20px;*/
  font-weight: 800;
}

#slogan .big span {
  top: 30%;
  font-size: 21.25px;
  color: #FEFEFE;
  background-color: #2773FF;
  border-radius: 50px;
  /*line-height: 70px;*/
  /*margin-bottom: 20px;*/
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
}

#slogan .small {
  top: 40%;
  font-size: 33.35px;
  /*line-height: 50px;*/
  /*margin-bottom: 20px;*/
  font-weight: 400;
}

.line {
  top: 50%;
  width: 421px;
  height: 1px;
  border: 1px solid rgba(255, 255, 255, 1);
  opacity: 0.43;
  background-color: white;
  left: 53%;
  position: absolute;
}

#slogan .qr {
  left: 53%;
  color: #fff;
  position: absolute;
  /*right: 3%;*/
  /*text-align: right;*/
  /*width: 100%;*/
  top: 55%;
}

#slogan .div_btn {
  left: 53%;
  color: #fff;
  position: absolute;
  /*right: 3%;*/
  /*text-align: right;*/
  /*width: 60%;*/
  top: 85%;
  /*margin-bottom: 20px;*/
}

.qrbtn {
  background: #3863d2;
  font-size: 29px;
  border-radius: 10px;
  /*width: 30%;*/
  /*height: 30%;*/
  margin-right: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

#slogan div .qrimg {
  display: inline-block;
  width: 130px;
  height: 130px;
  border: 5px solid #ccc;
  background:white;
}

#slogan a {
  color: white;
}

#slogan .qrcode_tips {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

#slogan .qrcode_tips img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

#slogan .qrcode_tips div {
  padding: 10px 15px;
  border: 1px solid #fff;
  border-radius: 20px;
}

#slogan .qrcode_tips div:last-child {
  margin-top: 15px;
}

.clickgoto {
  cursor: pointer;
}

/* 展示图文 */
/*.wordimgbg1,*/
/*.wordimgbg3 {*/
/*  height: auto;*/
/*  background: linear-gradient(to right, #dfdfe1, #e4e5e8);*/
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfe1', endColorstr='#e4e5e8', GradientType=1);*/
/*}*/

/*.wordimgbg2 {*/
/*  height: auto;*/
/*  background: linear-gradient(to right, #e4e5e8, #dfdfe1);*/
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e5e8', endColorstr='#dfdfe1', GradientType=1);*/
/*}*/

.wordimgbg1,
.wordimgbg2 {
  height: auto;
  padding: 70px 0;
  /*background: linear-gradient(#6088EF, #3863D2);*/
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#6088EF), to(#3863D2));*/
  /*!** Chrome Safari **!*/
  /*background: -moz-linear-gradient(top, #6088EF, #3863D2);*/
  /*!** FireFox **!*/
  /*background: -o-linear-gradient(top, #6088EF, #3863D2);*/
  /*!** Opear **!*/
  /*background: -ms-linear-gradient(#6088EF, 0%, #3863D2 100%);*/
  /*!** IE9 IE10 **!*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6088EF', endColorstr='#3863D2', GradientType=1);*/
  background: linear-gradient(#4385FF, #2773FF);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#4385FF), to(#2773FF));
  /** Chrome Safari **/
  background: -moz-linear-gradient(top, #4385FF, #2773FF);
  /** FireFox **/
  background: -o-linear-gradient(top, #4385FF, #2773FF);
  /** Opear **/
  background: -ms-linear-gradient(#4385FF, 0%, #2773FF 100%);
  /** IE9 IE10 **/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4385FF', endColorstr='#2773FF', GradientType=1);
}

.supporttitle {
  text-align: center;
  padding-top: 45px;
  margin-bottom: 30px;
  font-size: 40px;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

.labels {
  font-size: 18px;
  /*font-family: Source Han Sans CN;*/
  font-weight: 400;
  color: rgba(65, 65, 66, 1);
  line-height: 43px;
}

.malldisplay {
  height: auto;
  padding: 0;
}

.malldisplay img {
  width: inherit;
}

.formGroup {
  padding-bottom: 40px;
}

.controlLabel {
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  color: rgba(65, 65, 66, 1);
}

.wordimgbg3 {
  height: auto;
  padding: 70px 0;
  /*background: linear-gradient(#ffffff, #eaf0ff);*/
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaf0ff));*/
  /*!** Chrome Safari **!*/
  /*background: -moz-linear-gradient(top, #ffffff, #eaf0ff);*/
  /*!** FireFox **!*/
  /*background: -o-linear-gradient(top, #ffffff, #eaf0ff);*/
  /*!** Opear **!*/
  /*background: -ms-linear-gradient(#ffffff, 0%, #eaf0ff 100%);*/
  /*!** IE9 IE10 **!*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaf0ff', GradientType=1);*/
  background: linear-gradient(#ffffff, #ffffff);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
  /** Chrome Safari **/
  background: -moz-linear-gradient(top, #ffffff, #ffffff);
  /** FireFox **/
  background: -o-linear-gradient(top, #ffffff, #ffffff);
  /** Opear **/
  background: -ms-linear-gradient(#ffffff, 0%, #ffffff 100%);
  /** IE9 IE10 **/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.headTitle {
  font-size: 36px;
  font-weight: 500;
  color: #2773ff;
  padding: 45px 0px;
}

.title {
  font-size: 18px;
  font-weight: 500;
  color: rgba(65, 65, 66, 1);
  margin-top: 5px;
  margin-left: 5px;
  overflow: hidden;/*超出部分隐藏*/
  white-space: nowrap;/*不换行*/
  text-overflow:ellipsis;/*超出部分文字以...显示*/
  word-break: break-word;
}

.contentLayout {
  display: flex;
  flex-direction: row;
  margin-bottom: 60px;
  padding: 5px;
  width: 80%;
  margin-left: 10%;
}

.contentLayout2 {
  width: 26%;
  margin: auto;
  background-color: white;
  border-radius: 5px;
}

.content {
  font-size: 14px;
  font-weight: 400;
  color: rgba(65, 65, 66, 1);
  margin-top: 10px;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box; /*将div转换为盒子模型*/
  -webkit-line-clamp: 2; /*设置div的文本为2行*/
  -webkit-box-orient: vertical;/*从顶部向底部垂直布置子元素*/
  word-break: break-word;
}

.supportitem img {
  width: 98%;
  margin-right: 2%;
}

#pcItem {
  display: block;
}

#phonesItem {
  display: none;
}

/* 适配 */
/* 大屏幕 */
@media (min-width: 1200px) {
  #itemfactory {
    padding: 100px 0;
    background: pink;
  }
  
  #pcItem {
    display: block;
  }
  
  #phonesItem {
    display: none;
  }
}

/* 中等屏幕 */
@media (min-width: 992px) and (max-width: 1200px) {
  #itemfactory {
    padding: 80px 0;
    background: green;
  }
  
  #pcItem {
    display: block;
  }
  
  #phonesItem {
    display: none;
  }
  
  .qrbtn {
    background: #3863d2;
    font-size: 25px;
    border-radius: 10px;
    /*width: 30%;*/
    /*height: 30%;*/
    margin-right: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  #slogan .aidobanner {
    position: absolute;
    bottom: 0px;
    width: 513px;
    height: 481px;
  }
}

/* 小屏幕 */
@media (min-width: 768px) and (max-width: 992px) {
  #itemfactory {
    padding: 50px 0;
    background: red;
  }
  
  #pcItem {
    display: block;
  }
  
  #phonesItem {
    display: none;
  }
  
  .qrbtn {
    background: #3863d2;
    font-size: 20px;
    border-radius: 10px;
    /*width: 30%;*/
    /*height: 30%;*/
    margin-right: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #slogan .aidobanner {
    position: absolute;
    bottom: 0px;
    width: 400px;
    height: 375px;
  }
}

/* 手机 */
@media (max-width: 768px) {
  #pcItem {
    display: none;
  }
  
  #phonesItem {
    display: block;
  }
  
  /* banner */
  #itemone {
    height: 400px;
    margin-top: 0px;
  }
  
  #slogan .big {
    top: 26%;
    font-size: 22px;
    line-height: 40px;
  }
  
  #slogan .small {
    top: 33%;
    font-size: 16px;
    line-height: 50px;
  }
  
  #more {
    top: 45%;
    font-size: 13px;
  }
  
  #qrcode {
    width: 120px;
    right: 4%;
    padding: 4px;
  }
  
  #qrcode .codetip {
    font-size: 12px;
    line-height: 14px;
    margin: 5px 0;
  }
  
  #bannerimg {
    background: none;
  }
  
  #bannerimg::after {
    background: #38373F;
  }
  
  #bannerimg img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0%;
    bottom: 0%;
    z-index: 3;
  }
  
  #slogan p {
    right: 0;
    text-align: center;
  }
  
  #slogan .big {
    top: 50px;
    line-height: 40px;
    margin-bottom: 10px;
    font-size: 30px;
    font-family: 'SourceHanSansCN-Medium';
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
  }
  
  #slogan .small {
    top: 100px;
    line-height: 20px;
    font-size: 18px;
    font-family: 'SourceHanSansCN-Light';
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 18px;
  }
  
  #more {
    top: 140px;
    right: 50%;
    transform: translateX(50%);
    font-size: 13px;
  }
  
  /* phonedisplay */
  .phonedisplay,
  .phonedisplay .row {
    height: auto;
  }
  
  .phonedisplay {
    padding: 6px;
  }
  
  .phonedisitem {
    padding: 0px;
    position: relative;
  }
  
  .phonedisitem img {
    width: 100%;
    height: auto;
  }
  
  .phonedisiteminfo {
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0px;
    width: 45%;
  }
  
  .phonedisitemclass {
    position: absolute;
    top: 32%;
    font-size: 14px;
    font-family: 'SourceHanSansCN-Regular';
    font-weight: 400;
    color: rgba(56, 55, 63, 1);
    line-height: 20px;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
  }
  
  .phonedisitemtitle {
    position: absolute;
    top: 42%;
    font-size: 18px;
    font-family: 'SourceHanSansCN-Regular';
    font-weight: 400;
    color: #38373F;
    line-height: 26px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0px;
  }
  
  .phonedisitemstylecode {
    position: absolute;
    top: 54%;
    font-size: 12px;
    border: 1px solid #38373F;
    border-radius: 23px;
    padding: 1px 3px;
    color: #38373F;
    width: auto;
    left: 50%;
    margin-left: -50px;
    padding: 0 10px;
    text-align: center;
  }
  
  .phonedisitem1 {
    margin-bottom: 6px;
  }
  
  .phonedisitemleft {
    padding-right: 0.5%;
    height: auto;
  }
  
  .phonedisitemright {
    padding-left: 0.5%;
    height: auto;
  }
  
  .phonedisitemleftcon {
    width: 100%;
    height: 100%;
  }
  
  .phonedisitemrightcon {
    width: 100%;
    height: 100%;
  }
  
  .phonedisitem img {
    width: 100%;
    height: auto;
  }
  
  .phonedisitemcon {
    padding: 5px 0 10px 0;
    position: relative;
    height: 66px;
  }
  
  .phonedisitemcontitle {
    font-size: 18px;
    font-family: 'SourceHanSansCN-Regular';
    font-weight: 400;
    color: rgba(56, 55, 63, 1);
    line-height: 26px;
    text-align: center;
    font-weight: 500;
  }
  
  .phonedisitemconcode {
    position: absolute;
    bottom: 10px;
    left: 50%;
    /* margin-left: -35px;
    width: 70px; */
    transform: translateX(-50%);
    font-size: 12px;
    border: 1px solid #38373F;
    border-radius: 23px;
    padding: 1px 3px;
    color: #38373F;
    opacity: .8;
  }
  
  .phonedisitemconcode88 {
    width: auto;
    padding: 0 10px;
    left: 50%;
    margin-left: -50px;
    transform: translateX(0);
    text-align: center;
  }
  
}
.aidoVersion{
  font-family: PingFangHK-Medium, PingFangHK;
  color: #FFFFFF;
  word-wrap: break-word;
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 57.5%;
  left: 81%;
  opacity: 0.87;
}