@charset "utf-8";
/* CSS Document */

body{ font:12px/24px "Microsoft YaHei","微软雅黑"; color:#333; background-color:#ffffff;}
*{ margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling: touch;}
ul,ol,li{ list-style:none outside;}
.nowrap{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}
.left{ float:left;}
.right{ float:right;}
.center{ text-align:center;}
.bold{ font-weight:bold;}
img{ border:medium none; vertical-align:middle;width: 100%;}
textarea{ resize:none; vertical-align:middle;}
input,button,select,textarea{ -webkit-appearance:none; border:medium none; background:none; outline:none; font:1em/normal "Microsoft YaHei","微软雅黑";}
.btn{ cursor:pointer;}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }


/*01*/
.login_box {}
.logo_pic { width: 27.5%; margin: 0 auto; padding: 64px 0 30px;}
.logo_pic img { width: 100%;}
.login_nav { width:86%; display: -webkit-box; margin: 0 auto;}
.login_nav a { display: block; -webkit-box-flex: 1; width: 100%; font-size: 15px; line-height: 20px; color: #8d8d8d; text-align: center;}
.login_nav .bar { background-color: #b5b8ba; width: 1px; height: 20px; display: block;}
.login_nav .sele { color: #5ca9ff;}
.login_cont { padding: 40px 0 30px }
.login_line { width: 74.4%; margin: 0 auto 18px; display: -webkit-box; height: 35px; -webkit-box-align: center; position: relative;}
.login_left { background: url("../images/phone.png") no-repeat left center; -webkit-background-size: 11px 13px; width: 17px; height: 35px; border-bottom: 1px solid #cfcfcf;}
.login_right { -webkit-box-flex: 1; width: 100px; height: 35px; position: relative;border-bottom: 1px solid #cfcfcf;}
.login_txt { display: block; width: 100%; height: 35px; font-size: 15px; line-height: 35px; color: #000; position: relative; z-index: 5;}
.empty { background: url("../images/empty.png") no-repeat right center; -webkit-background-size: 16px 16px; height: 35px; width: 35px; position: absolute; right: 0; top: 0; display: none; z-index: 10;}
.code { background-image: url("../images/code.png");}
.code_obtain { margin-left: 15px; width: 106px; height: 27px; font-size: 14px; line-height: 27px; color: #ffffff; text-align: center;}
.code_obtain .get_code { cursor: pointer; width: 100%; color: #fff; display: block; border-radius: 13.5px; background-color: #b9b9b9;}
.login_btn { width: 81%; margin: 0 auto;}
.login_btn .btn { display: block; width: 100%; background-color: #5ca9ff; font-size: 18px; line-height: 41px; color: #ffffff; height: 41px; border-radius: 20.5px;}
.login_register { padding: 10px; text-align: center; font-size: 14px; line-height: 20px; color: #8d8d8d;}
.login_register a { color: #4aa5ff;}
.reminding { font-size: 12px; line-height: 18px; color: #ff5c8e; position: absolute; left: 0; top: 36px;}
.psd_visible { background: url("../images/psd_visible.png") no-repeat right center; -webkit-background-size: 19px 12px; width: 35px; height: 35px; border-bottom: 1px solid #cfcfcf}
.psd_invisible { background: url("../images/psd_invisible.png") no-repeat right center; -webkit-background-size: 19px 16px; width: 35px; height: 35px; border-bottom: 1px solid #cfcfcf}
.psd { background: url("../images/psd.png") no-repeat left center; -webkit-background-size: 10px 13px;}
.login_psd { display: block; width: 100%; height: 35px; font-size: 15px; line-height: 35px; color: #000;}
.invisible { display: none;}
.p_check {-webkit-appearance: none; width:13px; height:13px; background-color: #f7f7f9; border: 1px solid #bebebe; border-radius:50%; display:inline-block; position: relative;}
.p_check:checked:after {content:''; background: url("../images/check.png") no-repeat center center #fff; width:13px; height:13px; -webkit-background-size:100% 100%; border-radius:50%; display:inline-block; position: absolute; left: -1px; top:-1px;}


/*03*/
.login_top { background-color: #43a0ff; padding: 9px 4%; height: 32px; font-size: 16px; line-height: 32px; color: #ffffff;}
.sml_logo { width: 82.5px;}
.login_change_nav { padding: 60px 0 35px; display: -webkit-box; width: 100%; -webkit-box-align: end;}
.change_block { display: block; width: 100%; text-align: center; -webkit-box-flex: 1; font-size: 15px; line-height: 20px; color: #8d8d8d;}
.change_phone { background: url("../images/chge_phone.png") no-repeat; width: 23px; height: 23px; -webkit-background-size: 100% 100%; margin: 0 auto 12px;}
.chge_mail { background: url("../images/chge_mail.png") no-repeat; width: 23px; height: 23px; -webkit-background-size: 100% 100%; margin: 0 auto 12px;}
.change_bar { background-color: #b5b8ba; width: 1px; height: 20px;}
.change_block.sele .change_phone { background-image: url("../images/chge_phone2.png");}
.change_block.sele .chge_mail { background-image: url("../images/chge_mail2.png");}
.change_block.sele .color { color: #5ca9ff;}

/*04*/
.change_result { padding: 90px 5% 50px; text-align: center; font-size: 18px; line-height: 28px;}
.succeed { background: url("../images/succeed.png") no-repeat top center; -webkit-background-size: 31px 24px; padding-top: 30px; color: #5ca9ff;}

/*05*/
.mail { background: url("../images/mail.png") no-repeat left center; -webkit-background-size: 11px 8px;}
.code_pic { width: 75px; margin: 0 5px;}
.code_pic img { width: 75px; height: 27px; border-radius: 14px;}
.get_code_pic { font-size: 14px; line-height: 35px; color: #5ca9ff; cursor: pointer;}


/*06*/
.succeed_mail { text-align: center; font-size: 15px; line-height: 24px; color: #8c8c8c; padding: 0 5%;}
.succeed_mail .pic { width: 113px; margin: 0 auto 20px;}
.blue { color: #43a0ff;}

/*07*/
.change_prompt { padding: 60px 0 30px; width: 74.4%; margin: 0 auto; font-size: 15px; line-height: 24px; color: #8c8c8c; text-align: center;}

/*08*/
.forget_psd { text-align: right; margin: 0 auto;  width: 74.4%;}
.f_psd { font-size: 14px; line-height: 24px; color: #4aa5ff;}

/*2020-03-06*/
.login_btm {
    text-align: center
}
.login_link {
    font-size: 	12px;
    line-height: 40px;
    color: #5ca9ff;
    text-decoration: underline;
}