@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; }

a:link,a:visited{ color:#2A4A87;  }
a:hover{ color:#c20017; text-decoration: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:#002230;}
a.alink:link,a.alink:visited{ color: #f7006b;}
a.alink:hover{color: #f7006b;}

/*去除手机端按钮默认样式*/
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-left: 10px;}
.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: #ffffff;}
.header .signin .button{float:left; width:auto; height:32px; text-align:center; color:#fff; font-size:14px; line-height:22px; cursor:pointer; color: #f7006b;}
.header .signin .button a:link,.header .signin .button a:visited{color: #f7006b;}
.header .signin .button label{ cursor:pointer;}
.header .signin .button:hover{opacity:0.8; filter:alpha(opacity=80);}
.footer{ width:100%; height:30px; font-size:12px; line-height:30px;text-align:center; color:#121212; clear:both; margin: 25px 0px;}
.footer_c{width:980px; line-height:30px; text-align:center; margin:0 auto; clear:both;color: #b3b3b3;}

.content{width:980px; height:auto; overflow:hidden; clear:both; margin: 0 auto;}
.content_c{width:980px; height:auto;margin-bottom: 20px; background-color: #e7f4f9; clear:both; border-radius: 8px;-moz-border-radius: 8px; clear: both;}
.TabbedPanelsContentGroup{background: #e7f4f9 !important;}

.TabbedContent{padding:50px 50px 0px 50px; color:#fff; font:normal 14px; width:400px; margin:0 auto; float: right; background-color: #201622; border-radius:8px;-moz-border-radius:8px; margin-right: 25px; margin-top: 100px; height: 240px;}

/* 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;}
.text_tit{color: #2b2b2b;  font-size: 28px; 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: #aaaaaa; padding-top: 3px;width: 268px; height: 18px; text-align: right;}

.mid_word{color: #3d6592;  font-size: 32px; line-height: 80px; width:980px; font-family:Arial;text-align: center; height: 80px;}
.mid_word span{color: #002146;font-weight: bold; display: inline;}

.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:#ffffff; font-size: 14px; color: #000000; text-align: center;line-height: 30px; font-weight:bold;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;}
.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;}

/* form */
#login .form-con .img-code .code { z-index: 3; }
#regForm { width: 100%; margin: 0 auto; }
.form-item { margin: 15px 0; }
.form-label {
    font-size: 18px;
    color: #ffffff;
    line-height: 42px;
    width: 22%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}
.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: 0px;
   background: none;
   position: relative;
   height: 100%;
   overflow: hidden;
   z-index: 2;
   background-color: #ffffff;
}
.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;}

.submit-button {    border-radius: 5px; display: block; width: 100%; max-width: 220px; text-decoration: none; height: 60px; line-height: 58px; font-size: 32px; height: 3rem; line-height: 3rem; font-size: 1.6rem; cursor: pointer; border: none; color: #fff;transition: all 0.3s; -webkit-transition: all 0.3s; background-color: #da1b48;margin: 15px auto; }
.submit-button:hover { color: #fff; background-color: #0078f2; }
.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;}

/* 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; }


/*login from*/
#login .form-label{text-align: left;padding: 10px 0;}