.login_wrap {margin-bottom:150px;}
.login_wrap .inner {margin:0 auto; width:700px;}
.login_wrap ._hd {height:135px; border-bottom:1px solid #212e4e;}
.login_wrap ._hd .tit {line-height:135px; text-align:center; font-size:35px; font-weight:bold;}
.login_wrap ._bd {background-color:#f4f9fe; box-sizing:border-box; overflow:auto;}
.login_area {padding:50px; margin:50px auto; width:400px; background-color:#fff; box-shadow:1px 4px 10px rgba(0, 0, 0, 0.05);}
.login_area .summary .logo {margin:0 auto 40px auto; width:232px; height:43px; background:url('/public/images/logo_f.png?v') no-repeat 0 0;}
.login_area .inputbox {display:block; margin-top:5px; padding:0 20px; width:100%; height:50px; line-height:50px; border:1px solid #ccc; box-sizing:border-box;}
.login_area .inputbox:focus {border-color:#0977c9;}
.login_area .btn_submit {margin-top:10px; width:100%; height:50px; line-height:50px; text-align:center; background-color:#0977c9; color:#fff;}
.login_area .find {padding:20px; text-align:center;}
.login_area .find li {display:inline-block;}
.login_area .find li:before {content:'·'; margin:0 10px;}
.login_area .find li:first-child:before {display:none;}
.login_area .find a {line-height:21px; font-size:14px; color:#666;}
.login_area .find a:hover {text-decoration:underline;}
.login_area .tip_box {margin-top:20px; padding:20px; border:1px solid #d1e0e8;}
.login_area .tip_box dt {margin-bottom:10px; font-size:17px; font-weight:bold; color:#0977c9;}
.login_area .tip_box dt i {margin-right:5px;}
.login_area .tip_box dd {line-height:19px; font-size:14px;}
.login_area .tip_box a {text-decoration:underline; color:#0977c9;}

.code_wrap {margin-bottom:150px;}
.code_wrap .inner {margin:0 auto; width:700px;}
.code_wrap ._hd {height:135px; border-bottom:1px solid #212e4e;}
.code_wrap ._hd .tit {line-height:135px; text-align:center; font-size:35px; font-weight:bold;}
.code_wrap ._bd {background-color:#f4f9fe; box-sizing:border-box; overflow:auto;}
.code_area {padding:50px; margin:50px auto; width:400px; background-color:#fff; box-shadow:1px 4px 10px rgba(0, 0, 0, 0.05);}
.code_area .summary .logo {margin:0 auto 40px auto; width:232px; height:43px; background:url('/public/images/logo_f.png?v') no-repeat 0 0;}
.code_area .inputbox {display:block; margin-top:5px; padding:0 20px; width:100%; height:50px; line-height:50px; border:1px solid #ccc; box-sizing:border-box;}
.code_area .inputbox:focus {border-color:#0977c9;}
.code_area .btn_submit {margin-top:10px; width:100%; height:50px; line-height:50px; text-align:center; background-color:#0977c9; color:#fff;}
.code_area .tip_box {margin-top:20px; padding:20px; border:1px solid #d1e0e8;}
.code_area .tip_box dt {margin-bottom:10px; font-size:17px; font-weight:bold; color:#0977c9;}
.code_area .tip_box dt i {margin-right:5px;}
.code_area .tip_box dd {line-height:19px; font-size:14px;}
.code_area .tip_box a {text-decoration:underline; color:#0977c9;}

.register_wrap {margin-bottom:150px;}
.register_wrap .inner {margin:0 auto; width:900px;}
.register_wrap ._hd {height:135px; border-bottom:1px solid #212e4e;}
.register_wrap ._hd .tit {line-height:135px; text-align:center; font-size:35px; font-weight:bold;}
.register_wrap ._bd {background-color:#f4f9fe; box-sizing:border-box; overflow:auto;}
.register_area {padding:50px; margin:50px auto; width:600px; background-color:#fff; box-shadow:1px 4px 10px rgba(0, 0, 0, 0.05);}
.register_area .register_form dt {font-weight:bold;}
.register_area .register_form dt em {margin-left:3px; color:#0977c9; font-weight:normal;}
.register_area .register_form dd {display:flex; margin-bottom:20px;}
.register_area .register_form dd input::placeholder {color:#ccc;}
.register_area .inputbox {flex:1; margin-top:5px; padding:0 20px; height:45px; line-height:45px; border:1px solid #ccc; box-sizing:border-box;}
.register_area .inputbox:focus {border-color:#0977c9;}
.register_area .inputbox:read-only {background-color:#eee; color:#999;}
.register_area .selectbox {display:block; margin-top:5px; padding:0 20px; width:100%; height:45px; line-height:45px; border:1px solid #ccc; box-sizing:border-box; outline:none;}
.register_area .selectbox:focus {border-color:#0977c9;}
.register_area .selectbox {appearance:none; background:url('/public/images/ic_select_arrow.png') no-repeat right 15px center;}
.register_area .selectbox:after {position:absolute; content:'d';}
.register_area .btn_submit {margin-top:10px; width:100%; height:50px; line-height:50px; text-align:center; background-color:#0977c9; color:#fff;}
.register_area .tip_box {margin-top:20px; padding:20px; border:1px solid #d1e0e8;}
.register_area .tip_box dt {margin-bottom:10px; font-size:17px; font-weight:bold; color:#0977c9;}
.register_area .tip_box dt i {margin-right:5px;}
.register_area .tip_box dd {line-height:19px; font-size:14px;}
.register_area .tip_box a {text-decoration:underline; color:#0977c9;}

.register_area .complete {text-align:center;}
.register_area .complete h3 {margin-bottom:20px; font-size:35px;}
.register_area .complete i {margin:20px 0; font-size:120px; color:#0977c9;}
.register_area .complete p {margin-bottom:10px; font-size:25px;}
.register_area .complete p strong {color:#0977c9;}
.register_area .complete span {display:block; margin-bottom:5px; font-size:17px;}
.register_area .complete em {display:block; font-size:17px;}
.register_area .complete .btn_home {display:inline-block; margin-top:40px; width:200px; height:50px; line-height:50px; text-align:center; border-radius:3px; font-size:20px; background-color:#0977c9; color:#fff;}


@media (max-width:700px) {

    .login_wrap {margin-bottom:50px;}
    .login_wrap .inner {width:100%;}
    .login_wrap ._hd {display:none;}
    .login_area {width:100%; margin:0; padding:100px 20px 50px 20px; box-sizing:border-box;}

    .code_wrap {margin-bottom:50px;}
    .code_wrap .inner {width:100%;}
    .code_wrap ._hd {display:none;}
    .code_area {width:100%; margin:0; padding:100px 30px 50px 30px; box-sizing:border-box;}

    .register_wrap {margin-bottom:50px;}
    .register_wrap .inner {width:100%;}
    .register_wrap ._hd {height:100px; border-bottom:none;}
    .register_wrap ._hd .tit {line-height:100px; font-size:25px;}

    .register_area {width:100%; margin:0; padding:20px 20px 50px 20px; box-sizing:border-box;}
    .register_area .complete {padding:10px 20px 30px 20px; background-color:#f4f9fe;}
    .register_area .complete h3 {display:none;}
    .register_area .complete i {font-size:100px;}
    .register_area .complete p {font-size:20px;}
    .register_area .complete .btn_home {width:150px; border-radius:0; font-size:15px;}

}