.loginHeader {
    position: fixed;
    top: 0;
    width: 100%;
    height: .88rem;
    padding: 0.27rem .25rem 0
}

.loginHeader a {
    display: block;
    float: left;
}

.loginHeader h3 {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    z-index: -1;
    line-height: .96rem;
    font-size: .36rem;
    font-weight: normal;
    text-align: center;
    position: absolute;
}

.loginHeader img {
    width: 0.22rem;
    height: 0.4rem;
}

.loginContent {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/loginbg.jpg) no-repeat center;
    background-size: cover
}

.resetContent {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/resetbg.jpg) no-repeat center;
    background-size: cover
}

.loginContain {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    background: url(../images/loginbg1.jpg) no-repeat center;
    background-size: cover;
    overflow-y: auto;
}

.logoBox {
    text-align: center;
    margin-top: .42rem;
    margin-bottom: .55rem;
    z-index: 999
}

.codeBox {
    text-align: center;
    margin-top: .66rem;
    margin-bottom: .55rem
}

.emailBox {
    text-align: center;
    margin-top: .27rem;
    margin-bottom: .44rem
}

.logoBox img,
.codeBox img,
.emailBox img {
    width: 1.25rem;
    height: 1.25rem;
}

.logoBox p,
.codeBox p,
.emailBox p {
    font-size: .34rem;
    color: #ffffff;
}

.loginBox>div {
    width: 5.52rem;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: .39rem
}

.emailIpt>div {
    margin-bottom: .3rem;
    position: relative;
}

.resetBox>div {
    margin-bottom: .39rem
}

.emailIpt>div:last-child {
    margin-bottom: .3rem
}

.loginBox input {
    width: 5.52rem;
    height: 0.84rem;
    line-height: .84rem;
    border-radius: .22rem;
    border: 0;
    background: rgba(255, 255, 255, .3)
}

.loginBox .testCode {
    width: 5.52rem;
    padding-right: 2.2rem
}

.loginBox input[type="tel"] ,.loginBox input[type="text"] {
    text-indent: .42rem;
    font-size: .28rem;
    color: #fffefe;
}
.loginBox input[type="password"]{
        text-indent: .42rem;
    font-size: .28rem;
    color: #fffefe;
}
.loginBox input::placeholder {
    color: #c2c2c2;
    font-size: .24rem;
}

.loginBox input[type="button"] {
    text-align: center;
    font-size: .28rem;
    color: #ebebeb;
    background: rgba(255, 255, 255, .5)
}

.emailIpt input.btn {
    width: 2rem;
    height: 0.7rem;
    line-height: .7rem;
    position: absolute;
    top: .07rem;
    font-size: .24rem;
    right: .12rem;
    background: #4598C4;
    border-radius: .22rem;
    text-align: center;
    color: #ebebeb
}

.emailIpt span.btn a {
    font-size: .18rem
}

.telBox {
    margin-bottom: 0.37rem
}

.telBox>div {
    position: relative;
    margin-bottom: 0
}

.selectNum a {
    display: block;
    line-height: .84rem;
    position: absolute;
    font-size: .32rem;
    color: #ebebeb;
    right: 4.1rem;
    float: left;
}

.selectNum i {
    font-style: normal;
    line-height: .84rem;
    display: block;
    float: left;
}

.selectNum input[type="tel"],.selectNum input[type="text"] {
    text-indent: 1.8rem
}

.telBox>div p {
    font-size: .22rem;
    color: #c7c7c7;
    margin: .3rem 0;
    text-indent: .1rem
}

.testOther {
    margin-top: 1.28rem
}

.telNum {
    margin: 0 0.1rem 0 .07rem
}

.way {
    width: 5.52rem;
    margin: 0 auto;
}

.way a {
    position: relative;
    font-size: .28rem;
    color: #e5e5e5
}

.way a:nth-child(2){
    /* margin-left: 0.5rem; */
}

.way a span {
    visibility: hidden;
}

.way p {
    text-align: center
}

.way a:first-child {
    margin-right: .5rem
}

.way a:first-child::after {
    content: "";
    width: 1px;
    height: 0.26rem;
    background: #FCFDFE;
    display: block;
    position: absolute;
    top: 0.07rem;
    left: 1.7rem;
}

.way .reset {
    font-size: .24rem;
    float: right;
}

.otherWay p {
    text-align: center;
    font-size: .22rem;
    color: #c7c7c7
}

.otherWay .other {
    font-size: .24rem;
    color: #cccccc;
    position: relative;
    margin-top: .8rem
}

.otherWay .emailOther {
    margin-top: .5rem
}

.otherWay .other::before,
.otherWay .other::after {
    content: "";
    display: block;
    width: .7rem;
    height: 1px;
    background: #B0B0B4;
    position: absolute;
    top: 0.15rem;
}

.otherWay .other::before {
    left: 1.35rem;
}

.otherWay .other::after {
    right: 1.35rem
}

.selectWay {
    margin: .35rem 0 .3rem 0;
    overflow: hidden;
    text-align: center
}

.selectWay li {
    display: inline-block;
    margin-left: .5rem
}
.selectWay li:first-child{
    margin-left: 0;
}
.selectWay li a {
    display: block
}

.selectWay li img {
    width: 0.7rem;
    height: 0.7rem;
}

.otherWay p a {
    color: #32baee
}

.loginInfo {
    width: 5.9rem;
    margin: 0 auto;
    text-align: center;
    margin-top: .95rem;
}

.loginInfo p {
    font-size: .24rem;
    color: #ebebeb
}

.numBox {
    overflow: hidden;
    margin: .39rem 0 .87rem;
}

.numBox  {
    width: 6.2rem
}

.numBox input {
    float: left;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 50%;
    margin-right: .16rem;
    overflow: hidden;
}

.numBox  input {
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem;
    color: #e5e5e5;
    font-size: .4rem;
    text-align: center;
    background: rgba(255, 255, 255, .32);
    border: 0
}

.loginInfo input.btn {
    width: 3.4rem;
    height: 0.74rem;
    line-height: .74rem;
    font-size: .28rem;
    display: block;
    margin: 0 auto;
    color: #e5e5e5;
    background: #00A2ED;
    border-radius: .3rem;
    border: 0;
    outline: 0
}

.loginInfo span.btn a {
    font-size: .18rem
}

.dealBox {
    width: 5.9rem;
    margin: 0 auto;
    color: #fffefe;
    margin-top: 1.3rem;
    height:calc(100% - 1.3rem);
    overflow-y: auto;
}

.dealBox h3 {
    font-size: .24rem;
    line-height: .4rem
}

.dealBox p {
    line-height: .4rem
}

.dealBox p span {
    font-weight: 550;
    line-height: .4rem
}

.findBox>div {
    position: relative;
    margin-bottom: .39rem
}

.selectBtn a:first-child {
    left: .12rem;
}

.selectBtn a {
    width: 2.68rem;
    height: 0.7rem;
    line-height: .7rem;
    position: absolute;
    top: .07rem;
    font-size: .28rem;
    right: .12rem;
    color: #ebebeb;
    text-align: center;
    border-radius: .22rem;
}

.selectBtn a.active {
    background: #4598C4;
}

.selectBtn {
    width: 5.52rem;
    height: 0.84rem;
    line-height: .84rem;
    border-radius: .22rem;
    border: 0;
    background: rgba(255, 255, 255, .3)
}
.loginHeader .sjdllink {
    display: block;
    float: right;
    width: 1.25rem;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    color: #fff;
    margin-right: 0.5rem;
    border: 1px solid #fff;
    border-radius: 0.06rem;
    overflow: hidden;
    box-sizing: border-box;
}