@charset "utf-8";
/* CSS Document */
/*body{ background:#2e2e2e; }*/


/* 输入框错误提示css */
::-webkit-input-placeholder {
color: #000;
}    
:-moz-placeholder {
color: #000;
}
::-moz-placeholder {
color: #000;
}    
:-ms-input-placeholder {
color: #000;
}




input,button,select,textarea{outline:none}

.navpage_bg{ /*background:#2e2e2e url(/images/webimg/login/bj.jpg) center top no-repeat; background-size:100% 100%; min-height:745px;*/ background:none; }
.main_con{ width:960px; clear:both; height:130px; margin:0 auto; position:relative; }
.home1{ width:34px; height:20px; position:absolute; top:36px; right:166px; }
.home2{ width:75px; height:40px; position:absolute; top:89px; left:0; }

.left{ float:left; display:inline-block; }
.right{ float:right; display:inline-block; }

.siled_menu{ position:absolute; position:fixed; width:63px; height:322px; background:url(/images/webimg/login/slide.png) -2px center no-repeat; top:50%; left:0; margin:-161px 0 0 0; }

.container{ width:989px; clear:both; margin:0 auto 0 auto; position:relative; }
.container_con{ width:100%; background:#fff; float:left;/* height:600px;*/ padding-bottom:50px; }
.subpage_bj{ background:#fff url(/images/webimg/login/con_bj.jpg) no-repeat center top; }
.container .con{ width:600px; height:400px; position:absolute; left:50%; top:50%; margin:100px 0 0 -300px; background:url(/images/webimg/login/slogin.png) center 80px no-repeat; }
.container .con.login{ background:url(/images/webimg/login/slogin.png) center top no-repeat; }


.card_vip,.online_vip{ width:270px; height:60px; display:inline-block; margin:250px 9px; }
.card_vip{ background:url(/images/webimg/login/card_vip.png) no-repeat center; }
.online_vip{ background:url(/images/webimg/login/online_vip.png) center no-repeat; }

.login_con{ width:100%; height:210px; margin:170px 0 0 0; display:inline-block; }
.login .login_con .title{ width:100%; background:url(/images/webimg/login/title1.png) center no-repeat; float:left; height:25px; }
.register .login_con .title{ width:100%; background:url(/images/webimg/login/title2.png) center no-repeat; float:left; height:25px; }
.login_con.card .title{ width:100%; background:url(/images/webimg/login/title2.png) center no-repeat; float:left; height:25px; }

.login_con .title span{ width:60px; height:30px; background:url(/images/webimg/login/arr.png) no-repeat; float:right; display:inline-block; }
.arr_l,.arr_r{ width:27px; height:27px; display:inline-block; float:left; margin:2px 1px 0 1px; }
.login_main{ width:100%; float:left; background:#fff; margin:15px 0 0 0; display:inline-block; }
.login_main ul{ float:left; width:100%; background:#e6e6e6; }
.login_main li{ float:left; display:inline-block; width:33.2%; background:#e6e6e6; height:34px; cursor:pointer; line-height:34px; text-align:center; }
.login_main li.liborder{ border-left:1px #cdccca solid; border-right:1px #cdccca solid; }

.login_main li.hover{ background:#fff; cursor:default; }

.li_con{ padding:25px 20px; float:left; text-align:left; width:93.4%; line-height:40px; }
.li_con.register{ padding:15px 20px; }
.login_in input[type="text"],.login_in input[type="password"]{
	width:45.3%; height:27px; line-height:27px; padding:0 6px; float:left; display:inline-block; border:1px #000 solid; margin:0 0 6px 0;
}
.login_in p,.register p{ line-height:18px; }
p.bottom_btn{ line-height:30px; margin:9px 0 0 0; width: 100%;
float: left; }

.login_in p a,.register p a{ text-decoration:underline; }
.login_in input[type="text"]:nth-child(even),.login_in input[type="password"]:nth-child(even){ margin-left:18px; }
.btn{ width:134px; height:30px; line-height:30px; text-align:center; color:#fff; background:url(/images/webimg/login/btn.png) no-repeat; border:none; cursor:pointer; }

.register input[type="text"],.register input[type="password"]{
	width:29%; height:27px; line-height:27px; padding:0 6px; float:left; display:inline-block; border:1px #000 solid; margin:6px 10px 6px 0; vertical-align:middle;
}
.register input[type="checkbox"]{ vertical-align:middle; }
/*.register input[type="text"]:nth-child(3),.register input[type="text"]:nth-child(6),.register input[type="password"]:nth-child(3),.register input[type="password"]:nth-child(6){ margin:0 10px; }*/
.yzm_pic{ display:inline-block; vertical-align:middle; float:left; margin:0 3px 6px 6px; }
.refresh_btn{ width:31px; height:30px; background:url(/images/webimg/login/refresh.jpg) no-repeat; border:none; cursor:pointer; display:inline-block; vertical-align:middle; margin:0 0 6px 3px; float:left; }

.register .refresh_btn{ margin-top:5px; }
.register .yzm_pic{ margin-top:6px; }

input.error,.error{ color:#f00; }



/*info*/
.subpage_con{ width:95%; clear:both; margin:0 auto; line-height:20px; }
.info_header{ width:100%; height:67px; float:left; border-bottom:1px #000 solid; background:url(/images/webimg/login/info_title.png) left center no-repeat; margin:22px 0 0 0; display:inline; }
a.login_out{ width:55px; height:22px; line-height:30px; background:url(/images/webimg/login/login_out.png) no-repeat right center; float:right; text-align:left; display:inline-block; margin:27px 0 0 0; }
.info_l{ width:530px; float:left; text-align:left; display:inline; }
.info_l_con{ margin:5px 0 0 0; display:inline-block; width:100%; float:left; }
.info_l_con p.title{ width:100%; background:url(/images/webimg/login/info_title_bg.jpg) repeat-x left bottom; float:left; padding:10px 0; font-size:22px; color:#000; }
.personal dl{ width:255px; height:auto; float:left; margin:10px 0 0 0; display:inline-block; }
.personal dl.right,.vip_preferential dl.right{ float:right; display:inline-block; }
.personal dt{ width:100%; padding:8px 0; float:left; border-bottom:1px #000 solid; }
.personal dt span{ float:right; display:inline-block; }
.personal dt span a{ color:#000; text-decoration:underline; }
.personal dd{ padding:14px 0; width:100%; float:left; position:relative; }
.personal dd p{ padding:3px 0; width:100%; }
.personal dd p em{ font-style:normal; width:75px; display:inline-block; }
.personal dd p span{ width:180px; display:inline-block; } 
.personal dd p span i{ font-style:normal; padding-left:9px; }
.personal_bottom{ width:100%; height:30px; float:left; display:inline-block; text-align:center; margin:3px 0 20px 0; }
.remark{ width:100%; float:left; }

.edit{ display:none; }
.edit input{ width:160px; height:20px; line-height:20px; padding:0 6px; display:inline-block; border:1px #000 solid; background:#fff; }
.save_contact{ display:none; }

.vip_preferential dl{ width:253px; height:150px; float:left; margin:15px 10px 0 0; border:1px #000 solid; display:inline-block; }
.vip_preferential dt{ width:116px; display:inline-block; float:left; }
.vip_preferential dt p{ margin:15px 0 0 10px; display:inline-block; }
.vip_preferential dt p span{ width:100%; font-weight:bold; float:left; font-size:15px; padding-bottom:6px; }
.vip_preferential dd{ width:136px; height:150px; overflow:hidden; display:inline-block; float:right; }


.info_r{ width:360px; height:658px; float:right; text-align:left; display:inline; }
.info_r.jc_info{ height:auto;}
.vipUser{ background:#f2f2f2; }
.vipUser .title{ text-indent:1em; }
.vipUser dl{ width:95%; clear:both; margin:20px auto 0 auto; }
.vipUser dt{ width:100%; padding:8px 0; float:left; border-bottom:1px #000 solid; }
.vipUser dd{ margin:14px 0; width:100%; float:left; position:relative; display:inline-block; }
.vipUser dd p{ padding:3px 0; width:100%; }
.vipUser dd p em{ font-style:normal; width:75px; display:inline-block; }
.vipUser dd p span{ width:180px; display:inline-block; } 
.vipUser dd p span i{ font-style:normal; padding-left:9px; }
.card_list{ max-width:125px; position:absolute; right:0; bottom:0; display:inline-block; }
.card_list img{ margin:0 0 0 6px; display:inline-block; height:35px;}


.jsClubBottomPopup .p_con{ width:989px; height:100%; clear:both; margin:0 auto; position:relative; }
.news_con{ width:615px; float:left; text-align:center; margin:240px 0 0 0; }


.Interactive_class{ width:100%; margin:20px 0 0 0; display:inline-block; }
.Interactive_class li{ float:left; width:100%; background:#f2f2f2; border-bottom:1px #fff solid; position:relative; }
.Interactive_class li.ic_header{ background:#e6e6e6; border:none; }
.Interactive_class span{ padding:10px 10px 5px 10px; display:inline-block; }

.Interactive_class .ic_date,.Interactive_class .ic_time{width:135px; padding:10px 5px 5px 5px;}
.Interactive_class .ic_title{ width:200px; text-decoration:underline; }
.Interactive_class .ic_close{ min-width:27px; text-align:center; font-size:25px; padding-top:6px; cursor:pointer; color:#2e2e2e; position:absolute; right:0; top:0; }
.Interactive_class .ic_bottom{ padding:10px; display:none; }
.Interactive_class .ic_bottom p{ display:inline-block; padding-right:20px; }
.Interactive_class .ic_bottom input[type="button"]{ background:none; border:none; text-decoration:underline; cursor:pointer; }









@media all and (max-width: 1020px) {
.vipUser{ background:#f2f2f2; padding-bottom:100px; }
.navpage_bg{ /*background:#2e2e2e url(/images/webimg/login/bj.jpg) center top no-repeat;*/ background:none; min-height:748px; }
.container{ width:989px; min-height:748px; clear:both; margin:0 auto 0 auto; position:relative; }
.card_vip, .online_vip{ width:100%; margin-top:0; margin-bottom:10px; }
.container,.info_r,.info_l,.personal dl{ width:100%; height:100%; }
.vip_preferential dl{width: 48.5%;
float: left;
margin: 15px 5px 0 5px;}
.card_vip{ margin-top:295px; }

.container .con{ width:96%; height:400px; position:absolute; left:50%; top:50%; margin:-250px 0 0 -48%; background:url(/images/webimg/login/slogin.png) center 80px no-repeat; background-size:70%; padding-bottom:20px; }
.container .con.login{ background:url(/images/webimg/login/slogin.png) center top no-repeat; background-size:70%; display:none; }
.login_main li{ float:left; display:inline-block; width:33.1%; background:#e6e6e6; height:34px; cursor:pointer; line-height:34px; text-align:center; }
.login_in input[type="text"],.login_in input[type="password"]{
	width:90%; height:27px; line-height:27px; padding:0 6px; display:inline-block; border:1px #000 solid; margin:6px 10px 6px 0;
}
/*.login_in input[type="text"]:nth-child(even),.login_in input[type="password"]:nth-child(even){ margin-left:8px; }
.register input[type="text"]:nth-child(3),.register input[type="text"]:nth-child(6),.register input[type="password"]:nth-child(3),.register input[type="password"]:nth-child(6){ margin:0 2px; }*/
.login_in input[type="text"]:nth-child(even), .login_in input[type="password"]:nth-child(even){ margin-left:0; }
.register input[type="text"],.register input[type="password"]{
	width:22%; height:27px; line-height:27px; padding:0 6px; display:inline-block; border:1px #000 solid; margin:6px 10px 6px 0;
}

.jsClubBottomPopup .p_con{ width:100%; height:100%; clear:both; margin:0 auto; position:relative; }
.info_l{ width:100%; float:left; text-align:left; display:inline; margin-bottom:54px; }

}


.responsive0 .news_con{ margin-top:40px; width:90%;}
.responsive760 .news_con{width:59%;}

@media all and (max-width:860px) {
.vip_preferential dl{width: 48%;
float: left;
margin: 15px 5px 0 5px;}
}


@media all and (max-width:660px) {
.vip_preferential dl{width: 100%;
}

.responsive760 .container_con,.responsive0 .container_con{ width:100%; background:#fff; float:left; height:100%; }


/*7.3*/
.login_in input[type="text"]:nth-child(even).forgot_input{ margin:0 18px 0 0; }
.login_in input[type="text"].forgot_yzm_input{ width:154px; }
.bottom_btn .btn{ margin-left:10px; display:inline-block; }
.login_column,.login_column_online,.registe_step_online,.registe_step{ display:none; }
.bottom_btn a{ color:#000; }
.register_s_yzm{ width:178px; }



.re_gender{ width: 29%;
height: 27px;
padding: 0 6px;
border: 1px #000 solid;
display:inline-block;
vertical-align:middle;
position:relative;
margin:6px 0;
float:left;
}
.re_gender.error{ border:1px #f00 solid;  }
.re_gender p{ height:27px; line-height:27px; padding:0; margin:0; background:url(/images/webimg/login/e_a_arr.png) no-repeat 97% 10px; cursor:pointer; }
.gender_dropdown{ position:absolute; top:27px; left:-1px; width:100%; background:#fff; border:1px #000 solid; display:none; }
.gender_dropdown a{ width:100%; height:27px; line-height:27px; text-align:center; float:left; border-bottom:1px #ccc solid; }
.gender_dropdown a:hover,.gender_dropdown a.hover{ background:#f1f1f1; }



.resend_btn{ margin-left:6px; }