input,select,option,textarea{outline: none;}    
    body{
        background-color:#ffffff !important;font-family: !important;
    }
    .loginTitle{
        margin-top: 0 !important;
        margin-bottom: 40px !important;
        font-size: 30px;
        color: red;
        font-weight: 400;
        line-height: 38px;
    }
    .loginText{
        font-size: 16px;
        line-height: 20px;
        color: #666;
        font-weight: 400;
        height:20px;
    }
    /*Email*/
    .emailP{
        margin-bottom: 23px !important;
    }
    .emailInputP{
        margin-bottom: 30px !important;
    }
    .registerCommitP{
        margin-bottom: 20px !important;
    }
    #registerCommit{
        width: 200px;
        line-height: 40px;
        height: 40px;
        font-size: 16px;
    }
    /*验证成功*/
    .successPasswordText{
        margin-bottom: 23px !important;
    }
    .successConPasswordText{
        margin-bottom: 23px !important;
    }
    .settingPasswordAgainP{
        margin-bottom: 30px !important;
    }
    #successCommit{
        width: 200px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        font-size: 16px;
    }
    .successCommitP{
        margin-bottom: 20px !important;
    }
    /*登录框*/
    .loginInput{
        margin-bottom: 20px;
    }
    .loginPasswordInput{
        margin-bottom: 30px !important;
    }
    .loginCommitP{
        margin-bottom: 20px !important;
    }
    #loginCommit{
        display: inline-block;
        width: 200px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .loginInput input{
        padding: 0 12px;
        width:100%;
        font-size: 1.2em;
        border: 0px;
        border-bottom: 1px solid black;
    }
    .loginButton{
        
        text-align: center;
    }
    .loginButton button{
        background-color: black;
        color: #fff;
        border: 0px;
    }
    .loginButton button:hover{
        cursor: pointer;
    }
    .loginContent{
        margin-bottom: 0 !important;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        color: #999;
    }
    .lostPassword{
        text-align: center;
        font-size: 15px;
    }
    .lostPassword:hover{
        color: red;
        text-decoration: underline;
        cursor: pointer;
    }
    .successMessage{
        display:none;
        color: red;
    }
    .userImgHeader{
        width: 100%;
    }
    .userHeaderImg {
        border-radius: 50%;
        overflow:hidden;
        width: 35px;
        height: 35px;
        /*margin-top: 3px;   
        margin-right: 3px;*/
        color:#666666;
        /*color:#3e8378;*/
    }
    .userHeaderImg:hover {
        cursor:pointer;
    }
    .userHeaderImg{
        display: none;
    }
    .userAction{
        display: block;
    }
    .bannerA{
        width: 100%;
    }
    .met_cart{
        display:none;
    }
    .resetMessage{
        display: none;
        color: red;
    }
    .errorText{
        text-align: center;
    }
    .againRegister{
        color: red;
        cursor: pointer;
        text-decoration: underline;
    }
    .registerContent{
        visibility: :hidden;
        margin-bottom: 0 !important;
        text-align: center;
    }
    .registerContent{
        color: #999;
    }
    .signOut{
        display: none;
        color: #999;
        font-size:10px;
        font-family:Microsoft YaHei UI;
    }
    .signOut:hover{
        color: red;
        cursor: pointer;
    }
    @media screen and (min-width: 992px){
        .login{
            margin: 150px auto;
            background-color: #fff;
            width: 24%;
            padding: 30px 40px;
        }
    }
    @media screen and (min-width: 768px) and (max-width: 991px){
        .login{
            margin: 150px auto;
            background-color: #fff;
            width: 50%;
            padding: 30px 40px;
        }
    }
    @media screen and (min-width: 300px) and (max-width: 767px){
        .login{
            margin: 150px auto;
            background-color: #fff;
            width: 80%;
           padding: 30px 40px;
        }
    }
    .footerContentDiv div:nth-child(2),.footerContentDiv div:nth-child(3),.footerContentDiv div:nth-child(4){
            margin-top: 35px;
    }
    .footerDetail{
        margin: 0;
        line-height: 26px;
        font-size: 15px;
        margin-bottom: 15px;
        color: #999;
        font-weight: 400;
        font-family: "Roboto", sans-serif;

    }              


    .children{
        display: inline-block;
        /*width: 300px;*/
        text-align: center;
        height: 48px;

    }
    .children .text{
        /*font-size: 28px;*/
        /*overflow: hidden;*/
        max-width: 70%;
        background-color: #fff;
        box-shadow: #ccc 1px 1px 10px 1px;
        display: inline-block;
        /*white-space:nowrap;*/
        height: auto;
        line-height: 48px;
        padding: 0;
        margin: 0;
    }
    .children span{
        padding: 0 5px;
    }
    .textSpan{
        font-size: 28px;
        display: inline-block;
    }
    .cartMessage{
        position: fixed;
        height: 100%;
        width: 100%;
        background-color: rgba(255,255,255,0.5);
        z-index: 99;
        display: none;
    }
    .cartSuccessMessage{
        display: inline-block;
        position: absolute;
        text-align: center;
        top: 0;
        bottom: 30%;
        left: 0;
        right: 0;
        margin: auto;
        /*opacity: 0;*/
        animation: message 3s;
        height: 48px;
        line-height: 48px;
        /*width: 300px;*/
        z-index: 100;
        
        text-align: center;
    }
    @keyframes message
    {
        0%{top: 0;opacity: 1;}
        50%{bottom:40%;opacity: 1}
        75%{bottom: 40%;opacity: 1}
        100%{ bottom: 50%;opacity: 0;}
    }
    @-moz-keyframes message /* Firefox */
    {
        0%{top: 0;opacity: 1;}
        50%{bottom:40%;opacity: 1}
        75%{bottom: 40%;opacity: 1}
        100%{ bottom: 50%;opacity: 0;}
    }
    @-webkit-keyframes message /* Safari 和 Chrome */
    {
        0%{top: 0;opacity: 1;}
        50%{bottom:40%;opacity: 1}
        75%{bottom: 40%;opacity: 1}
        100%{ bottom: 50%;opacity: 0;}
    }
    @-o-keyframes message /* Opera */
    {
        0%{top: 0;opacity: 1;}
        50%{bottom:40%;opacity: 1}
        75%{bottom: 40%;opacity: 1}
        100%{ bottom: 50%;opacity: 0;}
    }