@charset "utf-8";
/* CSS Document */
body, div,ul, li{ color: #222; font: normal 12px/18px Arial, Helvetica, sans-serif,Verdana; padding: 0; margin: 0; list-style: none; }
.clear { font: 0; padding: 0; margin: 0; clear: both; }
div, ul, ol, li, dl, dt, dd, a, img, from, p, h1, h2, h3, h4, h5, h6, span, input { margin: 0; padding: 0; border: 0px;}

input[type=button],input[type=submit]{-webkit-appearance:none;}
a:link,a:visited{ color:#2A4A87;  }
a:hover{ color:#c20017; text-ecoration:underline;}
a img{ border:0;}
.girl_list ul li a:link,.girl_list ul li a:visited{text-decoration:none;}
input,select{ outline: none; }
body{background-color:#ffffff;}
a.alink:link,a.alink:visited{ color: #df3066;}
a.alink:hover{color: #f7ae00;}
body{background: #333333;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

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


.header{width:980px;  height:90px; margin:0 auto;overflow:hidden; clear:both;}
.header ul{padding:0; margin:0; list-style:none;}
.header .logo{float:left;    margin-top: 15px;}
.header .signin{float:right; margin-top:60px; margin-right: 10px;}
.header .signin .text{float:left;  font-size:14px; line-height:22px; margin-right:5px; color: #fff;}
.header .signin .button{float:left; width:auto; height:32px; text-align:center; color:#fff; font-size:14px; line-height:22px; cursor:pointer; color: #ff0303;}
.header .signin .button a:link,.header .signin .button a:visited{color: #f7006b;}
.header .signin .button a:hover{color: #ffde00;}
.header .signin .button label{ cursor:pointer;}
.footer{ width:100%; height:30px; font-size:12px; line-height:30px;text-align:center; color:#2A4A87; clear:both; margin: 25px 0px;}
.footer_c{width:980px; line-height:30px; text-align:center; margin:0 auto; clear:both;color: #ccc;}

.content{width:980px; height:auto; overflow:hidden; clear:both; margin: 0 auto;}
.content_c{width:980px; height:450px; background-color: #fff; clear:both; border-radius: 8px;-moz-border-radius: 8px; clear: both;}
.TabbedContent{padding:50px 50px 0px 50px; color:#333; font:normal 14px; width:400px; margin:0 auto; float: right;  border-radius:8px;-moz-border-radius:8px; margin-right: 25px; margin-top: 100px; height: auto;    background-color: #000;
  padding-bottom: 25px;min-height: 215px;}

/* form */
#loginbtn{    
  max-width: 220px;
  height: 50px !important;
  line-height: 50px !important;
  font-size: 24px !important;
  margin: 0 auto;
}
.form-agree{
  margin-bottom: 10px;
}
#login .form-con .img-code .code { z-index: 3; }
#regForm { width: 100%; margin: 0 auto; }
#TabbedPanels1 .form-item { margin: 15px 0; }
#TabbedPanels1 .form-label {
    font-size: 16px;
    color: #ffffff;
    line-height: 42px;
    width: 22%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}
#TabbedPanels1 .form-con {
    width: 75%;
    position: relative;
    border-radius: 4px;
    display: inline-block;
 }

 #p2 .form-con{
     width: 75%;
     /* line-height: 42px; */
     height: 42px;
 }
 #p3 .select-wrapper select{ background: url(../images/icon_arrow.png)no-repeat 95% center;}
.input-group { 
    width: 100%;
    line-height: 42px;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    background: none;
    position: relative;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    background-color: #ffffff;
}
.input-group .input_test {     
    font-size: 14px;
    height: 100%;
    width: 100%;
    background: none;
 }
.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%; line-height: 42px; box-sizing: border-box; background-color: #fff; border: 1px solid #aaa; border-radius: 4px;}
.select-wrapper:after { display: block; content: ""; position: absolute; width: 12px; height: 8px; right: 4px; top: 40%; }
.select-wrapper select { font-size: 14px; float: left; width: 100%; margin-top: 0px; text-indent: 4px;padding-left: 5px; border: none;line-height: 42px;height: 42px; }
.select-wrapper select option { font-size: 13px; }
.input-group .input_test, .input-group .select-wrapper { float: left; border: none; line-height: 42px;  box-sizing: border-box;height: 42px;width: 100%;}
#p4 .input-group .input_test, #p4 .input-group .select-wrapper {float: none;}
.input-group .select-wrapper { width: 33%; height: 34px; height: 2.125rem; height: 100%; }
.input-group .select-wrapper select { width: 100%; background: url(../images/icon_arrow.png)no-repeat 95% center;}
.input_desc { font-size: 12px; text-align: right; color: #888;}

#TabbedPanels1 .submit-button {
  border-radius: 5px;
  display: block;
  width: 100%;
  max-width: 300px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  font-size: 24px;
  line-height: 40px;
  color: #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background-color: #0078f2;
  margin-left: 90px;
 }
 #TabbedPanels1 .submit-button:hover { color: #fff; background-color: #e10074; }
.password-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    line-height: 2.8rem;
    padding-left: 5px;
    font-weight: normal;
    color: #999999;
    text-align: left;
    z-index: 1;
}
.terms_privacy { color: #fff; margin-top: 12px; text-align: center; padding-bottom: 10px;text-align: left;}

#p1 select{width: 100%;line-height: 42px;border: 0;background: #fff;text-indent: 10px;}
#p2 .input-group{display: inline-block;}


/* pop */
.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_windows {z-index:100000001; width:900px; height:auto; margin:0 auto; position:absolute; _position:absolute; padding:0; text-align:left; color:#222; top:10%; left:25%;}

.girlpic{ width: 390px; height: 390px; float: left; margin-left: 30px;border-radius: 10px;overflow: hidden;}
.text_tit{color: #2b2b2b;  font-size: 25px; 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: #ccc; padding-top: 3px;width: 268px; height: 18px; text-align: right;}

.mid_word{color: #ccc;  font-size: 32px; line-height: 80px; width:980px; font-family:Arial;text-align: center; height: 80px;}
.mid_word span{color: #e10074;font-weight: bold; display: inline;}
.girl_list{}
.girl_list ul li{ overflow: hidden; width: 129px; height: 186px; float: left; margin-left: 10px; border-radius: 6px;-moz-border-radius: 6px; position: relative;margin-bottom: 10px;}
.girl_list ul li .p_desc{width: 129px; height: 30px; position: absolute; bottom: 0px; background-color:#ff2f47; font-size: 14px; color: #ffffff; text-align: center;line-height: 30px;opacity:0.8; filter:alpha(opacity=80); text-decoration: none; }
.girl_list ul li i{ display: block;position: absolute;width: 8px; height: 8px; right: 5px;bottom: 15px; background-color: #1db200;border-radius: 8px;-moz-border-radius: 8px; z-index: 2;background:url( ../images/dot_online.png) no-repeat;}
.text_pd{padding:30px 0px; text-align: right;}
.mt_15{margin-top: 15px;}
.signin2{display: none;}
.m_girlpic{display: none;}
/*#country{ background: #ffffff;}*/

.select_city option{ background: #ffffff;}
.select1 option{ background: #ffffff;}
.select_m option,.select_d option{ background: #ffffff;}

.checkbox {
    float: left;
    text-align: center;
    padding-right: 5px;
}
.agreeing{color:#ccc; padding-left: 18px;}

/* 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: #da1b48; border: 1px solid #da1b48; 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: #da1b48; 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: #da1b48;/* 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; }

/*mobile*/
@charset "utf-8";
html,body,div,p,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,ifrmye,table,th,td{margin:0;padding:0;}
ul, li, ol, p {list-style: none;border: 0;margin: 0;padding: 0;text-decoration: none;}
ol,ul{margin:0;  padding: 0; list-style:none;}
html, body {
position: relative;
width: 100%;
overflow-x: hidden;
}
input[type=button]{
  -webkit-appearance:none;
  outline:none
}


@media only screen and (min-width:301px) {
  html { font-size: 58% !important; }
}
@media only screen and (min-width:321px) {
  html { font-size: 62.5% !important;}
}
@media only screen and (min-width:361px) {
  html {  font-size: 70% !important;}
}
@media only screen and (min-width:481px) {
  html {  font-size: 94% !important; }

}
@media only screen  and (min-width:641px) {
  html {  font-size: 109% !important; }
}
@media only screen and (min-width:751px) {
  html {  font-size: 125% !important; }
}
@media only screen and (min-width:1025px) {
  html {  font-size: 140% !important; }
}

@media only screen  and (max-width:981px) {
html,body{overflow-x:visible;}
}

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

  #TabbedPanels1 .form-con{width: 100%;}
  .terms_privacy br{display: none;}
  #TabbedPanels1 .submit-button{margin-left: 0;    max-width: initial;}
  #TabbedPanels1  .button_box{margin-bottom: 10px;}


  .terms_privacy{padding-bottom: 0;}
  .form-item{margin-top: 25px;}
  #TabbedPanels1 .form-item{margin: 0 0 15px 0 !important;}
  #TabbedPanels1 .form-label{line-height: 30px !important;}
html, body, div { -webkit-box-sizing: border-box; box-sizing: border-box; }
body, div, ul, li { color: #222; font: normal Arial, Helvetica, sans-serif, Verdana; padding: 0; margin: 0; list-style: none; }
.form-label{font-size: 12px;}
.header { width: 100%; height: 6rem; margin: 0 auto; overflow: hidden; clear: both; }
.header .logo { float: left; }
.header .logo img { width: auto; height: 45px;margin-left: 10px; }
.header .signin2 { 
  float: right;
  margin-top: 30px;
  margin-right: 0;
  width: 6rem;
  font-size: 1rem;
 }
.header .signin2 .text { float: left; font-size: 0.6rem; line-height: 1rem; margin-right: 0.5rem; color: #ffffff; display: none; text-align: right; }
.header .signin { display: none; }
.header .signin2  a:link { color: #fff; }
.header .signin2  a { border: 1px solid #ffffff; border-radius: 0.4rem; padding: 0.5rem 1rem; text-decoration: none; color: #fff; }
.content { width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0rem 1rem; }
.content_c { width: 100%; height: auto; clear: both; border-radius: 0.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.m_girlpic { display: block; width: 100%; height: auto; float: none; margin: 0; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 1rem; overflow: hidden; }
.m_girlpic img { width: 100%; display: block;border: none; }
.TabbedPanelsContentGroup { width: 100%; margin-top: 0rem; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; padding-top: 1rem;  }

.TabbedContent { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; padding: 0; padding: 3rem 1rem 2rem 1rem; margin: 6rem 0rem; margin-bottom: 1rem; width: 100%;   min-height: auto;}
.TabbedPanels { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; padding: 0rem 1rem; overflow: visible; }
.content_c form { width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.text_tit { color: #2b2b2b; font-size: 1.4rem; width: 100%; font-family: Arial; position: absolute; text-align: center; height: auto; margin-right: 0; padding: 0rem 1rem; line-height: 2.2rem;top: 13rem; }
.TabbedPanels .TabbedPanelsTabGroup { margin: 0; padding: 0; height: 4rem; margin-right: 0; position: absolute; right: 25%; top: 16rem; text-align: center; }
.c_td03 { font-size: 1rem; line-height: 1.2; width: 15%; }
.TabbedPanelsTab { background: none; border-radius: 5rem; background-color: #5f5f5f; width: 3rem; height: 3rem; font-size: 2rem; line-height: 3rem; }
.TabbedPanelsTabSelected { background: none; border-radius: 5rem; background-color: #0078f2; width: 4rem; height: 4rem; font-size: 3rem; line-height: 4rem; }
.text_box { border-radius: 0.4rem; -moz-border-radius: 0.4rem;    /*background: url( input_bg.png) no-repeat;*/ background: none; background-color: #fff; width: 100%; height: 3rem; overflow: hidden; margin-top: 1rem; }
.select1 { font-size: 1.2rem; border: 0; margin-top: 0rem; padding-top: 0rem; height: 2.8rem; width: 110%; background: url( ../images/icon_arrow.png) no-repeat 86% 0.6rem; }
.c_td01 { text-align: left; color: #2b2b2b; font-size: 0.8rem; line-height: 1.6rem; width: 100%; }
.button01 { width: 90%; height: 3rem;    /*background: url( btn_bg1.png) no-repeat center;*/ background: none; background-color: #006edf; border-radius: 0.4rem; opacity: 0.9; filter: alpha(opacity=90); margin: 0 auto; cursor: pointer; color: #fff; text-align: center; border: 0; overflow: hidden; font-weight: bold; font-size: 1.8rem; line-height: 3rem; }
.text_pd { padding: 2rem 0rem; width: 100%;padding-left: 1.5rem;}
.button_box { margin: 0 auto; width: 100%; clear: both; margin: 0;padding: 0; }

.girl_list ul li { overflow: hidden; width: 30%; height: 100%; float: left; margin-left: 0.8rem; border-radius: 0.6rem; -moz-border-radius: 0.6rem; position: relative; margin-bottom: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.girl_list ul li a { width: 100%; height: 100%; display: block;margin: 0;padding: 0;  }
.girl_list ul li .p_desc { width: 100%; height: 3rem; position: absolute; bottom: 0px; font-size: 1.2rem; color: #ffffff; text-align: center; line-height: 3rem; opacity: 0.8; filter: alpha(opacity=80); text-decoration: none; }
.girl_list ul li i { display: block; position: absolute; width: 0.8rem; height: 0.8rem; right: 0.5rem; bottom: 1.5rem; background-color: #1db200; border-radius: 0.8rem; -moz-border-radius: 0.8rem; z-index: 2; background: none; background-color: #1db200; }
.girl_list ul li img { width: 100%; height: 100%; border: none; margin: 0;padding: 0;  display: block; }
.input_desc { width: 100%; height: 1.8rem; font-size: 1rem; padding-top: 0.4rem; padding-right: 0.4rem; }
.text1 { float: left; width: 12rem; height: 4rem; text-align: left; overflow: hidden; }
.input6 { background: none; border: 0; height: 3rem; color: #333; font: normal 1.8rem/3rem; width: 100%; padding: 0 1rem; margin: 0 auto; overflow: hidden; line-height: 3rem; font-size: 1.2rem; }
.mt_15 { margin-top: 1.8rem; }
.input_c_line { float: left; padding: 0rem 0.5rem 0rem 0rem; font-size: 1.4rem; line-height: 3.2rem; height: 3.2rem; color: #999; }
.text2_box { width: 95%; height: 3rem; text-align: left; overflow: hidden; border-radius: 0.4rem; -moz-border-radius: 0.4rem; background: none; background-color: #ffffff; margin-left: 1rem; margin-right: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.text_city { width: 100%; height: 3rem; margin-top: 0; margin-left: 1rem; overflow: hidden; }
.cont_city { width: 110%; height: 3rem; float: left; overflow: hidden; }
.select_city { width: 100%; height: 3rem; font: normal 16px/24px; font-size: 1.2rem; line-height: 3rem; text-align: left; background: url( ../images/icon_arrow.png) no-repeat 80% 1rem; border: 0; padding:0; margin-top:0.15rem; margin-left:0.3rem; }
.cont_d { width: 28%; height: 3rem; float: left; margin-left: 1rem; }
.text_d { width: 100%; height: 3rem; margin-top: 0rem; overflow: hidden; }
.select_d { width: 135%; height: 3rem; background: url( ../images/icon_arrow.png) no-repeat  70% 1rem; border: 0; padding-left: 5px; font-size: 1.2rem; line-height: 3rem;  margin: 0rem 0rem 0rem 0rem;}
.cont_m { width: 28%; height: 3rem; float: left; }
.text_m { width: 100%; height: 3rem; margin-top: 0rem; overflow: hidden; }
.select_m { width: 135%; height: 3rem; background: url( ../images/icon_arrow.png) no-repeat  70% 1rem; border: 0; padding-left: 5px; font-size: 1.2rem; line-height: 3rem; margin: 0rem 0rem 0rem 0rem;}
.cont_y { width: 28%; height: 3rem; float: left; margin-left: 1rem; }
.c_td05 { font-size: 1rem;}
.p_100 { width: 100%; }
.signin2 { display: block; }
.m_hd { display: none; }
.footer_c { width: 100%; line-height: 1.2; text-align: center; margin: 0 auto; clear: both;}
.footer_c span{display: none;}
.m_girlpic { display: block; }
.girlpic { display: none; }

#login input[type="text"],#login input[type="password"]{height: 3rem;}
.form-group .img-code .code{height: auto;}
.mid_word { color: #ccc; width: 100%; font-family: Arial; text-align: center; }
.mid_word { font-size: 1.45rem; line-height: 1.45rem; height:auto; padding: 1rem 0rem;}
.form-group .img-code .code {padding: 2px 0px;}
.form-group .img-code .code {height:80%;}
}


@media only screen and (max-width:561px) {
.text_tit { top: 12rem; }
.TabbedPanels .TabbedPanelsTabGroup { top: 15rem; }
.text1{width: 11rem;}
.intsva{margin-top: 10px;margin-right: 20px}
}

@media only screen and (max-width:521px) {
.text_tit { top: 11rem; }
.TabbedPanels .TabbedPanelsTabGroup { top: 14rem; }
.intsva{margin-top: 10px;margin-right: 20px} 
.text1{width: 10rem;}
}

@media only screen and (max-width:481px) {
.text_tit { top: 13rem; }
.TabbedPanels .TabbedPanelsTabGroup { top: 16rem; }
.intsva{margin-top: 10px;margin-right: 20px}
.text1{width: 12rem;}
}

@media only screen and (max-width:441px) {
.text_tit { top: 12rem; }
.TabbedPanels .TabbedPanelsTabGroup { top: 15rem; }
.text_pd {  width: 100%;text-align: center;padding: 10px 0px;} 
.text_pd input{width: 100%;}
.text1{width: 10rem;}
}

@media only screen and (max-width:416px) {
.text_tit { top: 12rem; }
.TabbedPanels .TabbedPanelsTabGroup { top: 14rem; }
}

@media only screen and (max-width:381px) {
.text_tit { top: 120px; }
.TabbedPanels .TabbedPanelsTabGroup { top: 150px;right: 20%; }
.text1{width: 8rem;}
.intsva{margin-left: -35px;background-repeat: repeat-x!important;background-position: -20% 100%;;}
}
}

@media only screen and (max-width:341px) {
.text_tit { top: 10rem; font-size: 1.2rem}
.TabbedPanels .TabbedPanelsTabGroup { top: 12rem; right: 20%;}
.intsva{margin-left: -50px;background-repeat: repeat-x!important;background-position: -20% 100%;}
}

@media only screen and (max-width:331px) {
.c_td05,.c_td03{display: inline-block;width: 100%; float: left; padding: 2px 0;margin-top: 2rem;}
.changeline{display: inline-block;line-height: 1.2;}
.content{padding: 0 0.5rem;}
.text_box{width: 100%; margin: 0;}
.c_td01{float: left;}
.TabbedContent{padding: 1.5rem 0.5rem 1rem 0.51rem;}
.mt_15{margin-top: 0;width: 100%;}
.text1{width: 10rem;}
.text2_box{width: 100%; margin: 0;}
.text1{width: 130px;}
.intsva{margin-left: 2px;margin-top: 2px;}
.pointmsg_first_name{margin-left: -32px;background-position: -30% 100%;}
#pointmsg_last_name{margin-left: -18px;background-position: -30% 100%;}
#pointmsg_birthday_d{margin-left: -12px;background-position: -10% 100%;}
#pointmsg_birthday_m{margin-left: -32px;background-position: -22% 100%;}
#pointmsg_birthday_y{margin-left: -100px;background-position: -66% 100%;}
.TabbedPanels .TabbedPanelsTabGroup {top: 140px;}

}

@media only screen and (max-width:320px) {
  .header .logo img { height: 40px; margin-top: 5px;}
}