@charset "utf-8";
/* CSS Document */
/* adver*/


.top{ display:none;}
body{ background-image:url(../images/index_bc.jpg); background-repeat:no-repeat; background-position:top center;}
.wrap{ width:800px; min-height:745px; margin:0 auto; margin-top:150px;}
.login{ border-radius:10px; border:1px solid #2394bd; width:420px; float:right; background-color:#FFF; padding:50px;}
.tit{ color:#1bbef9; text-align:center; font-weight:bold; margin-bottom:15px;}
.line_l{ width:80px; padding-right:10px; text-align:right; float:left;}
.line_r{ width:320px; float:left;}
.login_input{ width:300px; height:30px; border:1px solid #CCC; padding-left:10px;}
.line{ margin-bottom:15px;}
.yzm{ width:75px;height:30px; border:1px solid #CCC; padding-left:10px;}
.yzm_img img{ width:100px; height:32px; margin:0; padding:0; border:none;display:block;}
.cz{ width:46%; height:42px; border-radius:5px; text-align:center; float:left; line-height:42px;background-color:#e8e8e8;}
.tj{ width:46%; height:42px; border-radius:5px; text-align:center; float:right; line-height:42px; background-color:#e45b5b; color:#FFF;}

.cz2{ width:30%; height:42px; border-radius:5px; text-align:center; float:left; line-height:42px;background-color:#e8e8e8;}
.tj2{ width:30%; height:42px; border-radius:5px; text-align:center; float:left; line-height:42px; background-color:#e45b5b; color:#FFF; margin:0 0 0 20px;}
.tj3{ width:30%; height:42px; border-radius:5px; text-align:center; float:right; line-height:42px; background-color:#0066cc; color:#FFF;}
.line2{ margin-top:40px;}
.footer{ width:100%; background-color:#e8e8e8; color:#999; font-size:12px; line-height:24px; padding-top:20px; padding-bottom:20px; text-align:center;}
.time{ background-color:#e45b5b; color:#FFF; padding:5px 20px 5px 20px; border-radius:5px;}
.red_btn{width:46%; height:42px; border-radius:5px; text-align:center;  line-height:42px; background-color:#e45b5b; color:#FFF;}
.dx{ width:25px; height:25px;}
.xiala{ width:100px; height:30px; line-height:30px; border:1px solid #CCC;}
.wby{width:300px; height:60px; border:1px solid #CCC; padding-left:10px; padding-top:10px; padding-bottom:10px;}

@media screen and (max-width:1000px){
.top{ display:block; width:95%; height:50px; background-color:#0099ff; font-size:16px; color:#FFF; line-height:50px; text-align:left; padding-left:5%;}
.top_r{ background-color:#0066cc; margin-top:10px; width:60px; height:30px; color:#FFF; text-align:center; float:right; margin-right:10px;  border-radius:10px;}
body{ background-image:none;background-color:#e8e8e8;}
.wrap{ width:90%;margin-top:0px; background-color:#FFF; min-height:500px; padding:25px 3% 20px 3%; margin-top:15px; border-radius:5px;}
.login{ width:100%; padding:0px; border:none;}
.line_l{ float:none; width:100%; text-align:left;}
.line_r{ float:none; width:100%;}
.login_input{ width:93%; padding-left:5%;}
.cz{ width:100%; margin-bottom:15px;}
.tj{ width:100%;}
.footer{ display:none;}
.red_btn{ width:100%;}
.wby{width:93%; padding-left:5%; height:60px;}
}