@charset "utf-8";

/* css reset */
* {
    margin:0;
    padding:0;
    box-sizing:border-box;;
}
html{
    overflow-y:auto;
    font-size:12px;
}
body {
    color:#333;
    font-family: "arial","Open Sans","PingHei","Hiragino Sans GB","Microsoft YaHei","黑体","宋体",sans-serif;
    background-color:#f1f0ee;
}
a {
    text-decoration:none;
    color:#4e4e4e;
    font-family: "arial","Open Sans","PingHei","Hiragino Sans GB","Microsoft YaHei","黑体","宋体",sans-serif;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    font-size:1.3rem;
}
textarea,input,select{font-family: "arial","Open Sans","PingHei","Hiragino Sans GB","Microsoft YaHei","黑体","宋体",sans-serif;}
img {
    border:0;
    vertical-align:top;
}
ol, ul, li {
    list-style:none;
}
dl, dt, dd, ul, li {
    margin:0;
    padding:0;
}
input,textarea{outline: none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}
.pull-left{ float:left !important; float:left;  }
.pull-right{ float:right !important; float:right;  }
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after{
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after{
    clear: both;
}
html{ width: 100%; height: 100%;}
.login-page{ background: url(../img/login/login_bg.png) no-repeat center center; width: 100%; height: 100%; position: absolute; overflow: hidden; background-size: cover;}
.login-box{ width: 550px; background: #fff; position: absolute; top: 28.5%; left: 50%; margin-left: -240px; z-index: 99; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, .2)}
.h-title{ padding: 40px 28px 30px; position: relative;}
.header-img {
    overflow: hidden;
    display: block;
    text-align:center;
}
.header-img img{
    vertical-align: middle;
    border: 0;
}
.login-form{ padding:0 60px 60px; }
[class*='adminicon-']{
    display: inline-block;
    background:#fff url(../img/login/loginicon.png) no-repeat;
    width: 52px;
    height: 52px;
    border: 1px solid #dcdcdc;
    border-radius: 4px 0 0 4px;
}
.text-right{ text-align: right; margin-top: -15px;}
.text-right>a{ color: #5aabe0;}
.adminicon-user{ background-position: 0 0;}
.adminicon-password{ background-position: 0 -84px;}
.adminicon-vercode{ background-position: 0 -168px;}
.adminicon-phone{ background-position: 0 -250px;}
input[type='text'],input[type='password']{ width: 100px; background: #fff; font-size: 16px; padding: 10px 15px; line-height: 28px; margin-left: -1px; border: none; flex-grow: 1; border: 1px solid #dcdcdc; border-radius: 0 4px 4px 0; }
.formflex{ display: flex; padding-bottom:20px; border-radius: 4px;}
.btn,button.btn{ background: #EA5514; text-align: center; padding: 10px 15px; line-height: 28px; border: 2px solid #EA5514; border-radius: 4px; color: #fff; font-size: 18px; cursor: pointer;}
.btn-block{ display: block;}
.close{ background: url(../img/login/close.png) no-repeat; width: 32px; height: 32px; position: absolute; right: 15px; top: 15px;}
button.btn:focus{ outline: none; }
.btn:hover,.btn:focus{ border-color: #EA5514; }
button.btn:disabled{ background: #c8c8c8; border-color: #c8c8c8; cursor: auto;}
.offset-right{ margin-right: 30px;}
.form-message{ color: red;  font-size: 16px; text-indent: 2em;}
input.error{ box-shadow:0 0 4px red; border-color: #fff}
.resetbox{ background: #fff; display: none; z-index: 101; top: 20%;}
/*.wx{*/
    /*background: url(../img/login/wx.png) no-repeat;*/
    /*background-size:contain;*/
    /*width: 388px;*/
    /*height: 116px;*/
    /*position: absolute;*/
    /*top: 9%;*/
    /*left: 5%;*/
    /*animation-fill-mode:forwards;*/
    /*-moz-animation-fill-mode:forwards;*/
    /*-webkit-animation-fill-mode:forwards;*/
/*}*/
/*.wx2{*/
    /*width: 340px;*/
    /*top: auto;*/
    /*bottom: 16%;*/
    /*left: auto;*/
    /*right: 12%;*/
    /*transform:rotate(-5deg);*/
/*}*/
/*.wx3{*/
    /*width: 156px;*/
    /*top: 32%;*/
    /*left: auto;*/
    /*right: 6%;*/
    /*transform:rotate(25deg);*/
    /*animation:signshine 1.8s linear infinite;*/
    /*-moz-animation:signshine 1.8s linear infinite; !* Firefox *!*/
    /*-webkit-animation:signshine 1.8s linear infinite; !* Safari and Chrome *!*/
/*}*/
/*.sign{*/
    /*background: url(../img/login/sign.png) no-repeat;*/
    /*width: 124px; height: 126px;*/
    /*background-size:contain;*/
    /*position: absolute;*/
    /*z-index: 10;*/
    /*top: 40%;*/
    /*right: 11%;*/
/*}*/
/*.car{*/
    /*background: url(../img/login/mcar.png) no-repeat;*/
    /*width: 752px; height: 300px;*/
    /*background-size:contain;*/
    /*position: absolute;*/
    /*z-index: 10;*/
    /*bottom: 5%;*/
    /*animation:carslide 3s ease-out;*/
    /*-moz-animation:carslide 3s ease-out; !* Firefox *!*/
    /*-webkit-animation:carslide 3s ease-out; !* Safari and Chrome *!*/
    /*animation-fill-mode:forwards;*/
    /*-moz-animation-fill-mode:forwards;*/
    /*-webkit-animation-fill-mode:forwards;*/
/*}*/
.eye{ background: url(../img/eyeclose.png) no-repeat left; background-position: 0 -32px; width: 42px; height: 32px; cursor: pointer;     margin-left: -42px;  margin-top: 10px;  z-index: 12;}
.eyeopen{ background-position: 0 0;}
@keyframes carslide
{
    from {left:20%;}
    to {left:8%;}
}

@-moz-keyframes carslide /* Firefox */
{
    from {left:20%;}
    to {left:8%;}
}

@-webkit-keyframes carslide /* Safari 和 Chrome */
{
    from {left:20%;}
    to {left:8%;}
}

@keyframes signshine
{
    0% { transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg);}
    25% { transform:rotate(20deg);}
    50% {transform:rotate(30deg);}
    75% {transform:rotate(20deg);}
    100% {transform:rotate(30deg);}
}

@-moz-keyframes signshine /* Firefox */
{
    0% { transform:rotate(30deg);}
    25% { transform:rotate(20deg);}
    50% {transform:rotate(30deg);}
    75% {transform:rotate(20deg);}
    100% {transform:rotate(30deg);}
}

@-webkit-keyframes signshine /* Safari 和 Chrome */
{
    0% { transform:rotate(30deg);}
    25% { transform:rotate(20deg);}
    50% {transform:rotate(30deg);}
    75% {transform:rotate(20deg);}
    100% {transform:rotate(30deg);}
}

/*笔记本等小分辨率电脑适配*/
@media only screen and (max-width : 1440px){
    .car{  height: 260px; width: 500px;}
    .login-box{ width: 380px; margin-left: -200px;}
    input[type='text'],input[type='password'],.btn,button.btn{ padding: 5px; font-size: 14px;}
    .h-title h2{ font-size: 20px; letter-spacing: 3px;}
    .header-img>img{ width: 170px;}
    .h-title{ padding: 30px 28px 15px;}
    .formflex{ padding-bottom: 20px;}
    .form-message{ font-size: 14px;}
    [class*='adminicon-']{ width: 46px; height: 46px;}
    .adminicon-user{ background-position: -3px -3px;}
    .adminicon-password{ background-position: -2px -89px;}
    .adminicon-vercode{ background-position: -2px -174px;}
    .adminicon-phone{ background-position: -3px -253px;}
    .offset-right{ margin-right: 10px;}
}

@media only screen and (max-width: 991px) {
    .car{  height: 190px; width: 460px;}
}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 480px) {
    .login-box{ position: relative; margin: 0; top: 0; left: 0; width: 100%; height: 100%; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
    .wx3{ top: 10px;}
    .car{  height: 200px; width: 320px;}
    @keyframes carslide
    {
        from {left:20%;}
        to {left:4%;}
    }

    @-moz-keyframes carslide /* Firefox */
    {
        from {left:20%;}
        to {left:4%;}
    }

    @-webkit-keyframes carslide /* Safari 和 Chrome */
    {
        from {left:20%;}
        to {left:4%;}
    }
}
/*针对iphone5*/
@media (min-width: 320px) and (max-width: 568px) {
    .offset-right {
        margin-right:0;
    }
    #getvertextcode {
        font-size: 12px;
        width: 94px;
    }
}
@media (max-width: 480px) {
    .loginbox .footer-move {
        display: block;
        width: 26.1rem;
        height: 1.5rem;
        line-height: 1.5rem;
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: -13.05rem;
        font-size: 0.8rem;
    }
}

.footer {
    width: 100%;
    text-align: center;
    line-height: 1.5rem;
    position: absolute;
    bottom: 10px;
    font-size: 0.8rem;
}
.footer-move {
    display: none;
}