body { background: #eaf5fd; color: #193249; }

.marT40 { margin-top: 40px !important; }

.mt40 { margin-top: 40px !important; margin-bottom: 47px !important; }

.mtf10 { margin-top: -10px; }
.mtf10 a { color: #74bff8; }

.center { text-align: center; }

.hidden { display: none; }

.greyBorder { border-bottom: 1px solid #d2d2d2; }

.title { margin-left: 0 !important; }

.num { float: left; font-size: 24px; text-align: center; line-height: 80px; padding-left: 30px; }

input:focus { color: #74bff8; }

.maincontent .loginBox { width: 328px; margin: 0 auto;padding: 10px 0}
.maincontent .loginBox .welcome { width: 100%; text-align: center; font-size: 20px; font-weight: bold; }
.maincontent .loginBox .loginWay { position: relative; height: 20px; margin: 30px 0 0; }
.maincontent .loginBox .loginWay .line { border-bottom: 1px solid #d2d2d2; display: inline-block; height: 10px; width: 100%; margin-top: 8px; }
.maincontent .loginBox .loginWay .wrapWord { display: inline-block; width: 180px; background: #eaf5fd; line-height: 20px; text-align: center; position: absolute; z-index: 1; font-size: 16px; left: 73px; top: 7px; }
.maincontent .loginBox .otherBtn { margin-top: 30px; }
.maincontent .loginBox .otherBtn a { width: 160px; height: 40px; background: #25a4ff; color: #fff; font-size: 14px; line-height: 40px; text-align: center; vertical-align: middle; display: inline-block; border-radius: 3px; cursor: pointer; float: left; padding-left: 25px; box-sizing: border-box; background-repeat: no-repeat; background-position: 25px 8px; background-image: url("../images/icons/qq.png"); }
.maincontent .loginBox .otherBtn a.btn_wx { background-color: #3cb035; background-image: url("../images/icons/weixin.png"); float: right; padding-left: 40px; }
.maincontent .loginBox .loginBtn, .maincontent .loginBox .btnGetMail { width: 100%; height: 40px; background: #74bff8; color: #fff; font-size: 14px; line-height: 40px; text-align: center; vertical-align: middle; display: inline-block; border-radius: 3px; cursor: pointer; }
.maincontent .loginBox .loginBtn a, .maincontent .loginBox .btnGetMail a { display: inline-block; width: 100%; height: 40px; text-align: center; line-height: 40px; color: #fff; }
.maincontent .loginBox .tips { font-size: 14px; width: 100%; height: 32px; display: flex; justify-content: space-between; line-height: 32px; }
.maincontent .loginBox .tips .register a { color: #74bff8; }
.maincontent .loginBox .tips_center { display: block; text-align: center; }
.maincontent .loginBox .list_input { padding-top: 15px; }
.maincontent .loginBox .list_input .vcLi {
    display: none;
}

.maincontent .loginBox .list_input li { margin-top: 32px; position: relative; }
.maincontent .loginBox .list_input li input { padding-left: 35px; width: 100%; height: 35px; line-height: 35px; font-size: 14px; border: none; background: #eaf5fd; border-bottom: 1px solid #d2d2d2; background: url("../images/icons/user1.png") no-repeat 5px 10px; box-sizing: border-box; }
.maincontent .loginBox .list_input li input:focus { border-color: #74bff8; background-image: url("../images/icons/user2.png"); }
.maincontent .loginBox .list_input li input.email { background-position: 1px 10px; background-image: url("../images/icons/mail1.png"); }
.maincontent .loginBox .list_input li input.email:focus { background-image: url("../images/icons/mail2.png"); }
.maincontent .loginBox .list_input li input.password { background-image: url("../images/icons/lack1.png"); }
.maincontent .loginBox .list_input li input.password:focus { background-image: url("../images/icons/lack2.png"); }
.maincontent .loginBox .list_input li input.verify { background-image: url("../images/icons/vertify1.png"); }
.maincontent .loginBox .list_input li input.verify:focus { background-image: url("../images/icons/vertify2.png"); }
.maincontent .loginBox .list_input li .wrap_vertify { width: 70px; height: 30px; position: absolute; top: 0; right: 0; }
.maincontent .loginBox .list_input li .error {
    font-size: 12px;
    color: #FFA522;
    position: absolute;
    right: 0;
    bottom: -30px;
    background: url("../images/icons/warn.png") no-repeat 0 1px;
    padding-left: 25px;
    display: block;
    height: 24px;
    line-height: 24px;
}
.maincontent .loginBox .list_input li .errormsgValidCode {
    font-size: 12px;
    color: #FFA522;
    position: absolute;
    right: 0;
    bottom: -30px;
    background: url("../images/icons/warn.png") no-repeat 0 1px;
    padding-left: 25px;
    display: block;
    height: 24px;
    line-height: 24px;
}

.maincontent .loginBox .list_input li input.validCode {
    background-image: url("../images/icons/vertify1.png");
    width: 70%;
}
.maincontent .loginBox .list_input li input.validCode:focus {
    background-image: url("../images/icons/vertify2.png");
    width: 70%;

}
.maincontent .loginBox .list_input li .validCodeImg {
    width: 90px; height: 35px; position: absolute; top: 0; right: 0;
}

.maincontent .loginBox .list_input li .errormsgValidCode {
    display: none;
}

.wrap_tips { width: 640px !important; }

.media { margin: 33px 0; }
.media dt { width: 42px; height: 42px; background: url("../images/icons/mailPost.png") no-repeat; float: left; margin-top: 3px; }
.media dd { float: left; margin-left: 17px; }
.media dd span { display: block; line-height: 23px; }

.btnGetMail { margin-left: 245px; width: 120px !important; }
.btnGetMail.countDown { background-color: #d2d2d2 !important; }

.setSuccess { text-align: center; }
.setSuccess dt { width: 54px; height: 54px; background: url("../images/icons/setSuccess.png") no-repeat; display: inline-block; margin-bottom: 25px; }
.setSuccess dd { text-align: center; }
.setSuccess dd span { display: block; line-height: 23px; }
.setSuccess dd.description { margin: 15px 0 38px; }

.title_normal { font-size: 20px; font-weight: bold; }


/*
新添加样式*/
/*.otherBtn{margin-bottom: 40px;}*/