@font-face {
    font-family: 'iconfont';
    src: url('//at.alicdn.com/t/font_1472003307_0155785.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/font_1472003307_0155785.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/font_1472003307_0155785.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/font_1472003307_0155785.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/font_1472003307_0155785.svg#iconfont') format('svg'); /* iOS 4.1- */
}

@font-face {
    font-family: 'iconfont';
    src: url('//at.alicdn.com/t/font_1472003307_0155785.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/font_1472003307_0155785.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/font_1472003307_0155785.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/font_1472003307_0155785.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/font_1472003307_0155785.svg#iconfont') format('svg'); /* iOS 4.1- */
}


.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

body{
    background: url("../image/ev-bg1.jpg") no-repeat center center;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;

}
hr{
    margin: 37px 0 27px;
    border-top: 1px solid #d9d9d9;
}

.ev-blank160{
    height: 100px;
}
.ev-container{
    /*
    max-width: 440px;
    min-height: 415px;
    margin: 0 auto;*/
    background: #fff;
    position: relative;
    border:1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    max-width: 440px;
    margin-bottom:20px;

}
.ev-evlogo{
    position: absolute;
    top: -76px;
    left: 50%;
    margin-left: -89px;
}

.ev-login-head{
    text-align: center;
    font-size: 24px;
    line-height: 1;
    padding: 26px 0;
    color: #4c4c4c;
    font-weight:500;
}

.ev-form{
    /*
     width: 360px;*/
    margin: 0 auto;
    max-width: 360px;

}

.ev-form-group{
    margin-bottom: 30px;
    position: relative;
}

.ev-radius{
    border-radius: 4px!important;
    height: 48px;
}
.ev-btn-color{
    background: #f60;
    color: #fff;
}

.ev-btn-color:hover,.ev-btn-color:focus{
    background: #f26100;
    color: #fff;
}

.ev-btn-color:active{
    background: #e55c00;
}

.ev-a:hover{
    color: #f60;
}
.ev-a:active{
    color: #f26100;
}
.ev-hr{
    position: relative;
}
.ev-hr div{
    font-size: 14px;
    line-height: 14px;
    padding: 0 12px;
    background: #fff;
    color: #4c4c4c;
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -47px;
    /* transform: translateX(-50%);*/

}
.ev-other-logo a{
    display: block;
    font-size: 60px;
    line-height: 1;
}
.ev-other-logo .ev-qq:hover{
    color:#3ca5f6;
}
.ev-other-logo .ev-weix:hover{
    color:#22ac38;
}
.ev-other-logo .ev-weib:hover{
    color: #e60012;
}

.ev-other-logo{
    position: relative;
}
.ev-ewma{
    display: none;
    position: absolute;
    top: -196px;;
    left: 50%;
    margin-left: -90px;
    /*transform: translateX(-50%);*/
    box-shadow: 0 0 30px rgb(217, 217, 217);
}
.ev-ewma p{
    width: 0;
    height: 0;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-top:20px solid #fff;
    position: absolute;
    bottom: -38px;
    left: 50%;
    margin-left: -20px;
    /*transform: translateX(-50%);*/
}

.ev-qq{
    color: #3ca5f6;

}
.ev-weix{
    color: #22ac38;
}
.ev-weib{
    color: #e60012;
    padding-bottom: 26px;
}
.ws-erweima02{
    width: 180px;
    display:none;
    position: absolute;
    left: 50%;
    margin-left: -90px;
    top: -150px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.ws-erweima02 img{
    width:100%;
}
.ev-alert-danger{
    background: transparent;
    color: #d83832;
    border: none;
    margin: 0; padding: 0 10px;
    position: absolute;
    bottom: -26px;
    left: 0;
    font-size: 14px;
}
.ev-tip{
    width: 360px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top: -46px;
    left: 0;
    background: #ccc;
}

.ev-tip-error{
    background:#ffe5e5;
    color: #cc6666;
}

.ev-tip-success{
    background:#e0f9c0;
    color: #9b7e2b;
}

.ev-tip-fail{
    background:#ffe6e6;
    color: #cc6666;

}

.ev-tip-fail span{
    position: absolute;
    top: 0;
    left: 0;
}

.am-alert-dangers {
    background-color: #ffe6e6;
    border-color: #fff;
    color: #cc6666;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;}
body .ev-tip .am-close--re{
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
form .am-field-valid,form  .am-form-success .am-form-field{
    border-color:rgb(204, 204, 204)!important;

}
form .am-field-valid:focus,form .am-form-success .am-form-field:focus{
    box-shadow:none!important;
}

.am-form input[type=number], .am-form input[type=search], .am-form input[type=text], .am-form input[type=password], .am-form input[type=datetime], .am-form input[type=datetime-local], .am-form input[type=date], .am-form input[type=month], .am-form input[type=time], .am-form input[type=week], .am-form input[type=email], .am-form input[type=url], .am-form input[type=tel], .am-form input[type=color], .am-form select, .am-form textarea, .am-form-field{
    font-size: 1.4rem!important;
    padding:1.28rem!important;
    border:1px solid #b2b2b2!important;
}

.am-form input[type=number]:focus, .am-form input[type=search]:focus, .am-form input[type=text]:focus, .am-form input[type=password]:focus, .am-form input[type=datetime]:focus, .am-form input[type=datetime-local]:focus, .am-form input[type=date]:focus, .am-form input[type=month]:focus, .am-form input[type=time]:focus, .am-form input[type=week]:focus, .am-form input[type=email]:focus, .am-form input[type=url]:focus, .am-form input[type=tel]:focus, .am-form input[type=color]:focus, .am-form select:focus, .am-form textarea:focus, .am-form-field:focus {
    background-color: #fefffe;
    border-color: #3bb4f2!important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(59,180,242,.3);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(59,180,242,.3);
}

.am-form-group .am-alert{
    padding: .25em .625em 0 0;
    font-size: 1.4rem;
}

body .am-form-group .am-field-error {
    border-color: #dd514c!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

body{
    background: url("../image/ev-bg1.jpg") no-repeat center center;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;

}
hr{
    margin: 37px 0 27px;
    border-top: 1px solid #d9d9d9;
}

.ev-evlogo{
    position: absolute;
    top: -76px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
}
.ev-container .ev-evlogo img{
    max-height: 60px;
}
.ev-login-head{
    text-align: center;
    font-size: 24px;
    line-height: 1;
    padding: 26px 0;
    color: #4c4c4c;
    font-weight:500;
}

.ev-form{
    /*
     width: 360px;*/
    margin: 0 auto;
    max-width: 360px;

}

.ev-radius{
    border-radius: 4px!important;
    height: 48px;
}
.ev-btn-color{
    background: #f60;
    color: #fff;
}

.ev-btn-color:hover,.ev-btn-color:focus{
    background: #f26100;
    color: #fff;
}

.ev-btn-color:active{
    background: #e55c00;
}

.ev-a{
    color: #4c4c4c;
    line-height: 1;
    margin-bottom: 20px;
    font-size: 14px;
}
.ev-a:hover{
    color: #f60;
}
.ev-a:active{
    color: #f26100;
}
.ev-hr{
    position: relative;
}
.ev-hr div{
    font-size: 14px;
    line-height: 14px;
    padding: 0 12px;
    background: #fff;
    color: #4c4c4c;
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -47px;
    /* transform: translateX(-50%);*/

}
.ev-other-logo a{
    display: block;
    font-size: 60px;
    line-height: 1;
}
.ev-other-logo .ev-qq:hover{
    color:#3ca5f6;
}
.ev-other-logo .ev-weix:hover{
    color:#22ac38;
}
.ev-other-logo .ev-weib:hover{
    color: #e60012;
}

.ev-other-logo{
    position: relative;
}
.ev-ewma{
    display: none;
    position: absolute;
    top: -196px;;
    left: 50%;
    margin-left: -90px;
    /*transform: translateX(-50%);*/
    box-shadow: 0 0 30px rgb(217, 217, 217);
}
.ev-ewma p{
    width: 0;
    height: 0;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-top:20px solid #fff;
    position: absolute;
    bottom: -38px;
    left: 50%;
    margin-left: -20px;
    /*transform: translateX(-50%);*/
}

.ev-qq{
    color: #3ca5f6;

}
.ev-weix{
    color: #22ac38;
}
.ev-weib{
    color: #e60012;
    padding-bottom: 26px;
}
.ws-erweima02{
    display:none;
    position: absolute;
    left: 50%;
    margin-left: -90px;
    top: -200px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.ev-alert-danger{
    background: transparent;
    color: #d83832;
    border: none;
    margin: 0; padding: 0 10px;
    position: absolute;
    bottom: -26px;
    left: 0;
    font-size: 14px;
}
.ev-tip{
    width: 360px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top: -46px;
    left: 0;
    background: #ccc;
}

.ev-tip-error{
    background:#ffe5e5;
    color: #cc6666;
}

.ev-tip-success{
    background:#e0f9c0;
    color: #9b7e2b;
}

.ev-tip-fail{
    background:#ffe6e6;
    color: #cc6666;

}

.ev-tip-fail span{
    position: absolute;
    top: 0;
    left: 0;
}

.am-alert-dangers {
    background-color: #ffe6e6;
    border-color: #fff;
    color: #cc6666;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;}
body .ev-tip .am-close--re{
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
form .am-field-valid,form  .am-form-success .am-form-field{
    border-color:rgb(204, 204, 204)!important;

}
form .am-field-valid:focus,form .am-form-success .am-form-field:focus{
    box-shadow:none!important;
}

.am-form input[type=number], .am-form input[type=search], .am-form input[type=text], .am-form input[type=password], .am-form input[type=datetime], .am-form input[type=datetime-local], .am-form input[type=date], .am-form input[type=month], .am-form input[type=time], .am-form input[type=week], .am-form input[type=email], .am-form input[type=url], .am-form input[type=tel], .am-form input[type=color], .am-form select, .am-form textarea, .am-form-field{
    font-size: 1.4rem!important;
    padding:1.28rem!important;
    border:1px solid #b2b2b2!important;
}

.am-form input[type=number]:focus, .am-form input[type=search]:focus, .am-form input[type=text]:focus, .am-form input[type=password]:focus, .am-form input[type=datetime]:focus, .am-form input[type=datetime-local]:focus, .am-form input[type=date]:focus, .am-form input[type=month]:focus, .am-form input[type=time]:focus, .am-form input[type=week]:focus, .am-form input[type=email]:focus, .am-form input[type=url]:focus, .am-form input[type=tel]:focus, .am-form input[type=color]:focus, .am-form select:focus, .am-form textarea:focus, .am-form-field:focus {
    background-color: #fefffe;
    border-color: #3bb4f2!important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(59,180,242,.3);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(59,180,242,.3);
}

.am-form-group .am-alert{
    padding: .25em .625em 0 0;
    font-size: 1.4rem;
}

body .am-form-group .am-field-error {
    border-color: #dd514c!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
}

.app-download-container{
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.app-download-link{
    margin-bottom: -20px;
}