.content-wrapper .btn{font-size: .9rem;}
.wrap-bg{background:#f5f5f5;}
.wrap-bg-white{background:#FFF;}

.upload-box{position: relative;}
.upload-box, .preview-box{height: 15rem;}
.upload-box .btn-advanced{border:1px dashed #ced4da; position: absolute; right: 0; top:0; z-index: 2; padding: .2rem .5rem; font-size: .8rem; color: #666;}
.upload-box .btn-advanced:hover{color: #007bff; border-color: #007bff;}
.upload-box textarea{width: 100%; height:10rem; border: none; outline: none; resize: none;}
.upload-info{display: none;}
.upload-info .inner{display: flex; justify-content: center; align-items: center; height:10.4rem; text-align: center;}
.upload-result .info{border:1px dashed #ced4da; background: #F2F2F2; padding: .8rem; border-radius: .2rem; word-break:break-all;}
.upload-result .tips{margin-top: 1rem; color: #F60; font-size: .8rem; display: none;}
.upload-type-group{padding-top: 1rem; text-align: center;}
.upload-type-group .btn{margin: 0 .5rem .2rem; border-radius: 2rem; padding: .5rem 1.5rem; border-width: 2px;}

.preview-box{display: flex; justify-content: center; align-items: center; text-align: center;}
.preview-box .empty{color: #999;}
.preview-box .empty .fa{font-size: 5rem; color: #e2e2e2;}
.preview-box .qrcode{padding:1rem; display: none;}
.preview-box canvas, .preview-box img{width:100%;}


.info-area{padding: 1rem 0 2rem; box-sizing:border-box;}
.info-area .hd{text-align: center; color: #666; margin-bottom: 2rem; padding:1rem;}
.info-area .hd h5{margin-bottom: 1rem; color: #333;}
.info-area .bd{display: flex; justify-content: center; align-items: center; gap: 10rem;}
.info-area .img{width: 26rem; padding:1rem; box-sizing:border-box;}
.info-area .content{padding:1rem;}

.partner-logo{width:80%; border:1px solid #F2F2F2; margin:0 auto;}


@media (max-width: 767.98px){
.upload-box{height: 14rem;}
.upload-box textarea{height: 8rem; margin-top: 2rem;}
.upload-info .inner{height: 10rem;}
.box-created{margin-bottom: 1rem;}
.small-box{text-align:left;}

}
@media (max-width: 575.98px) {
.upload-type-group{display: flex;}
.upload-type-group .btn{flex:1; font-size:.8rem; margin: 0 .2rem .2rem; padding: .5rem 0; text-align: center;}
.info-area .hd{margin-bottom:1rem;}
.info-area .bd{display:block;}
.info-area .img{width:100%;}
.pb-5, .py-5{padding-bottom:1rem!important;}
}