@charset "utf-8";

/* CSS Document */
html { font-size: 16px; }
body, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: middle; padding: 0; margin: 0; }
.holded { color: #aaa; }
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: #df0559; cursor: pointer; }
a:hover { color: #fb4b8f; }

/*去除手机端按钮默认样式*/
input[type=text] { -webkit-appearance: none; outline: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }

/*去除 select 背景*/
select::-ms-expand { display: none; }
select { border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }
img { max-width: 100%; }

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

/* -----------------------------------  注册新流程  ---------------------------------------- */
.NewRegisterAllWrap { background: url(../images/bg.jpg) right; font: 14px/18px "Segoe UI", "Arial"; height: 780px; margin: 0 auto; position: relative; width: 1002px; }
.top { width: 100%; height: 80px; }
.NewRegisterAllWrap .logo { padding: 15px 0 0 30px; width: 320px; float: left; }

/*.signin { z-index: 10; position: relative; text-align: center; padding: 30px 0; line-height: 28px; color: #002a4e; width: 220px;float: right;}*/
.signin .text { display: inline-block; }
.signin .button { display: inline-block; }

/*注册框部分*/
.SpecialOffer { position: absolute; right: 4px; top: -12px; width: 150px; z-index: 1000; }
.get_matched { position: absolute; right: 220px; top: 40px; width: 150px; z-index: 1000; }
.NewRegisterInfo { color: #fff; position: absolute; top: 30px; left: 0; padding: 0 50px 0 50px; z-index: 1001; }
.NewRegisterLady { float: left; top: 8px; overflow: hidden; width: 550px; height: 680px; position: relative; width: 540px; }

/*.footer {color:#b5dae0;font-size:12px;margin:0 auto;padding:10px;margin:0 auto;position:relative;width:1002px; text-align: center; }*/

/* -----------------------------------  注册框  ---------------------------------------- */

/*  register  */
.reg_area { position: absolute; right: 30px; top: 190px; width: 400px; height: 505px; overflow: hidden; float: left; margin-top: 10px; border-radius: 6px; -moz-border-radius: 6px; }
.black_overlay { position: fixed; top: 0%; left: 0%; background: #ccc; z-index: 99; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; display: none; }
.pop_windows { z-index: 100000001; width: 900px; height: auto; margin: 0 auto; position: fixed; padding: 0px; text-align: left; color: #222; cursor: default; top: 8%; left: 21%; _position: absolute; }
.content_c { width: 100%; height: auto; clear: both; border-radius: 6px; -moz-border-radius: 6px; clear: both; position: relative; }
.reg_area .cmask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: 1; border-radius: 6px;/* background:url(../images/register_bg.png) no-repeat center 30px;*/ background: #50a4e3; height: 260px; width: 388px; border: 6px #fff solid; margin-top: 40px; }
.button01 { width: 268px; height: 41px; /*background: url(../images/btn_bg1.png) no-repeat center;*/ margin: 0 auto; cursor: pointer; color: #fff; text-align: center; border: 0; overflow: hidden; font-weight: bold; font-size: 24px; line-height: 40px; border-radius: 6px; background: #fb4b8f; }
.button01:hover { opacity: 0.9; filter: alpha(opacity=90); }
.input_desc { text-align: right; padding-right: 0px; }
#p3 .TabbedContent { padding-top: 10px; }
#p4 .TabbedContent { padding-top: 20px; }
.signin2 { z-index: 10; position: relative; text-align: center; line-height: 28px; width: 100%; color: #bae8f3; font-size: 14px; display: none; }
.signin2 a { font-size: 14px; color: #fff; }
.pwdbg { color: #787878; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; line-height: 38px; padding-left: 10px; z-index: 1; font-weight: normal; font-size: 14px; }

/* form */
#regForm { width: 100%; margin: 0 auto; margin-top: 20px; }
.form-item { margin: 10px 0; }
.form-control-label { font-size: 14px;/* font-size:1rem; */ float: left; width: 100%; padding-top: 12px; color: #111; padding-bottom: 10px; }
.form-con { float: left; width: 100%; height: 40px; /* height: 2.8rem;*/ position: relative; background-color: #ffffff; position: relative; border-radius: 6px;box-sizing: border-box; }
.input-group { width: 100%; height: 36px; line-height: 42px; box-sizing: border-box; border-radius: 4px; height: 100%; /*font-size: 1rem; */ background: none; position: relative; height: 100%; overflow: hidden; z-index: 2; border: 1px solid #999; }
.input-group .input_test { font-size: 14px; /*font-size:1rem;  height:2.125rem;*/ height: 100%;/*height: 2.8rem;*/ width: 100%; background: none; *height: 20px; *margin-top: 10px; }
.input_test { padding-left: 5px; border: 0; }
.select-wrapper { width: 100%; position: relative; overflow: hidden; z-index: 0; height: 100%; /*height:2.8rem;*/ box-sizing: border-box; background-color: #fff; border-radius: 4px; line-height: 1; border-radius: 6px; border: 1px solid #999; }
.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.8rem;*/ /*line-height: 2.8rem;*/  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; }
.input-group .input_test, .input-group .select-wrapper { float: left; border: none; }
.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: 24px; }
.submit-button { display: block; width: 100%; text-decoration: none; height: 42px; line-height: 42px; font-size: 24px; font-weight: bold;/*height:3rem; line-height:3rem; font-size:2rem; */ cursor: pointer; background-color: #1f8ad9 !important; border: none; color: #fff; border-radius: 6px; margin-top: 0 !important; opacity: 0.9; filter: alpha(opacity=90); }
.submit-button:hover { opacity: 1; filter: alpha(opacity=100); color: #fff; }
.password-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; line-height: 40px; padding-left: 5px; z-index: 1; font-weight: normal; font-size: 14px; color: #999999; text-align: left; *line-height: 40px; }
.terms_privacy { color: #666; display: none; margin-top: 20px; text-align: center; line-height: 18px; font-size: 12px; }
.terms_privacy a:link { color: #3393da; }
.terms_privacy a:hover { color: #8cd9ed; }
.input_holder .holder { position: absolute; font-size: 14px; padding-left: 5px; line-height: 40px; color: #999; z-index: 9; }
.input_test, .input-group { width: 100%; height: 40px;    /* height: 2.8rem; */ position: relative; background-color: #ffffff; position: relative; border-radius: 6px; border: 1px solid #999; font-size: 14px;box-sizing: border-box;}

/* TabbedPanels */
.TabbedPanels { overflow: hidden; margin: 0px; padding: 0px; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ position: relative; z-index: 6; }
.TabbedPanelsTabGroup { margin: 0px; padding: 0px; margin-right: 22px; text-align: center; width: 100%; text-align: center; max-width: 120px; margin: 0 auto; }
.TabbedPanelsTab { position: relative; *float: left; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: default; background-color: #e0e0e0; width: 14px; height: 14px; margin-right: 8px; margin-top: 8px; border-radius: 10px; -moz-border-radius: 10px; font-weight: bold; color: #8d8d8d; line-height: 14px; text-align: center; display: inline-block; /*background: url(../images/steps_dot_out.png) no-repeat;*/ font-family: Arial, Helvetica, sans-serif; }
.TabbedPanelsTabHover { margin-right: 4px; margin-top: 10px; *margin-top: 15px; background-color: #0078f2; color: #000000; }
.TabbedPanelsTabSelected { background: none; border-radius: 10px; -moz-border-radius: 10px; color: #ffffff; text-align: center; background-color: #fc3e70;/*background: url(../images/steps_dot_on.png) no-repeat;*/ }
.TabbedPanelsTab a { color: black; text-decoration: none; }
.TabbedPanelsContentGroup { clear: both; width: 100%; height: auto; margin-top: 0px; border-radius: 10px; -moz-border-radius: 10px; }
.TabbedPanelsContent { overflow: hidden; position: relative; height: auto; margin-top: 0px; }
.VTabbedPanels { overflow: hidden; zoom: 1; }
.VTabbedPanels .TabbedPanelsTabGroup { width: 10em; height: 20em; position: relative; margin-top: 180px; }
.VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; margin-top: 180px; }
.VTabbedPanels .TabbedPanelsTabSelected { background-color: #EEE; border-bottom: solid 1px #999; }
.VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; }

/*    .TabbedContent { padding:10px 0px 0px 0px; color: #333; font: normal; width: 100%; margin: 0 auto;height: 300px; }*/
@media print {
    .TabbedPanels { overflow: visible !important; }
    .TabbedPanelsContentGroup { display: block !important; overflow: visible !important; height: auto !important; }
    .TabbedPanelsContent { overflow: visible !important; display: block !important; clear: both !important; }
    .TabbedPanelsTab { overflow: visible !important; display: block !important; clear: both !important; }
}

/* intsva */
.intsva { position: absolute; z-index: 98; line-height: 1em; height: 12px; 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); height: auto; }
.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; }

/* main css */
.text_pd { padding: 20px 0px 40px; text-align: left; }
.mt_15 { margin-top: 15px; *padding-left: 10PX; }
.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; }
@-moz-document url-prefix() {
    .select_city { ; background: url(" ../images/icon_arrow.png") no-repeat 240px 8px !important; }
}
#login .pop_title label font { font-size: 34px; font-weight: bold; }
.checkbox { float: left; text-align: center; padding-right: 5px; padding-bottom: 3px; }
.agreeing { color: #6d6d6d; margin: 0 auto; padding-left: 15px; margin-top: -20px; margin-bottom: 20px; margin-right: 15px; max-width: 345px; }
.black_overlay { position: fixed; top: 0%; left: 0%; background: #c5c5c5; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; z-index: 100; display: none; }
.button-submit { margin-top: 25px; }
.pwdbg { color: #787878; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; line-height: 38px; padding-left: 10px; z-index: 1; font-weight: normal; font-size: 14px; color: #999999; }
.text_box input { position: relative; z-index: 2; }
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { *zoom: 1; }
.clear { clear: both; }
.body-bg { width: 100%; height: 100%; background-color: #000; background: url(../images/bg.jpg) repeat center top; }
.mask { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; z-index: -1; background: url( ../images/maskbg.png); }
.sign-pic { text-align: center; margin-top: 40px; margin-bottom: 30px; }
.signin-text a { background: url(../images/login_btn.png); width: 77px; height: 27px; line-height: 25px; text-align: center; font-weight: normal; font-size: 13px; margin: 22px 6px 0 10px; display: block; float: right; opacity: 0.9; filter: alpha(opacity=90); }
.signin-text a:link { color: #fff; text-decoration: none; }
.signin-text a:hover { color: #fff; opacity: 1; filter: alpha(opacity=100); }
.wrapper { width: 100%; height: auto; margin: 0 auto; display: block; position: relative; }
.header { width: 100%; height: 70px; display: block; background-color: #fff; }
.header-box { height: 70px; margin: 0 auto; width: 1200px; display: block; }
.logo { float: left; margin-top: 10px; padding-left: 20px; }
.logo img{max-width: 280px;}
.signin { float: right; }
.signin-text { line-height: 70px; color: #666; font-size: 14px; }
.title { margin: 0 auto; width: 100%; padding: 0 10px; }
.title img { max-width: 100%; }
.content { padding-top: 50px; width: 1200px; margin: 0 auto; }
.left-part { float: left; width: 620px; margin-top: 40px; }
.right-part { float: right; width: 500px; margin-top: 40px; }
.slide-pic { position: relative; display: block; }
.slide-pic li { position: absolute; top: 0; left: 0; width: 500px; height: 630px; }
#g1 { z-index: 99; }
#g2 { z-index: 88; }
#g3 { z-index: 77; }
#g4 { z-index: 66; }
.footer { margin: 0 auto; max-width: 450px; text-align: center; margin-top: 200px; margin-bottom: 10px; }
.footer_c { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ccc; }
.mbanner { display: none; margin: 20px auto; padding: 0 10px; position: relative; }
.mbanner img { width: 100%; margin: 0 auto; display: block; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.agree-box { margin-top: -20px; margin-bottom: 30px; }
.form-agree { margin-bottom: 8px; }
.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 li { position: absolute; top: 0; left: 0; }
.m-girlpic img { width: 100%; display: block; border: none; }
.m-girlpic #m1 { z-index: 44; }
.m-girlpic #m2 { z-index: 33; }
.m-girlpic #m3 { z-index: 22; }
.m-girlpic #m4 { z-index: 11; }
.text_tit { color: #2b2b2b; font-size: 26px; width: 500px; font-family: Arial; position: absolute; right: 0px; top: 40px; text-align: center; height: 50px; line-height: 50px; }
.text_tit span { color: #0078f2; font-weight: bold; display: inline; }
.input_desc { color: #6d6d6d; padding-top: 3px; width: 268px; height: 18px; text-align: right; }
.p_0 { padding-top: 0px; }
.text_box .mt_15 { margin-top: 15px; }
.TabbedContent { padding: 30px 60px 50px 60px; color: #333; font: normal 14px; width: 270px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.85); border-radius: 8px; -moz-border-radius: 8px; height: auto; }

/* main css */
@media (min-width:980px) and (max-width:1200px) {
    .header-box { width: 980px; }
    .content { width: 980px; }
    .left-part { width: 540px; }
    .right-part { width: 440px; }
    .title img { width: 500px; text-align: center; }
    .sign-pic { margin-bottom: 30px; }
}
@media (min-width:800px) and (max-width:979px) {
    .header-box { width: 780px; }
    .content { width: 780px; }
    .left-part { width: 440px; }
    .right-part { width: 340px; }
    .slide-pic li { width: 340px; }
    .title img { width: 440px; text-align: center; }
    .sign-pic { margin-bottom: 30px; }
    .sign-pic img { width: 65%; }
}
@media (min-width:642px) and (max-width:799px) {
    .header-box { width: 700px; }
    .content { width: 700px; }
    .left-part { width: 380px; }
    .right-part { width: 300px; }
    .slide-pic li { width: 300px; }
    .title img { text-align: center; }
    .TabbedContent { padding: 30px 30px 16px 30px; }
}
@media only screen and (max-width:641px) {
    .content { margin-top: 40px; }
    /*.signin { display: none !important; }*/
}

/*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 }
html { font-size: 10px; font-size: 62.5% }

/*body{font-size:12px;font-size:1.2rem;}*/
select { font-size: 14px; }
@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: 100% !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:769px) {
    .mid_word { font-size: 1.45rem; line-height: 1.45rem; height: auto; padding: 1rem 0rem; }

    /*html,body{overflow-x:hidden;}*/
    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; }
    .body-bg { background: url(../images/mbg.jpg) repeat center top; background-size: 100%; }
    .header { width: 100%; height: auto; margin: 0 auto; clear: both; }
    .header .logo { padding-top: 6px; margin: 0; }
    .header .logo img { width: 100%; height: auto; float: none; }
    .content-text { margin: 20px 10px; }
    #regform { margin: 0 auto; }
    .c_td03 span { margin-left: 1rem; }
    .c_td05 span { margin-left: 1rem; }
    .header-box { width: 100%; height: 60px; }
    .content { width: 560px; margin-top: 0px; }
    .left-part { float: none; width: 560px; }
    .right-part { display: none !important; }
    .signin-text span { display: none; }
    .mbanner { display: block; width: 90%; height: 250px; }
    .TabbedPanelsContentGroup { width: 100%; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1rem; }
    .TabbedContent { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; padding: 0; padding: 1.5rem 1.5rem 3rem 1.5rem; /*margin: 6rem 0rem;*/ margin-bottom: 1rem; width: 100%;/* height: 22rem;*/ 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 auto; /*padding: 0;*//* margin-right: 0; position: absolute; right: 30%; top: 16rem;*/ text-align: center; }
    .c_td03 { font-size: 1rem; line-height: 1.2; width: 15%; }
    .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; }
    .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: none; background-color: #ff2c63; 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; }
    .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; }
    .pwdbg { font-size: 1.2rem; line-height: 3rem; }
    .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; }
    .text_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; border: 1px #aaa solid; }
    .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; }
    .m-girlpic { display: block; }
    .girlpic { display: none; }
    .input_desc { width: 100% !important; }
    .form-group { font-size: 1.2rem; margin-top: 1rem; }
    .button-submit { height: 3rem; font-size: 2rem; margin-top: 2rem; margin-bottom: 1rem; }
    .form-group .img-code .code { height: 90%; }
    .mh { display: none; }
    .text_pd { padding-left: 1rem; }
    .button01 { width: 98%; }
    .title{text-align: center;}
}
@media only screen and (max-width:561px) {
    .left-part { width: 520px; }
    .content { width: 520px; }
    .text_tit { top: 12rem; }

    /*.TabbedPanels .TabbedPanelsTabGroup { top: 15rem; width: 310px;}*/
    .text1 { width: 45%; }
    .header .logo { margin: 0 auto; width: 40%;  }
    .mbanner { display: block !important; position: relative; width: 90%;  }
    @media only screen and (max-width:521px) {
        .left-part { width: 500px; }
        .content { width: 500px; }
        .text_tit { top: 11rem; }

        /*.TabbedPanels .TabbedPanelsTabGroup { top: 14rem; }*/
        .content-text { font-size: 24px !important; line-height: 32px !important; }

    /*.intsva{margin-top: 10px;margin-right: 20px} */ }
    @media only screen and (max-width:500px) {
        .content { width: 480px; }
        .left-part { width: 480px; }
        .text_tit { top: 11rem; }
        .text1 { width: 45%; }
    }
    @media only screen and (max-width:481px) {
        .content { width: 460px; }
        .left-part { width: 460px; }
        .text_tit { top: 13rem; }
        .TabbedPanels .TabbedPanelsTabGroup { top: 16rem; width: 280px; }
        .TabbedPanelsContentGroup {/*   padding-top: 2.4rem;*/ }
        .content-fc .fc-list li { font-size: 1.4rem !important; width: 70px !important; padding: 0 !important; }
    }
    @media only screen and (max-width:441px) {
        .sign-pic { margin-bottom: 0; }
        .mbanner { width: 95%; }
        .text_tit { top: 12rem; }

        /*.TabbedPanels .TabbedPanelsTabGroup { top: 15rem; width: 255px;  }*/
        .text_pd { width: 100%; text-align: center; padding: 20px 0px; }
        .text_pd input { width: 100%; }
        .content-fc .fc-list li { max-width: 80px; margin: 30px 5px; }
        .agree-box { margin-top: 0px !important; margin-bottom: 0px !important; }
        .text_pd input { width: 95%; margin-left: 1rem; margin-right: 1rem; }
        .content { width: 400px; }
        .left-part { width: 400px; }
        .TabbedPanelsTabGroup { padding-top: 30px; }
        .signin { margin-top: 0 !important; }
    }
    @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: 45%; }

        /*.intsva{margin-left: -35px;background-repeat: repeat-x!important;background-position: -20% 100%;;}*/
        .content-fc { width: 220px; }
        .content-fc .fc-list li { font-size: 1.4rem !important; width: 80px !important; padding: 0 !important; margin: 20px 10px !important; }
        .header .logo { width: 140px; padding-top: 18px;padding-left: 6px; }
        .logo { padding-left: 0; }
        .content { width: 360px; padding-top: 0; margin-top: 40px; }
        .left-part { width: 360px; }
    }
    @media only screen and (max-width:341px) {
        .text_tit { top: 10rem; font-size: 1.2rem }

        /*.TabbedPanels .TabbedPanelsTabGroup { top: 12rem; padding-left:60px; }
        .TabbedPanelsTab{ margin-right: 20px!important;}
        .TabbedPanelsTabSelected{margin-right: 14px!important;}
        .logo{width: 280px!important;padding-left: 0!important;}*/

    /*.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; }
        .changeline { display: inline-block; line-height: 1.2; }
        .content { padding: 0 0.5rem; }
        .text_box { width: 100%; margin: 0; }
        .c_td01 { float: left; }
        .mt_15 { margin-top: 0; width: 100%; }
        .text1 { width: 45%; }
        .text_box { width: 100%; margin: 0; }
        .text1 {/*width: 130px;*/ }

        /*.intsva{margin-left: 2px;margin-top: 2px; width: auto;}*/
        .pointmsg_first_name { margin-left: -32px; background-position: -30% 100%; }
        #pointmsg_last_name { margin-left: -10px; background-position: -30% 100%; width: auto; }
        #pointmsg_birthday_d { margin-left: -12px; background-position: -10% 100%; }
        #pointmsg_birthday_m { margin-left: 2px; background-position: -22% 100%; }
        #pointmsg_birthday_y { margin-left: -6px; background-position: -66% 100%; }
        .TabbedPanels .TabbedPanelsTabGroup { top: 140px; }
        .content { width: 300px; padding: 0; }
        .left-part { width: 300px; margin-top: 20px; }
        .sign-pic { margin-top: 10px; }
        .TabbedPanelsTabGroup { padding-top: 15px; }
        .c_td03 span, .c_td05 span { margin: 2px 0; }
        .c_td03, .c_td05 { padding: 0.6rem 0 !important; }
        .text_pd input { margin: 2px 0; width: 100%; }
        .TabbedPanels { padding: 0; }
        .mbanner { padding: 0; width: 100%; height: 160px; }
    }
    @media only screen and (max-width:414px) {
        .left-part{margin-top: 0;}
        .content{margin-top: 10px;padding-top: 0;}
        .mbanner{margin: 5px auto;height: 200px;}
        .sign-pic{margin-top: 0px;}
        .TabbedPanelsTabGroup{padding-top: 10px;}
        .TabbedPanelsContentGroup{padding-top: 0;}
    }

    @media only screen and (max-width:360px) {
        .left-part{margin-top: 0;}
        .content{margin-top: 10px;}
        .mbanner{margin: 5px auto;height: 180px;}
        .sign-pic{margin-top: 10px;}
        .TabbedPanelsTabGroup{padding-top: 10px;}
        .TabbedPanelsContentGroup{padding-top: 0;}
    }

    @media only screen and (max-width:320px) {
        .content{margin-top: 10px;}
        .mbanner{margin: 0 auto;}
        .TabbedPanelsTabGroup{padding-top: 0;}
        #regForm{margin-top: 5px;}
        .form-control-label{padding: 5px 0;}
    }