@CHARSET "UTF-8";
|
.content {
|
width: 1000px;
|
height: 550px;
|
margin: 40px auto;
|
|
background-repeat: round;
|
border-radius: 20px;
|
|
}
|
|
.content #box {
|
width: 650px;
|
height: 400px;
|
margin: 100px auto;
|
background-color: white;
|
|
}
|
|
/* 记住密码 */
|
.f_pass{
|
height: 40px;
|
line-height: 40px;
|
padding: 0 8px;
|
margin: 6px 0;
|
}
|
.font-s {
|
position: relative;
|
}
|
.custom-control {
|
position: relative;
|
display: block;
|
min-height: 1.5rem;
|
padding-left: 1.5rem;
|
}
|
.small, small {
|
font-size: 80%;
|
font-weight: 400;
|
text-align: right;
|
}
|
input[type=checkbox], input[type=radio] {
|
-webkit-box-sizing: border-box;
|
box-sizing: border-box;
|
padding: 0;
|
}
|
.custom-control-input {
|
position: absolute;
|
z-index: -1;
|
opacity: 0;
|
}
|
.custom-control-label{
|
font-size: 15px;
|
}
|
.custom-control-input:not(:disabled):active~.custom-control-label::before {
|
color: #fff;
|
background-color: #e5ebfa;
|
border-color: #e5ebfa;
|
}
|
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
border-color: #bac8f3;
|
}
|
.custom-control-input:focus~.custom-control-label::before {
|
-webkit-box-shadow: 0 0 0 0.2rem rgba(78,115,223,.25);
|
box-shadow: 0 0 0 0.2rem rgba(78,115,223,.25);
|
}
|
.custom-control-input:checked~.custom-control-label::before {
|
color: #fff;
|
border-color: #059df6;
|
background-color: #059df6;
|
}
|
.custom-checkbox .custom-control-label::before {
|
border-radius:4px;
|
}
|
.custom-control-label::before, .custom-file-label, .custom-select {
|
-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
|
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
|
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
|
}
|
.custom-control-label::before {
|
position: absolute;
|
top:1px;
|
right: 64px;
|
display: block;
|
width:16px;
|
height: 16px;
|
pointer-events: none;
|
content: "";
|
background-color: #fff;
|
border: #b7b9cc solid 1px;
|
}
|
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
|
background:url(../images/duigou.png) no-repeat;
|
}
|
.custom-control-label::after {
|
position: absolute;
|
top:5px;
|
right: 62px;
|
display: block;
|
width: 16px;
|
height: 16px;
|
content: "";
|
background: no-repeat 50%/50% 50%;
|
}
|
|
div {
|
overflow: hidden;
|
}
|
|
a {
|
text-decoration: none;
|
text-align: center;
|
font-weight: bold;
|
color: rgb(100, 184, 236);
|
}
|
|
h1 {
|
text-align: center;
|
color: rgb(100, 184, 236);
|
}
|
|
table {
|
margin: 30px auto;
|
}
|
|
table tr {
|
width: 400px;
|
height: 25px;
|
line-height: 20px;
|
|
}
|
|
table tr td {
|
color: rgb(100, 184, 236);
|
margin-left: 15px;
|
}
|
|
input {
|
border: 1px solid rgb(100, 184, 236);
|
padding: 4px 0px;
|
border-radius: 3px;
|
/*css3属性IE不支持*/
|
padding-left: 5px;
|
height: 30px;
|
line-height: 30px;
|
}
|
|
#language {
|
background-color: rgb(100, 184, 236);
|
color: white;
|
font-size: bold;
|
float: right;
|
height: 30px;
|
line-height: 30px;
|
border: 1px solid white;
|
border-radius: 2px;
|
box-shadow: 1px 1px 4px white;
|
position: relative;
|
right: 20px;
|
text-align: center;
|
}
|
