html,body{max-width:750px;min-height:unset;height:unset;margin:auto}.body-loading{display:none}.code-modal-layout{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear}.code-modal-layout .code-modal-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;position:absolute;top:50%;left:50%;width:15.25rem;background-color:#fff;border-radius:.25rem;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.code-modal-layout .body{padding:1rem}.code-modal-layout .body .text{font-size:.8rem;color:#666666;line-height:1.1rem}.code-modal-layout .body .code-image{position:relative;margin-top:.5rem;width:100%;height:6rem;background-color:#F0F0F0}.code-modal-layout .body .code-image img{width:100%;height:100%}.code-modal-layout .body .code-image .change-btn{position:absolute;right:.25rem;bottom:.25rem;font-size:.6rem;color:#999999;line-height:.85rem;z-index:3}.code-modal-layout .body .code-image .change-btn:before{content:" ";position:absolute;top:50%;left:-.8rem;width:.55rem;height:.6rem;background-image:url("/static/mobile_site/images/auth/refresh.png");background-size:100%;background-position:center;background-repeat:no-repeat;z-index:3;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.code-modal-layout .body .code-wrap{margin-top:1rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.code-modal-layout .body .code-wrap .text{-webkit-flex-shrink:0;flex-shrink:0;font-size:.7rem;color:#666666}.code-modal-layout .body .code-wrap .input{height:1.5rem;border-bottom:1px solid #CDCDCD;box-sizing:border-box}.code-modal-layout .body .erro-text{display:none;margin-top:.5rem;font-size:.65rem;line-height:.9rem;color:#EE504E;text-align:right}.code-modal-layout .footer{display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;position:relative;height:2.2rem}.code-modal-layout .footer:before{content:" ";position:absolute;top:0;left:0;right:0;height:1px;background-color:#CDCDCD;-moz-transform:scaleY(0.5);-ms-transform:scaleY(0.5);-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.code-modal-layout .footer a{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;width:50%;font-size:.75rem;color:#999999}.code-modal-layout .footer a:before{content:" ";position:absolute;top:0;bottom:0;left:0;width:1px;background-color:#CDCDCD;-moz-transform:scaleX(0.5);-ms-transform:scaleX(0.5);-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}.code-modal-layout .footer a:first-child:before{width:0}.code-modal-layout .footer .ok{color:#FF6C6B}