/*!static/css/register.css*/
@font-face {
    font-family: 'icomoon';
    src:  url('/static/fonts/icomoon.eot?dgfx9o');
    src:  url('/static/fonts/icomoon.eot?dgfx9o#iefix') format('embedded-opentype'),
    url('/static/fonts/icomoon.ttf?dgfx9o') format('truetype'),
    url('/static/fonts/icomoon.woff?dgfx9o') format('woff'),
    url('/static/fonts/icomoon.svg?dgfx9o#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fontIcon{
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img{vertical-align:top}
.color_link{color:#0096fa;}
.top{position: absolute;left:50%;top:5%;margin-left:-29px;}
.footer{position:absolute;width:100%;text-align:center;bottom:0;color:#fff;height:35px;}
.footer p{text-align:center;line-height:35px}
.bg{position:absolute;z-index:-1;top:0px;left:0;right:0;bottom:0;overflow:hidden;
    background: -webkit-linear-gradient(left, #c6d3dc , #4180a3);
    background: -o-linear-gradient(right, #c6d3dc , #4180a3);
    background: linear-gradient(to right, #c6d3dc , #4180a3);
    background: -moz-linear-gradient(right, #c6d3dc, #4180a3);
}
.bg img{width:100%}
.main-section{position:absolute;height:400px;width:400px;top:0;left: 0;right:0;bottom:0;margin:auto;box-shadow: 0 0 6px rgba(220,220,220,0.6)}
.form-bd{margin:0 auto;background-color:#fff;padding:45px 42px 67px 46px;border-radius:5px;}
.row-title h1{margin-bottom: 16px;text-align: center;color:#666;font-size:16px;font-weight:500;}
.form-bd .row{width: 322px;height: 41px;line-height: 41px;margin: 0 auto;position: relative;}
.row-wrap{position: relative;height:41px;width:310px;margin-bottom:22px;}
.row-wrap .text{border: 1px solid #d2d2d2;border-radius:3px;background:none;line-height: 41px;height:41px;z-index: 3;color:#333;width:100%;font-size: 16px;}
.row-wrap .text:focus{border:1px solid #0096fa;border-radius: 3px;}
.form-bd .row-register{margin:0px auto;width:312px}
.form-bd .button-panel{width:312px;margin:28px 0;}
.button-panel button{border:0;width:100%;height:43px;background:#0096fa;color:#fff;font-size:16px;letter-spacing:1px;border-radius:3px;cursor:pointer}
.register-success {text-align: center;height:280px;position: relative;margin-top: calc((100% - 328px)*2);display: none;background: #fff;border-radius: 5px;}
.register-success .success-text {font-size: 20px;padding-top: 60px;}
.register-success .success-text2 {margin: 30px 0;}
.register-success button {background-color: #0096fa; color: #fff;}
.register-success button:hover {opacity: .9;}
.velcode{width:200px;}
.code-img{width:100px;height:35px;position: absolute;left:210px;top: 4px;right: -112px;}
.main-section.register-section{height:574px;box-shadow: none;}
.register-section .form-bd{padding: 28px 42px 38px 46px;}
.register-section .row-wrap{margin-bottom:15px;}
.register-section .form-bd .button-panel{margin:16px 0 20px 0;}
#getPhoneCode{position: absolute;right:-112px;line-height:41px;width:100px;cursor:pointer;top:1px;background: #0096fa;border-radius: 3px;color: #fff;text-align: center;}
/*****错误提示******/
.row-default{text-align: left; border-radius: 3px;width: 312px;height: 30px;line-height: 30px;margin-bottom:8px;background:#fff;font-size: 12px;text-indent: 5px;color:#a92f4f;}
.row-default.row-errortip{background:#f89fb6;}
.fur-hint{position: absolute;color:#a92f4f;line-height:30px;left:6px;top:-38px;display: none;}
.fur-success{display: none;font-size:26px;color:#53d769;position: absolute;top:8px;right:4px;}
.fur-error{display: none;font-size:26px;color:#f66960;position: absolute;top:8px;right:4px;}
.has-focus .fur-placeholder,.has-focus .fur-hint,.has-focus .fur-success,.has-focus .fur-error{display: none;}
.has-placeholder .fur-placeholder{display: block;}
.has-success .fur-placeholder,.has-error .fur-placeholder{display: none;}
.has-error .fur-hint{display: block;}
.has-error{border: 1px solid #f66960;border-radius: 3px;}
.has-success .fur-success{display: block;}
.has-error .fur-error{display: block;}