@charset "utf-8";

html { color:#333; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0; padding:0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}

body, button, input, select, textarea { font:12px/1.5 tahoma, arial, \5b8b\4f53; }

input, select, textarea { font-size:100%; }

table { border-collapse:collapse; border-spacing:0; }

th { text-align:inherit; }

fieldset, img { border:0; }

iframe { display:block; }

abbr, acronym { border:0; font-variant:normal; }

del { text-decoration:line-through; }

address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:500; }

ol, ul { list-style:none; }

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:500; }

q:before, q:after { content:''; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

a:hover { text-decoration:none; }

ins, a { text-decoration:none; }

.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }

.clearfix { clear:both; padding:0; margin:0; border:0; height:0; line-height:0 }

.fn_left, .fn_right { display:inline; }

.fn_left { float:left; }

.fn_right { float:right; }

input, button, select, textarea { outline:none }

.none { display: none; }
body {
    font-family: "Microsoft Yahei";
    overflow: hidden;
}

.login_wrapper {
    width: 960px;
    position: relative;
    margin: 0 auto;
}

.login_wrapper_main {
    width: 390px;
    position: absolute;
    left: 280px;
    top: 80px;
}

.logo {
    text-align: center;
}

    .logo a {
        display: block;
        margin-bottom: 20px;
    }

/*登录标题*/
.login_wrap h3 {
    font-size: 18px;
    font-weight: bold;
    color: #727272;
    margin-bottom: 24px;
}

/*login*/
.login_wrap {
    padding: 22px 38px;
    margin: 0;
    background: #FFF;
    color: black;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.login_wrap_bor {
    background: -moz-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 19%, rgba(255, 255, 255, 1) 77%, rgba(245, 245, 245, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 245, 245, 1)), color-stop(19%, rgba(255, 255, 255, 1)), color-stop(77%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(245, 245, 245, 1)));
    background: -webkit-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 19%, rgba(255, 255, 255, 1) 77%, rgba(245, 245, 245, 1) 100%);
    background: -o-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 19%, rgba(255, 255, 255, 1) 77%, rgba(245, 245, 245, 1) 100%);
    background: -ms-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 19%, rgba(255, 255, 255, 1) 77%, rgba(245, 245, 245, 1) 100%);
    background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 19%, rgba(255, 255, 255, 1) 77%, rgba(245, 245, 245, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5', GradientType=0 );
    -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.15);
}


/*登录input*/
.login_name, .login_pwd {
    position: relative;
}

    .login_name input, .login_pwd input {
        border: none;
        border: 1px solid #d7d7d7;
        border-radius: 2px;
        font-size: 16px;
        margin-bottom: 20px;
        padding: 11px 10px 11px 35px;
        z-index: 20;
        line-height: 18px;
        width: 267px;
    }

        .login_name input:focus, .login_pwd input:focus {
            border: 1px solid #67B2E0;
        }

.login button {
    width: 100%;
    background: #35a1eb;
    display: block;
    line-height: 38px;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 38px;
    margin-top: 25px;
    margin-bottom: 20px;
    text-align: center;
}

    .login button:hover {
        background: #4BB4FC;
    }

.login_yzm input {
    border: none;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 11px 10px 11px 5px;
    z-index: 20;
    line-height: 18px;
    width: 140px;
}
.loginform a {
    color: #1b66c7;
}
.loginform a:hover {
    color:#3680E0;
    text-decoration:underline;
}
.login_yzm img {
    position: relative;
    top: 8px;
    *top: -25px;
    left: 10px;
    cursor: pointer;
    margin-right: 20px;
}
#change_verifycode{
	*position:relative;
  	*right:0;
  	*top:-30px;
}

/*记住*/
.remeber {
    height: 5px;
    color: #666;
}

    .remeber input {
        position: relative;
        top: 1px;
        margin-right: 3px;
    }

    .remeber label {
        float: left;
    }

.forgetpwd {
    color: #666;
    float: right;
}



/*图片引用*/
.icon_sign, .icon_wrapper {
    background: url(img/signup.png) no-repeat left top;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 2px;
    vertical-align: -4px;
}

.icon_wrapper {
    position: absolute;
    top: 8px;
    left: 8px;
}

.iname {
    background-position: 0 -25px;
}

.ipwd {
    background-position: -25px -25px;
}

/* 第三方登录 */
.weibo_signup {
    color: #8A8889;
}

    .weibo_signup a {
        width: 25px;
        height: 25px;
        border-radius: 3px;
        display: inline-block;
        margin-right: 5px;
        margin-top: 10px;
        cursor: pointer;
    }

        .weibo_signup a:hover {
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            -khtml-opacity: 0.8;
            opacity: 0.8;
        }

.js_bindsinaweibo {
    background: #d55d5e;
}

.js_bindqq {
    background: #52bddd;
}

.icon_sign_sinaweibo {
    background-position: 0 0;
}

.icon_sign_qq {
    background-position: -25px 0;
}


/*二维码*/
.erweima {
    width: 84px;
    border: 1px solid #dbdbdb;
    padding: 20px 10px 5px 10px;
    position: absolute;
    background: #fff;
    bottom: 0px;
    right: -128px;
    border-radius: 3px;
}

    .erweima .ft {
        color: #6b6b6b;
    }

/*定位*/
.lg_bg {
    left: 0;
}

.lg_bg {
    position: fixed;
    _position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.lg_bg_in {
    position: absolute;
    width: 100%;
    height: 100%;
}

.lg_bg .on {
    opacity: 1;
    visibility: visible;
}

/*leixu */
.config_div {
    position: absolute;
    background-color: white;
    width: 450px;
    left: 0;
}

    .config_div .title {
        display: block;
        height: 25px;
        background-color: #C1D9FF;
        padding-left: 10px;
        padding-top: 5px;
        font-weight: bold;
    }

.hide_file {
    opacity: 0;
    filter: alpha(opacity:0);
    width: 35px;
    position: absolute;
    left: 0;
}

.file_name {
    line-height: 25px;
    height: 20px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.span_box {
    display: block;
    float: left;
    margin-left: 10px;
    font-size: 12px;
}

.btn_close_form {
    float: right;
    width: 25px;
    cursor: pointer;
    padding-right: 5px;
}

#ul_selections{height:100px;}
#ul_selections li{position:relative;float:left;width:100px;height:90px;line-height:150px;text-align: center;margin-right:55px;cursor: pointer;margin-left: 30px;font-size:15px;color:#333}
.pas_tip{color: #418dda;font: 14px/36px \5fae\8f6f\96c5\9ed1,\9ed1\4f53;margin-bottom:10px}
.pas_tip em{color:#C4C4C4}
#form_get_pwd_email a, #form_getpwd_sms a{color: #1b66c7;}
#form_get_pwd_email a:hover, #form_getpwd_sms a:hover{ color:#3680E0;    text-decoration:underline;}

.iemail{background-position:0 -56px;width:47px;height:47px;top: 17px;left: 25px;opacity: 0.8;}
.imessg{background-position:0 -107px;width:47px;height:47px;top: 17px;left: 25px;opacity: 0.8;}

#ul_selections li:hover .icon_wrapper{opacity: 1;}
#ul_selections li:hover { color:#3680E0;}