game-box/public/common/manage/login.css

@charset "utf-8"; 
body, html {font-family: helvetica neue,Tahoma,Microsoft Yahei,Myriad Pro,Hiragino Sans GB,sans-serif;}
.logo{padding:10px 40px;width: 100%;}
.logo img{width: 140px;}
/*公用*/
.login_wrap{position: relative;}
.login_wrap .row{padding-bottom:12px;clear: both;margin:10px 0px;}
.login_wrap .title{padding:30px 38px 10px 38px;font-size:30px;box-sizing: border-box;height: 90px;}
.login_wrap .title a{display: block;float: left;}
.login_wrap #form{padding:0px 38px;}
.login_wrap #form img{width:100%;height:48px;}
.login_wrap #form #reg_code{font-size: 14px;border-radius: 2px;box-sizing: border-box;width: 100%;height: 48px;line-height:48px;padding: 0px 10px;display: inline-block;vertical-align: middle;text-decoration: none;text-align: center;color: #3370ff;background-color: #fff;font-size: 14px;background-image: none;border:transparent;cursor: pointer;box-sizing: border-box;}
.login_wrap input{height: 48px;font-size: 18px;line-height: 48px;border: 1px solid #d7d7d7;width: 100%;font-size: 14px;align-items: center;border-radius: 4px;border: 1px solid #dee0e3;}
.login_wrap input:hover{ border-color:#3370ff;}
.login_wrap input:focus {outline: none;}
.login_wrap .btn{height: 48px;font-size: 14px;line-height: 48px;width:100%;text-align:center;outline:0;border:0;border-radius: 4px;background-color: #0084ff;border-color: #0084ff;color: #f7f8fe;cursor: pointer;border: 1px solid transparent;}
.login_wrap .btn:hover{background-color:#2e69c2;}
.login_wrap .bottom{position: relative;text-align: center;height: 60px;line-height: 60px;padding: 0 24px;color: #8590a6;border-radius:0px 0px 4px 4px;}
/* 版权 */
.footer{position: fixed;bottom: 0px;right: 0px;left: 0px;height: 50px;line-height: 50px;text-align: center;color:#b2adbc}
.footer a{color:#b2adbc}
/* 布局 */
@media screen and (min-width:759px){
    html,body{background-color: #F6F8F9;}
    .login_wrap{position: absolute;left:50%;top:50%;width:500px;margin-left: -250px;margin-top: -300px;border-radius: 5px;box-shadow: 0 5px 20px 0 rgba(14,31,102,.08);background-color: #fff;box-sizing: border-box;}
    .login_wrap .bottom{background-color: #f6f6f6;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);}
    .login_type{border-radius:0px 5px 0px 0px;position: absolute;z-index: 2;width: 0;height: 0;border-color: #f0f4ff #f0f4ff transparent transparent;border-style: solid;border-width: 38.5px;top: 0;right: 0;overflow: visible;-webkit-transform: rotate(0);transform: rotate(0);background: #fff;}
    .login_type i{top: -26px;left: -19px;width:40px;height: 40px;-webkit-transform: rotate(0);transform: rotate(0);cursor: pointer;position: absolute;-webkit-transform: rotate(0);transform: rotate(0);background-size: 78% 78%;background-position: 50%;background-repeat: no-repeat;}
    .login_type i:before {content: "";position: absolute;left: -6px;top: 1px;border-color: transparent transparent #fff #fff;border-style: solid;border-width: 20px;}
    .login_type .scan-icon i{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggZmlsbD0iIzMzNzBGRiIgZD0iTTQuNjI4IDE3Ljk3aDEyLjQ1NFY1LjQ1Mkg0LjYyOFYxNy45N3pNLjEuOWgyMS41MXYyMS42MjJILjFWLjl6bTcuOTI1IDcuOTY2aDUuNjZ2NS42OWgtNS42NnYtNS42OXpNMi45MyAzMC4yMjd2Ny4yMjNoNy4xODV2LTcuMjIzSDIuOTN6TS4xIDI3LjM4MmgxMi40NTNWMzkuOUguMVYyNy4zODJ6bTI4Ljc0LTIyLjg3djcuMjIyaDcuMTg2VjQuNTFIMjguODR6TTI1LjI0OS45SDM5LjF2MTQuNDQ1SDI1LjI0OFYuOXptMy41OTMgMjguODl2Ny4yMjJoNy4xODVWMjkuNzlIMjguODR6bS0zLjU5My0yLjQwOEgzOVYzOS45SDI1LjI0OFYyNy4zODJ6bS04LjM4My0xLjQ0Nmg0LjUyOXY0LjU1MmgtNC41Mjl2LTQuNTUyem0wIDYuODI4aDQuNTI5djYuODI3aC00LjUyOXYtNi44Mjd6bTguMTQxLTEzLjY1Nmg0LjUyOXY0LjU1MmgtNC41Mjl2LTQuNTUyem02Ljc5MyAwaDYuNzkzdjQuNTUySDMxLjh2LTQuNTUyeiIvPjwvc3ZnPg==);}
    .login_type .account-icon i{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iIzMzNzBGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjYgMjl2M0g5di0zaDE3em02LjM4MS0yOUMzMy4yNzUgMCAzNCAuNzI4IDM0IDEuNjI1djIyLjc1YzAgLjg5Ny0uNzI1IDEuNjI1LTEuNjE5IDEuNjI1SDEuNjE5QTEuNjIyIDEuNjIyIDAgMDEwIDI0LjM3NVYxLjYyNUMwIC43MjguNzI1IDAgMS42MTkgMGgzMC43NjJ6bS0xLjYyIDIwSDMuMjM4djIuNzVoMjcuNTI0TDMwLjc2IDIwem0wLTE2Ljc1SDMuMjM5VjE3aDI3LjUyM1YzLjI1eiIvPjwvc3ZnPg==);}
    .tooltip-content {display: none;position: absolute;padding: 12px;right: 40px;white-space: nowrap;border-radius: 2px;background: #37f;color: #fff;font-size: 14px;-webkit-transform: translateY(-60%);transform: translateY(-60%);-webkit-box-shadow: 0 4px 10px 0 rgba(153,187,255,.4);box-shadow: 0 4px 10px 0 rgba(153,187,255,.4);}
    .tooltip-content:after {content: "";display: block;width: 0;height: 0;right: -6px;top: 16px;background: #37f;position: absolute;border-color: #37f #37f transparent transparent;border-style: solid;border-width: 6px;-webkit-transform: rotate(45deg) translate(0);transform: rotate(45deg) translate(0);}
    #scan{position: absolute;top:0px;left: 0px;bottom: 0PX;right: 0PX;background: #FFF;z-index: 1;}
    .qrcode{text-align: center;margin-top:30px;line-height:40px;color: #444950;}
    #show_qrcode{width: 200px;height: 200px;margin: auto;}
    #show_qrcode img{width: 200px;height: 200px;}
}
@media screen and (max-width:760px){
    .login_wrap{width:100%;margin:0px;box-shadow:none;position: relative;margin-left: 0px;margin-right: 0px;top: 0px;left: 0px;min-width: 362px;}
    .login_wrap form{padding: 0px 20px 0px;}
    .login_type{display: none;}
}