@charset "utf-8";

body {
  padding: 0;
  margin: 0;
}

.main_wrap_pc {
  display: none;
}

.main_wrap_h5 {
  display: none;
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  height: 100%;
  background: #4776e6;
  background-image: linear-gradient(
    to left,
    rgba(37, 92, 253, 0.85),
    rgba(59, 70, 236, 0.85),
    rgba(87, 64, 202, 0.85),
    rgba(108, 60, 187, 0.85),
    rgba(115, 0, 189, 0.85)
  );
}

.qrcode {
  display: none;
  width: 120px;
  max-width: 120px;
  margin: 0 auto;
  border-radius: 8px;
}

.main_wrap {
  width: 100%;
  height: 100%;
}

.img_wrap {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.img_bg {
  display: block;
  width: 100%;
  min-height: 100%;
  height: auto;
}

/* 提示下载弹层   */
.app_download {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  background-color: rgba(0, 0, 0, 0.7);
}

.download_img {
  width: 85%;
  height: auto;
  position: fixed;
  top: 0;
  right: 20px;
  z-index: 2;
}

.download_section {
  width: 100%;
  height: calc(100% - 9rem);
  position: absolute;
  top: 6rem;
  left: 0;
  z-index: 3;
  overflow: hidden;
}

.ico_info {
  display: flex;
  justify-content: center;
  align-items: center;
}

.download_ico {
  display: block;
  width: 12.6rem;
  height: 12.6rem;
  margin-right: 3rem;
  border-radius: 100%;
}

.app_name {
  font-size: 4.6rem;
  font-weight: bold;
  line-height: 11rem;
  color: #fff;
  text-align: center;
}

.app_msg {
  font-size: 3rem;
  line-height: 6rem;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  margin: 2rem auto 3rem;
}

.app_temp {
  display: block;
  width: auto;
  height: calc(100vh - 62rem);
  /* height: auto; */
  margin: 0 auto 0;
}

.download_btn_wrap {
  width: 100%;
  /* background-color: #fff; */
  /* border-top-left-radius: 60px; */
  /* border-top-right-radius: 60px; */
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
  /* padding-bottom: 5.8rem; */
}

.download_btn_msg {
  font-size: 3rem;
  line-height: 12.4rem;
  /* color: #474747; */
  color: #fff;
  padding-top: 1.2rem;
  text-align: center;
}

.download_btn {
  display: block;
  width: 42rem;
  height: 8rem;
  font-size: 3.2rem;
  line-height: 8rem;
  text-align: center;
  letter-spacing: 3px;
  color: #ffffff !important;
  background: linear-gradient(144deg, #8060ff 0%, #561bfe 100%);
  box-shadow: 0px 1px 7px 2px rgba(6, 0, 88, 0.15);
  border-radius: 100px;
  margin: 0 auto;
}

.copyright_info_wrap {
  font-size: 2.6rem;
  line-height: 4rem;
  text-align: center;
  color: #ebebeb;
  padding: 4rem 0;
}

/* 消息提醒弹窗   */
.msg_wrap {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 70%;
  margin: -3rem 0 0 -35%;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  z-index: 10001;
}

.msg_title {
  height: 4rem;
  font-size: 0.69rem;
  line-height: 4rem;
}

.close_btn {
  height: 2rem;
  font-size: 0.7rem;
  line-height: 2rem;
  color: #56b1ff;
  border-top: 1px solid #ccc;
}

/*加载loading提示*/
#zxloading {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999999999;
  background: rgba(0, 0, 0, 0.8);
}

#zxloading #loadtext {
  width: 40rem;
  height: 30rem;
  padding: 20px 0;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -15rem 0 0 -20rem;
  text-align: center;
  font-size: 2.4rem;
  z-index: 1000001;
  border-radius: 5px;
  /* background: rgba(0,0,0,0.8); */
}

#zxloading #loadtext p {
  font-size: 2.4rem;
  margin-top: 5px;
  color: #fff;
}

#zxloading #loadtext img {
  width: 16rem;
  height: 16rem;
}

/* 代替alert的提示弹窗 */
.wind_msg_wrap {
  display: none;
}

.wind_msg_content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
}

.wind_msg_content:before {
  content: "";
  display: inline-block;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.save_succe {
  display: inline-block;
  font-size: 2.6rem;
  line-height: 4rem;
  text-align: center;
  vertical-align: middle;
  color: #111;
  background-color: #fff;
  padding: 3rem;
  width: 60%;
  border-radius: 1rem;
  word-wrap: break-word;
  word-break: break-all;
}

/* 通用 ‘取消/确定 ’ 弹窗 */
.alert_wrap {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999;
  background-color: rgba(0, 0, 0, 0.6);
}

.alert_cont {
  width: 70%;
  min-height: 18rem;
  position: absolute;
  top: 50%;
  left: 15%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 1rem;
  padding-bottom: 10rem;
  overflow: hidden;
}

.wind_title {
  height: 8rem;
  font-size: 3rem;
  line-height: 4rem;
  text-align: center;
}

.alert_title {
  font-size: 2.6rem;
  line-height: 3rem;
  padding: 1rem 2rem 1rem;
  text-align: center;
}

.alert_btn_wrap {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.alert_btn_cont {
  width: 100%;
  float: left;
  position: relative;
  left: 50%;
}

.alert_btn {
  float: left;
  width: 50%;
  height: 8rem;
  font-size: 2.8rem;
  line-height: 8rem;
  text-align: center;
  position: relative;
  right: 50%;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  cursor: pointer;
}

.alert_btn_left {
  border-right: 1px solid #ccc;
}

.main_wrap {
  margin: 0 auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.content_hide {
  display: none;
}

.line {
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
}

.clearfix {
  clear: both;
  zoom: 1;
}

.clearfix:after {
  content: "";
  height: 0;
  display: block;
  overflow: hidden;
  clear: both;
}