/* CSS Document */
@charset "UTF-8";

/*login css*/
.login_main,.login_main>div {position:relative;}
.login_con { overflow:hidden;}

.login_wrap {position:absolute; top:5%; left:50%; margin-left:-220px; width:398px; height:508px; background:#fff; border-radius:5px; border:1px solid #e3e3e3; box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);}
.login_tabs_list{height:62px; text-align:center; padding:0 30px; overflow:hidden;}
.login_tabs_list li {display:block; float:left; width:150px; height:60px; margin:0 8px; font-size:16px;line-height:60px; font-weight:bold; color:#c8c8c8; cursor:pointer; text-align:center; color:#c8c8c8; border-bottom:2px solid #c8c8c8;}
.login_tabs_list li:hover ,.login_tabs_list li.active {color:#e87013; border-bottom:2px solid #e87013; text-decoration:none;}

.tabs li {display:none;}
.login_con, .register_con {padding-top:28px;}
.login_form , .register_form {width:340px; margin:0 auto;}
.input_inline {position:relative; width:340px; margin-bottom:8px;}
.input_inline .input_icon {background:url(../img/login.png) 0 0 no-repeat; position:absolute; left:10px; top:10px;}
.input_inline .input_icon.ic_username { width:18px; height:20px; background-position: 0 -86px;}
.input_inline .input_icon.ic_password { width:18px; height:20px; background-position: -41px -86px;}
.input_inline .input_icon.ic_code { width:18px; height:20px; background-position: -80px -86px;}
.input_btn {position:absolute; right:10px; bottom:5px; width:80px; height:30px; background:#eee; z-index:2;}
.input_inline input {width:296px; height:38px; padding-left:42px; border:1px solid #e3e3e3; border-radius:5px; color:#333; font-size:14px; line-height:38px;}

input::-webkit-input-placeholder{color:#c8c8c8;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
     color:#c8c8c8;
        }
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
      color:#c8c8c8;
        }
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
     color:#c8c8c8;
        }

.login_submit {width:340px; height:40px; line-height:40px; color:#fff; border-radius:5px; background:#e87013;}
.login_submit a {display:block; width:340px; height:40px; text-align:center; color:#fff; font-weight:bold; font-size:16px;}
.login_submit a:hover {color:#fff; text-decoration:none;}

.loginlink {width:340px; height:30px; padding-top:10px; line-height:30px; overflow:hidden;}
.loginlink a {display:block; color:#555;}
.loginlink a.fg_user {float:left; text-align:left;}
.loginlink a.fg_password {float:right; text-align:right;}

.login_openid {width:340px; padding-top:28px; margin:0 auto;}
.login_line { background:url(../img/login.png) 0 -118px no-repeat; height:14px;}
.openBtn {wdith:340px; overflow:hidden; margin:15px 0;}
.openBtn li {float:left; display:block; margin:0 2px 0 1px;}
.openBtn li a {display:block; width:110px; height:40px; background:url(../img/login.png) 0 0 no-repeat; text-indent:-9999px;}
.openBtn li a.ya_btn { background-position:0 0;}
.openBtn li a.ya_btn:hover { background-position:0 -40px;}
.openBtn li a.fb_btn { background-position:-110px 0;}
.openBtn li a.fb_btn:hover { background-position:-110px -40px;}
.openBtn li a.tw_btn { background-position:-220px 0;}
.openBtn li a.tw_btn:hover { background-position:-220px -40px;}

.register_form p {padding:10px 0; font-size:88%; line-height:16px;}
.agreehandle {display:inline-flex; width:16px; height:16px; background:url(../img/login.png) -61px -89px no-repeat;}
.register_form p a {color:#e87013; font-size:14px;}
.register_form p.notice {padding-top:15px; color:#e87013;}

.loginclose {position:absolute; right:5px; top:5px;}
.loginclose a {display:block; width:20px; height:20px; background:#9C9C9C; border-radius:10px; color:#fff; text-align:center; line-height:20px; font-size:95%;}
.loginclose a:hover {background:#ff6003; text-decoration:none;}