@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
th,td{ border:1px solid #ededed; padding:5px;}
body{  color:#555; font-family:"微软雅黑"; font-size:14px; margin:0 auto; overflow-x:hidden;/* padding-bottom:500px; */ background:#fff }
img,a, u{border:0; text-decoration:none !important; outline:none}
ol, ul {list-style: none; } 
a{color:#555; text-decoration:none;}
a:hover{  text-decoration:none;}
*{ margin:0; padding:0;} 
.container{ width:100%;  margin:0 auto;  box-sizing:border-box; max-width:750px; padding:0 15px; }
.warp{ width:100%; max-width:750px; margin:0 auto ; }
.clears{ clear:both;} 
.posr{ position:relative}
input,textarea,select{ font-family:"微软雅黑"; outline:none; color:#555}
input[type=submit],input[type=button]{-webkit-appearance:none;appearance:none;-moz-appearance:none;}
.textcent{ text-align:center}
.textleft{ text-align:left}
.textright{ text-align:right}
.fr{ float:right !important}
.fl{ float:left !important; } 
.bg_f1{ background:#f1f1f1} 
.bg_fa{ background:#fafafa} 
.bg_ff{ background:#fff; overflow:hidden}
.maTop0{ margin-top:0 !important}
.maTop10{ margin-top:10px !important}
.padTop0{ padding-top:0 !important}
.pad-top5{ padding-top:5px !important;}
.maBtm15{ margin-bottom:15px !important}
.maBtm0{ margin-bottom:0px !important}
.table-border td{ border:1px solid #ededed !important}
.table-border th{ border:1px solid #ededed !important; padding:12px 5px !important}
.table-borderTd td{ border:1px solid #ededed !important}
.red{ color:#e3001b !important}
.color555{ color:#555 !important}
.borderN{ border:none !important}

.images{ display:block; max-width:100%; margin:0 auto}
.perch55{ height:55px;}
/**/
.line{ height:13px; background:#f3f3f3; border-bottom:1px solid #ebebeb;  }
 
.placeholder{ height:63px; width:100%}
.placeholder65{ height:65px; width:100%}
.placeholder-head{ height:50px; width:100%}
.head{ background:#fff; padding:0 50px; box-sizing:border-box; height:50px; line-height:50px; color:#333; text-align:center; font-size:16px; position:relative;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position:fixed; top:0; left:0; width:100%;  z-index:10000000; border-bottom:1px solid #ededed}
.head .return{ background: url(../images/return2.png)center no-repeat; background-size:12px; display:block; height:100%; width:40px; position:absolute; top:0; left:0;}
.head .share{ background: url(../images/share.png) center no-repeat; background-size:32px; display:block; height:100%; width:40px; position:absolute; top:0; right:5px; cursor:pointer}
 
/*登录*/
.login_list {
	width: 80%;
	max-width: 400px; margin:0 auto ; padding-bottom:100px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -55%);
	-webkit-transform: translate(-50%, -55%);
	-moz-transform: translate(-50%, -55%);
	-ms-transform: translate(-50%, -55%);
}
.login_list dd {
	margin-bottom: 13px;
}
.login_list .text, .login_list .btn_login, .riqi_btn, .login_list .select {
	background: #f6f6f6;
	border-radius: 50px;
	outline: none;
	border: none;
	height: 45px;
	line-height: 45px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
	text-align: left;
	color: #757575;
	font-size: 14px;
}
.login_list dd.login_btn {
	padding-top: 20px;
}
.login_list .btn_login {
	text-align: center;
	color: #024870;
	font-size: 15px; border:1px solid #024870
}
.login_list dd.login_btn .btn_login {
	background: #024870;
	color: #fff
}
.login_list dd.forget {
	text-align: right
}
.login_list dd.forget a {
	color: #db493c
}

.login_list dt img{ display:block; margin:30px auto 60px; max-width:53%;}

.login_list .deal {
	color: #666666;
}
.login_list .deal a {
	color: #db493c
}
.login_list .deal input {
	position: relative;
	top: 1px;
	margin-right: 5px;
} 
.register .login_list dd.icon {
	background: #f6f6f6 url(../images/icon1.png) 12px center no-repeat;
	background-size: 25px;
	padding-left: 40px;
	border-radius: 50px;
	outline: none;
	border: none;
	overflow: hidden;
}.register .login_list dd.icon .text, .register .login_list dd.icon .riqi_btn, .login_list .select {
	padding: 0
}
.register .login_list dd.tel {
	background-image: url(../images/icon4.png)
}
.register .login_list dd.passwd {
	background-image: url(../images/icon6.png)
}
.register .login_list dd.verify {
	background-image: url(../images/icon5.png)
}
.register .login_list dd.verify {
	padding-right: 100px
}
.register .login_list dd.verify .gain {
	position: absolute;
	right: 0;
	color: #024870;
	padding: 0 15px;
	line-height: 43px;
	font-size: 13px;
}


.member_head{ background:#000000 url(../images/bg.jpg) center no-repeat; background-size:100%; padding:55px 0 50px; text-align:center; color:#fff; font-size:15px;}
.member_head img{ display:block; margin:0 auto 15px; border-radius:50%; border:2px solid #fff; width:65px; height:65px;}
.menu{ overflow:hidden; padding:15px 0; background:#fff; border-bottom:1px solid #ebebeb; margin-bottom:15px;}
.menu dd{ float:left; line-height:1.7; width:33.33%; text-align:center; font-size:13px}
.menu dd a{ color:#888; display:block; border-right:1px solid #ededed}
.menu dd span{ display:block; text-align:center; color:#333; font-size:16px;}
.menu dd:last-child a{ border:none}

.card{ background:#fff; padding:13px 15px; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; line-height:1.7; color:#666}
.card a{ display:block; background:url(../images/code.png) center right no-repeat; background-size:34px;}
.member_list{ background:#fff; padding:0 15px}
.member_list dd{ border-bottom:1px solid #ebebeb; line-height:50px; padding-right:10px; overflow:hidden}
.member_list dd a{ display:block; background:url(../images/enter.png) center right no-repeat; background-size:9px; overflow:hidden}
.member_list dd span{ display:block; float:left; padding-left:35px; background:url(../images/icon1.png) center left no-repeat; background-size:30px}
.member_list dd span.icon2{ background-image:url(../images/icon2.png)}
.member_list dd span.icon3{ background-image:url(../images/icon3.png)}
.member_list dd:last-child{ border:none}
.member_list dd i{ float:right; font-style:normal; color:#888}

.data{ background:#fff; margin-bottom:60px }
.data .data_img{  overflow:hidden; padding:15px 13px}
.data dd{ border-bottom:1px solid #ededed; padding:0 13px; overflow:hidden}
.data .data_img .title{ line-height:50px;}
.data .title{ float:left; width:30%; color:#555; line-height:48px; font-size:13px;}
.data-head{ float:right; width:70%}
.data-head img{ width:50px; display:block; height:50px;; border-radius:50%; float:right}
.data dd .input{ width:65%; float:right; height:48px; line-height:48px; border:none; outline:none; text-align:right; font-size:13px; color:#999; box-sizing:border-box; padding-right:5px; background:none}

.data-sex{ float:right; width:60%; text-align:right; line-height:48px; color:#999}
.data-sex input{ margin-right:5px; position:relative; top:1px }
.data-sex label{ margin-left:15px;}

.data dd .input{ padding:0;}
a.print_btn,.print_btn{ font-size:15px; position:fixed; bottom:0; left:0; width:100%; height:45px; line-height:45px; text-align:center; background:#024870; color:#fff; display:block; border:none;}

.card_cont{ margin:30px auto; padding:70px 0 30px; line-height:1.8; box-shadow:0 0 10px #ddd; border-radius:5px; text-align:center; background:url(../images/logo.png) 20px 20px no-repeat; background-size:70px; width:95%;}
.card_cont img{ margin:0 auto 15px; display:block; width:120px;}
.card_cont a{ float:right; margin-right:20px; position:absolute; top:0; right:0}
.card_cont p{ color:#888; position:relative}

.consume dt{ background:#f3f3f3; padding:5px 15px; color:#333; line-height:1.8}
.consume dd{ border-bottom:1px solid #ebebeb; padding:13px 15px}
.consume dd a{ color:#444; line-height:1.7; display:block; position:relative; background:url(../images/enter2.png) center right no-repeat; background-size:10px; font-size:15px;}
.consume dd a span{ color:#888; font-size:13px; display:block}
.consume dd p{ position:absolute; top:0; right:25px;color:#333; line-height:47px; font-size:17px;}

.co_title{ padding:20px 0 10px; line-height:1.7; font-weight:normal; font-size:15px; color:#333}
.co_title span{ color:#888; font-size:14px; display:block}

.co_list{ border-bottom:1px solid #ebebeb; padding-bottom:15px}
.co_list li{ overflow: hidden; padding:10px 0; line-height:20px;}
.co_list li span{ display:block; float: left}
.co_list li span.block1{ width:70%; color:#555}
.co_list li span.block2{ width:15%; color:#888; font-size:13px;}
.co_list li span.block3{ text-align: right; color:#444; width:15%}
.zong{ text-align:right; padding:15px 0; color:#333; font-size:15px;}







/***/ 
@media screen and (max-width: 1024px){
.warp,.container{ max-width:100%}
 
}
@media screen and (max-width: 640px){

}
@media screen and (max-width: 320px){
 .login_list {
	width: 75%;
}
.login_list .text, .login_list .btn_login {
	height: 38px;
	line-height: 38px;
}
.login_list .btn_login {
	font-size: 13px;
}
.register .login_list dd.verify .gain {;
	line-height: 38px;
}
.login-form li label {
	width: 22%;
	font-size: 12px;
}
.login-form li .text {
	width: 73%;
	font-size: 12px;
}
.login-btn {
	height: 38px;
	line-height: 38px; font-size:14px;
}
.login_list dt img{ margin:40px auto 40px}

} 


@media screen and (max-height: 500px){
.placeholder-btn,.placeholder80{ display:none}
.foot{ height:67px; border: none}
.foot ,.major-fixed ,.vol-btn-fixed{ position:relative; top:0; left:0}
}






