@charset "utf-8";
/*布局*/
html,body { height: 100vh }
.row { display: flex; justify-content: center }
.bar { background-color: rgba(134,0,8,.8); position: fixed; bottom: 0; left: 0; right: 0 }
/*背景图*/
body { background: url(../images/login-bg.jpg) no-repeat center top; background-size: cover }

/*头部*/
/*logo*/
.logo { text-align: center; padding-top: 6vh }
.logo img { width: 2.59rem; height: 1.13rem }
/*标题*/
h1 { text-align: center; color: rgba(134,0,8,1); letter-spacing: .02rem; font-size: .22rem; line-height: 1.4 }
h1 small { font-size: .22rem }

/*主体*/
/*登录框*/
.login-box { flex: 0 33vw; background-color: rgba(0,0,0,.6); min-width: 3.7rem; margin-top: .3rem; border-radius: .08rem; box-sizing: border-box; padding: .2rem .4rem .4rem; position: relative }
.tab-item { display: flex; margin-bottom: .2rem }
.tab-item li { flex: 0 50% }
.tab-item h2 { text-align: center; color: rgba(255,255,255,.7); font-size: .16rem; letter-spacing: .02rem; font-weight: normal; line-height: 2.5; cursor: pointer; position: relative }
.tab-item h2.current { color: #d5000d }
.tab-item h2.current::before { content: ""; display: inline-block; width: .08rem; height: .08rem; background-color: #d5000d; border-radius: 50%; position: absolute; top: -.05rem; left: 48% }
.hint { position: absolute; top: .5rem; left: .4rem; height: .3rem; line-height: .3rem; color: #d5000d; letter-spacing: .01rem }
.hint::before { content: attr(data-icon); color: rgba(255,255,255,.7); background-color: #d5000d; display: inline-block; width: .16rem; height: .16rem; border-radius: 50%; text-align: center; line-height: .16rem; margin-right: .1rem; font-weight: bold }
.input-normal,.input-checkBox { margin-bottom: .2rem }
.input-normal { position: relative }
.input-normal::after { content: attr(data-icon); position: absolute; right: .2rem; top: .16rem; font-family: Icon,sans-serif; font-size: .16rem }
.input-normal input { width: 100%; height: .5rem; box-sizing: border-box; border-radius: .05rem; padding: 0 .15rem; font-size: .14rem; letter-spacing: .01rem; border: none }
.input-normal input:focus { border: .01rem solid #d5000d }
.input-checkBox { letter-spacing: -.04rem }
.input-checkBox input { width: 0; height: 0; visibility: hidden }
.input-checkBox label { vertical-align: middle; font-size: .14rem; letter-spacing: .01rem }
.input-checkBox input + label { display: inline-block; background-color: #fff; width: .14rem; height: .14rem; border-radius: .03rem; margin-right: .1rem }
.input-checkBox input:checked + label { background-color: #d5000d }
.input-checkBox input:checked + label::before { content: "\e907"; font-family: Icon,sans-serif; color: #fff; font-weight: bold; position: relative; left: .01rem }
.input-button input { border: none; height: .5rem; border-radius: .08rem; width: 100%; background-color: rgba(134,0,8,.8); color: rgba(255,255,255,.8); font-size: .14rem; letter-spacing: .06rem }
.input-button input:hover { background-color: rgba(134,0,8,.9) }

/*尾部*/
/*版权信息*/
.copyright { height: .8rem; line-height: .8rem; letter-spacing: .01rem; color: rgba(255,255,255,.4); font-size: .14rem }