﻿@media (min-width: 768px)
{   
    body
    {
        overflow-x:hidden;
    }
    /*登录页*/
    .login_subject
    {
        position:absolute;
        top:0;
        left:50%;
        width:320px;
        padding:0px 15px;
        transform:translate3d(-160px,0,0);
        -moz-transform:translate3d(-160px,0,0);
        -webkit-transform:translate3d(-160px,0,0);
    }
    @keyframes loginclicklogin
    {
        from{transform:translate3d(-160px,0,0);-webkit-transform:translate3d(-160px,0,0);}
        to{transform:translate3d(-2000px,0,0);-webkit-transform:translate3d(-2000px,0,0);}
    }
    @keyframes updateloginclicklogin
    {
        from{transform:translate3d(-2000px,0,0);-webkit-transform:translate3d(-2000px,0,0);}
        to{transform:translate3d(-160px,0,0);-webkit-transform:translate3d(-160px,0,0);}
    }
    .login_logo
    {
        position:relative;
        top:0;
        text-align:center;
        font-size:30px;
        color:#666;
        line-height:80px;
        font-weight:600;
        padding-top:30px;
        padding-bottom:20px;
    }
    .login_title
    {
        position:relative;
        top:0;
        text-align:center;
        font-size:16px;
        color:#666;
        line-height:30px;
        font-weight:100;
        padding-bottom:20px;
    }
    .login_frame
    {
        position:relative;
        top:0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .login_frame_list
    {
        position: relative;
        display: block;
        padding: 6px 10px;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-color: #e7ecee;
    }
    .login_frame_list:first-child
    {
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
    }
    .login_frame_list:last-child
    {
        margin-bottom: 0;
        border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
    }
    .login_frame_input
    {
        border-color: transparent;
        border-width: 0;
        text-align:left;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
    }
    .login_frame_iframe
    {
        position:absolute;
        right:0;
        top:0;
        width:100px;
        height:46px;
        padding:10px;
        border-left:1px solid #e7ecee;
        background:#fdfdfd;
        border-radius: 0 0 5px 0;
        -moz-border-radius: 0 0 5px 0;
        -webkit-border-radius: 0 0 5px 0;
    }
    .login_frame_iframe_a
    {
        position:absolute;
        right:0;
        top:0;
        width:100px;
        height:46px;
        padding:10px;
        opacity:0;
        border-radius: 0 0 5px 0;
        -moz-border-radius: 0 0 5px 0;
        -webkit-border-radius: 0 0 5px 0;
    }
    .login_forgot
    {
        position:relative;
        left:0;
        display:block;
        text-align:right;
        color:#666;
        font-size:14px;
        margin-top: 5px;
        margin-bottom: 10px;
        padding:10px 5px;
        text-decoration:underline;
        cursor: pointer;
    }
    .login_login
    {
        position:relative;
        top:0;
        text-align:center;
        width:100%;
        height:43px;
        background:#27c24c;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size:16px;
        color:#fff;
        line-height:43px;
        border:1px solid #f0f3f4;
        cursor: pointer;
        margin-bottom:20px;
    }
    .login_register
    {
        position:relative;
        left:0;
        display:block;
        text-align:center;
        color:#666;
        font-size:14px;
        line-height:40px;
        margin-top: 10px;
        margin:5px;
        text-decoration:underline;
        cursor: pointer;
        margin-bottom:30px;
    }
    .loginerror
    {
        position: absolute;
        top: 390px;
        left: 20px;
        line-height: 30px;
        font-size: 14px;
        color: #ff0000;
    }
    
    
    
    /*注册修改页*/
    .update_subject
    {
        display:none;
        position:absolute;
        top:0;
        left:50%;
        width:320px;
        padding:0px 15px;
        transform:translate3d(2000px,0,0);
        -moz-transform:translate3d(2000px,0,0);
        -webkit-transform:translate3d(2000px,0,0);
    }
    @keyframes loginclickupdate
    {
        from{transform:translate3d(2000px,0,0);-webkit-transform:translate3d(2000px,0,0);}
        to{transform:translate3d(-160px,0,0);-webkit-transform:translate3d(-160px,0,0);}
    }
    @keyframes updateloginclickupdate
    {
        from{transform:translate3d(-160px,0,0);-webkit-transform:translate3d(-160px,0,0);}
        to{transform:translate3d(2000px,0,0);-webkit-transform:translate3d(2000px,0,0);}
    }
    .update_logo
    {
        position:relative;
        top:0;
        text-align:center;
        font-size:30px;
        color:#666;
        line-height:80px;
        font-weight:600;
        padding-top:30px;
        padding-bottom:20px;
    }
    .update_title
    {
        position:relative;
        top:0;
        text-align:center;
        font-size:16px;
        color:#666;
        line-height:30px;
        font-weight:100;
        padding-bottom:20px;
    }
    .update_frame
    {
        position:relative;
        top:0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .update_frame_list
    {
        position: relative;
        display: block;
        padding: 6px 10px;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-color: #e7ecee;
    }
    .update_frame_list:first-child
    {
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
    }
    .update_frame_list:last-child
    {
        margin-bottom: 0;
        border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
    }
    .update_frame_input
    {
        border-color: transparent;
        border-width: 0;
        text-align:left;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
    }
    .update_frame_button
    {
        position: absolute;
        right: 0;
        top: 0;
        margin: 5px;
        width: 100px;
        font-size: 14px;
        color: #fff;
        background: #27c24c;
        line-height: 36px;
        text-align: center;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    .update_frame_button_number
    {
        position:absolute;
        right:0;
        top:0;
        width:100px;
        font-size:14px;
        color:#ddd;
        background:#fff;
        line-height:46px;
        text-align:center;
        height:46px;
        border-radius: 0 0 5px 0;
        -moz-border-radius: 0 0 5px 0;
        -webkit-border-radius: 0 0 5px 0;
        border-left:1px solid #e7ecee;
    }
    .update_update
    {
        position:relative;
        top:0;
        text-align:center;
        width:100%;
        height:43px;
        background:#27c24c;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size:16px;
        color:#fff;
        line-height:43px;
        border:1px solid #f0f3f4;
        cursor: pointer;
        margin-top:45px;
        margin-bottom:20px;
    }
    .update_login
    {
        position:relative;
        top:0;
        text-align:center;
        width:100%;
        height:43px;
        background:#fff;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size:15px;
        color:#aaa;
        line-height:43px;
        border:1px solid #ddd;
        cursor: pointer;
        margin-bottom:40px;
    }
    .updateerror
    {
        position: absolute;
        top: 375px;
        left: 20px;
        line-height: 30px;
        font-size: 14px;
        color: #ff0000;
    }
}

input:-webkit-autofill
{
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -miz-box-shadow: 0 0 0px 1000px white inset;
    box-shadow: 0 0 0px 1000px white inset;
}
input:-moz-autofill
{
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -moz-box-shadow: 0 0 0px 1000px white inset;
    box-shadow: 0 0 0px 1000px white inset;
}