/*
* @Author: newtonf5
* @Date:   2018-10-23 01:09:22
* @Last Modified by:   newtonf5
* @Last Modified time: 2019-08-25 16:24:11
*/

.body_css { background: #f5f5f5; }

.div_header { height: 100px; }
.mainer1 { background: #fbfaf9; }


.login_wrap { min-height: 715px; }

.login { width: 80%; margin: 0 auto; padding: 40px; background: #fff; border: 1px solid #e8e8e8; margin-bottom: 40px; }
    .login h1 { margin-bottom: 18px; font-size: 38px; padding-left: 20px; font-weight: normal; text-align: center; }
.signup-panel { width: 290px; margin: 0 auto; }
    .signup-panel .signup-tip { margin-bottom: 25px; }

    .signup-panel .login-baidu .icon, .signup-panel .login-phone .icon, .signup-panel .login-weibo .icon, .signup-panel .login-weixin .icon { color: #fff; vertical-align: middle; margin-top: -5px; font-size: 30px; }
.icon:empty, .stars:empty { width: 1em; }

/*@font-face { font-family: tutor-icons; src: url('./7b7ccd67.tutor-icons.woff'); }*/
.icon, .stars { display: inline-block; font-family: tutor-icons; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1; color: #ffbd19; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


.phone-login { clear: both; border-top: 1px solid #ccc; padding-top: 30px; margin-top: 10px; }

a.login-phone { border: 1px solid #35ccca; color: #35ccca; display: inline-block; border-radius: 3px; padding: 0; background: 0 0; text-align: center; font-size: 14px; cursor: pointer; vertical-align: middle; display: block; height: 40px; line-height: 40px; text-align: center; }
.signup-panel .login-phone .icon { color: #35ccca; }
.icon-mobile:before, .icon-phone:before { content: "\E61C"; }
.signup-panel .form-group { position: relative; margin-bottom: 20px; }
.form-item { position: relative; display: inline-block; }
.signup-panel input { width: 290px; padding: 7px; height: 36px; border: 1px solid #ccc; background: #fff; border-radius: 3px; box-shadow: none; box-sizing: border-box; }
.signup-panel .btn-submit { width: 100%; height: 40px; line-height: 40px; text-align: center; display: inline-block; border: none; border-radius: 3px; padding: 0; background: 0 0; text-align: center; font-size: 14px; cursor: pointer; vertical-align: middle; border: 1px solid #35ccca; color: #35ccca; }
.phone-login .to-resetpassword { float: right; }
.phone-login .to-resetpassword, .phone-login .to-signup { padding: 15px 0; display: inline-block; }
    .phone-login .to-resetpassword a, .phone-login .to-signup a { color: #35ccca; }
/*.phone_login { display: none; }*/
.signup-panel .signup-tip { margin-bottom: 25px; text-align: center; line-height: 40px; }
.signup-panel .btn-default { vertical-align: middle; }
.signup-panel .captcha { width: 180px; margin-right: 5px; }
.btn-hg { width: 100%; height: 40px; line-height: 40px; text-align: center; }
.btn-default { display: inline-block; border: none; border-radius: 3px; padding: 0; background: 0 0; text-align: center; font-size: 14px; cursor: pointer; vertical-align: middle; border: 1px solid #ccc; color: #343434; }
.checkbox-wrap label { width: 100%; text-align: left; margin-right: 15px; }
    .checkbox-wrap label input[type=checkbox] { padding: 7px; width: 300px; height: 36px; border: 1px solid #ccc; background: #fff; border-radius: 3px; box-shadow: none; position: absolute; filter: alpha(opacity=0); opacity: 0; width: 18px; height: 18px; }
    .checkbox-wrap label .checkbox { display: inline-block; width: 14px; height: 14px; color: #fff; margin-right: 2px; border: 2px solid #35ccca; border-radius: 4px; line-height: 18px; vertical-align: middle; }
    .checkbox-wrap label .checkbox-true { background: #35ccca; }
    .checkbox-wrap label .checkbox i { color: #fff; font-size: 15px; }
.icon-checkbox:before { content: "\E631"; }
.checkbox-wrap label .checkbox-false { background: #fff; }
.signup-panel .btns-wrap-center { margin-top: 30px; }
.signup-panel .to-login { margin-top: 15px; text-align: center; padding-top: 8px; border-top: 1px solid #e8e8e8; }
    .signup-panel .to-login a, .signup-panel .to-signup a { color: #35ccca; }

.form-error { margin-top: -26px; margin-left: 5px; height: 1.5em; line-height: 1.5em; font-size: 12px; color: #ff946e; position: absolute; bottom: -20px; left: 0; display: block; }
