@CHARSET "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin:0;
	outline:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset,img {
	border:0 none;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style:inherit;
	font-weight:inherit
}
del,ins {
	text-decoration:none
}
li {
	list-style:none
}
caption,th {
	text-align:left
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal
}
q:before,q:after {
	content:''
}
abbr,acronym {
	border:0;
	font-variant:normal
}
sup {
	vertical-align:baseline
}
sub {
	vertical-align:baseline
}
legend {
	color:#000
}
input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit
}
input,button,textarea,select {
	*font-size:100%
}
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section {
	display:block
}

html{
	font: 81.25% arial, helvetica, sans-serif;
	color: #333;
	line-height: 1;
	direction: ltr;
}
html, body {
	position: absolute;
	height: 100%;
	min-width: 100%;
}
a {
	color: #15C;
	text-decoration: none;
	cursor:pointer;
}
a:active {
	color: #d14836;
}
a:hover {
	text-decoration: underline;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.placeholder {
    color:#9e9e9e;
}

/*button*/
.ui-button{
	display: inline-block;
	min-width: 46px;
	text-align: center;
	color: #444;
	height: 27px;
	padding: 0 8px;
	line-height: 27px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.218s;
	   -moz-transition: all 0.218s;
	   -ms-transition: all 0.218s;
	    -o-transition: all 0.218s;
	       transition: all 0.218s;
	border: 1px solid #DCDCDC;
	background-color: #F5F5F5;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#F5F5F5),to(#F1F1F1));
	background-image: -webkit-linear-gradient(top,#F5F5F5,#F1F1F1);
	background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	cursor: pointer;
}

*+html .ui-button {
	min-width: 70px;
}
input[type=submit].ui-button:disabled {
	-webkit-appearance: none;
}
*+html button.ui-button,
*+html input[type=submit].ui-button {
	overflow: visible;
}
.ui-button:hover {
	border: 1px solid #c6c6c6;
	color: #333;
	text-decoration: none;
	background-color: #f8f8f8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.ui-button:active {
	background-color: #f6f6f6;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
	background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
	background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.ui-button-logout{
	background-color: #FFF;
	background-image: none
}
.ui-button-submit {
	border: 1px solid #3079ED;
	color: #FFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	background-color: #4D90FE;
	background-image:        -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
	background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
	background-image:    -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image:     -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image:      -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image:         linear-gradient(top,#4d90fe,#4787ed);
}
.ui-button-submit:hover {
	border: 1px solid #2f5bb7;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,0.3);
	background-color: #357ae8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
	background-image: linear-gradient(top,#4d90fe,#357ae8);
}
.ui-button-submit:active {
	background-color: #357ae8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
	background-image: linear-gradient(top,#4d90fe,#357ae8);
	-webkit-box-shadow: inset 0 1px 2px rgb	a(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
.ui-button-login{
	width: 100%;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	z-index: 1;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ui-button-sms{
	min-width: 120px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	z-index: 1;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*wrapper*/
.wrapper{
	position: relative;
	min-height: 100%;
}

/*ui_input*/
.ui_input{
	font-size: 15px;
	color: #404040;
	width: 100%;
	display: block;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	height: 40px;
	padding: 0 8px;
	margin: 0;
	background: #FFF;
	border: 1px solid #D9D9D9;
	border-top: 1px solid #C0C0C0;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.ui_input_error{
	border: 1px solid #e40;
	-moz-box-shadow: 0 0 2px #F30;
	-webkit-box-shadow: 0 0 2px #F30;
	box-shadow: 0 0 2px #F30;
}
.ui_input_focus{
	border: 1px solid #28a0e5;
	-moz-box-shadow: 0 0 2px #28a0e5;
	-webkit-box-shadow: 0 0 2px #28a0e5;
	box-shadow: 0 0 2px #28a0e5;
}
.ui_select{
	height: 40px;
	width: 100%;
	padding-left:8px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	background-color: #F6F6F6;
	border: 1px solid #DCDCDC;
	color: #444;
	line-height: 36px;
	font-weight: bold;
	cursor: pointer;
}

/*info*/
.f_field .info, .m_field .info{
	position: absolute;
	bottom: -7px;
	right: 0;
	color: #28a0e5;
}
.f_field .info_error, .m_field .info_error{
	color: #E40;
}

/*header*/
.header_bar{
	height: 71px;
	background: #F1F1F1;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
}
.header_bar .header{
	padding: 0 40px;
}
.header_bar .logo{
	float: left;
	padding-top: 13px;
}
.header_bar .btn{
	float: right;
	padding-top: 23px;
}

/*footer*/
.footer_bar{
	border-top: 1px solid #E5E5E5;
	margin-top: 50px;
	color: #888;
}
.footer_bar .footer{
	padding: 0 40px;
}
.footer_bar .links{
	padding-top: 15px;
	float: left;
}
.footer_bar .langs{
	padding-top: 15px;
	float: right;
}

/*register*/
.register_box{
	width: 360px;
	margin: 0 auto;
	background-color: #f1f1f1;
}

.register_box .header{
	text-align: center;
	padding: 50px 0;
	background-color: #FFF;
	font-family: 'Open Sans', arial;
	color: #555;
	font-size: 38px;
	font-weight: 300;
}
.register_box .attach{
	padding-top: 18px;
	position: relative;
	text-align: right;
}
.register_box .f_submit{
	padding-top: 18px;
}

/*login*/
.login_box{
	width: 360px;
	margin: 0 auto;
	background-color: #f1f1f1;
}

.login_box .header{
	text-align: center;
	padding: 50px 0;
	background-color: #FFF;
	font-family: 'Open Sans', arial;
	color: #555;
	font-size: 38px;
	font-weight: 300;
}
.login_box .attach{
	padding-top: 18px;
	position: relative;
	text-align: right;
}
.login_box .attach label{
	display: block;
	font-weight: normal;
	color: #555;
	position: absolute;
	top: 14px;
	left: 17px;
	line-height: 0;
}
.login_box .attach input{
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 16px;
	left: 0;
}
.login_box .f_submit{
	padding-top: 18px;
}

/*manage*/
.manage_box{
	width: 360px;
	margin: 0 auto;
	background-color: #f6f6f6;
}
.manage_box .header{
	padding: 50px 0 20px;
	background-color: #FFF;
	font-family: 'Open Sans', arial;
	color: #555;
	font-size: 32px;
	font-weight: 300;
}
.manage_box .avatar{
	position: relative;
	padding: 15px 20px;
	border-bottom: 1px solid #e2e2e2;
	text-align: center;
}
#avatar{
	display: inline-block;
	position: relative;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
	        border-radius: 50px;
	overflow: hidden;
}
#avatar img{
	width: 100px;
	height: 100px;
}
#avatar .info{
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: #FFF;
	opacity: 0.5;
	filter: alpha(opacity=50);
	height: 30px;
	color: #000;
	text-align: center;
	line-height: 30px;
}
.manage_box .content{
	padding: 5px 20px;
}
.manage_box .item{
	border-bottom: 1px solid #e2e2e2;
	padding: 15px 0;
}
.manage_box .item span{
	line-height: 200%;
}
/*修改头像*/
.content .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.content .clearfix{zoom:1;}

.content .wrap{
		width: 320px;
		height: 300px;
}

.content .left, .content .right{
		width: 10px;
		cursor: pointer;
		background-color: #f60;
		height: 100%;
	}
	.content .left{
		float: left;
	}
	.content .right{
		float: right;
	}
	.content .tbl{
		margin:0 40px;
		background-color: #ddd;
		overflow: hidden;
		height: 100%;
	}
	.content .icon_box td img{
		display:block;
		border: 0 none;
		cursor: pointer;
		height: 100px;
		width: 80px;
	}
/*修改头像 结束*/

/*profile 页面展示国旗及国家/地区名*/
.manage_box .item img.location{
	float:left;
	margin: 6px 1px 10px 0;
}
.manage_box .item span.location {
	height: 17px;
	line-height: 17px;
	display: block;
	float: left;
	margin: 7px 0 9px 0;
}
/* 邮箱已验证 */
.manage_box .item span.checked{
    background: url("/web/20170603082305im_/http://337.eleximg.com/337/v3static/img/account/icos.png") 0 -16px no-repeat;
	vertical-align: -4px;
	width: 16px;
	height: 16px;
	display: inline-block;
}
.manage_box .item span.gray{
	color: #888;
}
.manage_box .item label{
	font-weight: bold;
	width: 100%;
	display: block;
}
.manage_box .item a.ui-button{
	float: right;
}
.manage_box .attach_info{
	width: 100%;
	color: #888;
	line-height: 150%;
}
.manage_box .m_field{
	position: relative;
	padding-bottom: 10px;
}
.manage_box .m_field label{
	display: block;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
	line-height:22px;
}
.manage_box .m_field span{
	line-height: 200%;
}
/*“modifyLocation页面展示国旗及国家/地区名*/
.manage_box .m_field img.location{
	line-height: 17px;
	float:left;
	margin: 0 0 15px 0;
}
.manage_box .m_field span.location {
	height: 17px;
	line-height: 17px;
	display: block;
	float: left;
	margin: 1px 0 14px 0;
}

.manage_box .m_field span.gray{
	color: #888;
}
.manage_box .ui-button-edit{
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
	overflow: hidden;
}
.manage_box .f_submit{
    display: flex;
	padding: 20px 0;
}
.manage_box .avatar_box{
	text-align: center;
	padding: 20px 0 0;
	line-height: 3em;
	font-weight: bold;
}
.manage_box .avatar_img_box{
	position: relative;
	display: inline-block;
	margin: 0 auto;
	min-width: 120px;
	max-width: 200px;
}
.manage_box .avatar_show{
	display: block;
	min-width: 120px;
	max-width: 200px;
}
.manage_box .avatar_dimmer{
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 100%;
	background-color: #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.manage_box .avatar_info{
	display: none;
	position: absolute;
	line-height: 30px;
	text-align: center;
	height: 30px;
	width: 100%;
	bottom: 0;
	left: 0;
	color: #666;
}
.manage_box .avatar_info_succeed{
	color: #15c;
}
.manage_box .avatar_info_error{
	color: #c20;
}
#click_upload{
	display: block;
}

.manage_box .errorMessage{
	background-color: #f1d7d7;
	color: #a95252;
	padding: 15px;
}
/*restPassword -->go back to "sendToken"*/
.manage_box .attach{
	padding-top: 18px;
	position: relative;
	text-align: right;
}

/*register -> form*/
.form_box{
	padding: 20px;
}
.form_box .f_field{
	position: relative;
	padding-bottom: 10px;
}
.form_box label{
	display: block;
	/*color: #222;*/
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}
.f_submit{
	padding-top: 20px;
	position: relative;
}
.f_submit .info{
	position: absolute;
	color: #E40;
	left: 0;
	top: 0px;
	height: 18px;
	z-index: 100;
}
.captcha{
	position: absolute;
	top: 28px;
	right: 0;
}
#captcha{
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	cursor: pointer;
}

/*sms*/
.sms{
	position: absolute;
	top: 28px;
	right: 0;
}

/*forget*/
.forget_box{
	padding: 20px 0;
}
.forget_box #userIcon{
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
	        border-radius: 50px;
}
.forget_box .nickname_info{
	text-align: center;
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-bottom: 10px;
	margin-top: 10px;
}
.forget_box #nickname{
	font-weight: bold;
	font-size: 1.2em;
}
.forget_box #user_email{
	padding: 15px;
}
.forget_box #user_phone{
	padding: 15px;
}

.oauth_error, .send_verification_link, .verify_email{
	width: 360px;
	margin: 0 auto;
	background-color: #f6f6f6;
	margin-top: 50px;
}
.oauth_error .content, .send_verification_link .content, .verify_email .content{
	padding: 20px;
	text-align: center;
}
.oauth_error .header, .send_verification_link .header, .verify_email .header{
	font-family: 'Open Sans', arial;
	color: #e00;
	font-size: 38px;
}
.oauth_error .msg, .send_verification_link .msg, .verify_email .msg{
	padding: 15px 0 20px;
	border-bottom: 1px solid #DDD;
	margin-bottom: 15px;
	font-size: 16px;
}

/*send_verification_link and verify_email*/
.send_verification_link, .verify_email{
	width: 420px;
}
.send_verification_link .header.success , .verify_email .header.success{
	color: #32cd32;
}

/*media*/
@media screen and (max-width: 480px) {
	body{
		background-color: #f1f1f1;
	}
	.register_box .header{
		text-align: left;
		padding: 20px 0 10px;
		background-color: #f1f1f1;
		color: #E40;
		font-size: 1.2em;
		font-weight: bold;
		text-indent: 20px;
	}
	.login_box .header{
		text-align: left;
		padding: 20px 0 10px;
		background-color: #f1f1f1;
		color: #E40;
		font-size: 1.2em;
		font-weight: bold;
		text-indent: 20px;
	}
	.manage_box{
		background-color: #f1f1f1;
	}
	.oauth_error{
		margin-top: 10px;
		background-color: #f1f1f1;
	}
	.manage_box .avatar{
		padding: 0 20px 10px 20px;
	}
	.manage_box .header{
		text-align: left;
		padding: 20px 0 0;
		background-color: #f1f1f1;
		color: #E40;
		font-size: 1.2em;
		font-weight: bold;
		text-indent: 20px;
	}
	#avatar{
		width: 80px;
		height: 80px;
		-webkit-border-radius: 40px;
		   -moz-border-radius: 40px;
		        border-radius: 40px;
	}
	#avatar img{
		width: 80px;
		height: 80px;
	}
	.form_box{
		padding-top: 0;
	}
	.header_bar .header{
		padding: 0 15px;
	}
	.footer_bar .links{
		width: 100%;
		text-align: center;
	}
	.footer_bar .langs{
		padding-top: 10px;
		width: 100%;
		text-align: center;
	}
	.footer_bar{
		margin-top: 0;
	}
}
@media screen and (max-width: 320px) {
	.register_box{
		width: 320px;
	}
	.login_box{
		width: 320px;
	}
	.manage_box{
		width: 320px;
	}
	.oauth_error{
		width: 320px;
	}
}




/*
     FILE ARCHIVED ON 08:23:05 Jun 03, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:35:30 Jan 18, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 94.402
  exclusion.robots: 0.23
  exclusion.robots.policy: 0.221
  cdx.remote: 0.082
  esindex: 0.011
  LoadShardBlock: 36.818 (3)
  PetaboxLoader3.datanode: 65.925 (5)
  CDXLines.iter: 23.745 (3)
  load_resource: 118.314 (2)
  PetaboxLoader3.resolve: 67.492 (2)
*/