@charset "utf-8";

/* CSS Document */


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

/* focus */

/* 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 */
.input_holder { position:relative; }
.input_holder .holder { position:absolute; font-size: 16px; font-size:1rem; padding-left:10px; line-height:50px;line-height:3.125rem; color:#999; width: 100%; cursor: text;z-index: 4; text-align: left;}
.cname{float:left;width:48%;}
.cname input{border:none;}
.input_line{width:4%;float:left;color:#ccc;font-size:1rem;line-height:3.125rem;}
.name_border{background:#fff;box-sizing:border-box; border:1px solid #aaa; border-radius:4px; overflow:hidden;}#regForm { width:410px; margin-top: 40px; position: relative;}
/* end of clearfix */

.hide{ display: none;}
/* layout */
#reg_wrapper{ width: 100%;max-width: 540px;height: auto;text-align: center;overflow: hidden; margin: 0 auto; background-color: #fff;border-radius:8px;display: block; position: relative;     border: 3px solid #111; }
.reg_word { font-size: 44px; color: #111;  font-weight: 700; display: inline-block;  width: 100%;text-align: center;    margin: 15px auto; }
.reg_header{padding:8px; background-color:#111; width: 100%;display: block;height: auto;text-align: center;}
.reg_header img{  }
/*select gender */
.gender{margin:10px 0 0;}
.gender_box span{display: block;float: right;line-height: 22px;padding-left: 10px;}
.gender_select p{ font-size:36px;font-weight: 600; }
#select_gender .form-con{float: none; text-align: center;margin:0 auto;border:none;}
.sel-male{height: 72px;width: 72px;border: 2px #22b3e3 solid; background-color: #22b3e3; }
.sel-female{height: 72px;width: 72px;border: 2px #e95265 solid; background-color: #e95265; }
#male,#female{display: inline-block;cursor: pointer;margin: 0 30px;opacity: 0.25;
filter: alpha(opacity=25);}
#male .sel_style,#female .sel_style{display: inline-block;  }
#male:hover ,#female:hover{ opacity: 100;
filter: alpha(opacity=1);transition: all 0.3s;}
.active{opacity: 1!important;
filter: alpha(opacity=100)!important;}


#pointmsg_passwd1{max-width:100%!important;}
/* TabbedPanels */
.TabbedPanels { margin: 0px; padding: 0; }
.TabbedPanelsTabGroup { margin: 0px; padding: 0; text-align: center; position: relative; z-index: 3; *padding-left: 60px; *display: block; *width: 100%; *height: auto; }
.number,.TabbedPanelsTab { font-family: Arial, Verdana, Geneva, sans-serif; display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; -moz-user-select: none; -khtml-user-select: none; cursor: default;  border-radius: 30px; -moz-border-radius: 30px; font-size: 20px; color: #666666; background-color: #c4c4c4; *float: left; }

.number,.TabbedPanelsTab{ margin: 0px 12px 0 0px; font-family: Arial, Verdana, Geneva, sans-serif; display: inline-block; width: 38px; height: 38px; line-height: 38px;border-radius: 50%; -moz-border-radius: 50%;font-size: 18px;color: #fff;
  text-align: center; -moz-user-select: none; -khtml-user-select: none; cursor: default;
  background: #aaa;

}

.number,.TabbedPanelsTabSelected { background-color: #fff; color: #333; border:1px solid #666;}
.number { vertical-align:middle; margin-top:-6px; }
.TabbedContent { color: #333; font-size: 14px; background-position: center top; background-repeat: no-repeat; margin: 10px auto 0;    max-width: 360px; }
.TabbedPanelsContent { position: relative; z-index: 2; }
.reg_area { position: relative; margin-top: 0px; }
.reg_mask { }

/* form */
#login .form-con .img-code .code { z-index: 3; }
#regForm .form-label { display: none; }
#regForm {margin:40px auto 50px; }
.form-item { border-radius:4px; margin: 10px 0; /*overflow:hidden;*/}
.form-label { font-size: 14px; font-size: 1rem; float: left; width: 22%; padding-top: 12px; text-align: left; color: #ffffff; }
.form-con { float: left; width: 100%; position: relative; position: relative; border-radius: 4px; }
.input-group { width: 100%; height: 50px; line-height: 3.125rem; box-sizing: border-box; /*border: 1px solid #666; border-radius: 0px; height: 100%; font-size: 1rem; background: none; position: relative; height: 100%; overflow: hidden; z-index: 2; background-color: #ffffff; height: 40px; height: 3.125rem; }*/}
.input-group .input_test { font-size: 16px; font-size: 1rem; height: 100%; height: 3rem; width: 100%; background: none; *height: 46px; *margin-top: 10px; }
.input_test { padding-left: 5px; border: 0; position: relative; z-index: 2; font-size: 16px; font-size: 1rem; }
.input_test, .input-group {
    width: 100%;
    height: 50px;
    height: 3.125rem;
    line-height: 50px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 4px;
    text-indent: 4px;
    border:1px solid #999;
}


#passwd1 { z-index: 3; position: relative; }
.select-wrapper { width: 100%; position: relative; overflow: hidden; z-index: 0; height: 100%;height: 50px; height: 3.125rem; box-sizing: border-box; background-color: #fff; border: 1px solid #aaa; border-radius: 4px; 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: 50px; height: 3.125rem; line-height: 50px; line-height: 3.125rem; 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; }
.select-wrapper select option { font-size: 13px; }
.input-group .input_test, .input-group .select-wrapper { float: left; border: none; line-height: 3.125rem; background:#fff; }
.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: 15px; }
.submit-button { display: block; width: 100%; text-decoration: none; height: 56px; line-height: 54px; font-size: 26px; font-weight: bold; height: 3.5rem; line-height: 3.5rem;; font-size: 1.625rem; cursor: pointer; border: none; color: #fff; border-radius: 0px; transition: all 0.3s; -webkit-transition: all 0.3s; margin-top: 0 !important; background-color: #46b93d;/* box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.33);*/ border-radius:4px;

}

.submit-button:hover { 
    transition: all 0.5s;
    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.10);
}
.password-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;height: 50px; line-height: 3.125rem; padding-left: 5px; z-index: 1; font-weight: normal; font-size: 1rem; color: #999999; text-align: left; *line-height: 48px; z-index: 1 }
.terms_privacy { color: #666; display: none;font-size: 14px;font-size: 0.875rem; text-align: center; max-width: 320px;
    margin: 12px auto 0;}

.terms_privacy a:hover{color:#32962b;text-decoration: underline;}
/* intsva */
.intsva { position: absolute; z-index: 98; line-height: 1em; height: auto; font-size: 11px; /*font-size:0.7rem;*/ margin-top: -29px; padding: 4px 6px; padding: 0.25rem 6px; color: #fff; background-color: #d03275; border: 1px solid #d03275; 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;*/ }
.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: #d03275; 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: #d03275;/* 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 { display: none; }
@media only screen  and (min-height:550px) {
/*  html, body { height: 100%; box-sizing: border-box; min-width: 0px; }
  .footer { position: absolute; bottom: 0px; }*/
}

@media screen and (max-width: 500px) {

    #reg_wrapper{width: 96%;}
    #regForm{width: 90%;}
    .reg_word{font-size: 30px;}
  .submit-button{margin:0 auto;}
  #male, #female{margin:0 15px;}

}
@media only screen  and (max-height:380px) {
  #login { height: 94% !important; overflow-y: scroll; }
    html{font-size: 15px;}
}
@media only screen  and (max-width:450px) {

}


@media  (max-width: 600px) and (orientation: landscape) { 

}