.socialPage,.socialPage .container{width:100%}.socialPage .container .bar{width:100%;display:flex;flex-wrap:wrap;line-height:55px;align-items:center;justify-content:start}.socialPage .container .bar .flexItem{margin-right:5px}.socialPage .container .bar .flexItem .s{width:100px}.socialPage .container .bar .flexItem .ss{width:150px}.socialPage .container .bar .flexItem .m{width:200px}.socialPage .container .bar .flexItem .mm{width:250px}.socialPage .container .bar .flexItem .l{width:300px}.socialPage .container .bar .flexItem .xl{width:350px}.socialPage .container .bar .flexItem .btn i{position:relative;top:-3px;margin-right:5px}.socialPage .container .pageBar{display:flex;justify-self:start}.socialPage .container .pageBar .batchOptClass{display:flex;margin:22px 10px 22px 0}.socialPage .container .pageBar .batchOptClass .btn{margin-left:5px}.forms .form{width:100%}.forms .form .line{margin:30px 0 10px 0}.forms .form .label{font-size:16px;margin:5px;display:flex;justify-content:space-between}.forms .form .item{margin:5px}.forms .form .item .s{width:100px}.forms .form .item .ss{width:150px}.forms .form .item .m{width:200px}.forms .form .item .mm{width:250px}.forms .form .item .l{width:300px}.forms .form .item .xl{width:350px}.forms .form .item .default{background-color:#aaa;color:#fff;font-weight:700}.forms .form .item .qrcode{border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;width:200px;height:200px;background-color:#ddd}.forms .form .item .qrcode .qrcode-img{width:200px;height:200px}.forms .form .item .qrcode .qrcode-btn{width:100%;text-align:center;cursor:pointer}.forms .form .item .head{width:80px;height:80px;border:2px solid #aaa;border-radius:50%}.forms .form .item .check-time{width:200px;text-align:center}.forms .form .tabpane .bar{margin:10px 0}.forms .form .tabpane .bar .bar-item .s{width:100px}.forms .form .tabpane .bar .bar-item .ss{width:150px}.forms .form .tabpane .bar .bar-item .m{width:200px}.forms .form .tabpane .bar .bar-item .mm{width:250px}.forms .form .select .selectItem{display:flex;align-items:center;justify-content:start}.forms .form .select .selectItem .img{width:40px;height:40px;background-size:cover;background-repeat:no-repeat;background-position:top;border-radius:50%}.forms .form .select .selectItem .label{margin:0 10px}.forms .form .textarea{border:1px solid #ddd;border-radius:0}.forms .form .button{width:100%;padding:30px;text-align:right}.forms .form .button button{margin-right:5px}.getQrCodeModel{position:absolute;width:340px;height:340px}.getQrCodeModel .modal-body{text-align:center}.getQrCodeModel .modal-body .model-item{margin-bottom:10px;font-size:16px}.getQrCodeModel .modal-body .model-item img{width:300px;height:300px;margin:20px auto}.msgModel{position:absolute;width:500px;height:500px}.msgModel .modal-body .form .item{margin-bottom:10px;font-size:16px}.msgModel .modal-body .form .item img{width:50px;height:50px;border-radius:25px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotation{animation:spin 2s linear infinite}