body{font-family: 'Microsoft Yahei', 'Simsun'; font-size:62.5%;background:#dfe5eb;}
.card-hesd{ background:#fff; padding:1em; overflow:hidden; border-bottom:1px solid #c1bfbf}
.card-logo{ margin-top:1em}
.card-logo img{ width:9em}
.card-logo2{ margin-top:1em}
.card-logo2 img{ width:6em}
.card-btn{ margin-left:1em; border-left:1px solid #e6e9ed; padding-left:1em}
.card-btn a{ display:block; color:#fff; border-radius:0.5em; padding:0.7em 1em}
.card-btn a.gy1{ background:#a6afbf; margin-bottom:0.5em}
.card-btn a.gy2{ background:#e60012}

.card-con{ background:url(/static/wd5j/html/images/card_pc.png) no-repeat; background-size:100% 100%;width: 100%;
    height: 100vh;padding-top: 60px;box-sizing: border-box;}
.card-con dl{ padding:1em 4em;position: relative;}
.card-con dt{ font:16px 'Microsoft YaHei'; color:#464e5e; margin-bottom:0.5em}
.card-con dd{ font:14px 'Microsoft YaHei'; color:#464e5e;padding: 2.5px 0;}
.card-con dd.san a{ margin-right:1em;display: inline-block;height: 20px;line-height: 22px;}
.card-con dd.san a span{position: relative;top: 1px;}
.card-con dd.san a img{width: 20px;height: 20px;vertical-align: middle;}

.card-footer{ padding:2em 1em; background:#dfe5eb; overflow:hidden}
.card-code{ margin-right:1em; padding-right:1em; border-right:1px solid #c4c8d1; }
.card-nr p{font:1.4em/1.7 'Microsoft YaHei'; color:#464e5e}
.w640{max-width:640px;margin: 50px auto 0;background-color: white;border-radius: 10px;min-height: 360px;}
.card-top{text-align: center;}
.card-top img{width: 100px;height: 100px;border-radius: 50%;border: 1px silver solid;margin-top: -50px;}
.card-top p{font-size: 16px;font-weight: bold;margin-top: 10px;}
.card-qr{position: absolute;bottom: 10px;right: 10px;text-align: center}
.san img{}




#card_container .phone{display: none;vertical-align: middle;width: 1.8rem;height:1.8rem;margin-left: .5rem;float: right;margin-top: -12px;}
#card_container .phone img{width: 100%;vertical-align: middle;}
#card_container .store-url a{color: #2fb8f2;}
@media screen and (max-width: 600px) {
    .card-con{padding-top: 40px;}
    #card_container{background-image: url("/static/wd5j/html/images/card_mobile.png")}
    #card_container .w640{width: 90%;}
    #card_container dl{padding: 1em;}
    #card_container dd{padding: .4em 0;}
    #card_container .card-qr{display: none;}
    #card_container .san{display: none;}
    #card_container .phone{display: inline-block;}
    .card-hesd .card-merchant{display: none;}
}