@charset "utf-8";
/* CSS Document */
/* @import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600;1,700&display=swap');
html { font-size:16px; }
body{font-family: 'Poppins',Arial, Helvetica,  sans-serif;
background-color:#fff;font-weight: 400 !important;padding: 0;margin: 0;}
input,select,textarea { font-family:Arial, Helvetica, sans-serif; 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:#4190cc; text-decoration:none;}
a:hover{ color:#2081cf; }
/*去除手机端按钮默认样式*/
input{ -webkit-appearance: none; outline: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 10   00px 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 */
.cl{clear: both;}
/* layout */
.qs1{opacity:0;-webkit-animation:textshow 30s 0s infinite;animation:textshow 30s 0s infinite;}
.qs2{opacity:0;-webkit-animation:textshow 30s 1s infinite;animation:textshow 30s 1s infinite;}
.qs3{opacity:0;-webkit-animation:textshow 30s 2s infinite;animation:textshow 30s 2s infinite;}
#loader{position:relative;}
.loading{margin:20px 0 40px;}
.hide{display:none;}
.verified{position:absolute;top:0;left:120px;animation:texthide 200000s infinite 4s;animation-iteration-count:1;}
.congratulations{display:none;}
.lady_switch{position:absolute;list-style:none;width:100%;height:100vh;display:block;z-index:-1;}
.lady_switch_img{position:absolute;background-repeat:no-repeat;background-size:cover;display:block;width:100%;height:100%;background-position:top;}
.lady_switch_img_4{-webkit-animation:ladyfade 12s 12s infinite;animation:ladyfade 12s 12s infinite;background-image:url("../images/4.jpg");}
.lady_switch_img_3{-webkit-animation:ladyfade 12s 9s infinite;animation:ladyfade 12s 9s infinite;background-image:url("../images/3.jpg");}
.lady_switch_img_2{-webkit-animation:ladyfade 12s 6s infinite;animation:ladyfade 12s 6s infinite;background-image:url("../images/2.jpg");}
.lady_switch_img_1{-webkit-animation:ladyfade 12s 3s infinite;animation:ladyfade 12s 3s infinite;background-image:url("../images/1.jpg");}
.form-con .img-code .code{z-index:10;}
/******** loader **********/
.spinner-container {
  position: relative;
  margin: 0 auto 3vh auto;
  height: 80px; }

.skew {
  animation: skew ease 5s infinite; }

.spinner {
  border-radius: 50%;
  height: 80px;
  width: 80px;
  position: relative;
  margin: 0  auto;
  background: transparent;
  border: 6px solid transparent;
  border-bottom: 6px solid #e8553a; }
  .spinner::before, .spinner::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 6px solid transparent;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
  .spinner::before {
    border-bottom: 6px solid #e8b8a3;
    height: 30%;
    width: 30%; }
  .spinner::after {
    border-bottom: 6px solid #e87e67;
    height: 65%;
    width: 65%; }
	

@-webkit-keyframes animateMain {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes animateMain {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

.spiral {
  -webkit-animation: animateMain ease 2.5s infinite;
          animation: animateMain ease 2.5s infinite; }
  .spiral::before {
    -webkit-animation: animateCenter ease 2.5s infinite;
            animation: animateCenter ease 2.5s infinite; }
  .spiral::after {
    -webkit-animation: animateMain ease 2.5s infinite;
            animation: animateMain ease 2.5s infinite; }
/******************/


.ques-wrap{text-align: center;margin:0px auto 0;padding-top:100px;max-width: 600px;}
.ques-wrap h1{ color: #fff;font-size: 36px;font-size:4.8vh;font-weight: 600; text-align: center;line-height: 1.1; } 
.ques-wrap .question{margin:20px auto 30px; color: #fff;font-size: 24px;font-size:2.8vh;    font-weight: normal;text-align: center;}
.ques_btn_box{margin:0 auto;}
.ques_btn{font-family: Arial, Helvetica, sans-serif!important; box-sizing: border-box;display: inline-block;margin:auto 10px;padding:18px 80px;border:#e8553a 1px solid;background-color: #e8553a;font-size:30px;color:#fff;font-weight: normal;line-height: 1;text-align: center; cursor: pointer;transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;}
.ques_btn:hover{ background-color:#ff8080;border:#ff8080 1px solid;color: #fff; box-shadow:1px 1px 8px rgba(0,0,0,0.7);}
.ques_btn_wt{padding:25px 100px;}
.secondary{background: none;color:#fff;}
.secondary:hover{border:#3ddaff 1px solid;color:#3ddaff; background: unset;}
.timer{ font-size: 34px;font-weight: 600;margin:0 auto 10px;text-align:center; color: #fff;}
body{ width: 100%; height: auto;min-width: 640px; height: 100%;  background-color: #2a2a2a;}
.mask{position: fixed; top:0%; left: 0%; background:#000000;  opacity:0.6; filter:alpha(opacity=60); width: 100%; height: 100%; z-index: 0;}
.signin{background:none;line-height:20px;padding:5px 0;margin-top:20px;text-align:center;float: right;font-weight: 400;}
.login_pop{color:#fff;}
.login_pop b{font-weight: 400;margin-right: 10px;color: #e8553a;}
.login_pop a{height: 32px;padding: 4px 16px; cursor: pointer;-webkit-transition: .3s linear; transition: .3s linear;
color: #fff; border: 1px solid #fff; border-radius: 4px;background: 0 0; font-size: 16px; font-weight: 600;
 line-height: 20px;text-decoration: none;
color: #e8553a;border-radius: 0; background: #fff;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.25); box-shadow: 0 1px 4px rgba(0,0,0,.25);font-weight: 400;}

.share{margin-top:20px;}
.header .logo{float:left; margin-left: 10px; padding-top: 10px;}
.header{width:1000px;  height:90px; margin:0 auto;overflow:hidden; clear:both; z-index: 2;}
.header ul{padding:0; margin:0; list-style:none;}
.block_register{position:fixed;left:50%;top:50%;margin:-220px 0 0 -240px;width:480px;}
.copyright{display:block;font-size:13px;position:fixed;bottom:0;width:100%;background:#192327;color:#d8d8d8;padding:2vh 0;text-align:center;z-index:1000;}
/* ladies scroll  */
.slides { margin: 0px auto; width: 410px; height: 585px; overflow: hidden; position: relative; }
.slide-pic { margin: 0px; padding: 0px; width: 410px; overflow: hidden; list-style: none; }
.slide-pic img { width: 410px; height: 585px; }
.verified h1{font-size: 36px; font-size: 4vh;}
.reg_text{padding: 40px 0px;}


/* 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; }
.TabbedPanelsTab { display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; -moz-user-select: none; -khtml-user-select: none; cursor: default; margin: -30px 4px 0px 4px; font-size: 24px; color: #e8553a; background-color: #e8967f; *float: left; }
.TabbedPanelsTabSelected { background-color: #e8553a; color: #fff; }
.TabbedContent { color: #333; font-size: 14px; background-position: center top; background-repeat: no-repeat; margin-top: 30px; }
.TabbedPanelsContent { position: relative; z-index: 2; padding: 20px 50px 40px; }
.reg_area{position: relative;}
.reg_mask{ width: 100%; height: 100%; position: absolute;top: 0;left: 0; z-index: 1;}

/* form */

.register_area{padding-top:40px; width: 460px; margin: 0 auto;}
.reg_word h1{font-size: 36px;font-weight: 600;color:#70ffdc; line-height: 48px; text-align: center;}
.reg_word h2{ color: #fff;font-size: 32px;font-weight: bold; line-height:48px; margin-top:10px;text-align: center;}
.reg_word span{ font-style: italic;font-weight: bold;color:#70ffdc; line-height: 48px; text-align: center;}}
.reg_word2{font-size: 28px; color: #ffffff; padding-top: 30px;}


#regForm { width: 100%; margin: 0 auto; background-color: #fff;
    border-radius: 8px;}
.form-item { margin: 10px 0; }
.form-label { font-size: 14px; font-size: 1rem; font-family:Arial, Helvetica, sans-serif; float: left; width: 24%; padding-top: 12px; text-align: left; color: #333; }
.form-con { float: left; width: 76%;  position: relative;  position: relative; border-radius: 4px; }
.input-group { width: 100%; height: 36px; line-height: 42px; box-sizing: border-box; border: 1px solid #aaa; border-radius: 4px; 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 .input_test { font-size: 14px; font-size: 1rem; height: 2.125rem; height: 100%; height: 40px; 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: 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: 40px; height: 2.6rem; 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;}
.select-wrapper select option { font-size: 16px; }
.input-group .input_test, .input-group .select-wrapper { float: left; border: none; line-height: 42px; }
.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; }
.submit-button { display: block; width: 100%; text-decoration: none; height: 60px; line-height:60px;font-size: 26px; cursor: pointer; border: none; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; margin-top: 0 !important;background-color: #e8553a!important;}
.button_box #login{ background-color: #fe318d!important;}
.submit-button:hover { opacity: 0.9;
filter: alpha(opacity=90);}



.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: #999; font-size:13px; font-family:Arial, Helvetica, sans-serif; margin-top: 12px;  text-align: center;}
.terms_privacy a{ color:#e8553a;}
.term_privacy a:hover{ color:#b91860;}
.popup-container, .intsva{font-family:Arial, Helvetica, sans-serif;}
/* 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: #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;*/ }
.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 { display: none; }

/* animation */
.animated {
  -webkit-animation-duration: .7s;
          animation-duration: .7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.fadeInUp {
-webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
}

@-webkit-keyframes ladyfade {
17%{opacity:1;}
20%{opacity:0;}
92%{opacity:0;}
}

@keyframes ladyfade {
17%{opacity:1;}
20%{opacity:0;}
92%{opacity:0;}
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}
@-webkit-keyframes bounceCenter{
  0%{-webkit-transform:scale(1)}
  10%{-webkit-transform:scale(1)}
  50%{-webkit-transform:scale(1.2)}
  100%{-webkit-transform:scale(1)}
}
@keyframes bounceCenter{
  0%{-webkit-transform:scale(1);transform:scale(1)}
  10%{-webkit-transform:scale(1);transform:scale(1)}
  50%{-webkit-transform:scale(1.2);transform:scale(1.2)}
  100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes textshow {
	0%{opacity:0;display:block;}
	1%{opacity:1;display:none;}
	100%{opacity:1;}
}
@keyframes textshow {
	0%{opacity:0;display:block;}
	1%{opacity:1;display:none;}
	100%{opacity:1;}
}
@-webkit-keyframes texthide {
	0%{opacity:1;}
	0.001%{opacity:0;}
	100%{opacity:0;}
}
@keyframes texthide {
	0%{opacity:1;}
	0.001%{opacity:0;}
	100%{opacity:0;}
}
@-webkit-keyframes margintop{
	0%{margin-top:0;}
	100%{margin-top:-120px;}
}
@keyframes margintop{
	0%{margin-top:0;}
	100%{margin-top:-120px;}
}
@media only screen  and (min-width:900px) {
	.cmove{ animation: margintop 0.3s ease;margin-top:-120px;}
}
@media only screen  and (max-width:900px) {
  body{background:#2a2a2a url(../images/bg.jpg) repeat top center;min-width: 0;}
  .block_register{position:absolute;left:44%;top:20%;margin:0px 0 0 -40%;width:92%;}
  .content{background:url(../images/lady2.png) center 30px no-repeat;width:100%; min-height:600px;}
  .content_c{ margin-top:180px;}
  .left{display: none;}
  .block_register .ct .register_area{width:100%;    margin: 0 auto;    max-width: 460px;}
  .block_register{}
  .block_register .ct{margin: 0; padding-bottom: 30px;}
  .block_register .ct .right{width: 96%; margin: 0 auto; float: none;}
  .block_register{height: auto;margin-top: 60px;}
  .ques-wrap{width: 96%;margin: 80px auto 0;}
  .TabbedPanelsContent{padding:10px 15px 25px 15px;}
  .block_register .logo{padding: 0;text-align: center;}
  .block_register .logo img{padding: 0px; width: 80%;  padding-top: 10px;}
  .form-label{font-size: 0.8rem;}
  .attention_desc{padding: 60px 0px 20px;}
  .reg_text {padding: 20px 20px;}
  /* 隐藏找回密码链接*/
  .find_your_pw{display: none;}
  .header{width:100%;}
  .header .logo,.header .signin{float: none;width: 100%;box-sizing: border-box;}
  .header .logo{padding-top: 10px; width: 50vw;display: inline-block;float: left;}
  .header .signin{ width: 30vw; float: right; padding-top: 0px;}
  .login_pop b{display: none;}
  .reg_text{ padding: 20px 6px 40px;text-align:center;margin:0 auto;}
  .reg_area{margin-top: -20px;}
  .copyright{height:auto;}

  .ques-wrap{width:90%;margin-top:60px;padding-top:0px;}
  .ques-wrap h1{font-size:5vh;line-height: 5vh;}
  .ques_btn{ margin:0 5px; padding:15px 60px; }
  .ques-wrap .question{ font-size: 3vh; line-height: 3.5vh;}
  #login{ position: absolute!important; min-height: 500px!important;}
  #login .form-label{padding-top: 2px;}
  .verified{left:10px;}

  .hide{display:block;}
}
@media only screen  and (max-width:1024px) {
.header{width:auto;}
/* .lady_switch_img_9{animation:ladyfade 30s 27s infinite;background-image:url("../images/m9.jpg");}
.lady_switch_img_8{animation:ladyfade 30s 24s infinite;background-image:url("../images/m8.jpg");}
.lady_switch_img_7{animation:ladyfade 30s 21s infinite;background-image:url("../images/m7.jpg");}
.lady_switch_img_6{animation:ladyfade 30s 18s infinite;background-image:url("../images/m6.jpg");}
.lady_switch_img_5{animation:ladyfade 30s 15s infinite;background-image:url("../images/m5.jpg");} */
.lady_switch_img_4{animation:ladyfade 16s 16s infinite;background-image:url("../images/m4.jpg");}
.lady_switch_img_3{animation:ladyfade 16s 12s infinite;background-image:url("../images/m3.jpg");}
.lady_switch_img_2{animation:ladyfade 16s 8s infinite;background-image:url("../images/m2.jpg");}
.lady_switch_img_1{animation:ladyfade 16s 4s infinite;background-image:url("../images/m1.jpg");}
}
@media only screen  and (max-height:480px) {
.ques-wrap{padding-top:0px;}
.lady_switch{min-height:450px;}
.block_register{top:15%;margin-top:0;}
}
@media only screen  and (max-height:400px) {
.TabbedPanelsContent{padding:10px 50px 20px 40px;}
.button_box{padding-top:10px;}
}

@media only screen  and (max-width:450px) {
  .ques_btn{padding: 0;width:44%;font-size: 3vh;line-height: 8vh;}
  .attention_con{box-sizing:border-box; width: 90%;padding: 30px 20px;}
  .attention_title{font-size: 28px;}
  a.attention_btn{font-size:26px; }
  .ques_btn_wt{width: 55vw;font-size: 3.5vh;line-height: 9vh;}
  .TabbedPanelsTab{width: 42px; height: 42px; line-height: 42px; font-size: 18px;}
  .block_register .ct .register_area{ margin:0 auto; width: 94%; box-sizeing:border-box;}
  #login .form-label{line-height: 1;}
  .input-group .input_test{ font-size: 14px; }

/*手机版弹出验证信息位置调整*/
  .TabbedContent table { width: 98%; }
  #pointmsg_birthday_y { margin-left: 0px; background-position: -50% 100%; padding-bottom: 3px; margin-right: 18px; }
  #pointmsg_birthday_y p { border-bottom: 1px solid #FF9900; }
  #pointmsg_last_name { margin-left: 0px; background-position: -200% 100%; padding-bottom: 3px;margin-right: 18px;  }
  #pointmsg_last_name p { border-bottom: 1px solid #FF9900; }
  #pointmsg_first_name { margin-left: 0px; background-position: -50% 100%; padding-bottom: 3px;margin-right:18px;  }
  #pointmsg_first_name p { border-bottom: 1px solid #FF9900; }
  #pointmsg_passwd1{margin-right: 18px; }
  .form-label{display: block;width: 100%;
    text-align: left;
    padding-bottom: 5px; font-size: 14px;font-weight: bold;}
  .form-con{width: 96%;}
}

@media only screen  and (max-width:320px) {
  .select-wrapper select option { font-size: 14px; }
 #pointmsg_first_name,#pointmsg_last_name,#pointmsg_passwd1{margin-right: 52px; }
   .ques-wrap{width:100%;margin-top:20px;}
   .ques-wrap .question{    margin: 20px auto 15px;}
   .ques_btn{ border:1px solid #fff; }
   .ques-wrap h1{font-size: 5vh;    line-height: 1.2;}
   .ques-wrap .question{ font-size:3vh; }
   .select-wrapper select{ font-size: 14px; }

}