/*弹窗*/
.sp-modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;padding-top: 0;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;color: #3e3e3e;}
.sp-modal .fade .modal-dialog {-webkit-transition: -webkit-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;-webkit-transform: translate(0, -25%);-ms-transform: translate(0, -25%);-o-transform: translate(0, -25%);transform: translate(0, -25%);}
.sp-modal .in .modal-dialog {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.modal-open .sp-modal {overflow-x: hidden;overflow-y: hidden; padding: 0 !important;}
.sp-modal .modal-dialog {position: relative;width: auto;}
.sp-modal .modal-content {position: relative;-webkit-background-clip: padding-box;background-clip: padding-box;outline: 0;}
.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;}
.modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0;}
.modal-backdrop.in {filter: alpha(opacity=85);opacity: 0.85;}
.sp-modal .modal-close {position: absolute;z-index: 10; width: 30px;height: 30px;right: 0;top: -2px;cursor: pointer;border: 0; font-size: 40px; color: #fff; line-height: 30px; text-align: center;}
.sp-modal .modal-close:focus {outline: 0;}
.sp-modal .modal-body {position: relative;}
.sp-modal .modal-dialog { margin: 0 auto;}

/**SSO登录弹窗**/
.sp-modal.sso-modal .modal-dialog { width: 360px; height: 350px; background: #1f1f1f;}
.sp-modal .sso-login-iframe {display:block; width: 240px; height: 300px; margin: 0 auto; padding-top: 40px;}
#loginModal .modal-body {height: 360px; overflow: hidden;}

/**第三方登录弹窗**/
.sp-modal .modal-content { box-shadow: none; background-color: transparent; border: none; }

/***
 * 
 * **/
#loginQqModal .modal-dialog,
#loginQqModal iframe.qq-iframe,
#loginWxModal .modal-dialog,
#loginWxModal iframe.wx-iframe {
    width: 1280px;
    height: 800px;
}