body,
html {
  height: 100%;
  font-size: 14px;
  Font-family:"Helvetica neue",Helvetica,Arial,"PingFang SC”,”Microsoft YaHei","Source Han Sans CN",sans-serif;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
dl,
dd,
form,
table {
  margin: 0;
  padding: 0;
}

ul,
ol,
li {
  padding-left: 0;
  list-style-type: none;
}

input,
textarea,
select {
  outline: none;
  vertical-align: bottom;
}

img {
  border: none;
}

a {
  outline: none;
  text-decoration: none;
  /*display: block;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  font-family: inherit;
  font-weight: normal;
  margin: 0;
  text-rendering: optimizelegibility;
}

.hide {
  display: none !important;
}

.mT10 {
  margin-top: 10px;
}

.mT15 {
  margin-top: 15px;
}

.mT20 {
  margin-top: 20px;
}

.mT30 {
  margin-top: 30px;
}

.mT40 {
  margin-top: 40px;
}

.mT50 {
  margin-top: 50px;
}

.mT60 {
  margin-top: 60px;
}

.bT60 {
  margin-bottom: 60px;
}

.mR10 {
  margin-right: 10px;
}

.mR13 {
  margin-right: 13px;
}


.mR20 {
  margin-right: 20px;
}

.mR40 {
  margin-right: 40px;
}

.mL10 {
  margin-left: 10px;
}

.mL20 {
  margin-left: 20px;
}

/*导航栏*/

.header {
  width: 1200px;
  padding-top: 30px;
  line-height: 30px;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 9;
  margin-left: -600px;
  color: #fff;
}

.header .logo {
  float: left;
  font-size: 18px;
}

.header .logo img {
  vertical-align: middle;
  height: 32px;
}

.header .logo img.wenjuan-logo {
  height: 32px;
  margin-right: 25px;
}

.header .logo img:nth-of-type(2n) {
  height: 32px;
  vertical-align: middle;
  margin-left: 16px;
}

.header .nav {
  font-size: 16px;
  float: right;
  margin-right: 40px;
}

.header .nav .a {
  color: #fff;
  display: inline-block;
  margin-left: 35px;
  position: relative;
}

.header .nav a.active {
  border-bottom: 2px solid #fff;
}

.header .nav .s_title {
  color: #fff;
}

.header .nav .hotLine .icon {
  display: inline-block;
  width: 29px;
  height: 29px;
  margin-right: 10px;
  background: url(../images/icon/min_host.png) no-repeat;
  vertical-align: middle;
  margin-top: -4px;
}

.header .subnav {
  background: url(../images/down_nav_bg_v2.png) no-repeat left 12px;
  position: absolute;
  left: 0;
  top: 28px;
  z-index: 1;
  display: none;
}

.header .subnav dl {
  margin-top: 26px;
}

.header .subnav dd {
  height: 32px;
  overflow: hidden;
}

.header .subnav dd a {
  font-size: 13px;
  width: 100%;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-align: left;
  display: inline-block;
}

.header .subnav dl a:hover {
  background: #53a4f4;
}

.header .research_of_cloud {
  width: 180px;
  height: 186px;
}

.header .solution {
  width: 257px;
  height: 230px;
}

.header .solution dl {
  float: left;
  width: 127px;
}

.header .solution dl dt {
  text-align: center;
  margin-bottom: 6px;
}

.header .solution dl dt a {
  color: #fff;
  font-size: 13px;
}

.header .solution dl.lineUp {
  border-right: 1px solid #444;
}

.header .solution dl a {
  font-size: 12px;
}

.header .case {
  width: 110px;
  height: 96px;
}

.header .about {
  width: 74px;
  height: 96px;
}

.trans {
  position: absolute;
  right: 5px;
}

.trans a {
  color: #fff;
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 2px solid #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
}

.cx-entrance {
  position: absolute;
  right: 630px;
}

.cx-entrance a img {
  width: 207px;
  height: 28px;
}

.m-cx-entrance {
  display: none;
}

/*首屏*/

.head {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
}

.head .infoBox {
  position: absolute;
  width: 1100px;
  left: 50%;
  top: 30%;
  z-index: 2;
  margin-left: -550px;
  text-align: left;
}

.head .infoBox .info {
  color: #fff;
  width: 420px;
}

.head .infoBox .info h2 {
  font-size: 50px;
}

.head .infoBox .info .p1 {
  font-size: 28px;
}

.head .infoBox .info .p1 span {
  display: inline-block;
  margin-right: 20px;
}

.head .infoBox .info .p2 {
  font-size: 18px;
  line-height: 35px;
}

/*按钮*/

.more1 {
  color: #fff;
  font-size: 20px;
  display: inline-block;
  height: 56px;
  line-height: 56px;
  padding: 0 50px;
  border: 2px solid #fff;
  border-radius: 60px;
}

.more2 {
  color: #fff;
  font-size: 20px;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  padding: 0 50px;
  border-radius: 60px;
  background: #53a4f4;
}

.sendButton {
  display: inline-block;
  width: 72px;
  height: 40px;
  line-height: 40px;
  padding: 0 28px;
  font-size: 14px;
  border-radius: 4px;
  background: #2672ff;
  color: #fff;
  cursor: pointer;
  border: none;
  outline: none;
}

/*icon*/

.dicon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/icon/duigou.png) no-repeat;
  margin: -4px 10px 0 0;
  vertical-align: middle;
}

/*内容*/

.content {
  width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.content .title {
  font-size: 50px;
  color: #53a4f4;
}

/*邮件发送*/

.sendEmail {
  padding-top: 20px;
  width: 100%;
  background: #E9F1FF;
  text-align: center;
  color: #fff;
}

.sendEmail .title {
  height: 200px;
  line-height: 200px;
  font-size: 62px;
  color: #fff;
}

.sendEmail .title .icon {
  width: 64px;
  height: 64px;
  display: inline-block;
  background: url(../images/icon/host.png) no-repeat;
  margin: -13px 30px 0 0;
  vertical-align: middle;
}

.sendEmail .m-mTitle {
  display: none;
  font-size: 20px;
  color: #303133;
  font-weight: 600;
}

.m-submit_box {
  display: none;
}

.sendEmail table {
  margin: 20px auto 40px;
}

.sendEmail table .minW {
  height: 40px;
  width: 577px;
  padding: 0 20px;
  border: 1px solid #fff;
  border-radius: 4px;
  background: #fff;
}

.sendEmail table .maxW {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border: 1px solid #fff;
  border-radius: 4px;
  background: #fff;
  vertical-align: top;
  box-sizing: border-box;
}

.sendEmail .ipc {
  font-size: 12px;
  height: 120px;
  line-height: 120px;
}

.qr-card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 993px;
  height: 460px;
  background: #fff;
  border-radius: 10px;
  padding: 100px 80px;
  margin: 100px auto;
  box-shadow: 0px 2px 20px 0px rgba(38, 114, 255, 0.2);
}

.qr-card .card-left {
  position: relative;
  width: 596px;
  height: 100%;
  background: url(../images/pc/qr-card-bg.png) no-repeat center;
  background-size: 105% 105%;
  padding-top: 30px;
  box-shadow: 5px 1px 6px 0px rgba(224, 235, 255, 1);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-sizing: border-box;
}

.qr-card .card-title {
  color: #303133;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  font-family: "微软雅黑";
}

.card-left .left-img {
  width: 188px;
  height: 188px;
  margin: 74px auto 22px;
  background: #fff;
}

.card-left .left-img img {
  width: 100%;
  height: 100%;
}

.card-left .left-lable {
  color: #444547;
  font-size: 14px;
  text-align: center;
}

.card-left .left-tip {
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url(../images/pc/qr-card-tip.png) no-repeat center;
  background-size: cover;
}

.sendEmail .qr-card .card-right {
  width: 397px;
  height: calc(100% - 4px);
  border: 1px solid #e1e4eb;
  border-left: none;
  padding: 10px 66px 27px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  box-sizing: border-box;
}

.sendEmail .qr-card .card-right .card-title {
  font-size: 24px;
}

.sendEmail .card-right .submit_box {
  padding-top: 30px;
}

.sendEmail .submit_box .form-item {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.sendEmail .submit_box .form-item input {
  width: 100%;
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
  border: 1px solid #D3D6DE;
  border-radius: 2px;
  color: #303133;
  box-sizing: border-box;
}

.sendEmail .submit_box .form-item input::-webkit-input-placeholder {
  color: #909399;
}

.sendEmail .submit_box .form-item input:focus {
  border-color: #518eff;
  box-shadow: 0 0 4px 0 #bed4ff;
}

.sendEmail .submit_box .form-item .error-message {
  display: none;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #fa7070;
  font-size: 12px;
  font-family: "微软雅黑";
}

.sendEmail .submit_box .form-item.is-error input {
  border-color: #fa7070 !important;
  box-shadow: none !important;
}

.sendEmail .submit_box .form-item.is-error .error-message {
  display: block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.sendEmail .submit_box .captcha-wrap {
  position: relative;
  text-align: left;
}

.sendEmail .submit_box .captcha-wrap input {
  width: calc(100% - 102px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.sendEmail .submit_box .captcha-wrap .error-message {
  right: 120px;
}

.sendEmail .submit_box .captcha-wrap .check_code_btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 102px;
  height: 40px;
  margin: 0;
  border: 1px solid #E1E4EB;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: linear-gradient(#fff 12%, #F9FAFB 88%);
  color: #C0C4CC;
  cursor: pointer;
}

.sendEmail .submit_box .captcha-wrap.has_mobile:hover .check_code_btn {
  border-color: #bed4ff;
  color: #518eff !important;
}

.sendEmail .submit_box .captcha-wrap .pc-l-captcha {
  position: absolute;
  right: -42px;
  top: 0;
  width: 144px;
  height: 40px !important;
  opacity: 0;
  display: none;
  cursor: pointer;
}

.sendEmail .submit_box .captcha-wrap .pc-l-captcha iframe {
  position: absolute;
  right: 0;
  top: 0;
  width: 144px !important;
  height: 40px !important;
}

.m-submit_box {
  display: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.sendEmail table .input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #909399;
}

.sendEmail table .input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #909399;
}

.sendEmail table .input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #909399;
}

.sendEmail table .input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #909399;
}

/**********ellipsis*************/

.rotating {
  background: url(../images/loading.gif) no-repeat center center;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 9999;
  /*     opacity: 0.1;
    -moz-opacity: 0.1;
    fliter:alpha(opacity=10);*/
  display: none;
}

/*更新logo*/
.sendEmail .new_ipc {
  font-size: 14px;
  padding: 25px 0;
}

.new_ipc img {
  vertical-align: middle;
}

.idiaoyan {
  position: relative;
  font-style: normal;
  margin-left: 10px;
}

.m-newHot {
  display: none;
}

.newHot {
  /* width: 1100px; */
  margin: 0 auto 50px;
}

.newHot div {
  display: inline-block;
}

.newHot .hot_wrap {
  width: 240px;
  margin: 20px 12px 0 0;
  background: #fff;
  border-radius: 4px;
}

.newHot .hot_top {
  display: block;
  opacity: 1;
  padding: 32px 24px 0;
  font-size: 14px;
}

.newHot .hot_bottom {
  display: block;
  opacity: 1;
  padding: 15px 24px 18px;
  font-size: 12px;
  color: #C0C4CC;
}

.newHot .hot_icon {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/tel.svg) no-repeat center;
  background-size: cover;
  margin-bottom: 12px;
}

.newHot .hot_area {
  margin-bottom: 8px;
  color: #909399;
  font-weight: 600;
}

.newHot .hot_area span {
  margin-left: 8px;
  padding: 0 4px;
  color: #909399;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid #E1E4EB;
}

.newHot .hot_tel {
  padding-bottom: 13px;
  border-bottom: 1px dashed rgba(211, 214, 222, 0.3);
  color: #7CAAFF;
}

.newHot p {
  text-align: left;
}

.newHot .hot_info {
  line-height: 20px;
  margin-bottom: 10px;
}

.newHot.is_biz .hot_icon {
  background-image: url(../images/biz-tel.svg);
}

.newHot.is_biz .hot_area {
  color: #303133;
}

.newHot.is_biz .hot_tel {
  color: #518EFF;
}

.newHot.is_biz .hot_bottom {
  color: #606266;
}

.newHot .active_area {
  border: 1px solid #BED4FF;
  box-shadow: 0 0 4px 4px rgba(190, 212, 255, 0.3);
}

.newHot .active_area .hot_top {
  background: #7CAAFF;
}

.newHot .active_area .hot_top .hot_icon {
  background-image: url(../images/active_tel.svg);
}

.newHot .active_area .hot_top .hot_area {
  color: #fff;
}

.newHot .active_area .hot_top .hot_area span {
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

.newHot .active_area .hot_top .hot_tel {
  color: #fff;
}

.newHot .active_area .hot_bottom {
  color: #303133;
}

.hb,
.gz,
.sz {
  position: relative;
  /*top: -29px;*/
}

.new_line {
  color: #56a5f1;
}

.new_line i {
  font-style: normal;
  color: #fff;
}

.m_flinks_box {
  display: none;
}

.flinks_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  background: #141414;
  padding: 40px 0;
}

.flinks_box ul li {
  display: inline;
  float: left;
}

.flink_title {
  align-self: flex-start;
  color: #fff;
  font-size: 14px;
  margin: 0 0 16px;
  text-align: left;
}

.flinks_link {
  overflow: hidden;
  box-sizing: border-box;
  height: auto;
  margin: 16px 6px 0px;
}

.flinks_link.border {
  border: 1px solid #444A54;
  border-radius: 2px;
}

.flinks_link img {
  width: 190px;
  height: 60px;
  background-color: #fff;
  border-radius: 4px;
}

.flinks_box ul li:first-child .flinks_link {
  margin-left: 0;
}

.flinks_link_1 {
  background: url(../images/flinks/wenjuanwang.png) center no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.flinks_link_2 {
  background: url(../images/flinks/wenjuanwangmss.png) center no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.flinks_link_3 {
  background: url(../images/flinks/aidiaoyan.png) center no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.flinks_link_4 {
  background: url(../images/flinks/survey.png) center no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.flinks_link_5 {
  background: url(../images/index-new/Flink5.png) center no-repeat;
  height: 100%;
  width: 100%;
}

.meeting-link-phone {
  display: none;
}

.meeting-link {
  position: absolute;
  left: 415px;
  top: 45px;
}

.meeting-link a {
  display: block;
}

.meeting-link a img {
  height: 28px;
}

.head .gqBox {
  width: 100%;
  position: absolute;
  bottom: 15px;
  z-index: 1;
  text-align: center;
  display: none;
}

.head .gqBox img {
  height: 85px;
}

.newHotTwo {
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 15px 30px;
  width: 650px;
  margin: 20px auto 40px;
}

.newHotTwo_list {
  display: inline-block;
  width: 49%;
  padding: 10px 0;
  text-align: left;
  font-size: 18px;
}

@media (max-width: 640px) {
  .meeting-link {
    display: none;
  }

  .meeting-link-phone {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 34px;
    background: rgba(0, 0, 0, 0.2);
    text-align: center;
    display: block;
    z-index: 999;
  }

  .meeting-link-phone a {
    display: block;
  }

  .meeting-link-phone a img {
    width: 100%;
  }

  .head .gqBox {
    width: 100%;
    position: absolute;
    bottom: 30px;
    z-index: 1;
    text-align: center;
    display: none;
  }

  .head .gqBox img {
    width: 80%;
    height: auto;
  }

  .newHotTwo {
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0.5rem 0.6rem;
    width: 90%;
    margin: 0 auto 1rem;
  }

  .newHotTwo_list {
    display: block;
    width: 100%;
    padding: 0.5rem 0;
    text-align: left;
    font-size: 18px;
  }

  .m_flinks_box {
    margin: 0 auto;
  }

  .main_t li:nth-child(3n+1) .flinks_link {
    margin-left: 0;
  }

  .main_t li:nth-child(3n) .flinks_link {
    margin-right: 0;
  }
}

.footer-container {
  background: #141414;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-container .copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 20px;
  color: white;
  font-size: 14px;
  line-height: 26px;
  overflow: hidden;
}

.footer-container .copyright img {
  width: 80px;
  height: 26px;
  margin-right: 18px;
}

.footer-container .copyright .text {
  position: relative;
  padding-left: 18px;
  opacity: 0.4;
}

.footer-container .beian {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 14px;
  padding: 0;
  margin: 0;
  margin-left: 24px;
}

.footer-container .beian img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.footer-container .beian span {
  opacity: 0.4;
}
.header-new.header{
  padding-top: 28px;
}
.header-new.header .nav .a {
  font-size: 16px;
  color: #000000;
}

.header-new.header .nav .s_title {
  font-size: 16px;
  color: #000000;
}

.header-new.header .nav a.selected::after{
  content: "";
  width: 100%;
  height: 3px;
  background: #2572FF;
  border-radius: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.header-new.header .nav{
  margin-right: 56px;
}
.header-new .trans a{
  color: #000;
  border: none;
}


.consult-box-new {
  margin-top: 0;
  background-color: #F8FAFF;
  padding-top: 60px;
}

.consult-box-new .box-bg {
  background: url(../images/wjmss/consult-bg.png) no-repeat;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 65px;
  padding-bottom: 50px;
  background-color: #F8FAFF;
}

.consult-box-new .flex-box {
  width: 100%;
  margin: 0;
}

.consult-box-new .consult-item {
  width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 16px;
  font-weight: 500;
}

.consult-box-new .consult-item img {
  width: 60px;
  margin-bottom: 28px;
}

.consult-box-new .consult-item p {
  color: #000;
  font-weight: 500;
}

.consult-box-new .consult-item span {
  padding-right: 4px;
  color: #909399;
  font-weight: 400;
}

.consult-box-new .consult-btn {
  display: flex;
  width: 140px;
  height: 48px;
  line-height: 48px;
  background: #2572FF;
  color: #fff;
  border-radius: 6px;
  align-items: center;
  justify-content: center;
}

.consult-box-new .consult-btn img {
  width: 20px;
  height: 20px;
}

.consult-box-new .contain_title {
  text-align: center;
  position: relative;
}

.consult-box-new .contain_title .title {
  height: 36px;
  line-height: 36px;
  font-size: 36px;
  color: #000;
  font-weight: 500;
  position: relative;
  display: inline-block;
  z-index: 0;
  padding: 0;
}

.consult-box-new .contain_title .title:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background-image: linear-gradient(269deg, #4eabff00 0%, #53a4f480 51%, #53a4f400 98%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.consult-box-new .mobile-flex-box{
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 30px;
}

.consult-box-new .flex-box{
  width: 80%;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.consult-box-new .flex-box .text-box {
  width: 214px;
  height: 167px;
  box-shadow: 0px 8px 8px 0px rgba(190,212,255,0.40);
  background:  url("../images/pc/contact_backgorund.png") no-repeat center;
  background-size: contain;
}

.consult-box-new .flex-box .text-box .box-header {
  height: 76px;
  text-align: center;
  font-family: PingFangSC-Medium;
  color: #444547;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.consult-box-new .flex-box .text-box .box-header::after{
  content: " ";
}
.consult-box-new .flex-box .text-box .box-header::before{
  content: " ";
}

.consult-box-new .flex-box .text-box .box-footer {
  height: 90px;
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: #606266;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.consult-box-new .flex-box .text-box .box-footer::after{
  content: " ";
}
.consult-box-new .flex-box .text-box .box-footer::before{
  content: " ";
}

.order-wrap {
  display: none;
}

.qrcode_modal {
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
}

.modal {
  display: none;
  /* 初始时隐藏 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* 半透明背景 */
  justify-content: center;
  align-items: center;
}

.qrcode_modal .modal-content {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  position: relative;
  width: 300px
}

.qrcode_modal .close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  cursor: pointer;
}

.qrcode_modal .modal-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.qrcode_modal .modal-description {
  text-align: center;
  margin-top: 10px;
}

.qrcode_modal .modal-img {
  display: block;
  margin: 20px auto;
  width: 100%;
}