@charset "utf-8";
/* 全局样式 */

body{margin:0;padding:0;font-size:14px;color:#333;font-family:Arial, Helvetica, sans-serif;}
.fr{float:right;}
.fl{float:left;}
a:hover{cursor:pointer;}
.clear{clear:both;}
.center{width:900px;margin:0 auto; clear:both;}
ul,li,p,h1,h2,h3{list-style:none;font-weight:normal;margin:0;padding:0;}
.op_re{position:relative;z-index:0;}
.op_ab{position:absolute;z-idex:1;}
.hidden{display: none;}

/*去除手机端按钮默认样式*/
input{ -webkit-appearance: none; outline: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
/*去除 select 背景*/
select::-ms-expand { display: none; }
select { border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }

#male.active .icon {
    background: #22b3e3;
}
#male .icon {
    border: 2px #22b3e3 solid;
}
#female .icon {
    border: 2px #f55a68 solid;
}
#female.active .icon {
    background: #f55a68;
}
.gender_box {
	color: #333333;
	font-size: 24px;
}
.gender_box .icon {
    height: 18px;
    width: 18px;
    display: inline-block;
	border-radius: 50%;
	margin-right: 10px;
}
.gender_box {
    margin: 10px;
    display: inline-block;
    cursor: pointer;
}

/*边距*/
.pat_5{padding-top:5px;}
.mal_50{margin-left:50px;}
.pad_30{padding:0 0 0 40px;}
.mat_30{margin-top:32px;}
.mat_10{margin:0 auto; margin-top:10px; text-align:center;}
.mal_20{margin-left:20px;}
.mar_5{margin-right:5px;}
.margin_5{margin:0 5px 0 5px;}


.sign{height:50px;line-height:50px;background:#fff;}
.sign .sign_btn{background:url(../images/login_btn.png);width:77px;height:27px;line-height:23px;text-align:center;font-weight:bold;font-size:12px;margin:12px 0 0 10px;}
.sign .sign_btn a{color:#fff;display:block; text-decoration:none;}
.top{background:url(../images/top.jpg) no-repeat top center;height:135px;}
.top h1{padding:18px 0 0 0;float:left;}

.bodyer{position:relative;z-index:0; margin:0 auto; clear:both;}
.ab_1{position:absolute;z-index:1;top:-40px;}
.bodyer_top{background:url(../images/bg_top.png);width:910px;height:7px;  margin:0 auto; clear:both;}
.bodyer_bottom{background:url(../images/bg_bottom.jpg);width:910px;height:45px; margin:0 auto; clear:both;}
.bodyer_mid{background:#fff;width:910px;padding:0; margin:0 auto; clear:both;}
.bodyer_mid .register {float:left;width:330px;height:423px;padding-top:20px;}
#regForm { width:320px; margin:0 auto !important; padding-top:12px !important; }
.bodyer_mid .register .bottom{background:url(../images/register_bottom.jpg);width:330px;height:27px;}
.bodyer_mid .register .mid h2{position:relative;z-index:1;text-align:center;font-size:24px;font-weight:normal;width:362px;height:68px;line-height:58px;margin-left:-10px;text-indent:5px;background:url(../images/reg_title.png) no-repeat 0 0;color:#fff; text-shadow:0 2px 1px rgba(0,0,0,0.4);}
.sex{float:left;height:30px;line-height:30px;}
.top_25{top:-25px;}
.left_25{left:25px;}
.text{float:left;}
.name{float:left;color:#666;font-size:14px;text-align:left;line-height:30px;margin-right:10px;}
.text_box{margin:9px 0 0 0;height:32px;}
.name2{float:left;color:#666;font-size:14px;text-align:left;line-height:30px;margin-right:10px;width:70px;}
.text{border:1px solid #cdcdcd;width:173px;height:30px;background:#fff;float:left;line-height:30px;padding:0 0 0 5px;font-size:12px;color:#999;}
.select1{border:1px solid #cdcdcd;width:44px;height:30px;float:left;font-size:12px;background:#fff;}
.select2{border:1px solid #cdcdcd;width:60px;height:30px;float:left;font-size:12px;background:#fff;}
.select3{border:1px solid #cdcdcd;width:178px;height:30px;float:left;font-size:12px;background:#fff;}
.agreement{font-size:12px;color:#999;width:245px;float:left;}
.agreement a{color:#629fbd;}
.re_btn{background:url(../images/re_btn.png);width:261px;height:50px;margin:20px auto 10px;border:none;+margin:0 auto 10px auto;}
.re_btn:hover{cursor:pointer;}
.text_1{border:none;line-height:28px;height:28px;width:70px;float:left;color:#999;}
.text_2{border:none;line-height:28px;height:28px;width:170px;color:#999;+height:25px;}
.lady{float:right;padding-right:3px;margin-top:-2px;}
.join{padding:30px 0 22px 0;text-align:center;margin-top:4px;background:#f5f5f5; font:normal 26px/36px Arial;}
.join span{color:#127caa; font:normal 30px/36px Arial;}
.select_box1{height:23px;background:#fff url(../images/arrow.jpg) no-repeat 164px 65%;overflow:hidden;margin-left:2px;}
.select_box2{height:23px;background:#fff url(../images/arrow.jpg) no-repeat 47px 65% ;overflow:hidden;margin-left:2px;}
.select_box3{height:23px;background:#fff url(../images/arrow.jpg) no-repeat 32px 65% ;overflow:hidden;margin-left:2px;}
.footer{text-align:center;color:#666;font-size:12px;margin:-10px 0 0 0;}


/* TabbedPanels */

.TabbedPanelsTabGroup {
	margin: 30px 130px 30px 0;
	padding: 0;
}
.TabbedPanelsContentGroup{
    background: none;
}

.TabbedPanelsTab {
	font-family: Verdana, Geneva, sans-serif;
	display: inline-block;
	width:36px;
	height: 8px;
	text-align: center;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: default;
	margin: 0 3px;
	border-radius: 20px;
	font-size: 0px;
	color: #fff;
	background: #555;
	box-sizing: border-box;
	font-weight: 300;
}

.TabbedPanelsTabSelected {
	background: #42d7a0;
}

#regForm {
	margin: 0;
}

.TabbedPanelsContent{
	margin-top: 30px;
}
.form-label {
	font-size: 20px;
	text-align: center;
	float: none;
	width: 100%;
    padding: 20px 0 20px;
    color: #333333;
}

.form-con {
	float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.input_test, .input-group {
    width: 90%;
    margin: 0 auto;
	height: 44px;
	height: 2.75rem;
	line-height: 40px;
	line-height: 2.5rem;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	text-indent: 4px;
}

.input-group .input_test {
	font-size: 14px;
	font-size: 0.875rem;
	height: 40px;
	height: 2.55rem;
}

.select-wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 0;
	height: 44px;
	height: 2.75rem;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 4px;
}

.select-wrapper:after {
	display: block;
	content: "";
	position: absolute;
	width: 12px;
	height: 5px;
	right: 4px;
	top: 40%;
	background: url(../images/icon_arrow.png) no-repeat right center;
}

.select-wrapper select {
	font-size: 14px;
	font-size: 1rem;
	float: left;
	width: 109%;
	text-indent: 4px;
	height: 40px;
	height: 2.5rem;
/* inputbox height */
	border: none;
	background: #fff;
}

.input-group .input_test, .input-group .select-wrapper {
	float: left;
	border: none;
}

.input-group .select-wrapper {
	width: 33%;
	height: 40px;
	height: 2.5rem;
}

.input-group .select-wrapper select {
	width: 130%;
}

.input_desc {
	font-size: 12px;
	line-height: 1.8em;
	text-align: right;
	color: #888;
}

.button_box {
	padding-top: 20px;
}

.submit-button {
	display: block;
	width: 50%;
	text-decoration: none;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	height: 50px;
    line-height: 50px;
    font-size: 24px;
	cursor: pointer;
	background-color: #00a8ed!important;
	border: none;
	border-radius: 6px;
	margin-top: 0 !important;
	font-weight: 500;
	margin: 0 auto;
	color: #fff;
}

.submit-button:hover {
	color: #fff;
	transition: all 0.6s;
	transform: scale(1.06);
	-moz-transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-ms-transform: scale(1.06);
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
	opacity: 0.9;
	filter: alpha(opacity=90);
}


.intsva .arrow {
	display: block;
	content: "";
	position: absolute;
	margin-left: 10px;
	bottom: -6px;
	width: 0px;
	height: 0px;
	border-color: transparent;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-top-color: #f23b7f;
/* use for arrow bgColor */
}

.intsva .arrow:after {
	display: block;
	content: "";
	position: absolute;
	margin-top: -5px;
	margin-left: -6px;
	width: 0px;
	height: 0px;
	z-index: -1;
	border-color: transparent;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-top-color: #f23b7f;
}

.terms_privacy{
	font-size: 12px;
    width: 85%;
    margin: 10px auto;
}
/* for ie8 */
.ie.ie8 select {
	height: 22px !important;
}

/* 如果没有定义这个，有可能在加载时一瞬间显示弹层 */
.popup-container {
	display: none;
}
/* pop */
.pop_cover{position:fixed; overflow:hidden; z-index:10000; width:100%; height:100%; background:#c5c5c5; margin:0 auto; opacity:0.8; filter:alpha(opacity=80);  float:0; top:0; left:0;}
.black_overlay{position:fixed; top:0%; left: 0%; background:#c5c5c5;  opacity:0.8; filter:alpha(opacity=80); width: 100%; height: 100%;z-index:10; }
.pop_content_1{ width:99.5%; margin:0 auto; height:auto; min-height:240px; overflow:hidden;}

.girlpic{ width: 390px; height: 390px; float: left; margin-left: 30px;}
.text_tit{color: #2b2b2b;  font-size: 26px; width:500px; font-family:Arial; position: absolute; right: 0px;top:40px; text-align: center; height: 50px; margin-right: 25px; line-height: 50px;}
.text_tit span{color: #0078f2;font-weight: bold; display: inline;}
.input_desc{ color: #666666; padding-top: 3px;width: 95%; height: 18px; text-align: right;}

.mid_word span{color: #ff2f47;font-weight: bold; display: inline;}
.text_pd{padding:30px 0px;}
.mt_15{margin-top: 0;}
.signin2{display: none;}
.m_girlpic{display: none;}
/*#country{ background: #ffffff;}*/

.signin_td1{ width:30%; height:50px; text-align:right; vertical-align:middle; font-size:normal 16px/50px Arial;}
.signin_td2{ text-align:left; vertical-align:middle; padding-left:10px;}
.signin_input01{width:290px; height:30px; line-height:30px; font-size:14px; background:none; text-indent:5px; border:1px solid #bbb;}



/* Responsive */
@media (max-width:640px) {
	#login .form-label{width: 25% !important;}
	#login .form-con{width: 74% !important;float: right !important;}
	#login .form-item {margin: 10px 0 !important;}

	.reg_area{width:98%; overflow:hidden; clear:both; margin-top:-35px;}
	.hide_in_pc { display:block; }
	.hide_in_mobile { display:none !important; }
	html { font-size:20px; }
	body { overflow-x:hidden; }
	img { max-width:99%; }
	.center { width:auto;    display: inline; }
	.sign { padding-right:6px; }
	.sign span.fl { display:none; }
	.top { margin-top:-50px; height:auto; text-align:center; padding:15px; background-size:cover; }
	.top h1 { float:none; margin:0; padding:0; text-align:left; }
	.top h1 img { width:250px; }
	.top .pat_5 { text-align:left;}
	.top .pat_5 img { float:none; margin:0; width:70%; }
	.ab_1 { top:0; position:static; }
	.bodyer_top, .bodyer_bottom { display:none; }
	.bodyer_mid, .join { width:auto; padding:0;  }
	.bodyer_mid { padding:7rem 0 20px; overflow:hidden; }
	.join { max-width:320px; margin:20px auto 0; background:none; text-align:center; font:normal 18px/30px Arial }
	.join span{color:#127caa; font:normal 24px/30px Arial;}
	.bodyer_mid .register { float:none; margin:0 auto; position:relative; z-index:2;height:auto; padding:25px 0 20px; background:rgba(255,255,255,0.95); border:1px solid #ddd; border-radius:8px; box-shadow:0 0 5px rgba(0,0,0,0.2); }
	.bodyer_mid .register .mid h2 { width:auto; font-size:24px; color:#fff; }
	.register .mat_30, .register .pad_30 { margin:0; padding:0; }
	#regForm { width:98%; margin:0 auto !important; padding-top:10px !important; }
	.text, .select1, .select2, .select3 { border-color:#999; border-radius:5px; overflow:hidden; }
	.lady { float:none; margin:0; padding:0; height:auto; border:none; width:120%; margin-left:-10%; position:absolute; top:0; }
	.lady img { width:100%; }
	.footer { margin:0; padding:10px; font-size:11px; }
	.pop_windows { position:fixed!important; margin:0!important; width:auto!important; left:10px!important; top:10px!important; right:10px!important; bottom:10px!important; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.7); border-radius:10px; }
	.pop_content_1{ width:99.5%; margin:0 auto; height:auto; min-height:240px; overflow:hidden;}
	.pop_top,.pop_mid,.pop_bot { background:none!important;}
	.pop_top { height:10px!important; }
	.pop_info_title { height:auto!important;}
	.pop_info_title h1 { line-height:22px!important;}
	.pop_info_title label { float:none!important; }
	.pop_info_title span { position:absolute; right:-10px; top:0px; }
	.pop_info_title h1 { font-size:18px!important; }
	.pop_mid { padding:0 15px!important; }
	.pop_info_text {height:auto!important; min-height:450px!important;}
    .TabbedContent{color:#333; font:normal 14px; margin:0 auto; border-radius:8px;-moz-border-radius:8px;  height: auto; clear:both;}
	.TabbedPanels{padding-top: 0px !important;}
	.form-label{padding: 10px 0;}
	.text_pd{padding:20px 0 0 0;}
	.c_td03{padding:8px 0px 0px 5px; width: 70px;font-weight:bold; text-align:left;}
	.button_box{margin:0 auto; width:100%; margin-left:1%; clear:both;}
	
	.pop_windows { position:fixed!important; margin:0!important; width:auto!important; height:380px!important; left:10px!important; top:10px!important; right:10px!important; bottom:10px!important; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.7); border-radius:10px; }
	.pop_windows table { width:100%; }
	.pop_top,.pop_mid,.pop_bot,.pop_content { width:auto !important; background:none!important;}
	.pop_top { height:10px!important; }
	.pop_title { height:auto!important;padding:5px 0 10px !important;}
	.pop_title h1, .pop_title label font { line-height:22px!important;}
	.pop_title label { float:none!important; }
	.pop_title span { position:absolute; right:-10px; top:0px; }
	.pop_title h1 { font-size:18px!important; }
	.pop_mid { padding:0 15px!important; }
	.pop_content { height:17rem!important;}
	
	#login #pop_windows_id3 {left:10px !important; margin-left:0!important; background:#fff !important; height:auto; }
	.pop_top_1, .pop_bot_1 { display:none; }
	#login .pop_mid_1 { background:none; }
	#login table { width:260px; margin:0 auto; }
	#login table .pop_title { padding-top:20px !important; }
	#login table td { display:block; width:auto; height:auto; padding-left:0 !important; line-height:2em !important; }
	#login table tr td:first-child { text-align:left; }
	#login table input[name=email], #login table input[name=password] { width:255px !important; }
	#login table input[name=auth_code] { width:150px !important; }
	
	.intsva {margin-left:-18px; background-position:50px 100%; background-repeat:repeat-x;width: 90%;
		margin: 0 auto !important; }
	.signin_td1{ width:30%; height:50px; text-align:right; vertical-align:middle; font-size:normal 16px/50px Arial;}
	.signin_td2{ width:70%; text-align:left; vertical-align:middle; padding-left:5px; padding-right:2px;}
	.signin_input01{width:90%; height:30px; line-height:30px; font-size:14px; background:none; text-indent:5px; border:1px solid #bbb;}



}
@media (max-width:320px) {
	.TabbedPanelsTab{width: 35px !important; height: 35px !important; line-height: 35px !important;font-size: 16px !important;}
	.bodyer_mid .register{min-height: 300px;}
}
@media (min-width:360px) and (max-width:370px) {
	html { font-size:18px; }
}
@media (max-width:350px) {
	html { font-size:16px; }
	.bodyer_mid .register { float:none; margin:0 auto; position:relative; z-index:2; width:92%; height:auto; padding:25px 0 20px; background:rgba(255,255,255,0.95); border:1px solid #ddd; border-radius:8px; box-shadow:0 0 5px rgba(0,0,0,0.2); }
	#regForm { width:100%; float:left !important; padding-top:10px !important; }
	.TabbedContent{margin-left:-1.5%;}
	.button_box{margin-left: 1%;}
	.top h1 img { width:210px; }
	img { max-width:95%; }
	.text_pd{padding: 20px 0 0 0;}
	.join { max-width:300px; margin:20px auto 0; background:none; text-align:center; font:normal 16px/26px Arial }
	.join span{color:#127caa; font:normal 20px/26px Arial;}
	#pointmsg_first_name { margin-left:-20px; background-position:50px 100%; }
	#pointmsg_last_name { margin-left:-148px; background-position:157px 100%; background-repeat:repeat-x; }
	#pointmsg_passwd1 img { display:none; }
	
	.signin_td1{ width:30%; height:50px; text-align:right; vertical-align:middle; font-size:normal 16px/50px Arial;}
	.signin_td2{ width:70%; text-align:left; vertical-align:middle; padding-left:10px;}
	.signin_input01{width:88%; height:30px; line-height:30px; font-size:14px; background:none; text-indent:5px; border:1px solid #bbb;}
	
}

@media (min-width:640px) and (max-width:1024px) {
	.center{
		width: 100%;
	}
	.top h1{
		padding: 20px 0 0 0;
	}
	.bodyer_top,.bodyer_mid,.bodyer_bottom{width: 100%;}
	.bodyer_mid .register,.lady{width: 49.5%;}
	.lady img{width:100%;    margin-top: 20px;}
	.TabbedPanels{padding-top: 0px !important;}
	.bodyer_mid .register .mid h2{width: auto;}
	.ab_1{position: relative;}
	.footer{margin: 0;}
}

@media (min-width:500px) and (max-width:813px)  and (orientation:landscape)  {
	.succeed_pop .pop_content{width: 94% !important;
        left: 3%!important;
        margin-left: 0 !important;
        margin-top: 0!important;
        top: 3%!important;
        height: 90%!important;
        max-height: none!important;    
	}
	.top h1 img{max-width: 250px;}
}