@charset "UTF-8";
/* -------------------------------------------------------------
                	   Auth Login Purple Style
------------------------------------------------------------- */
/*------------------ Default Variables ---------------------*/
body { font-family: Tahoma,'宋体', sans-serif; font-size: 12px; }

/*-------------------- Type -----------------------*/
#login { position: relative; width: 490px; background-color: #fff; }

.qr_login { position: absolute; top: 0; left: 0; padding: 0 29px; width: 130px; }
    .qr_login h3 { padding: 20px 0 30px 0; font-size: 16px; font-family: "\5FAE\8F6F\96C5\9ED1"; color: #666; }
        .qr_login h3 a { color: #902bc3; }

/*=----- QRcode -----=*/
.qr_code { position: relative; margin-bottom: 40px; padding-top: 2px; width: 127px; height: 125px; background: #fff; border: 1px solid #d9d9d9; text-align: center; }
    .qr_code img { vertical-align: middle; }

.qr_code_error { position: absolute; top: 0; left: 0; width: 128px; height: 128px; line-height: 1.5em; color: #fff; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000); zoom: 1; }

/*换行文字垂直居中*/
.vc-font2 { overflow: hidden; }
    .vc-font2 .vc-inner { display: inline-block; vertical-align: middle; }
    .vc-font2 .vc-fix { display: inline-block; width: 0; height: 100%; line-height: 100%; vertical-align: middle; visibility: hidden; }

/*=----- Install -----=*/
.install { margin-top: 14px; text-align: right; }
    .install a { display: block; height: 32px; line-height: 32px; background-color: #902bc3; color: #fff; text-align: center; border-radius: 3px; }
        .install a:hover { background-color: #b14fe3; }

/*-------------------- Login box ----------------------*/
.login_box { width: 350px; min-height: 400px; overflow: hidden; background: #fff; background: url(../images/line.png) 0 center no-repeat; }
    .login_box h2 { padding-left: 25px; height: 49px; line-height: 49px; color: #666; font-family: "\5FAE\8F6F\96C5\9ED1"; font-size: 16px; font-weight: bold; background-color: #e6ebff; border-bottom: 1px solid #e1e1e1; }

/*=----- Tab -----=*/
.tab_tit { overflow: hidden; height: 40px; width: 299px; }
    .tab_tit li { float: left; width: 149px; height: 39px; background-color: #f6f7f8; border-bottom: 1px solid #e1e1e1; }
    .tab_tit .tab_pc { border-right: 1px solid #e3e3e3; }
    .tab_tit .curr { border-bottom: 1px solid #fff; background-color: #fff; }
        .tab_tit .curr .tab { background-color: #fff; }

.tab { display: block; padding-left: 62px; height: 38px; line-height: 36px; font-size: 14px; background-color: #edeef0; background-position: 29px center; background-repeat: no-repeat; color: #333; cursor: pointer; }

.tab_pc .tab { background-image: url(../images/pc_ico.png); }

.tab_mesg .tab { width: 87px; background-image: url(../images/mesg_ico.png); }

.general_user_box { position: relative; padding: 25px 0 0 25px; min-height: 325px; _height: 325px; }

#msg_login { display: none; }

.login_item { position: relative; height: 41px; width: 300px; margin-bottom: 15px; }

.basic_text, .verify_text { margin: 0; padding: 0 20px 0 0; width: 228px; height: 39px; line-height: 39px; border: 1px solid #e6e6e6; color: #666; }

.uname_text, .pwd_text, .mobi_text, .msg_text { padding-left: 50px; }

.uname_text { background: url(../images/user_ico.png) no-repeat left; }

.pwd_text { background: url(../images/pwd_ico.png) no-repeat left; }

.mobi_text { background: url(../images/mobi_ico.png) no-repeat left; }

.msg_text { width: 78px; vertical-align: middle; background: url(../images/msg_ico.png) no-repeat 8px center; }

#code_wrap { display: none; }

.code_item { margin-bottom: 4px; }

.code_title { margin-top: -3px; height: 36px; line-height: 32px; color: #666; }

.code_text { margin-right: 10px; width: 136px; vertical-align: top; padding-left: 10px; }

.code_note { overflow: hidden; margin-bottom: 43px; }
    .code_note .note-prompt { float: left; width: 130px; color: #999; }
    .code_note .note-error { color: #e93a3a; }
    .code_note .other-code { color: #5fa0b7; }

.current_text { border: 1px solid #ff851b; }

.verify_text { width: 82px; vertical-align: middle; }

.msg_code, .re_msg_code { margin-left: 10px; display: inline-block; vertical-align: middle; width: 108px; height: 36px; line-height: 36px; border: 1px solid #cecece; text-align: center; color: #666666; }

.msg_code { background: #f9f9f9; }
    .msg_code:hover { background: #d9d9d9; }

.re_msg_code { background: #fff; }

.verify_item { position: relative; z-index: 0; }

.verify_code { vertical-align: middle; }

.refresh_code { margin-left: 5px; color: #b0b0b0; }

/* 登陆保护 */
#pro_login { display: none; }

.protect_tips { margin-top: -20px; margin-bottom: 15px; padding: 5px 7px; width: 225px; line-height: 1.8; border: 1px solid #f5d8a7; border-radius: 1px; background-color: #fff6db; color: #666; }
    .protect_tips span { color: #ff7036; }

.user_num span { font-family: Arial; font-size: 16px; }

/*=----- Note -----=*/
.note_part { position: relative; height: 30px; margin-left: -30px; }

.first_note { position: absolute; left: 30px; top: 10px; height: 20px; width: 300px; }

.note { padding: 0px 0 0 18px; height: 20px; line-height: 20px; font-size: 12px; }

.note-wrong { color: #ef6b6b; background: url(../images/error_icon.png) no-repeat 5px; }

.Caps_tips { position: absolute; left: 15px; top: 40px; z-index: 10; padding: 7px 10px 0; width: 86px; height: 28px; line-height: 26px; text-align: center; color: #666; background: url(../images/caps_tips.png) no-repeat 0 0; }

.forgot_password { margin-top: 15px; display: inline-block; color: #6189FC; }

.opreation { margin: 10px auto; }

.code-opreation { margin-top: 0; }

.btn-login { display: inline-block; width: 300px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; border: 0 none; cursor: pointer; background: #6189FC; font-weight: bold; }
    .btn-login:hover { background-color: #6189FC; }

.register { padding-bottom: 10px; color: #666; }
    .register a { margin-left: 10px; color: #6189FC; }

#account, #account2 { position: relative; }

.clear_account { position: absolute; z-index: 999; display: none; top: 8px; right: 35px; width: 20px; height: 20px; cursor: pointer; background: url(../images/clear_icon.png) no-repeat 0 0; }

/*-------------------- Auto Complete ----------------------*/
#cn, #cn2 { position: relative; z-index: 2; *height: 1%; }

.passport a { color: #000; text-decoration: none; }
    .passport a:hover { text-decoration: underline; }

.ppselecter, .ppselecter * { font-size: 12px; line-height: normal; }

.ppselecter { display: none; position: absolute; min-width: 238px; width: auto; border: 1px solid #e0e0e0; }
    .ppselecter .ppseltit { height: 25px; padding-top: 0px; text-indent: 6px; }
    .ppselecter table td table td { padding: 3px; cursor: pointer; }
    .ppselecter .active { background: #b487ca; color: #fff; font-weight: normal; }

#login { width: 350px; background: none; }

.qr_login { background-color: none; }

    .qr_login h3, .qr_login h3 a { color: #fff; }

.qr_code_error { width: 129px; height: 129px; left: -1px; top: -1px; }

.login_box { background: #fff; }

.general_user_box { min-height: 325px; _height: 325px; }

.login_item { margin-bottom: 20px; }

.qr_login h3 { padding: 20px 0 17px; }

.qr_code { margin-bottom: 20px; }

#pc_login .movemar { margin: 10px auto 8px; }


.rz_tips { padding: 7px 7px 6px; margin-bottom: 16px; width: 224px; height: 40px; line-height: 20px; background-color: #efefef; border: 1px solid #e1e1e1; border-radius: 2px; color: #666; }
    .rz_tips span { color: #ff270a; }

.phone_item { width: 238px; margin-bottom: 13px; }
    .phone_item label, .phone_item .phone_num { display: inline-block; line-height: 28px; vertical-align: top; }
    .phone_item .phone_num { color: #666; font-family: Arial; font-size: 20px; }
    .phone_item a { line-height: 28px; vertical-align: top; float: right; color: #902bc3; }


/*------------ AUTH集成畅游+动态密码 ------------*/
.cyj_code_box { position: relative; width: 488px; background: #f5f6f8; border: 1px solid #d7d7d6; }
    .cyj_code_box h2 { background-color: #fafafa; border-bottom: 1px solid #e1e1e1; color: #666; font-family: "微软雅黑"; font-size: 16px; font-weight: bold; height: 38px; line-height: 38px; padding-left: 25px; }
    .cyj_code_box .cyj_code_con { padding: 10px 20px; background-color: #fff; min-height: 300px; }
        .cyj_code_box .cyj_code_con h3 { margin: 5px 0 15px 5px; font-size: 12px; font-weight: bold; color: #902bc3; }
        .cyj_code_box .cyj_code_con .left { float: left; width: 180px; padding-right: 10px; border-right: 1px solid #e6e6e6; }
        .cyj_code_box .cyj_code_con .right { float: right; width: 240px; }
        .cyj_code_box .cyj_code_con h4 { font-size: 12px; color: #333; font-weight: bold; margin-bottom: 5px; }
        .cyj_code_box .cyj_code_con p { color: #666; line-height: 1.67; }
        .cyj_code_box .cyj_code_con .qr_code { margin: 30px auto 15px; }
        .cyj_code_box .cyj_code_con .cyj_code_error { margin-top: 20px; height: 20px; }
        .cyj_code_box .cyj_code_con .login_item { margin: 10px 0 20px; }
        .cyj_code_box .cyj_code_con .code_text { width: 218px; margin-right: 0; }
        .cyj_code_box .cyj_code_con .no_submit { background: #ddd; color: #333; display: inline-block; font-size: 14px; font-weight: bold; height: 38px; line-height: 38px; text-align: center; width: 240px; }

/*------------ AUTH集成畅游+动态密码 End ------------*/