@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:#312d32;}
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:450px; background-color: #fff; clear:both; border-radius: 8px;-moz-border-radius: 8px; clear: both;}


.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: #b2b2b2;  font-size: 32px; line-height: 80px; width:980px; font-family:Arial;text-align: center; height: 80px;}
.mid_word span{color: #c30054;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:#c30054; font-size: 14px; color: #ffffff; 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: 10px 0; }
.form-label {font-size: 24px; text-align: center; color: #ffffff;    line-height: initial;padding: 10px; }
.form-con { float: left; width: 100%; position: relative; position: relative; border-radius: 4px; }
.input-group { width: 100%; height: 36px; line-height: 42px; box-sizing: border-box; border: 1px solid #dcdcdc; 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: 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: 12px; height: 8px; 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; }
.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;}
.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; }

.submit-button { display: block; width: 100%; 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; border-radius: 0px; transition: all 0.3s; -webkit-transition: all 0.3s; margin-top: 0 !important; background-color: #da1b48;/* box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.33);*/ }
.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; z-index: 1; font-weight: normal; font-size: 1rem; color: #999999; text-align: left; *line-height: 40px; z-index: 1 }
.terms_privacy { color: #fff; display: none; margin-top: 12px; text-align: center; padding-bottom: 10px;}

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