@charset "utf-8";

.fy-layer-login { background-color: transparent; }
.fy-logon-fixed { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; overflow: hidden; }
.fy-register-fixed { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; overflow: hidden; }
.logon-bg { background: rgba(0,0,0,.47); width: 100%; height: 100%; }
.register-bg { background: rgba(0,0,0,.47); width: 100%; height: 100%; }
.fy-logon { width: 766px; height: 500px; border-radius: 8px; overflow: hidden; background-color: #fff; /* position: absolute; */ /* left: 50%; */ /* top: 45%; */ /* margin-left: -383px; */ /* margin-top: -250px; */ }
.fy-logon .logon-tt { width: 766px; height: 87px; padding: 23px 20px 23px 45px; background: url(/img/logo-ttbg.png) left top no-repeat; background-size: cover; box-sizing: border-box; }
.fy-logon .logon-tt .lgclose { float: right; width: 16px; height: 16px; background-image: url(/img/icon/logon-close.png); background-position: center center; background-repeat: no-repeat; background-size: 16px; cursor: pointer; }
.fy-logon .logon-tt .lgclose:hover { background-image: url(/img/icon/logon-close.png); }
.fy-logon .logon-info { width: 766px; height: 413px; }
.fy-logon .logon-info .logon-left { width: 438px; height: 413px; float: left; padding: 30px 45px; box-sizing: border-box; }
.fy-logon .logon-info .logon-right { width: 328px; height: 413px; float: right; background-color: #f2f8ff; padding: 30px 70px; box-sizing: border-box; }
.fy-logon .logon-info.logon-info-height { height: 384px !important; }
.fy-logon .logon-info .logon-height { height: 384px !important; }
.fy-logon.fy-logon-height { height: 470px !important; }

.logon-left .logon-h { width: 100%; height: 30px; margin-bottom: 15px; }
.logon-left .logon-h h3 { height: 30px; line-height: 30px; font-size: 14px; color: #333333; font-weight: normal; float: left; }
.logon-left .logon-h .logon-lg { float: right; height: 30px; line-height: 30px; font-size: 14px; color: #333; }
.logon-left .logon-h .logon-lg a { color: #1f81f8; }
.logon-left .logon-h .logon-lg a.wj_passwd { color: #333; margin-left: 10px; }

.logon-left .login-account { width: 100%; }
.logon-left .login-account ul { }
.logon-left .login-account li { width: 100%; height: 40px; border: 1px solid #cecece; padding: 4px 0; margin-bottom: 20px; box-sizing: border-box; }
.logon-left .login-account li span.l_name_span { width: 56px; height: 30px; line-height: 30px; font-size: 14px; color: #666666; text-align: center; display: block; float: left; position: relative; }
.logon-left .login-account li span.l_name_span::after { content: ""; width: 1px; height: 30px; background-color: #cecece; display: block; position: absolute; top: 0; right: 0; }
.logon-left .login-account li .r_input { width: 285px; height: 30px; line-height: 30px; font-size: 14px; color: #666; border: none; outline: 0; padding-left: 10px; box-sizing: border-box; float: left; }

.logon-left .login-account li.fy-yzm { border: none; padding: 0; }
.logon-left .login-account li.fy-yzm .yzm-nr { width: 75%; height: 40px; border: 1px solid #cecece; padding: 4px 0; box-sizing: border-box; float: left; }
.logon-left .login-account li.fy-yzm .r_input { width: 200px; }
.logon-left .login-account li .yzm_img { width: 80px; height: 40px; float: right; }
.logon-left .login-account li .yzm_img a { display: block; }

.logon-left .login-account li.short_message .r_input { width: 255px; }
.logon-left .login-account li.short_message span.l_name_span { width: 90px; cursor: pointer; }
.logon-left .login-account li.short_message span.l_name_span::after { left: 0; right: inherit; }
.logon-left .login-account li.short_message span.l_name_span:hover { color: #1f81f8; }


.btn_get_yzm { border: 0; border-left: 1px solid #cecece; background: #fff; width: 90px; cursor: pointer; height: 30px; line-height: 30px; font-size: 14px; color: #666666; text-align: center; display: block; float: left; position: relative; }
.btn_get_yzm:hover { color: #1f81f8; }


.logon-left .login-account li.fy-passwd .r_input { width: 260px; }
.logon-left .login-account li.fy-passwd .log_showpwd { float: left; width: 30px; height: 30px; background: url(/img/icon/ico-xs.png) center center no-repeat; cursor: pointer; display: block; }

.logon-left .fy-xy { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #333333; margin-bottom: 20px; }
.logon-left .fy-xy a { font-size: 14px; color: #333333; }
.logon-left .fy-xy a:hover { color: #1f81f8; text-decoration: none; }

.logon-left .fy-zdlogin { width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #333333; margin-top: 20px; display: none; }
.logon-left .fy-zdlogin a { font-size: 14px; color: #333333; }
.logon-left .fy-zdlogin a:hover { color: #1f81f8; text-decoration: none; }

.logon-left .fy-login-xy { width: 100%; height: 20px; line-height: 20px; font-size: 13px; color: #999; margin-top: 20px; }
.logon-left .fy-login-xy a { color: #999; }
.logon-left .fy-login-xy a:hover { color: #1f81f8; text-decoration: none; }

.logon-left .login_btn { border: 0; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; background-color: #1f81f8; border-radius: 4px; cursor: pointer; }
.logon-left .login_btn:hover { background-color: #3993ff; }
.logon-left .login_btn[disabled="disabled"] { cursor: no-drop; background: #d8d8d8; border-color: #d8d8d8; }
.logon-right .span-text { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #333333; display: block; margin-bottom: 15px; }
.logon-right a { width: 100%; height: 40px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; padding-left: 38px; display: block; text-decoration: none; box-sizing: border-box; }
.logon-right a.login_qq { border: 1px solid #1f81f8; background: url(/img/icon/ico-qq.png) no-repeat #1f81f8; margin-bottom: 20px; }
.logon-right a.login_qq:hover { text-decoration: none; color: #fff; background-color: #3993ff; }
.logon-right a.login_wx { background: url(/img/icon/ico-wx.png) no-repeat #00bb00; border: 1px solid #00bb00; }
.logon-right a.login_wx:hover { text-decoration: none; color: #fff; background-color: #00d600; }


/*微信*/
.layui-layer-title:before { display: none !important; }
.bdtel_btn { width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; background-color: #1f81f8; border-radius: 4px; cursor: pointer; margin-top: 20px; }
.bdtel_btn:hover { background-color: #3993ff; }

/*快速绑定*/
.binding-tel { width: 100%; padding: 35px 45px; }
.binding-tel ul { }
.binding-tel li { width: 100%; height: 40px; border: 1px solid #cecece; padding: 4px 0; margin-bottom: 20px; }
.binding-tel li span.l_name_span { width: 56px; height: 30px; line-height: 30px; font-size: 14px; color: #666666; text-align: center; display: block; float: left; position: relative; }
.binding-tel li span.l_name_span::after { content: ""; width: 1px; height: 30px; background-color: #cecece; display: block; position: absolute; top: 0; right: 0; }
.binding-tel li .r_input { width: 245px; height: 30px; line-height: 30px; font-size: 14px; color: #666; border: none; outline: 0; padding-left: 10px; box-sizing: border-box; float: left; }

.binding-tel li.short_message .r_input { width: 215px; }
.binding-tel li.short_message span.l_name_span { width: 90px; cursor: pointer; }
.binding-tel li.short_message span.l_name_span::after { left: 0; right: inherit; }
.binding-tel li.short_message span.l_name_span:hover { color: #1f81f8; }

.binding-tel .fy-xy { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #333333; margin-bottom: 20px; }
.binding-tel .fy-xy a { font-size: 14px; color: #333333; }
.binding-tel .fy-xy a:hover { color: #1f81f8; text-decoration: none; }

.binding-tel .binding_btn { width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; background-color: #1f81f8; border-radius: 4px; cursor: pointer; }
.binding-tel .binding_btn:hover { background-color: #3993ff; }

.wxbox img { max-width: 100%; max-height: 100%; }
.wxbox { padding: 10px; }
.wxbox .ercode { width: 200px; height: 200px; border: 1px solid #E2E2E2; margin: 20px auto; position: relative }
.wxbox .info { text-align: center; margin-top: 10px; font-size: 14px; font-weight: bold; color: #6b6868; }
.wxbox .ercode .sxbox { position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.63); display: flex; justify-content: center; align-items: center; text-align: center; color: white; font-size: 15px; font-weight: bold; }


.img_VerifyBox { padding: 30px 0px; }
.img_VerifyBox .refreshBtn { cursor: pointer; line-height: 40px; user-select: none; }
.img_VerifyBox #imgValidateCode { cursor: pointer; }

.img_VerifyBox .fy-form-row { margin-bottom: 20px; clear: both; *zoom: 1; }
.fy-form-row:after { content: '\20'; clear: both; *zoom: 1; display: block; height: 0; }
.fy-form-label { float: left; width: 100px; font-weight: 400; text-align: right; padding-right: 10px; line-height: 36px; height: 36px; }
.fy-form-label em { color: #cc0000; margin-right: 3px; vertical-align: middle; }
.fy-input, .fy-textarea, .fy-select { width: 100%; }
.fy-select { padding-left: 10px; }
.fy-input-block { margin-left: 120px; }
.fy-input-inline { float: left; margin-left: 10px; display: inline-block; }


.btnConfirmSend { border: 0; width: 150px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; background-color: #1f81f8; border-radius: 4px; cursor: pointer; }
 
/*抖动效果*/
@keyframes shake {
    0% { transform: translateX(3%) }
    10% { transform: translateX(-2.5%) }
    20% { transform: translateX(2.5%) }
    30% { transform: translateX(-2%) }
    40% { transform: translateX(2%) }
    50% { transform: translateX(-1.5%) }
    60% { transform: translateX(1.5%) }
    70% { transform: translateX(-1%) }
    80% { transform: translateX(1%) }
    90% { transform: translateX(-.5%) }
    100% { transform: translateX(0) }
}


/*表单框*/
.fy-form { }
.fy-input, .fy-textarea, .fy-select { overflow: visible; font-size: 14px; height: 36px; line-height: 36px; padding: 0 5px; outline: none; border-radius: 3px; box-sizing: border-box; border: solid 1px #ddd; }

.fy-form-row { margin-bottom: 20px; clear: both; *zoom: 1; }
.fy-form-row:after { content: '\20'; clear: both; *zoom: 1; display: block; height: 0; }
.fy-form-label { float: left; width: 100px; font-weight: 400; text-align: right; padding-right: 10px; line-height: 36px; height: 36px; }
.fy-form-label em { color: #cc0000; margin-right: 3px; vertical-align: middle; }
.fy-input, .fy-textarea, .fy-select { width: 100%; }
.fy-select { padding-left: 10px; }
.fy-input-block { margin-left: 120px; }
.fy-input-inline { float: left; margin-left: 10px; display: inline-block; /*height: 36px; line-height: 36px;*/ }

/*辅助器 按钮 文字等*/
.fy-form-mid { color: #555; float: left; display: block; line-height: 36px; margin-left: 15px; }
/*消息提示框*/
.fy-form-tips { color: #555; float: left; display: block; line-height: 36px; margin-left: 15px; }

.fy-form-tips span { color: #71c86f; }
.fy-form-tips span.msg-success { padding-left: 18px; background: url(/img/login/login-correct.png) 1px 2px no-repeat; }
.fy-form-tips span.msg-error { padding-left: 18px; color: #fa5b5b; background: url(/img/login/login-error.png) 1px 2px no-repeat; }

.fy-select { padding: 0 6px; }
.fy-input:hover, .fy-textarea:hover { border-color: #3bb4f2; }
.fy-input:focus, .fy-textarea:focus { border-color: #3bb4f2; }
.fy-textarea { position: relative; min-height: 100px; height: auto; line-height: 20px; padding: 6px 10px; resize: vertical; font-family: "Microsoft YaHei"; }
.fy-input-disabled { background: #d8d8d8; }
.fy-form-danger { border-color: #FF5722 !important; }

.fy-input, .fy-textarea { *padding: 0 2px; }
.fy-input[type='file'] { border: 0px; }

.fy-form-row img { max-height: 100%; max-width: 100%; }