.bg-white{ background: #fff;}
.content-box img, .modal-body img{ max-width: 100%;}

/*--tb.save--*/
.tb-save .tb-save-tips{ padding: 15px; color: #999;}
.tb-save .line-bg{ text-align: center;}
.line-bg:before, .line-bg::after{ content:''; display:inline-block; width:80px; border-top:1px solid #ddd; vertical-align:5px;}
.tb-save .setting-box{ margin-bottom: 10px;}
.tb-save .setting-links{ margin-top: 0; border-bottom: solid 1px #eee;}
.tb-save .setting-links > span{ width: 140px;}
.tb-save .setting-links > p{ width: calc(100% - 85px); padding-right: 15px; text-align: right; font-size: 14px;}
.tb-save .setting-links i{ color: #ff3333; font-style: normal;}
.tb-save .info-box{ margin-top: 0; border-bottom: solid 1px #eee;}
.tb-save .info-box .form-control{-webkit-box-shadow: none; box-shadow: none;}
.tb-save .info-box img{ margin-bottom: 10px; border-radius: 0;}
.tb-save .info-box span{ color: #ff3333;}
.tb-save .line-bg{ width:100%;}
.tb-save .save-btn{ display: block; width: 45%; margin: 15px auto; font-size: 16px; color: #fff; background: #ff3333;}
.tb-save .tb-save-key{ padding: 15px 15px 0; font-size: 16px;}
.tb-save .tb-save-key .form-control{ margin: 5px 0;}
.tb-save .tb-save-key span{ font-size: 14px; color: #999;}
.tb-save .tb-save-key span.red{ color: #ff3333;}

/*--tb.my-card--*/
.tb-my-card{ width: 100%; padding: 15px;}
.card-box{ width: 100%; padding:10px; margin-bottom: 15px; border-radius: 5px; background: #fff;}
.card-box .card-logo{ float: left; width: 60px; height: 60px; margin: 0 15px 5px 0; border-radius: 50%;}
.card-box .card-name{ float: left; width: calc(100% - 165px); padding-top: 15px; font-size: 16px; text-align: left; font-weight: bold; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow : hidden;}
.card-box .card-poster{ float: right; margin-top: 15px;}
.card-info{ padding-left:25px; margin-top: 10px; background: url('../img/tb/tag_phone.png') no-repeat; background-size: 18px 18px;}
.tag-wechat{ background-image: url('../img/tb/tag_wechat.png');}
.tag-sign{ background-image: url('../img/tb/tag_sign.png');}
.tag-address{ background-image: url('../img/tb/tag_address.png');}
.card-box .card-btn, .card-info .card-btn{ float: right; padding: 2px 10px; border: 0; border-radius: 10px; color: #333; font-size: 12px; background: #FFBC1A;}
.card-info .copy-content{ position: fixed; top: -300px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.card-box .box-title{ padding-left: 8px; margin-top: 3px; border-left: solid 2px #ff3333; font-size: 15px; color: #222; font-weight: bold;}
.card-box .card-tb-key .box-title{ height: 34px; line-height: 34px; margin-right: 15px;}
.card-box .card-tb-key input{ width: calc(100% - 145px);}
.card-box .card-tb-key .copy-btn{ color: #fff; background: #ff3333;}
.card-box .card-tb-key input{ height: 34px;}
.card-box .card-tb-key p{ padding-top: 10px; color: #888;}
.card-desc li{ display: flex; margin-top: 10px; font-weight: bold;}
.card-desc .desc-title{ width: 75px;}
.card-desc .desc-content{ width: calc(100% - 75px); color: #888;}
.tb-my-card .bottom-btn{ display: block; width: 100%; margin: 15px auto; font-size: 16px; color: #fff; background: #ff3333;}
.card-box-bg{ background: url('../img/tb/card_box_bg.png'); background-size: 100% 100%;}
.card-box-bg2{ background: url('../img/tb/card_box_bg2.png'); background-size: 100% 100%;}

/*--tb.process--*/
.tb-process{ width: 100%; padding: 15px; background: #fff;}
.tb-process ul{ padding-top: 10px;}
.tb-process li{ display: flex; width: 100%; padding-bottom: 10px;}
.tb-process li span{ width: 20px; line-height: 18px; font-size: 16px; color: #ff3333; font-weight: bold;}
.tb-process li p{ width: calc(100% - 20px); font-size: 14px;}
.tb-process li p img{ margin: 15px 0;}
.tb-process li p .copy-btn{ margin-top: -5px; color: #fff; background: #ff3333;}
.tb-process li .wechat_qrcode{ display: block; width: 70%; margin: 0 auto;}
.tb-process li p input[name='tb_key']{ position: fixed; top: -300px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.tb-process li p input[name='wechat_id']{ width: calc(100% - 90px); height: 34px; margin-top: -4px;}

/*--tb.union--*/
.union-page{ width: 100%; padding: 5px 10px;}
.union-menu{ width: 100%; padding: 10px 15px; margin-top: 10px; border-radius: 10px; background: #fff;}
.union-menu .menu-title{ padding-bottom: 15px; font-size: 15px; color: #888;}
.union-menu .menu-content{ display: flex; flex-wrap: wrap;}
.union-menu a{ width: 33%; margin-bottom: 20px; text-align: center; color: #666;}
.union-menu a span img{ width: 30px; height: 30px; margin-bottom: 5px;}
.union-bottom-btn{ display: block; width: 50%; margin: 20px auto 20px; font-size: 16px; color: #fff; background: #ff3333;}