@charset "utf-8";

/* CSS Document */
html { font-size: 16px; }
body, input, select, textarea { font-family: Roboto, "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; vertical-align: middle; padding: 0; margin: 0; }
.holded { color: #aaa; }
img { border: 0; max-width: 100%; }
div, ul, ol, li, dl, dt, dd, a, img, form, p, h1, h2, h3, h4, h5, h6, span { margin: 0; padding: 0; border: 0px; }
input, select { outline: none; }
ul, li { list-style: none; }
a:link, a:visited { color: #fff; text-decoration:none;}
a:hover {opacity:0.8;filter:alpha(opacity=80);}

/*去除手机端按钮默认样式*/
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; }

/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.clearfix { display: inline-block; }

/* Hide from IE Mac */
.clearfix { display: block; }

/* End hide from IE Mac */

/* end of clearfix */

/* layout */

body {background-color: #222; color:#fff; font-family: Roboto, "Segoe UI", Arial, Helvetica, sans-serif;}
.body_bg{background:#222 url(../images/bg.jpg) repeat top center;}
.hd{display: none;}
.form-con .img-code .code{ z-index: 99;}
.underline{ text-decoration: underline;}
.mask, .mask2 { position: fixed; top: 0%; left: 0%; background: #000000; opacity: 0.75; filter: alpha(opacity=75); width: 100%; height: 100%; z-index: -1;display:none;}
.allwrap{height:650px;margin:-350px 0 0 -500px;position:fixed;left:50%;top:50%;overflow:hidden;width:1000px;z-index:10;}
.logo_login{position:absolute;left:10px;top:20px;z-index:20;width:100%;}
.logo_login .logo{float:left;z-index:20;width:50%;}
.logo_login .logo img{width:85%;}
.logo_login .login{display:none;float:right;font-size:1rem;padding:15px 5% 0 0;text-align:right;width:45%;}
.logo_login .login a{color:#f24646;}
.block_1{background:url(../images/c_pic01.jpg) top right no-repeat;height:600px;overflow:hidden;text-align:center;}
.block_1 h3{color:#fffdbd;font-weight:bold;font-size:4.375rem;margin:18rem 0 0 0;}
.block_1 p{font-size:2.25rem;font-weight:300;margin:0 0 2.5rem 0;}
.block_2{background:url(../images/c_pic01.jpg) top right no-repeat;height:600px;overflow:hidden;text-align:center;display:none;}
.block_2 h3{color:rgba(255,255,190,0.5);font-weight:bold;font-size:5rem;line-height:5rem;margin:11rem 20rem 0 0;}
.block_2 h3 span{display:block;font-size:4.125rem;line-height:4.125rem;}
.block_2 p{font-size:2rem;font-weight:300;margin:1.5rem 0 2rem 0;}
.block_3, .block_4, .block_5, .block_6{background:url(../images/c_pic02.jpg) center top no-repeat;height:600px;overflow:hidden;text-align:center;display:none;}
.block_3 h3, .block_4 h3, .block_5 h3, .block_6 h3{color:rgba(255,255,190,0.5);font-weight:bold;font-size:5rem;line-height:5rem;margin:8rem 0 0 0;}
.block_3 h3 span, .block_4 h3 span, .block_5 h3 span, .block_6 h3 span{display:block;font-size:4.125rem;line-height:4.125rem;}
.block_3 h5, .block_4 h5, .block_5 h5, .block_6 h5{font-weight:normal;font-size:2.625rem;line-height:2.625rem;margin:2rem 0 0 0;}
.block_3 p, .block_4 p, .block_5 p, .block_6 p{font-size:1.5rem;font-weight:300;margin:1.5rem 0 2rem 0;padding:0 5%;}
.block_7, .block_8, .block_9, .block_10, .block_11{background:url(../images/c_pic02.jpg) center top no-repeat;height:600px;overflow:hidden;text-align:center;display:none;}
.block_7 h3, .block_8 h3, .block_9 h3, .block_10 h3, .block_11 h3{color:rgba(255,255,190,0.5);font-weight:bold;font-size:5rem;line-height:5rem;margin:8rem 0 0 0;}
.block_7 h3 span, .block_8 h3 span, .block_9 h3 span, .block_10 h3 span, .block_11 h3 span{display:block;font-size:4.125rem;line-height:4.125rem;}
.block_7 h5, .block_8 h5, .block_9 h5, .block_10 h5, .block_11 h5{font-weight:normal;font-size:2rem;line-height:2rem;margin:2rem 0 0 0;}
.block_7 p, .block_8 p, .block_9 p, .block_10 p, .block_11 p{font-size:1.25rem;font-weight:300;margin:0.5rem 0 2rem 0;}
.block_11 h5.cgts{color:#aaf25c;margin-bottom:1rem;}
.select_box ul{padding:0 10% 20px 20%;overflow:hidden;}
.select_box ul li{font-size:1.25rem;font-weight:300;line-height:1.5rem;float:left;margin-bottom:0.825rem;overflow:hidden;vertical-align:top;text-align:left;width:33%;}
.select_box ul li input{background:#fff;border:#666 solid 1px;cursor:pointer;display:block;float:left;margin:0 1rem 0 0;height:20px;width:20px;}
.select_box ul li input.select_on{background:#fff url(../images/icon_right.png) 0 2px no-repeat;}
.select_box ul li.width01{width:66%;}
.select_box ul li.width02{width:99%;}
.block_12{background:rgba(0,0,0,0.7);height:600px;overflow:hidden;text-align:center;display:none;}
.block_12 h3{color:rgba(255,255,255,0.7);font-weight:bold;font-size:4rem;margin:6rem 0 0 0;}
.block_12 h3 span{display:block;font-size:3.75rem;line-height:4.125rem;}
.block_12 p{font-size:2.25rem;font-weight:300;margin:0 0 2.5rem 0;}
.btn_ok, .btn_continue, .btn_yes, .btn_no, .submit-button{background:#f24646;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border:none;color:#fff;cursor:pointer;display:inline-table;font-size:2rem;padding:10px 0;text-align:center;}
.btn_ok, .btn_continue{width:380px;}
.submit-button{padding:8px 0;width:100%;}
.btn_yes, .btn_no{margin:auto 1rem;width:200px;}
.btn_no{background:rgba(0,0,0,0.75);}
.footer {color:#666;font-size:0.875rem;padding:20px 0;text-align:center;;}


/* TabbedPanels */
.TabbedPanels { margin: 0px; padding: 0; }
.TabbedPanelsTabGroup { margin:1.5rem 0 0 0; padding: 0; text-align: center; position: relative; z-index: 3; *padding-left: 60px; *display: block; *width: 100%; *height: auto; }
.TabbedPanelsTab { font-family: Arial, Verdana, Geneva, sans-serif; display: inline-block; width: 56px; height: 56px; line-height: 56px; text-align: center; -moz-user-select: none; -khtml-user-select: none; cursor: default; margin: 0px 4px; border-radius:50%; -moz-border-radius: 30px; font-size: 30px; color: #fff; background-color: #929292; *float: left; }
.TabbedPanelsTabSelected { background-color: #ec5858; color: #fff; font-weight:bold; }
.TabbedContent { color: #333; font-size: 14px; background-position: center top; background-repeat: no-repeat; margin-top: 4rem; }
.TabbedPanelsContent { position: relative; z-index: 2; padding: 0; }

.reg_area { position: relative; margin-top: -30px; }
.reg_mask { }

/* form */

#regForm { width: 40%; margin: 0 auto;}
.form-item { margin: 10px 0; }
.form-label { font-size: 14px; font-size: 1rem; float: left; width: 26%; padding-top: 12px; text-align: left; color: #fff; }
.form-con { float: left; width: 74%;  position: relative;  position: relative; border-radius: 6px; }
.input-group { width: 100%; height: 36px; line-height: 42px; box-sizing: border-box; border: none; border-radius: 6px; height: 100%; font-size: 1rem; background: none; position: relative; height: 100%; overflow: hidden; z-index: 2; background-color: #ffffff;height: 40px; height: 2.8rem;}
.input-group .vert{color:#999;}
.input-group .input_test { font-size: 14px; font-size: 1rem; height: 2.125rem; height: 100%; height: 2.8rem; width: 100%; background: none; *height: 20px; *margin-top: 10px; }
.input_test { padding-left: 5px; border: 0; position: relative; z-index: 2;}
#passwd1{z-index: 3;position: relative;}
.select-wrapper { width: 100%; position: relative; overflow: hidden; z-index: 0; height: 100%; height: 2.8rem; box-sizing: border-box; background-color: #fff; border: none; border-radius: 6px; line-height: 1; }
.select-wrapper:after { display: block; content: ""; position: absolute; width: 10px; height: 5px; right: 4px; top: 40%; }
.select-wrapper select { font-size: 14px; font-size: 1rem; float: left; width: 100%; margin-top: 0px; text-indent: 4px; height: 40px; height: 2.8rem; line-height: 40px; padding-left: 5px; border: none; background: url(../images/icon_arrow.png) no-repeat 96% center; *background: url(../images/icon_arrow.png) no-repeat 100% center; color:#222;font-size: arial;}
.select-wrapper select option { font-size: 13px; }
.input-group .input_test, .input-group .select-wrapper { float: left; border: none; line-height: 2.8rem; text-indent:0.3rem;}
.input-group .select-wrapper { width: 33%; height: 34px; height: 2.125rem; height: 100%; }
.input-group .select-wrapper select { width: 100%; }
.input_desc { font-size: 12px; line-height: 1.8em; text-align: right; color: #888; display: none; }
.button_box { padding-top:20px; }
.button_box #login{ background-color: #fe318d!important;}



.password-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; line-height: 2.8rem; padding-left: 5px; z-index: 1; font-weight: normal; font-size: 1rem; color: #999999; text-align: left; *line-height: 40px;z-index:1 }
.terms_privacy { color: #666; display: none; margin-top: 12px;  text-align: center;}
.terms_privacy a{ color:#fe318d;}
.term_privacy a:hover{ color:#b91860;}
/* intsva */
.intsva { position: absolute; z-index: 98; line-height: 1em; height: auto; font-size: 0.825rem; /*font-size:0.7rem;*/ margin-top: -29px; padding: 4px 6px; padding: 0.25rem 6px; color: #fff; background-color: #f25c5c; border: 1px solid #f25c5c; border-radius: 0.2rem; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);/*white-space: nowrap;*/ text-align:left;}
.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: #f25c5c; left: 0; /* 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: #f25c5c;/* use for arrow border */ }
.error-tips { line-height: 2em; color: #CE4844; }
.error-tips.block { margin: 6px 0 10px; padding: 5px 10px; margin: 0.375rem 0 0.625rem; padding: 0.375rem 0.625rem; border: 1px solid #f3c6cc; background: #ffedef; border-radius: 0.2rem; }
.error-tips.block h1 { font-size: 14px; margin-bottom: 0.2em; }
.error-tips.block p { line-height: 1.2em; margin-bottom: 0.4em; }

/*for ie*/
.ie9 .select-wrapper select { margin-top: 10px; height: 1.5rem; width: 98%; }
.ie8 .select-wrapper select { margin-top: 10px; height: 20px; width: 98%; border: none; background: url(../images/icon_arrow.png) no-repeat 100% center; }

/* 如果没有定义这个，有可能在加载时一瞬间显示弹层 */
.popup-container {color:#222; display: none; }
.popup-container .popup-title{color:#000;}


#login .submit-button{height: 42px !important;line-height: 1 !important;}


@media (max-width:1000px) {
	.allwrap{height:auto;margin:0;position:static;left:0;top:0;width:100%;}
	.block_2 h3{margin:10rem 0 0 0;}
	.select_box ul{padding: 0 5% 20px 8%;}
	#regForm {width:60%;}
}
@media (min-width:450px) and (max-width:750px){
	.select_box ul li.width01{width:100%;}
	.block_10 h3{margin:5rem 0 0 0;}
}
@media (max-width:639px) {
	.body_bg{background:#222 url(../images/m_bg.jpg) top center no-repeat;}
	.logo_login{left:0px;top:10px;}
	.logo_login .logo{width:75%;}
	.logo_login .logo img{width:100%;}
	.logo_login .login{display:block;padding:15px 5% 0 0;width:20%;}
	.logo_login .login span{display:none;}
	.block_1{background:url(../images/m_pic01.jpg) top right no-repeat;}
	.block_1 h3{font-size:3.25rem;margin:15rem 0 0 0;}
	.block_1 p{font-size:1.5rem;margin:0 0 1.5rem 0;}
	.block_2{background:url(../images/m_pic01.jpg) top right no-repeat;}
	.block_2 h3{font-size:3.25rem;line-height:3.25rem;margin:10rem 0 0 0;}
	.block_2 h3 span{font-size:2.5rem;line-height:2.5rem;}
	.block_2 p{font-size:1.5rem;margin:1.5rem 0 2rem 0;}
	.block_3, .block_4, .block_5, .block_6{background:url(../images/m_pic02.jpg);}
	.block_3 h3, .block_4 h3, .block_5 h3, .block_6 h3{font-size:3rem;line-height:3rem;margin:8rem 0 0 0;}
	.block_3 h3 span, .block_4 h3 span, .block_5 h3 span, .block_6 h3 span{font-size:2.5rem;line-height:2.5rem;}
	.block_3 h5, .block_4 h5, .block_5 h5, .block_6 h5{font-size:2rem;line-height:2rem;margin:1rem 0 0 0;}
	.block_3 p, .block_4 p, .block_5 p, .block_6 p{font-size:1.25rem;font-weight:300;margin:1.5rem 0 2rem 0;padding:0 5%;}
	.block_7, .block_8, .block_9, .block_10, .block_11{background:url(../images/m_pic02.jpg);}
	.block_7 h3, .block_8 h3, .block_9 h3, .block_10 h3, .block_11 h3{font-size:3.25rem;line-height:3.25rem;margin:8rem 0 0 0;}
	.block_7 h3 span, .block_8 h3 span, .block_9 h3 span, .block_10 h3 span, .block_11 h3 span{font-size:2.725rem;line-height:2.725rem;}
	.block_7 h5, .block_8 h5, .block_9 h5, .block_10 h5, .block_11 h5{font-size:1.5rem;line-height:1.5rem;margin:2rem 0 0 0;}
	.block_7 p, .block_8 p, .block_9 p, .block_10 p, .block_11 p{font-size:1rem;margin:0.5rem 0 2rem 0;}
	.block_11 h5.cgts{color:#aaf25c;margin-bottom:1rem;}
	.select_box ul{padding:0 0 20px 10%;}
	.select_box ul li{font-size:1rem;line-height:1.25rem;float:none;margin-bottom:0.25rem;width:100%;}
	.select_box ul li input{margin:0 0.5rem 0 0;}
	.select_box ul li input.select_on{background:#fff url(../images/icon_right.png) 0 2px no-repeat;}
	.select_box ul li.width01{width:100%;}
	.select_box ul li.width02{width:100%;}
	.block_12{background:rgba(0,0,0,0);}
	.block_12 h3{font-size:2.75rem;margin:10rem 0 0 0;}
	.block_12 h3 span{font-size:1.825rem;line-height:1.825rem;}
	.block_12 p{font-size:1.25rem;margin:0 0 1.5rem 0;}
	.btn_ok, .btn_continue, .btn_yes, .btn_no, .submit-button{font-size:1.825rem;padding:10px 0;text-align:center;}
	.btn_ok, .btn_continue{width:80%;}
	.submit-button{padding:8px 0;width:100%;}
	.btn_yes, .btn_no{margin:auto 3%;width:40%;}
	.btn_no{background:rgba(0,0,0,0.75);}    
	#regForm{width:90%;margin: 0 auto;}
	.TabbedPanelsTab{width:48px;height:48px;line-height:48px;font-size:1.75rem;}
}
@media (max-width:320px){
	.block_12 h3{font-size:2rem;}
	#login .submit-button {line-height:2rem;}
}

@media (max-width:400px){
	#login .submit-button{font-size: 1.375rem !important;}
}