::-webkit-input-placeholder { /* WebKit browsers */
    color: #9EA7DC;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #9EA7DC;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #9EA7DC;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #9EA7DC;
    }


    .gender{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 44px;;
    }
    .gender .form-label{font-size: 22px;font-weight: 400;}
  .gender_select {
        padding-top: 10px;
        text-align: center;
        width: auto!important;
        margin-left:30px;
        
    }
    
    .gender_box {
        margin-right: 30px;
        display: inline-block;
        cursor: pointer;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .gender_box .icon {
        height: 18px;
        width: 18px;
        display: inline-block;
        border-radius: 50%;
        position: relative;
    }
    
    #male .icon {
        border: 3px #2382FF solid;
        position: relative;
    }
    
    #male.active .icon, #female.active .icon {
        height: 22px;
        width: 22px;
    }
    .gender_box.active .icon::after{
        content:"";
        background: #2382FF;
        position: absolute;
        height: 16px;
        width: 16px;
        top:3px;
        left:3px;
        border-radius: 12px;
    }
    #male.active .icon:after{
        background: #2382FF;
    }
    #female.active .icon:after{
        background: #F8899A;
    }
    #female .icon {
        border:3px #F8899A solid;
    }
    
    
    .gender_box span {
        display: inline-block;
        vertical-align: middle;
        line-height: 22px;
        padding-left: 8px;
        font-size: 22px;
        font-size: 1.375rem;
        font-weight: 600;
        color:#2382FF;
    }
    
    #female span {
        color: #F8899A;
        font-size: 20px;
        font-size: 1.25rem;
    }
/* TabbedPanels */
.TabbedPanels { margin:0; padding:0; }
.TabbedPanelsTabGroup {display:none; margin:0 0 -16px; padding:0; height:32px; text-align:center; }
.TabbedPanelsTab {  display:inline-block; width:32px; height:32px; line-height:30px; text-align:center; -moz-user-select:none; -khtml-user-select:none; cursor:default; margin:0 3px; border-radius:40px; font-size:18px;font-size: 1.125rem; color:#888; background:#fff;border:1px solid #ccc; box-sizing:border-box;}
.TabbedPanelsTabSelected { background:#222; color:#fff;border:none;  }
.TabbedContent{ padding:0; color:#333; font-size:14px;  background-position:center top; background-repeat:no-repeat;  background-position: center top;
    background-repeat: no-repeat;margin:0 auto; max-width: 400px;
}

/* form */
.holded { color:#9EA7DC; }
.input_holder { position:relative; }
.input_holder .holder { position:absolute; font-size: 14px; font-size:0.875rem; padding-left:8px; line-height:40px;line-height: 2.5rem; color:#9EA7DC; width: 100%; cursor: text; }
#regForm {  margin:20px 0 40px; }
.reg_area{max-width: 400px;margin:0;}
#regForm .form-item { margin:16px 0 0; }
.terms_privacy{text-align: left;font-size: 14px;line-height: 1.6; max-width: 385px;margin-top: 20px; color: #7c8ada; }
.terms_privacy a{color:#FF8094;text-decoration: underline;}
#regForm .form-label { font-size:16px; font-weight: 600; color: #4E5FCB; padding-top:10px;  display: none;}
#regForm .form-con { width:100%; }
#regForm .input_test,#regForm .input-group { width:100%; height:50px; line-height:50px; box-sizing:border-box; background-color:#fff;border:0; border-radius:6px;   text-indent: 12px; border:0;box-shadow: 0px 4px 0px rgba(181,53,59,0.15);max-width: 400px; font-weight:400;font-size: 18px;font-size: 1.125rem;}
#regForm .input-group .input_test { font-size:18px; font-size:1.125rem;height:38px; height:2.375rem; }
#regForm .select-wrapper { width:100%; position:relative; overflow:hidden; z-index:0; height:40px; height:2.5rem; box-sizing:border-box; background-color:#fff; border:0; border-radius:6px;color:#5E6DD0;  }
#regForm .select-wrapper:after { display:block; content:""; position:absolute; width:12px; height:8px; right:15px; top:42%; background:url(../images/RlJe6raAICOI.svg) no-repeat right center; }
#regForm .select-wrapper select { font-size:18px; font-size:1.125rem; float:left; width:109%; text-indent:12px; height:50px;  border:none;color:#5E6DD0;background: #fff;  }
#regForm .input-group .input_test, #regForm .input-group .select-wrapper { float:left; border:none; }
#regForm .input-group .select-wrapper { width:33%; height:50px;color:#5E6DD0; background: #fff; }
#regForm .input-group .select-wrapper select { width:130%; }
#regForm .input_desc {display: none; font-size:12px; line-height:1.8em; text-align:right; color:#4E5FCB; }
#regForm .button_box { padding-top:25px; }
#regForm .submit-button { display:block; width:100%; text-decoration:none; height:56px; line-height:56px; font-size:19px;font-weight: 500; cursor:pointer; background-color:#ff3b57!important; border:none; color:#fff; border-radius:50px; transition:all 0.3s; -webkit-transition:all 0.3s; margin-top:0 !important;transition:all 0.3s;text-shadow: 0 1px 1px rgba(0,0,0,.05);max-width: 260px;    box-shadow: 0px 4px 0px rgba(181,53,59,0.15);}
#regForm .submit-button:hover { background-color:#ff3b57!important;     transition: all 0.3s;
    transform: scale(1.03);
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
  box-shadow: 0px 8px 16px 0px rgba(181,53,59,0.20);}
  #login .submit-button{ color: #222!important;}
/* for ie8 */
.ie.ie8 select { height:22px !important; }

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

/* intsva */
.intsva { position:absolute; z-index:98; line-height:1em; font-size:11px; /*font-size:0.7rem;*/ margin-top:-29px; padding:4px 6px; padding:0.25rem 6px; color:#3c5e8a!important; background-color:#ffeb98; border:1px solid #ffeb98; 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 span{
    color: #3c5e8a;
    font-size: 12px;
    font-weight: normal;
}
.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:#ffeb98;/* 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:#ffeb98;color:#fff;/* use for arrow border */ }
#pointmsg_birthday_y { margin-left:-70px; }
#pointmsg_birthday_y .arrow { margin-left:70px; }
#login .submit-button{color:#fff!important;}
@media (max-width:767px) and (orientation: portrait) {/* zh窄屏布局 */

}


@media (max-width:1000px) {
    .gender_select:first-child{margin-left: 20px;}
    .gender_box span{padding-left: 4px;font-size: 20px;font-size:1.25rem; }
}
@media (max-width:812px) {
    #regForm{margin:15px 0;}
    .reg_area{margin:0 auto;}
    #regForm .submit-button{
        width: 85%;
        max-width: 300px;
        margin: 0 auto;
        line-height: 52px;
        height: 52px;
    }
    .terms_privacy{text-align: center;margin:15px auto 0;font-size: 13px;}
}
@media (max-width:576px) {
    .gender_box:first-child{margin-left: 20px;}
    .gender_select{margin-left:0;}
    #regForm{
        max-width: 90%;
        margin:0 auto;
    }
    #regForm .form-item{
    margin:12px 0 0;
    }

    .gender_box:first-child {margin-right: 10px;}
    .gender_box{margin-right: 0;}
    #regForm .input_test, #regForm .input-group,#regForm .select-wrapper select,#regForm .input-group .select-wrapper{height: 44px;line-height: 44px;}

}