@charset "utf-8";
/* CSS Document */
.login_body{ background:url(images/index_bg.png); overflow:auto;}

.login_top{ background:url(images/linebg.png) 0 bottom repeat-x; height:40px; padding-bottom:2px;}

.login_main{ width:980px; margin:0 auto; position:relative; min-height:350px; }
.login_box{ width:310px;  height:330px; background:url(images/login_boxBg.png) no-repeat; padding:4px; position:absolute; top:110px; right:60px;}

.login_box_ul{ padding:0 30px; margin-top:90px;}
.login_box_ul li { margin:15px 0;}
.login_box_ul li input{ width:213px; height:36px; line-height:36px; padding:0 5px; padding-left:32px; border:0; color:#2c8ad3; font-size:14px;}
.login_box_ul li input[type="text"]{ background:url(images/login_userBg.png);}
.login_box_ul li input[type="password"]{ background:url(images/login_passwordBg.png);}
.login_box_ul li input:hover{border: 0;box-shadow: none;}
.login_box_ul li a.login_btn{ background:url(images/login_btn.png) no-repeat; display:block; width:width:250px; height:36px; }
.login_box_ul li a.login_btn:hover{ background-position:0 -36px;}
.login_box_ul li a.login_btn:active{ background-position:0 -72px;}
.login_mingdao{ background:url(images/login_mingdao.png) no-repeat; width:128px; height:26px; display:block; float:left; margin-top:6px;}
.login_msg{ background:url(images/login_msg.png) no-repeat; width:36px; height:26px; display:block; float:right; margin-top:6px;}
.login_msg:hover{ background-position:0 -26px;}

.login_banner{ float:left;*float:none; margin-top:110px; margin-left:30px;}
.login_banner .banner1{ background:url(images/login_banner.png) no-repeat; width:420px; height:310px;}

.login_bottom{ background:url(images/login_bottom_line.png) no-repeat; width:980px; padding-top:2px; margin-top:100px; line-height:40px; color:#fff; text-align:center;}



.alert_box{width:580px; padding:10px; border:1px solid #f7d0b3; background:#FCF8E3; color:#df8817; margin:0 auto;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position:relative; font-size:14px; margin-top:6px;-moz-box-shadow:0px 0px 10px #04253b; -webkit-box-shadow:0px 0px 10px #04253b; box-shadow:0px 0px 10px #04253b;}
.alert_box .ico_exclamation{background:url(images/exclamation-red.png) 0 2px no-repeat; padding-left:16px;}

body{_height:100%; }
.browser{ background:#fff; width:790px; padding:15px 30px; margin:0 auto; margin-top:100px;border-radius:3px; position:relative;}
.browser_close{ background:url(images/close_btn_hover.gif) center center no-repeat; display:block; width:30px; height:30px; position:absolute; top:10px; right:10px;}
.browser_close:hover{ background-color:#ddd;}
.browser h2{ font-size:26px;color:#2c8ad3; line-height:50px; border-bottom:1px dotted #d7d7d7; padding:20px 0; font-weight:normal; background:url(styles/images/smail.png) 0 center no-repeat; padding-left:60px;}
.select_browser td{ width:33%; text-align:center; padding:20px 0;}.select_browser{ width:100%; border-collapse:collapse; margin-top:10px;}
.select_browser td .ico{ background-image:url(images/browser_icon.png); background-repeat:no-repeat; padding-top:96px; display:block; line-height:1.5em;}
.select_browser td .ie{ background-position: center 0;}
.select_browser td .chrome{ background-position: center -188px;}
.select_browser td .firefox{ background-position: center -372px;}
.select_browser td .btn{ background:url(images/font_btn_bg.png) 0 -84px;line-height:28px;display:inline-block; margin-top:20px; color:#fff; padding:0 15px; color:#fff; border:1px solid #116da5;border-radius:3px; text-decoration:none; font-size:14px;}
.select_browser td .btn:hover{background-position:0 -56px;border:1px solid #459830;}
.browser_bottom{ border-top:1px dotted #d7d7d7; padding:30px 0; height:32px; line-height:32px; font-size:14px;}
.browser_bottom .btn{ font-size:18px; float:right; display:inline-block; line-height:32px; padding:0 10px; background:url(images/arrow_goin.png) right center no-repeat; padding-right:35px; color:#666; }
.browser_bottom .btn:hover{color:#000;}

.login_box input[type=text]:hover {border:0;box-shadow:none;}
.remember_password{ height:20px;}
.remember_password a{ color:#2c8ad3; background:url(images/login_chackbox.png) 0 3px no-repeat; line-height:20px; height:20px; padding-left:19px; display:inline-block;}
.remember_password a:hover{ background-position:0 -37px;}
.remember_password a:active,.remember_password a.selected{ background-position:0 -77px;}

.login_banner .weixin{ background:url(images/login_weixin2.png) no-repeat; width:470px; height:370px; margin-top:-20px;}
.login_banner .weixin a{ text-align:center; padding:0 20px; line-height:30px; display:inline-block; background:#fff; color:#2c8ad3; font-size:14px; text-decoration:none; margin:155px 0 0 222px; float:left;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.login_banner .weixin a:hover{ background-color:#d5eafb;}

.weixin_android{ background:url(images/login_weixin_android.png) no-repeat; width:470px; height:370px; margin-top:-15px; margin-left:80px;}
.weixin_android .help{ float:left; margin-top:309px;}
.weixin_android .help a{ display:block; background:#2c8ad3; color:#fff; line-height:28px;border-radius:3px; text-align:center; width:100px; float:left; margin-left:23px; margin-right:41px;}
.weixin_android .help a:hover{ background:#2378bd}

.Android{background:url(images/Android2.0.png) no-repeat; width:450px; height:420px; margin-top:-24px;}
.Android_download{ background:url(images/addroid_btn.png); width:100px; height:28px; display:block; position:absolute; top:405px;left:328px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.Android_download:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.Android_download:active{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}

