/* CSS Document */
body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, table, td, tr, th, p {padding: 0; margin: 0; font-family:Arial,"微软雅黑", "Microsoft YaHei", 宋体; }
li, dd, ol, ul {list-style-type: none; list-style:none;}
.fl { float:left; display:inline-block;}
.fr {display:inline-block; float:right;}
*{ font-size:16px;}
i{ font-style:normal; display:inline-block;}
img {border: none;}
h1 {font-size: 14px;}
h2 {font-size: 14px;}
h3 {font-size: 18px;}
h4 {font-size: 20px;}
h5 {font-size: 22px;}
h6 {font-size: 24px;}
a{ text-decoration:none;}
.clear {clear:both;width: 100%;height: 0px;display: block;overflow: hidden;}
* {margin:0;padding:0}
.login_edu{ margin: 0 auto; overflow: hidden; position: relative; }
.left_log_edu{ padding: 10% 0px 0px;}
.rihgt_log_edu{ padding: 10% 0px;  background: url("images/bg_logo.png") no-repeat center; background-size: auto 80%;}
.biaodan{ text-align: center;}
.login_title{ margin-bottom: 40px; text-align: center;    color: #0c3875;    font-size: 32px;}
.login_form{  display: inline-block; text-align:left; width: 50%; max-height: 325px;}
.input_tema{ position: relative; width: calc(100% - 50px);height: 46px; line-height: 46px; margin-bottom: 24px;border-radius: 10px;    box-shadow: 0 0 10px rgba(191, 164, 117, 0.2); padding: 0px 10px 0px 50px;}
.bg_input1{background: url(images/mob.png) no-repeat 20px center;background-size: 14px 24px;}
.bg_input2{background: url(images/mima.png) no-repeat 20px center;background-size: 18px 25px;}
.input_tema input{ border: 0px; background:none;}
.button_login{ text-align: center;}
.button_login button{ text-align: center;width: 70%;line-height: 56px;font-weight: bold;letter-spacing: 0px;border-radius: 30px;margin: 17px auto 30px;cursor: pointer;background: linear-gradient(135deg, #024d9e, #040c23); color: #fff; border: 0px; font-size: 20px;}
.yazm{ text-align: center;}
.yazm a{ color: #999999; font-size: 16px;text-decoration: none;outline: none;}
.yazm a:hover{text-decoration:underline; color: #0c3875;}
.input_tema select{ border: 0px; background: none;}
input::placeholder{ color: #0c3875;}
input {outline: none; width: 70%;}
select{outline: none;}
@media only screen and (min-width:751px) {
html, body{ height: 100%;}
.login_edu{ width: 95%; max-width: 1300px; top: 45%; transform:translateY(-45%);border-radius: 50px; box-shadow: 1px 0px 10px 1px rgba(191,164,117,0.1); background:url("images/left_pic.png") no-repeat left #fff; background-size: 65% 100%; }
.left_log_edu{ width: 50%; float: left; }
.left_log_edu img{  width:55%;}	
.rihgt_log_edu{ width: 50%; float: right; position: relative;}
.right_bottom{ width: 180px; height: 234px; background: url("images/pc_right_bottom.png") no-repeat right bottom; position: absolute; right: 0px; bottom: 0px; background-size: 100% auto;}
}
@media screen and (max-width: 1200px) and (min-width: 751px){
.login_form{width:66%;}
.left_log_edu img{  width:60%;}	
.right_bottom{ width: 130px; height: 169px;}
.rihgt_log_edu{ padding: 8% 0px; }
}
/*手机*/
@media screen and (max-width: 750px) and (min-width: 0px){
.rihgt_log_edu{ padding: 100px 0px; }
.right_bottom{ display: none;}
.login_edu{ width: 100%; }
.left_log_edu{ padding: 100px 0px 126px;  background: url("images/moubli.png") no-repeat bottom; background-size: 100% auto; text-align: center; }	
.left_log_edu img{ width: 50%;}
.login_form{width:66%;}
}
@media screen and (max-width:600px) and (min-width: 0px){	
.login_form{width: 80%;}
.left_log_edu img{ width: 60%;}	
}
@media screen and (max-width:400px) and (min-width: 0px){
.left_log_edu{ padding: 80px 0px;}
.left_log_edu img{ width: 80%;}	
}