/* 彻底重置所有元素的默认样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 补充常用元素的重置 */
html,
body,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset {
    margin: 0;
    padding: 0;
}

/* 统一表格元素样式 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 统一列表样式 */
ul,
ol {
    list-style: none;
}

/* 统一按钮样式 */
button,
input,
select,
textarea {
    font: inherit;
    line-height: normal;
    overflow: auto;
}

/* 去除链接下划线 */
a {
    text-decoration: none;
}

/* 表单元素样式重置 */
input,
button,
textarea {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
html,body {
    height: 100vh;
    width: 100vw;
}
.zbt-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.content {
    flex: 1;
    display: flex;
    width: 100%;
    background: url(./img/bg.png) no-repeat;
    justify-content : center;
    align-items: center;    
    background-size: cover;
}
.header {
    height: 14.4%;
    background-color: #666666;
    width: 100%;
}
.main {
    height: 72%;
    width: 100%;
}
.footer {
    min-height: 14%;
    background-color: #666666;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 14px;
    text-align: center;
}
.footer p {
    line-height: 28px;
}
.laout {
    display: flex;
}
.phone {
    width: 245px;
    height: 490px;
    background: url(./img/tub.png) no-repeat;
    background-size: 100% 100%;
    margin-right:78px;
}
.right-box {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}
.right-box  .logo {
    width: 56px;
    height: 56px;
}
.qrcode {
    width: 176px;
    height: 175px;
    box-shadow: 3px 3 12px 0px #9EBFD8;
    border-radius: 6px 6px 6px 6px;
    margin-top: 25px;
    padding: 10px;
    box-sizing: border-box;
    background: url(./img/qrcode.png) no-repeat;
    background-size: 100% 100%;
}
.p1 {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 32px;
    color: #3D3D3D;
    margin-top: 4px;
}
.p2 {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 17px;
    color: #666666;
    margin-top: 6px;
}
.p3 {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 17px;
    color: #3D3D3D;
    margin-top: 22px;
}
.btn-form {
    display: flex;
    margin-top: 40px;
}
.btn-form a {
    width: 154px;
    height: 46px;
    margin-right: 23px;
    display:block;
    background: url(./img/Android.png) no-repeat;
    background-size: 100% 100%;
}
.btn-form a:nth-child(2) {
    margin-right: 0px;
    background: url(./img/iPhone.png) no-repeat;
    background-size: 100% 100%;
}
.wechat-alert{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.9);
  text-align: right;
  display: none;
}
.wechat-alert-img{
  width: 74.66%;
  margin-top: 10px;
  margin-right: 30px;
  display: inline-block;
}

@media (max-width: 750px) {
    /* 在这里写你的CSS规则 */
    .phone {
        display: none;
    }
    .right-box {
        align-items: center;
    }
    .footer{
        font-size: 11px;
    }
}