/* These styles make the body full-height */
html, body {
  height: 100%;
}
/* These styles disable body scrolling if you are using <ScrollView> */
body {
  overflow: hidden;
  margin: 0 auto;
}
/* These styles make the root element full-height */
#root {
  display:flex;
  height:100%;
  width: 1875px;
  background-color: #fff;
}
#wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height:100%;
  width: 100%;
  background-color: #eee;
}
#qrcode-wrap {
  display: flex;
  padding: 20px;
  margin: 0 20px;
  background-color: #fff;
  flex-direction: column;
  height: 120px;
}
#qrcode-text{
  margin-top: 10px;
  font-size: 12px;
  color: #333;
  text-align: center;
}

/*媒体查询*/
/*竖屏*/
@media (max-width: 1875px) and (orientation:portrait) {
  #root {
    width: 100%;
  }
  #qrcode-wrap {
    display: none;
  }
}

/*横屏*/
@media (max-height: 1875px) and (orientation:landscape){
  #root {
    width: 100%;
  }
  #qrcode-wrap {
    display: none;
  }
}