.examloginindex{
  background: url(../images/adminlg.jpg) 100% 100% no-repeat;
  width:100%;
  height:100%;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  top:0;
  left:0;
  position:fixed;
  float:left;
}

.examtext{
width:100%;
text-align:center;
color:#fff;
font-family:inherit;
font-size:3em;
text-shadow: black 0.1em 0.1em 0.2em;
padding:5% 0 0 0;
letter-spacing:1em;
}


.examlibbutton{
width:100%;
padding:0%;
height:70px;
}

.examloginbigrow{
width:100%;
height:370px;
margin:7% 0 0 0;
position:fixed;

display:-webkit-box;/*����������Ӧ�����������������ʼ�վ��еķ���*/
display:-webkit-flex;
display:-moz-box;
display:-moz-flex;
display:-ms-flexbox;
display: flex;

-webkit-box-align:center;
-moz-box-align:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
}
.examloginrowout{
width:520px;
padding:10px;
height:385px;
background-color: rgba(255,255,255,0.5);
border:1px solid rgba(255,255,255,0.4);
border-radius:5px;
}
.examloginrow{
width:500px;
padding:0;
height:365px;
background-color: rgba(255,255,255,0.8);
border:1px solid rgba(255,255,255,0.7);
border-radius:5px;
}
.adminleft{
/* width:35%; */
/* height:100%; */
padding:15% 0 0 10%;
float:left;
position: absolute;
bottom: 20px;
}
.adminExam{
  position: absolute;
  right: 40px;
  bottom:10px;
}
.admincenter{
min-height:300px;
border-right:1px solid #fff;
margin-top:7%;
}
.adminright{
width:100%;
height:100%;
text-align:center;
color:#fff;
padding:2% 0 0 0;
float:left;
/* padding-top: 8%; */
}

.titleclass{
width:100%;
height:40px;
text-align:center;
padding:5% 0 0 0;
}
.til1{
font-family:"΢���ź�";
color:#fff;
/*padding-left: 2%;*/
min-height:50px;
text-shadow: 0.1em 0.1em 0.2em black;
}
.examt{
font-family:"΢���ź�";
color:#52adff;
padding-top:5%;
height:40px;
font-size:1em;
}

.examlink{
/* color:#52adff; */
color: white;
font-weight:600;
text-decoration: underline;
}
.examlink:focus, .examlink:hover{
  color:rgb(39, 208, 250) !important;
  text-decoration: underline !important;
}
.username{
display:flex;
justify-content:center;
height:60px;
margin-top:2%;
width:100%;

}
.pasword{
display:flex;
justify-content:center;
height:60px;
width:100%;
}

.code{
display:flex;
justify-content:center;
height:60px;
width:100%;
}
.out{
position: relative;
border:1px solid #f3f3f3;
background-color:#fff;
display:flex;
wdith:100%;
height:40px;
padding:1% 0 0 0;
}
.out div span{
  position: absolute;
  left: 0px;
}
.outcode{
position: relative;
background-color:#fff;
display:flex;
wdith:50%;
height:40px;
padding:1% 0 0 0;
}
.outcode div span{
  position: absolute;
  left: 0px;
}
.titllh1{
font-size:3em;
}
@media screen and (max-width: 1366px) { 
.examloginindex{
  background: url(../images/adminlg1366.jpg) 100% 100% no-repeat; 
  width:100%;
  height:100%;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  top:0;
  left:0;
  position:fixed;
  float:left;
}

.examtext{
width:100%;
text-align:center;
color:#fff;
font-family:inherit;
font-size:3em;
text-shadow: black 0.1em 0.1em 0.2em;
padding:5% 0 0 0;
letter-spacing:1em;
}


.examlibbutton{
width:100%;
padding:0%;
height:60px;
}

.examloginbigrow{
width:100%;
height:300px;
margin:6% 0 0 0;
position:fixed;

display:-webkit-box;/*这里是自适应多个浏览器，让输入框始终居中的方法*/
display:-webkit-flex;
display:-moz-box;
display:-moz-flex;
display:-ms-flexbox;
display: flex;

-webkit-box-align:center;
-moz-box-align:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
}
.examloginrowout{
width:380px;
padding:10px;
height:315px;
background-color: rgba(255,255,255,0.5);
border:1px solid rgba(255,255,255,0.4);
border-radius:5px;
}
.examloginrow{
width:360px;
padding:0;
height:295px;
background-color: rgba(255,255,255,0.8);
border:1px solid rgba(255,255,255,0.7);
border-radius:5px;
}
.adminleft{
/* width:35%; */
/* height:100%; */
padding:8% 0 0 3%;
float:left;
position: absolute;
bottom: 20px;
}
.adminExam{
  position: absolute;
  right: 40px;
  bottom: 10px;
}
.admincenter{
min-height:300px;
border-right:1px solid #fff;
margin-top:7%;
}
.adminright{
width:100%;
height:100%;
text-align:center;
color:#fff;
padding:2% 0 0 0;
float:left;
/* padding-top: 8%; */
}

.titleclass{
width:100%;
height:40px;
text-align:center;
padding:6% 0 0 0;
}
.til1{
font-family:"微软雅黑";
color:#fff;
/*padding-left: 2%;*/
min-height:50px;
text-shadow: 0.1em 0.1em 0.2em black;
}
.examt{
font-family:"微软雅黑";
/* color:#52adff; */
color: white;
padding-top:5%;
height:40px;
font-size:1em;
}

.examlink{
/* color:#52adff; */
color: white;
font-weight:600;
text-decoration: underline;
}
.examlink:focus, .examlink:hover{
  color:rgb(39, 208, 250) !important;
  text-decoration: underline !important;
}
.username{
display:flex;
justify-content:center;
height:57px;
margin-top:1%;
width:100%;

}
.pasword{
display:flex;
justify-content:center;
height:57px;
width:100%;
}

.code{
display:flex;
justify-content:center;
height:57px;
width:100%;
}
.out{
position: relative;
border:1px solid #f3f3f3;
background-color:#fff;
display:flex;
wdith:100%;
height:40px;
padding:1% 0 0 0;
}
.out div span{
  position: absolute;
  left: 0px;
}
.outcode{
position: relative;
background-color:#fff;
display:flex;
width:50%;
height:40px;
padding:1% 0 0 0;
}
.outcode div span{
  position: absolute;
  left: 0px;
}
.titllh1{
font-size:2.6em;
}
} 


@media screen and (min-width: 1367px) and (max-width: 1440px) { 
.examloginindex{
  background: url(../images/adminlg1440.jpg) 100% 100% no-repeat;
  width:100%;
  height:100%;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  top:0;
  left:0;
  position:fixed;
  float:left;
}

.examtext{
width:100%;
text-align:center;
color:#fff;
font-family:inherit;
font-size:3em;
text-shadow: black 0.1em 0.1em 0.2em;
padding:5% 0 0 0;
letter-spacing:1em;
}


.examlibbutton{
width:100%;
padding:0%;
height:70px;
}

.examloginbigrow{
width:100%;
height:330px;
margin:7% 0 0 0;
position:fixed;

display:-webkit-box;/*这里是自适应多个浏览器，让输入框始终居中的方法*/
display:-webkit-flex;
display:-moz-box;
display:-moz-flex;
display:-ms-flexbox;
display: flex;

-webkit-box-align:center;
-moz-box-align:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
}
.examloginrowout{
width:420px;
padding:10px;
height:345px;
background-color: rgba(255,255,255,0.5);
border:1px solid rgba(255,255,255,0.4);
border-radius:5px;
}
.examloginrow{
width:400px;
padding:0;
height:325px;
background-color: rgba(255,255,255,0.8);
border:1px solid rgba(255,255,255,0.7);
border-radius:5px;
}
.adminleft{
/* width:35%; */
/* height:100%; */
padding:15% 0 0 5%;
float:left;
position: absolute;
bottom: 20px;
}
.adminExam{
  position: absolute;
  right: 40px;
  bottom: 10px;
}
.admincenter{
min-height:300px;
border-right:1px solid #fff;
margin-top:7%;
}
.adminright{
width:100%;
height:100%;
text-align:center;
color:#fff;
padding:2% 0 0 0;
float:left;
/* padding-top: 8%; */
}

.titleclass{
width:100%;
height:40px;
text-align:center;
padding:5% 0 0 0;
}
.til1{
font-family:"微软雅黑";
color:#fff;
/*padding-left: 2%;*/
min-height:50px;
text-shadow: 0.1em 0.1em 0.2em black;
}
.examt{
font-family:"微软雅黑";
/* color:#52adff; */
color: white;
padding-top:5%;
height:40px;
font-size:1em;
}

.examlink{
/* color:#52adff; */
color: white;
font-weight:600;
text-decoration: underline;
}
.examlink:focus, .examlink:hover{
  color:rgb(39, 208, 250) !important;
  text-decoration: underline !important;
}
.username{
display:flex;
justify-content:center;
height:60px;
margin-top:2%;
width:100%;

}
.pasword{
display:flex;
justify-content:center;
height:60px;
width:100%;
}

.code{
display:flex;
justify-content:center;
height:60px;
width:100%;
}
.out{
position: relative;
border:1px solid #f3f3f3;
background-color:#fff;
display:flex;
wdith:100%;
height:40px;
padding:1% 0 0 0;
}
.out div span{
  position: absolute;
  left: 0px;
}
.outcode{
position: relative;
background-color:#fff;
display:flex;
width:50%;
height:40px;
padding:1% 0 0 0;
}
.outcode div span{
  position: absolute;
  left: 0px;
}
.titllh1{
font-size:3em;
}
}