@media (min-width:600px) {
    .getpwd{
        width:100%;
        background:#f2f2f2;
    }
    .getpwd .top{
        position:absolute;
        width:100%;
        height:70px;;
        left:0;
        top:0;
        background:#333;
    }
    .getpwd .top .wrapper{
        max-width:1100px;
        margin:0 auto;
        text-align:left;
    }
    .getpwd .top .wrapper .top-logo{
        cursor:pointer;
        height:70px;
    }
    .getpwd .top .wrapper i{
        display:inline-block;
        height:70px;
        line-height:70px;
        color:#aaa;
        vertical-align:top;
        font-style:normal;
        padding:0 10px;
    }
    .getpwd .top .wrapper span{
        display:inline-block;
        height:70px;
        line-height:70px;
        vertical-align:top;
        padding:0 5px;
        color:#fff;
        font-size:24px;
    }
    .getpwd .container{
        position:absolute;
        left:50%;
        top:100px;
        transform:translate(-50%,0);
        width:900px;
        background:#fff;
        border-radius:10px;
        padding:30px 0;
    }
    .getpwd .container .tab{
        width:400px;
        margin:0 auto;
        position:relative;
        font-size:0;
        background:#fff;
        padding:0 50px;
    }
    .getpwd .container .tab span{
        display:inline-block;
        width:50%;
        cursor:pointer;
        font-size: 18px;
        font-weight: 700;
        color:#666;
        padding:10px 0;
        text-align:center;
    }
    .getpwd .container .tab span.current{
        color:#17bec4;
    }
    .getpwd .container .tab i{
        position:absolute;
        left:50%;
        top:12px;
        width:1px;
        height:20px;
        background:#999;
    }
    .getpwd .form{
        margin:0 auto;
        width:400px;
        padding:20px 50px;
    }
    .form .button{
        width:100%;
        overflow:hidden;
        height:40px;
        line-height:40px;
        margin-bottom:30px;
        cursor:pointer;
    }
    .form .button span{
        display:inline-block;
        width:100%;
        height:100%;
        border-radius:5px;
        background:#17bec4;
        color:#fff;
        text-align:center;
    }
    .form .button span:hover{
        background:#10a0a5;
    }
    .getpwd .navigation{
        font-size:0;
    }
    .getpwd .navigation li{
        display:inline-block;
        font-size:16px;
        width:50%;
        text-align:left;
    }
    .getpwd .navigation li a{
        color:#666;
    }
    .getpwd .navigation li a:hover{
        color:#10a0a5;
    }
    .getpwd .navigation li:last-child{
        text-align:right;
    }
    .input-group .input-tip{
        width:120%;
    }
}
@media (min-width:600px) and (max-width: 900px){
    .getpwd .container{
        width:100%;
    }
}
@media (min-width:0) and (max-width: 600px){
    .getpwd{
        background:#fff;
    }
    .getpwd .top{
        height:70px;
        background:#333;
    }
    .getpwd .top .wrapper{
        text-align:left;
        font-size:0;
    }
    .getpwd .top .wrapper .top-logo{
        height:52px;
        margin-top:9px;
    }
    .getpwd .top .wrapper i{
        display:inline-block;
        height:70px;
        line-height:70px;
        color:#aaa;
        vertical-align:top;
        font-style:normal;
        padding:0;
        font-size:16px;
    }
    .getpwd .top .wrapper span{
        display:inline-block;
        height:70px;
        line-height:70px;
        vertical-align:top;
        padding:0 5px;
        color:#fff;
        font-size:16px;
    }


    .getpwd .container{
        top:80px;
        width:100%;
    }
    .getpwd .container .tab{
        width:100%;
        padding:20px 0;
        position:relative;
        font-size:0;
    }
    .getpwd .container .tab span{
        display:inline-block;
        width:50%;
        cursor:pointer;
        font-weight: 700;
        color:#666;
        padding:10px 0;
        text-align:center;
        font-size:16px;
    }
    .getpwd .container .tab span.current{
        color:#17bec4;
    }
    .getpwd .container .tab i{
        position:absolute;
        left:50%;
        top:32px;
        width:1px;
        height:20px;
        background:#999;
    }
    .getpwd .form{
        width:100%;
        padding:0 20px;
        box-sizing:border-box;
    }
    .form .button{
        width:100%;
        overflow:hidden;
        height:40px;
        line-height:40px;
        margin:10px 0 30px;
        cursor:pointer;
    }
    .form .button span{
        display:inline-block;
        width:100%;
        height:100%;
        border-radius:5px;
        background:#17bec4;
        color:#fff;
        text-align:center;
    }
    .form .button span:hover{
        background:#10a0a5;
    }
    .getpwd .navigation{
        font-size:0;
        padding:10px 0 20px;
    }
    .getpwd .navigation li{
        display:inline-block;
        font-size:16px;
        width:50%;
        text-align:left;
    }
    .getpwd .navigation li a{
        color:#666;
    }
    .getpwd .navigation li a:hover{
        color:#10a0a5;
    }
    .getpwd .navigation li:last-child{
        text-align:right;
    }
    .input-group .input-tip{
        width:100%;
    }
}