9169-php/Public/bibidd/css/register.css

* {
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    background: #151618;
}

.LoginContaienr {
    width: 100%;
    height: 100%;
}

.LoginTitle {
    width: 100%;
    height: 2.72rem;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.64rem;
    font-weight: bold;
    color: #DFDFDF;
}

.LoginInput {
    width: 92%;
    height: 1.08rem;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 0.32rem;
}

.LoginInput input {
    width: 100%;
    height: 1.08rem;
    background: #25252A;
    border: none;
    outline: none;
    color: #DFDFDF;
    font-size: 0.3rem;
    padding-left: 0.32rem;
}

.LoginBtn {
    width: 92%;
    height: 1rem;
    background: #CF5731;
    color: #DFDFDF;
    font-size: 0.34rem;
    border-radius: 0.12rem;
    margin: 0 auto;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem;
}

.registerShuoming {
    width: 88%;
    height: auto;
    margin: 0 auto 1rem;
    /* text-align: justify; */
    color: #E34343;
    font-size: 0.24rem;
    text-align: center;
    line-height: 0.5rem;
}

.registerShuomingBack {
    width: 88%;
    height: 1rem;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 0.28rem;
    margin: 0 auto;
}

.registerShuomingBackText {
    color: #818181;
}

.registerShuomingBackBtn {
    height: 1rem;
    color: #CF5731;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.1rem;
}

.SLdetaileHeader {
    width: 100%;
    height: 0.88rem;
    position: fixed;
    top: 0rem;
    z-index: 9;
    background: #151618;
}

.SLdetaileHeaderText {
    width: 100%;
    height: 0.88rem;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    color: #DFDFDF;
    font-size: 0.34rem;
}
.SLdetaileHeaderText img{
    width:1.85rem;
    height:0.4rem;
}
.SLdetaileHeaderImg {
    width: 1rem;
    height: 0.88rem;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    z-index:10;
}

.SLdetaileHeaderImg img {
    width: 0.5rem;
    height: 0.5rem;
}