@charset "utf-8";
/* CSS Document */
/*top*/
body{ background-color:#f2f4f5;}
.logintopbox{ width:100%; height:10%; background-color:white;font-family:"黑体"}
.logintopbox dl{ width:100%; height:100%}
.logintopbox dd{ float:left;}
.logintopimg{ background:url(../images/login_back.png) no-repeat; background-size:100% auto; width:5%; height:50%; margin-left:5%; margin-top:5.5%}
.logintoptext1{ margin-left:20%; font-size:26px;; margin-top:5.5%}
.logintopbox .logintoptext2{ float:right; font-size:20px;; margin-top:6.5%; color:#ff9100; margin-right:5%}
/*main*/
.loginmainbox{ width:100%; height:20%; margin-top:4%; background-color:white;}
.loginmaindl{ width:95%; margin-left:5%; height:50%;border-bottom:solid 1px #dcddde; position:relative; }
.loginmaindl select,.loginmaindl input{ outline:none; border:none; width:18%; font-size:20px; height:80%;position:relative; margin-top:2%;font-family:"黑体"; color:#808080}
.loginmaindl input{width:75%;}
.loginmaindl .loginmainimg{ background:url(../images/login_remove.png) no-repeat; background-size:100% auto; width:6%; height:50%; float:right; margin-right:5%; margin-top:5%; z-index:1; position:relative}
.loginmaindl .loginmaininput2{ margin-top:4%; width:90%}
/*login*/
.loginbox{ width:90%; height:8%; margin-left:5%; margin-top:3%; border-radius:6px; background-color:#ff9100; color:#ffcc80; text-align:center; font-size:24px; font-family:"黑体";line-height:50px;}
/*bottom*/
.loginbottombox{ width:90%; margin-left:5%; margin-top:3%; font-family:"黑体"; font-size:16px; color:#3fa5f2;}
.loginbottombox p{ float:right}
.loginerror{ margin-left:5%; font-family:"黑体"; color:red; font-size:20px; margin-top:3%}



@media screen and (max-width:1024px) and (min-width:1024px){
.logintopimg{ width:2.5%; margin-top:2%}
.logintoptext1{ font-size:36px; margin-top:2%; margin-left:30%}
.logintopbox .logintoptext2{ font-size:28px; margin-top:2.2%}
.loginmaindl select{ width:10%}
.loginmaindl select,.loginmaindl input{ font-size:28px; height:50%}
.loginmaindl .loginmainimg{ margin-top:2%; width:3.5%}
.loginbox{ font-size:32px;}
.loginbottombox{ margin-top:2%; font-size:24px}
.loginbottombox input{ width:20px; height:20px}
.logintraingle{ margin-top:3%; width:3%; margin-left:2%}
.logintel{ margin-left:2%}
}

@media screen and (max-width:768px) and (min-width:768px){
.logintopbox{ height:8%}
.logintopimg{ width:3%; margin-top:3.5%}
.logintoptext1{ font-size:36px; margin-top:3%; margin-left:26%}
.logintopbox .logintoptext2{ font-size:30px; margin-top:3.5%}
.loginmaindl select{ width:12%}
.loginmaindl select,.loginmaindl input{ font-size:30px; height:70%}
.loginmaindl .loginmainimg{ margin-top:4%; width:5%}
.loginbox{ font-size:36px; height:8%; line-height:70px}
.loginbottombox{ margin-top:2%; font-size:24px}
.loginbottombox input{ width:20px; height:20px}
.logintraingle{ margin-top:7%; width:3%; margin-left:3%}
.logintel{ margin-left:3%}
}

@media screen and (max-width:375px){
.logintoptext1{ font-size:24px}
.logintopbox .logintoptext2{ font-size:19px}
.loginmaindl select,.loginmaindl input{ font-size:19px}
.loginbox{ font-size:22px; line-height:48px}
.loginbottombox{ font-size:15px}
.loginerror{ font-size:19px}
}
@media screen and (max-width:360px){
.logintoptext1{ font-size:24px}
.logintopbox .logintoptext2{ font-size:19px}
.loginmaindl select,.loginmaindl input{ font-size:18px}
.loginbox{ font-size:22px; line-height:46px}
.loginbottombox{ font-size:15px}
.loginerror{ font-size:18px}
}
@media screen and (max-width:320px){
.logintoptext1{ font-size:20px}
.logintopbox .logintoptext2{ font-size:18px}
.loginmaindl select,.loginmaindl input{ font-size:17px}
.loginbox{ font-size:20px; line-height:40px}
.loginbottombox{ font-size:14px}
.loginerror{ font-size:17px}
}
@media screen and (max-width:320px)and (max-height:480px){
.logintopimg{ margin-top:4%}
.logintoptext1{ margin-top:4%}
.logintopbox  .logintoptext2{ margin-top:5%}
.loginmaindl select,.loginmaindl input{ font-size:16px}
.loginbox{ font-size:18px; line-height:35px}
.loginerror{ font-size:16px}
}