.private-domain-traffic__popup {
    padding: 10px 0 20px;
    font-size: 14px;
    background-image: url('https://static1.weizan.cn/zhibo/static/img/live/private-domain/traffic/popup-bg.png?v=20220416');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.private-domain-traffic__popup .close-box {
    position: absolute;
    top: 22px;
    right: 16px;
    width: 20px;
    height: 20px;
}
.private-domain-traffic {
    padding: 16px 16px 0;
}
.private-domain-traffic__header {
    line-height: 1.2em;
    margin-bottom: 30px;
}
.private-domain-traffic__header .title {
    margin-bottom: 10px;
    padding-right: 20px;
    font-size: 16px;
}
.private-domain-traffic__header .tip {
    color: #60646B;
}
.private-domain-traffic__main {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.private-domain-traffic__main .qr-code-box {
    box-sizing: border-box;
    width: 160px;
    height: 160px;
    margin-bottom: 16px;
    padding: 6px;
    border-radius: 4px;
    border: 3px solid #CCDDFF;
    background-color: #fff;
}
.private-domain-traffic__main .guide-tip {
    display: inline-block;
    margin-top: 10px;
    color: #01286F;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    font-family: PingFangSC-Medium, PingFang SC;
}

.private-domain-traffic__popup .contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.private-domain-guide-phone {
  padding: 16px;
  background: #fff;
  border-radius: 5px;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.private-domain-guide-phone .common, .private-domain-guide-phone .private-domain-guide-phone__right, .private-domain-guide-phone .private-domain-guide-phone__left {
  font-size: 14px;
  color: #48618D;
  font-weight: 400;
}
.private-domain-guide-phone__left {
  padding-right: 16px;
  border-right: 1px solid #A2CFFF;
  margin-right: 16px;
}
.private-domain-guide-phone__right {
  text-decoration: none;
}
.private-domain-guide-phone__right:hover {
  text-decoration: none;
}
.private-domain-guide-phone__center {
  font-size: 14px;
  color: #001A47;
  font-weight: 400;
  flex: 1;
}

.traffic-entrance {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 20px;
    border-radius: 20px;
    border: 1px solid #dfe3ff;
    background: linear-gradient(45deg, #e1f1ff 0%, #dfe3ff 100%);
}
.traffic-entrance__left, .traffic-entrance__right {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
}
.traffic-entrance__left {
    width: 36px;
    height: 36px;
}
.traffic-entrance__content {
    flex: 1;
    padding: 0 16px;
    font-size: 13px;
    line-height: 18px;
    color: #01286f;
}
.traffic-entrance__right {
    width: 18px;
    height: 18px;
}

.qrCodeDialog {
    width: 300px !important;
    background: url('https://static1.weizan.cn/zhibo/static/img/live/drainset/drain-bg.png') no-repeat top center;
    background-size: 100% 100%;
    padding: 35px 0;
    box-sizing: border-box;
    overflow: initial;
}

.qrCodeDialog .qr-title {
    font-size: 16px;
    font-weight: 600;
    color: #202124;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.2;
}

.qrCodeDialog .qr-code-box {
    width: 180px;
    height: 180px;
    background: #FFF;
    border-radius: 10px;
    padding: 12px;
    box-sizing: border-box;
    margin: 0 auto;
}

.qrCodeDialog .qr-code-box .qr-code {
    width: 100%;
    height: 100%;
}

.qrCodeDialog .qr-desc {
    margin-top: 12px;
    color: #60646B;
    font-size: 12px;
    line-height: 1;
    text-align: center;
}

.qrCodeDialog .contact-box {
    width: 220px;
    height: 38px;
    background: url("https://static1.weizan.cn/zhibo/static/img/live/drainset/drain-input.png") no-repeat top center;
    background-size: 100% 100%;
    font-size: 14px;
    color: #001A47;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 0;
}

.van-overlay {
    background-color: rgba(0,0,0,.3) !important;
}

.qrCodeDialog .contact-box .label {
    color: #48618D;
}

.qrCodeDialog van-dialog__header {
    font-weight: 600;
}

.qrCodeDialog .popup-line{
    position: absolute;
    left: 50%;
    bottom:-40px;
    width: 1px;
    height: 40px;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 2px;
    opacity: 0.3;
}
.qrCodeDialog .popup-closed{
    position: absolute;
    left: 43.5%;
    bottom: -80px;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.qrCodeDialog .van-dialog__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
/* 卡特弹框定制 */
.kateqrCodeDialog {
    background: #FFFFFF;
}
.kateqrCodeDialog .qr-title {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-family: UniversLT;
    font-weight: bold;
    color: #000000;
}
.kateqrCodeDialog .qr-title::before {
    display: block;
    content: "";
    width: 17px;
    height: 17px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAtZJREFUaEPtl0mLE0EUx3+vE0kcZ2ASccMFxwG9ip2BEQa8OODMfAdR0ZPoF3C86QfQz6AHT3r2LMGDCwqigh5E56Lgjg5ZuqQq6Zil0+lKNybBrtxSr6r/y6tXr4QJHzLh+EkJjNrB1IHUgZgKpCkUU8DYy1MHYksYc4PUgZgCxl7+fzmgnjJLjX045FDm9xXhvZSotkupXjDNJkt47MXBMXFZynKUDT9OPWQXGW4grAI54A1wRUrcs7ElsgOqTJEcc9RxyKLMRzwywDfgrU9CPWCGPKeA3UDV0NQroIJwX47xzoDPGqCLXWCrCGfF5XZUEpEIGPB5DplNNaD2oUkI36XEK/WIKWANYacB32ELWR1HndeIUf54H5A1hDNRSQwk0FJekB7wrXxA4Rk/jqDYjlALAFcxc3AZODBAYe3EOXG5NciJUAKRwGuwdaZxOIFiK7CBUIeOt0YFjwLCJWBuEKjmfKR06ksgMniPGWAJoYAywDeBj20khgHvcxxIIpDAUOC9ZtroVGuQ+AT8QlG0VL7boNAz0UNAPadAjfnAA+tvrfMdphCjfBEfvD8vpnT+RPgNXIRmAYiYO4HnRzgtLne65zoImCricRjYQsaADB51U0x1CZxHUQkM0mdDsYpQGh53x8ovCMvi8rj9324Ce1DsxzG5HDwa1SaPx0njgq4/vbJ4KHIIF4DZhAjoba5KiWv/ksB5oJAYAcW6LHA9jECyKSSsoFhIiMBnYFlKPOlLQE9M9CH2mYW2Dn8rTY32OyC8jOrb9+CQTtiV0Q4SunkLayF0pRnHi8yaxDi2ElYkdIc6js1cpDOhbwWHH+LyUj1jGzXWgB1j0073ODGJD5oWiWGflPrVVqUsi3xo7dV4ld0EVlpPSmFdXO7aVKuBDxqbzUYRmxIYheqhrcSoAdl+P00hW8WSjk8dSFpR2/1SB2wVSzo+dSBpRW33Sx2wVSzp+D/QbkRA2g5PlQAAAABJRU5ErkJggg==");
    background-size: 100% 100%;
    margin-right: 8px;
}
.kateqrCodeDialog .qr-title::after {
    display: block;
    content: "";
    width: 17px;
    height: 17px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAsNJREFUaEPtl01rE1EUhp8zSaSK36CbKi4UVARF7UKCa9d15UJ/g/0BulP/gOJKUfE/9AN0IxQMNBG3Cm3FD/zCttBaW0zmyL1pIJnMJJOZ25ro3OXMuWfO877nzr1XGPAhA14/GcDfdjBzIHMgpQJZC6UUMPX0zIHUEqZMkDmQUsDU0/8vB7TMKHAHOAaso0xQY0wu8LUhpb5mmCpFhL34+Hh8YohpOcVKs9xapoBy2MYJgs86eT7KWZZ6sSW2A1rhKspjoBD4QIkqowZCX3EE5RKwDZ+qLawe/4U1puQiy2auLR6OAnvwqNl8JjpnMealyEJciFgAG8U/AfKhiZWXKGPkOI6yG6EaiDNqfwPGZYRVLXPCxjWKbwTXgWGNubgQXQG0wjWURyHKB1neA3cRflgHgkPJ23c13uDhbbjTroeBUDSuEx0BOrRNlMPzKPfwWAxAmJJywDDCL3xekGMFAxU2eoCIBEhQfKOUIESj+IPAkO10tYDTeCynhQgF6Nrz3VdYHULsYtwBHLDFGxQzPPKuINoAtMIVlKehfdy98OaIOeA+ynaEnSh+y/Q6xALKNLBq10VUO5nneWbltHWuZbQAaIXzKM+Afb3VGhGtlBEmOrSJWeyz+JTI2TUSPmoW7jceb81frDmoFaDMTeCWk+LrSZZQHiB202tXWOwzo/5zaqxFumAy+eQQPsgIn6MBZriBcNshwCLKw60DKHMObAvtdwIhzKBMblkLmaIHehE3VHfwG32H2l05/W/UFNXhaPFvbmQBJ8JOoFFLpH+OEk0Qg3uYi70m4hyn4Tt5xuUMP7XCSXx2bclxOkY79f+FpgniMmo3uvqVEiapcr3lSlniEAWK9rbVT1dKJxvbJiTpeiPbhG86TZkBOJUzQbLMgQSiOZ2SOeBUzgTJMgcSiOZ0SuaAUzkTJMscSCCa0yl/AMiUZ0CmlplfAAAAAElFTkSuQmCC");
    background-size: 100% 100%;
    margin-left: 8px;
}
.kateqrCodeDialog .qr-desc {
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #000000; 
}