html{font-size:62.5%;font-family:Tahoma; text-decoration:none;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,button,textarea,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0}
body{line-height:1.333;font-size:12px;font-size:1.2rem}
h1,h2,h3,h4,h5,h6{font-size:100%}
input,textarea,select,button{font-size:12px;font-weight:normal;font-family:inherit}
input[type="button"],input[type="submit"],select,button{cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
li{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
fieldset,img,a img,iframe{border-width:0;border-style:none}
iframe{overflow:hidden}
img{-ms-interpolation-mode:bicubic}
textarea{resize:vertical;overflow-y:auto}
legend{color:#000}
a{text-decoration:none}
a:hover {
	text-decoration:none
	color: #333;
}
hr{height:0}
label{cursor:pointer}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.os_mac{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3"}
.ui_icon{display:inline-block;zoom:1}
.ui_sep_line{margin:0 10px;color:#888}
.icon_qq{width:28px;height:28px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:0 -42px}
.icon_iphone{width:28px;height:28px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:0 -71px}
.icon_ipad{width:28px;height:28px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:0 -100px}
.icon_android{width:28px;height:28px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:-29px -42px}
.icon_other{width:28px;height:28px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:-29px -71px}
.icon_windowsphone{width:28px;height:28px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:-29px -100px}
.ui_hide{visibility:hidden}
.ui_btn{border:0 none;background-color:transparent;overflow:hidden}
.btn_login{width:118px;height:41px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:0 0}
.ui_textinput{width:243px;height:18px;padding:12px 10px;border:1px solid #cbcbcb;font-size:16px;line-height:18px;font-family:"Arial";border-radius:3px;overflow:hidden;background-color:#fff;color:#333;vertical-align:top}
.ui_textinput_S{width:100px}
.ui_textinput{-webkit-transition-property:border-color, box-shadow;-webkit-transition-duration:.3s,.3s;-webkit-transition-timing-function:linear;-moz-transition-property:border-color,box-shadow;-moz-transition-duration:.3s,.3s;-moz-transition-timing-function:linear;transition-property:border-color,box-shadow;transition-duration:.3s,.3s;transition-timing-function:linear}
.ui_textinput_focus,.ui_textinput:focus{border-color:#56BDF3;box-shadow:0 0 5px rgba(84,189,242,.6),0 1px 3px rgba(0,0,0,.2) inset;outline:0 none}
.clearfix{zoom:1}
.clearfix:after{content:".";clear:both;line-height:0;display:block;height:0;overflow:hidden}
html{height:100%;margin:0;padding:0;overflow:hidden}
body{height:100%;margin:0;padding:0;overflow:hidden;font-family:"Microsoft Yahei"}
.lay_wrap{color:#4b4a4a;height:100%;position:relative;min-height:600px}
.lay_wrap a{color:#4b4a4a}
.lay_wrap a:hover{text-decoration:underline}
.lay_wrap .lay_inner{width:750px;margin:0 auto;position:relative}
.lay_wrap .lay_main{color:#4b4a4a;position:absolute;top:10%;width:100%}
.lay_wrap .lay_main a{color:#4b4a4a}
.lay_wrap .lay_main .login_head{margin-bottom:50px}
.lay_wrap .lay_main .login_img{float:left;width:450px;overflow:hidden;height:235px}
.lay_wrap .lay_main .login_img .img_wrap{display:inline-block;zoom:1;width:450px;height:235px}
.lay_wrap .lay_main .login_img img{vertical-align:top}
.lay_wrap .lay_main .login_wrap{width:265px;position:absolute;right:0}
.lay_wrap .lay_main .login_wrap .option_item{margin-bottom:18px;overflow:hidden;zoom:1}
.lay_wrap .lay_main .login_wrap .option_item a{float:left;margin-right:10px}
.lay_wrap .lay_main .login_wrap .option_item .ui_sep_line{float:left;margin-left:0}
.lay_wrap .lay_main .login_wrap .login_fast{margin-bottom:7px}
.lay_wrap .lay_main .login_form .form_item{margin-bottom:19px;position:relative}
.lay_wrap .lay_main .login_form .form_item .ui_placeholder{position:absolute;left:2px;top:0;height:18px;padding:12px 10px;line-height:18px;font-size:16px;cursor:text;color:#979797}
.lay_wrap .lay_main .login_form .form_item_error{color:#F48C12;margin-bottom:10px;border:1px solid #FCEFB7;background:#FFFDE5;line-height:20px;padding:3px 10px}
.lay_wrap .lay_main .login_form .form_item_error a{color:#4b4a4a}
.lay_wrap .lay_main .login_form .form_item_code{padding-bottom:15px}
.lay_wrap .lay_main .login_form .item_code_wrap{display:inline-block;height:44px;vertical-align:top;position:relative;width:130px;margin-left:10px}
.lay_wrap .lay_main .login_form .item_code_wrap .code_img{width:130px;height:44px;vertical-align:top}
.lay_wrap .lay_main .login_form .item_code_wrap .code_refresh{position:absolute;bottom:-25px;left:0;height:20px;line-height:20px}
.lay_wrap .lay_foot{position:absolute;bottom:5%;left:0;width:100%;text-shadow:1px 1px 0 #333;}
.lay_wrap .lay_foot .login_device{overflow:hidden;margin:0 auto 20px;text-align:center}
.lay_wrap .lay_foot .login_device li{display:inline-block;*display:inline;zoom:1;width:60px;text-align:center;vertical-align:top;margin:0 5px}
.lay_wrap .lay_foot .login_device li.ui_line{width:1px;height:21px;background-color:rgba(255,255,255,.4);margin:10px 25px}
.lay_wrap .lay_foot .login_device li a{text-decoration:none}
.lay_wrap .lay_foot .login_device li .ui_icon{vertical-align:top}
.lay_wrap .lay_foot .login_device li span{display:block;padding-top:5px}
.lay_wrap .lay_foot .copyright{text-align:center; color:#FFF}
.lay_wrap .lay_foot .copyright a, .lay_wrap .lay_foot .copyright a:hover, .lay_wrap .lay_foot .copyright a:visited{color:#FFF; text-decoration:none;}
.lay_wrap .lay_foot .copyright p{line-height:22px}
.lay_background{position:absolute;left:0;top:0;z-index:-1;overflow:hidden}
.lay_background .lay_background_img{position:absolute;left:0;top:0;z-index:-1}
.lay_background .lay_background_img{opacity:0;-webkit-transition:opacity .8s ease;-moz-transition:opacity .8s ease;transition:opacity .8s ease}
.lay_background .lay_background_img_fade_out{opacity:1}
.mode_dark .ui_sep_line{color:#eee}
.mode_dark .lay_wrap .lay_main{color:#fff}
.mode_dark .lay_wrap .lay_main a{color:#fff}
.mode_dark_footer .icon_qq{width:28px;height:28px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:-58px -42px}
.mode_dark_footer .icon_iphone{width:28px;height:28px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:-58px -71px}
.mode_dark_footer .icon_ipad{width:28px;height:28px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:-58px -100px}
.mode_dark_footer .icon_android{width:28px;height:28px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:-87px -42px}
.mode_dark_footer .icon_other{width:28px;height:28px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:-87px -71px}
.mode_dark_footer .icon_windowsphone{width:28px;height:28px;background-image:url(sprite/qzonelogin.png?max_age=19830211&d=20130506153054);background-position:-87px -100px}
.mode_dark_footer .lay_foot{color:#fff}
.mode_dark_footer .lay_foot a{color:#fff}
.qrlogin{padding-bottom:15px}
.qrlogin #qrlogin_step3{position:relative}
.qrlogin #qr_card{position:relative!important;top:0!important;left:0!important;height:100px!important}
.qrlogin .qr_card .qr_card_content{padding-left:90px;zoom:1;position:relative;min-height:80px;padding-top:10px}
.qrlogin .qr_card .qr_head{position:absolute;width:75px;height:75px;border:2px solid #fff;border-radius:5px;left:0;top:0}
.qrlogin .qr_card .qr_feeds{position:absolute;left:90px;top:35px}
.qrlogin .qr_login_tips .qr_login_tips_logo{display:inline-block;zoom:1;width:16px;height:16px;background-image:url(img/code/icon_ok.png?max_age=19830211&d=20130506153054)}
.qrlogin .qr_login_tips .qr_login_tips_wording{color:#5FB70A;font-weight:bold}
.lay_wrap_v2 .lay_main{top:95px}
.lay_wrap_v2 .lay_inner{width:1000px}
.lay_wrap_v2 .lay_main .login_wrap{overflow:hidden;width:418px;height:auto;background-color:#fff;border-radius:4px;box-shadow:2px 2px rgba(0, 0,0,.1);top:100px}
#CssGaga{content:"20130506153054,243"}/*  |xGv00|e9054ce02180293caad082a81858c3bd */




.login, .login_no_qlogin {
    background-color: #FFFFFF;
}
.login, .login_no_qlogin {
    border: 2px solid #EEEEEE;
    margin: 0 auto;
    position: relative;
    width: 418px;
}


.login .header {
    border-bottom: 1px solid #E2E2E2;
    font-family: "Hiragino Sans GB", "Microsoft Yahei";
    height: 50px;
    position: relative;
}


.login .header .switch {
    bottom: 0;
    font-size: 16px;
    height: 45px;
    left: 70px;
    position: absolute;
}


.login .header .switch span {
    color:#F60;
	font-weight:bold;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    outline: medium none;
}

.login .header .switch .switch_bottom {
    border-bottom: 2px solid #848484;
    bottom: -1px;
    position: absolute;
}




.web_qr_login {
    height: 265px;
    overflow: hidden;
    position: relative;
}

.web_qr_login .web_qr_login_show {
    position: absolute;
    top: 0;
}

.web_login {
    padding-bottom: 65px;
    position: relative;
    width: 418px;
}

.web_login .tips {
    height: 50px;
    margin: 0 auto;
    position: relative;
    width: 270px;
    z-index: 11;
}

.web_login .login_form {
    margin: 0 auto;
    width: 272px;
}

.web_login .uinArea {
    height: 55px;
    position: relative;
    z-index: 10;
}

.web_login .input_tips, .web_login .input_tips_focus {
    color: #AAAAAA;
    cursor: text;
    font-size: 14px;
    left: 13px;
    line-height: 16px;
    position: absolute;
    top: 13px;
	z-index:100;
}

.web_login .inputOuter {
    background:url(../images/icon_3.png) no-repeat -1px -1px #FFF;
    height: 42px;
    width: 272px;
}

.web_login .inputstyle {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #333333;
    font-family: Verdana,Tahoma,Arial;
    font-size: 16px;
    height: 18px;
    ime-mode: disabled;
    left: 2px;
    line-height: 18px;
    padding: 11px 0 11px 10px;
    position: relative;
    top: 2px;
    width: 258px;
}

.web_login .uin_del {
    background: url(../images/icon_3.png) no-repeat -116px -160px #FFF;
    cursor: pointer;
    display: none;
    height: 21px;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 21px;
	z-index:101;
}

.web_login .pwdArea {
    height: 55px;
    position: relative;
    z-index: 3;
}
.web_login .submit {
    height: 40px;
    position: relative;
}

.web_login .login_button {
    left: 0;
    outline: medium none;
    position: absolute;
	text-decoration:none;
}
.web_login .login_button .btn {
    background: url(../images/icon_3.png) no-repeat 0 -90px #FFF;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
	font-family:宋体;
    font-size: 18px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    width: 115px;text-decoration:none;
}
.web_login .login_button:hover{ text-decoration:none;}
.web_login .login_button:hover .btn{
	background-position:-116px -90px;
	text-decoration:none;
	}
	
	
.web_login .bottom {
    bottom: 0;
    font-size: 12px;
    height: 16px;
    margin-bottom: 8px;
    position: absolute;
    right: 10px;
    text-align: right;
    width: 300px;
}

.web_login .bottom .link {
    color: #666666;
}

.web_login .bottom .dotted {
    color: #BFBFBF;
    margin: 0 5px;
}


.validateTips {
	color:#999;
	margin-bottom:5px;
}
.dialog{ text-align:left;}
.dialog .cons{ padding:15px; background-color:#EEE;}
.dialog fieldset {
	padding:0;
	border:0;
}
.dialog label, .dialog input {
	display:block;
	
}
.dialog input { border: 1px solid #dddddd;border-radius: 4px; background: #eeeeee url(../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333;}
.dialog input, .dialog select {
	margin-bottom:12px;
	width:95%;
	padding: .4em;
}











.lg{width:468px; height:468px; margin:0 auto;background:url(../images/login_bg.png) no-repeat;opacity: .85;filter: Alpha(Opacity=85);}
.lg_top{ height:200px; width:468px;}
.lg_main{width:400px; height:180px; margin:0 25px;}
.lg_m_1{
	width:290px;
	height:100px;
	padding:60px 55px 20px 55px;
}
.ur{
	height:37px;
	border:0;
	color:#666;
	width:236px;
	margin:4px 28px;
	background:url(../images/user.png) no-repeat;
	padding-left:10px;
	font-size:16pt;
	font-family:Arial, Helvetica, sans-serif;
}
.pw{
	height:37px;
	border:0;
	color:#666;
	width:236px;
	margin:4px 28px;
	background:url(../images/password.png) no-repeat;
	padding-left:10px;
	font-size:16pt;
	font-family:Arial, Helvetica, sans-serif;
}
.bn{width:330px; height:72px; background:url(../images/enter.png) no-repeat; border:0; display:block; font-size:18px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;}
.lg_foot{
	height:80px;
	width:330px;
	padding: 6px 68px 0 68px;
}


.lay_background .lay_background_img {
	opacity:0;
-webkit-transition:opacity .8s ease;
-moz-transition:opacity .8s ease;
transition:opacity .8s ease
}
.lay_background .lay_background_img_fade_out {
	opacity:1
}