.modal-main{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.7);top:0;left:0;display:none;justify-content:center;align-items:center;z-index:1000}
.modal-main.active{display:flex;}
.modal-main.active .modal-content{transform:translateY(0);}
.modal-content{background-color:#fff;width:80%;border-radius:10px;position:relative;transition:all .2s linear;transform:translateY(50%);}
.modal-close{position:absolute;right:0;top:-60px;}
.modal-close:after{content:'';display:block;height:30px;width:1px;background-color:#fff;position:absolute;left:15px;top:30px;}
.modal-close .icon{position:relative;width:31px;height:31px;display:block;border-radius:50%;box-sizing:border-box;border:solid 2px #fff;cursor:pointer;}
.modal-close .icon:after,.modal-close .icon:before{content:'';display:block;background-color:#fff;position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -8px;}
.modal-close .icon:after{transform:rotate(45deg);}
.modal-close .icon:before{transform:rotate(-45deg);}
.modal-body{padding:0 25px;}
.modal-body .qr-box{width:90%;margin:25px auto 0 auto;box-shadow:0 0 5px 1px rgba(0,0,0,.1);}
.modal-body .qr-box img{width:100%;}
.modal-body .qr-main{text-align:center;font-size:19px;color:#494949;margin:15px 0 10px 0;}
.modal-body .qr-small{text-align:center;font-size:15px;color:#b2b2b2;margin-bottom:25px;}
.modal-body .qq-list{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:solid 1px #e1e1e1;}
.modal-body .qq-list:last-child{border-bottom:0;}
.modal-body .qq-list .left .name{font-size:16px;color:#494949;margin-bottom:3px;}
.modal-body .qq-list .left .num{font-size:14px;color:#888;}
.modal-body .qq-list .add-qq{font-size:14px;}
.modal-body .qq-list .btn-tel{width:25px;height:25px;font-size:0;line-height:0;}
.modal-body .wx-list{display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px #e1e1e1;padding:20px 0;}
.modal-body .wx-list:last-child{border-bottom:0;}
.modal-body .wx-list .text-box{width:calc(100% - 115px);}
.modal-body .wx-list .text-box .name{font-size:15px;color:#494949;}
.modal-body .wx-list .text-box .num{font-size:13px;color:#494949;}
.modal-body .wx-list .text-box .small{font-size:12px;color:#b2b2b2;}
.modal-body .wx-list .img-box{width:115px;}