body{
    background:url(./img/login_bg.jpg) no-repeat center center;
    background-size:cover;

    background-attachment:fixed;
    margin: unset;
}
.main-form{
    width: 450px;
    height: 545px;
    background-color: #ffffff;
    box-shadow: 0px 6px 36px 0px rgba(14, 150, 255, 0.3);
    border-radius: 6px;
    opacity: 0.9;
    position: fixed;
    right: 13%;
    top: calc(50% - 290px);
}
.login-remark{
    width: 205px;
    height: 22px;
    font-family: PingFang-SC-Regular;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    /* margin-top: 12%; */
    width: 100%;
    text-align: center;
    font-weight: 100;
    position: absolute;
    top: 455px;
}
.fb-logo{
    background: url(./img/fb.png) no-repeat center center;
    height: 31px;
    margin-top: 40px;
    margin-left: 5%;
    width: 196px;
}


.login-input-1{
    width: 366px;
    height: 44px;
    border-radius: 25px;
    border: solid 1px #dfe3ed;
    margin-top: 35px;
    margin-left: calc(50% - 190px);
    background: url(./img/user_before.png) no-repeat 30px center rgba(255, 255, 255, 0.2);
    text-indent: 88px;
    font-family: PingFang-SC-Regular;
    font-size: 16px;
    font-weight:normal;
    color: #383838;
}
.login-input-1-red{
    border: solid 1px #fe2b4c;
}
.login-input-1:focus{
    outline: none;
    border: solid 1px #0f58ff;
    background: url(./img/user_after.png) no-repeat 30px center;
}
.login-input-1:hover{

    border: solid 1px #0f58ff;

}

.login-input-1-red:focus{
    outline: none;
    border: solid 1px #45b6fd;
    background: url(./img/user_after.png) no-repeat 30px center;
}
.login-input-1-red:hover{

    border: solid 1px #45b6fd;

}
.func-region:focus {
    border: solid 1px #0f58ff;
    background: url(./img/campus_after.png) no-repeat 30px center rgb(255, 255, 255);
}

.login-input-2{
    width: 366px;
    height: 44px;
    border-radius: 25px;
    border: solid 1px #dfe3ed;
    margin-top: 30px;
    margin-left: calc(50% - 190px);
    text-indent: 88px;
    font-family: PingFang-SC-Regular;
    font-size: 16px;
    font-weight:normal;
    color: #383838;
    background: url(./img/password_before.png) no-repeat 30px center rgba(255, 255, 255, 0.2);

}
.login-input-2-red{
    border: solid 2px #ff4c74;
}
.login-input-2:focus{
    outline: none;
    border: solid 1px #0f58ff;
    background: url(./img/password_after.png) no-repeat 30px center;
}
.login-input-2:hover{

    border: solid 1px #0f58ff;

}
.login-input-2-red:focus{
    outline: none;
    border: solid 2px #45b6fd;
    background: url(./img/password_after.png) no-repeat 36px center;
}
.login-input-2-red:hover{

    border: solid 2px #45b6fd;

}
.login-button{
    width: 370px;
    height: 50px;
    background-image: linear-gradient(5deg,
    #4393ff 0%,
    #56aaff 100%),
    linear-gradient(
            #b5c3d2,
            #b5c3d2);
    background-blend-mode: normal, normal;
    box-shadow: 1px 2px 6px 0px rgba(67, 147, 255, 0.46);
    border-radius: 25px;
    cursor: pointer;
    font-family: PingFang-SC-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #ffffff;
    border: 25px;
    position: absolute;
    top: 390px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.16);
    left: calc(50% - 190px);
}
.login-button:focus{
    outline:none;
}
.login-button:disabled{
    background-image: linear-gradient(5deg,
    #4393ff 0%,
    #56aaff 100%),
    linear-gradient(
            #b5c3d2,
            #b5c3d2);
    background-blend-mode: normal,
    normal;
    border-radius: 25px;
    opacity: 0.5;
    cursor: default;
}
.login-notice{
    /* position: absolute;
    top: 408px; */
    margin-top: 16px;
    margin-left: 48px;
    text-align: left;
    text-indent: 35px;
    font-family: PingFang-SC-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ff4c74;
    background: url(./img/error.png) no-repeat left center;
}

.icon-2-5 {
    height: 8px;
    width: 14px;
    position: absolute;
    display: inline-block;
    top: 0;
    margin: auto;
    bottom: 0;
    left:-20px;
    right: 0;
    background: url(./img/drop-down1.png) no-repeat;
}
.icon-2-6 {
    height: 8px;
    width: 14px;
    position: absolute;
    display: inline-block;
    top: 0;
    margin: auto;
    bottom: 0;
    left:-20px;
    right: 0;
    background: url(./img/pull-up1.png) no-repeat;
}
.select-icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 6px;
    bottom: 0;
    margin: auto;
    right: 53px;
}
.search-select {
    width: 366px;
    height: 44px;
    border-radius: 9px;
    position: relative;
    float: left;
    margin-left: calc(50% - 150px);
    margin-top: 50px;
}
.func-region {
    outline: none;
    width: 366px;
    height: 44px;
    border-radius: 25px;
    border: solid 1px #dfe3ed;
    /* margin-top: 30px; */
    margin-left: calc(50% - 224px);
    background: url(./img/campus_before.png) no-repeat 30px center rgba(255, 255, 255, 0.2);
    text-indent: 88px;
    font-family: PingFang-SC-Regular;
    font-size: 16px;
    font-weight: normal;
    color: #383838;
}
.select-case {
    width: 100%;
    height: 100%;
}
.search-drop-down-menu {
    position: absolute;
    font-weight: 100;
    z-index: 1010;
    /* display: none; */
    overflow: auto;
    background-color: white;
    cursor: pointer;
    max-height: 262px;
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(226, 226, 226, 0.46);
    border-radius: 9px;
    border: solid 1px #e7ebee;
    padding: 0;
    margin-top: 6px;
    height: 407px;
    padding-top: 10px;
}
.drop-down-li {
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border-top: 1px solid #cacbcc;
    padding-left: 84px;
    cursor: pointer;
    border: 0px;
    color: #2e3133;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    padding-right: 10px;
    font-size: 16px;
}
.drop-down-li:hover {
    background-color: #caedff;
}
.scroll-style-thin::-webkit-scrollbar {
    width: 11px;
    height: 8px;
    background-color: #fff;
}
.scroll-style-thin::-webkit-scrollbar-thumb {
    border-radius: 10px;
    min-height: 32px;
    background-color: rgba(138,147,153,0.8);
}
.scroll-style-thin::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: #fff;
}
[v-cloak] {
    display: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #a1aebb;
    font-weight:100;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a1aebb;
    font-weight:100;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a1aebb;
    font-weight:100;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #a1aebb;
    font-weight:100;
}
.bottom-tip {
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #666666;
    position: absolute;
    bottom: 30px;
    text-align: center;
    left: 32px;
}
.wrong-account {
    background-color: #f8cfdb;
	box-shadow: 0px 1px 3px 0px 
		rgba(254, 43, 76, 0.6);
	border-radius: 25px;
    border: solid 1px #fe2b4c;
    color: #040404;
}

input:-internal-autofill-selected {
    /* background-color: rgb(232, 240, 254) !important; */
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}


.test-icon {
    width: 112px;
    height: 108px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../img/Ta_ea.png) no-repeat center;
}