.live-code-add-fans{background-color:initial;width:320px}.live-code-add-fans_content{background-color:#fff;border-radius:16px;padding:32px 24px;text-align:center}.live-code-add-fans_header .header-title{color:#323233;font-size:20px;font-weight:700;margin-bottom:12px}.live-code-add-fans_header .header-desc{color:#666;font-size:clamp(12px,4vw,14px);white-space:nowrap}.live-code-add-fans_qrcode-img{margin:16px 0}.live-code-add-fans_help-desc{color:#999;font-size:14px;line-height:20px;margin-bottom:8px}.live-code-add-fans_close-btn{color:#969799;font-size:32px;margin-top:24px;text-align:center}.live-code-add-fans_custom-content{background-position:50%;background-repeat:no-repeat;background-size:contain;display:-webkit-box;display:-webkit-flex;display:flex;min-height:400px;min-width:300px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.show-qr-code{margin:6px 0}.show-qr-code .card-img{background:#000;background-clip:content-box;background-color:#d9d9d9;border:1px solid #f4f4f4;border-radius:8px;box-sizing:border-box;height:79px;overflow:hidden;width:79px}.show-qr-code .card-img img{height:100%;object-fit:cover;width:100%}.show-qr-code .card-desc{font-size:12px;font-weight:400;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.show-qr-code .type-one{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;height:155px;-webkit-justify-content:center;justify-content:center}.show-qr-code .type-one .card-desc{height:18px;margin-top:8px;text-align:center}.show-qr-code .type-two{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;height:108px;-webkit-justify-content:space-between;justify-content:space-between;padding:0 16px}.show-qr-code .type-two .card-title{color:var(--titleColor,#a8865d);font-size:14px;font-weight:500;line-height:24px}.show-qr-code .type-two .card-desc{color:#999!important;height:18px}.show-qr-code .type-three{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;height:155px;-webkit-justify-content:center;justify-content:center}.show-qr-code .type-three,.show-qr-code .type-three .card-each{display:-webkit-box;display:-webkit-flex;display:flex}.show-qr-code .type-three .card-line{background:#eee;height:75px;position:relative;top:2px;width:1px}.show-qr-code .type-three .card-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:130px}.show-qr-code .type-three .card-desc{height:18px;margin-top:10px;text-align:center}.cap-social-fans-hide{margin:6px 0}.cap-social-fans-hide__group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;font-size:12px;height:48px;-webkit-justify-content:space-between;justify-content:space-between;padding:18px 16px}.cap-social-fans-hide__left{overflow:hidden}.cap-social-fans-hide__cnt,.cap-social-fans-hide__left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1}.cap-social-fans-hide__cnt{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;padding-top:3px;width:calc(100% - 58px)}.cap-social-fans-hide__right{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;width:90px}.cap-social-fans-hide__logo{background-position:50%;background-size:cover;border-radius:8px;display:block;-webkit-flex-shrink:0;flex-shrink:0;height:48px;margin-right:10px;width:48px}.cap-social-fans-hide__round_logo_warp{height:48px;margin-right:10px;position:relative;width:48px}.cap-social-fans-hide__round_logo{border:1px solid #f4f4f4;border-radius:50%;-webkit-flex-shrink:0;flex-shrink:0;height:48px;overflow:hidden;width:48px}.cap-social-fans-hide__round_logo .shop_logo{height:48px;object-fit:cover;width:48px}.cap-social-fans-hide .wchat_logo{bottom:0;height:16px;position:absolute;right:0;width:16px}.cap-social-fans-hide__title{color:#323233;font-size:16px;font-weight:700;line-height:24px}.cap-social-fans-hide__desc,.cap-social-fans-hide__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cap-social-fans-hide__desc{color:#969799;line-height:18px}.cap-social-fans-hide__btn{background:var(--main-bg,#a8865d);border-radius:16px;color:#fff;display:block;font-size:14px;height:32px;line-height:32px;text-align:center;width:64px}.cap-social-fans__group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;font-size:12px;height:90px;-webkit-justify-content:space-between;justify-content:space-between;padding:0 15px}.cap-social-fans__official{background:#fff;padding:10px}.cap-social-fans__official-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;border:1px solid #e9e9e9;font-size:12px;height:90px;-webkit-justify-content:space-between;justify-content:space-between;padding:0 15px 0 10px}.cap-social-fans__official-wrapper .cap-social-fans__btn{background:#fff;border-color:#5a9d47;color:#5a9d47}.cap-social-fans__official-wrapper .cap-social-fans__left,.cap-social-fans__official-wrapper .cap-social-fans__right{margin-top:10px}.cap-social-fans__official-wrapper .cap-social-fans__logo{border-radius:50%}.cap-social-fans__tag{color:#b3b3b3;font-size:8px;left:10px;position:absolute;top:5px}.cap-social-fans__left{width:81%}.cap-social-fans__cnt,.cap-social-fans__left{display:-webkit-box;display:-webkit-flex;display:flex}.cap-social-fans__cnt{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%}.cap-social-fans__right{width:19%}.cap-social-fans__logo{background-position:50%;background-size:cover;display:block;height:60px;margin-right:10px;min-width:60px;width:60px}.cap-social-fans__title{color:#333;font-size:14px;font-weight:700;line-height:20px}.cap-social-fans__desc,.cap-social-fans__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70%}.cap-social-fans__desc{color:#a9a9a9}.cap-social-fans__btn{background:#f44;border:1px solid #f44;border-radius:2px;color:#fff;display:block;height:26px;line-height:26px;text-align:center;width:60px}