@charset "utf-8";
/*html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{ display:block; }
/*b红色背景文字标签;em红色文字;i用于ICON伪对象*/

*			{ font-size:14px; color:#333; padding:0; margin:0; box-sizing:border-box; font-family:Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", sans-serif; }
a			{ color: #00783c; text-decoration:none; }
a:hover		{ color: #333; }
li			{ list-style-type:none; }
.i-bg		{ background-color:#00783c; }
.i-bg-h		{ background-color:#00a553; }
.i-bg-l		{ background-color:#006633; }
.color1		{ color:#00783c; }				/*文字色*/
.color1-bg	{ background-color:#00783c; }	/*背景色*/
.color1-bd	{ border-color:#00783c; }		/*边框色*/
.ck-ing		{ background-color:#00783c; color:#fff; }
.ck-ing:hover{ color:#fff; }
b			{ display:inline-block; height:20px; line-height:19px; font-weight:lighter; margin:0 2px; font-size:14px; border-radius:3px; background-color:#00783c; color:#fff; padding:0 3px; }
em			{ display:inline-block; color:#e00000; font-style:normal; }
i			{ font-style:normal; }
select,input,button		{ height:40px; width:100%;  line-height:38px; border:1px solid #aaa; border-radius:3px; }
select					{ color:#666; background-color:#fafafa; }
input					{ padding:0 3px; }
button					{ border-color:#333; background-color:#fff; font-size:16px; transition-duration:0.4s; color:#006633; }
button:hover			{ background-color:#00783c; color:#fff; border-color:#00783c; }
button:active			{ background-color:#fff; color:#006633; }
button:visited 			{ background-color:#fff; color:#006633; }
input[type="checkbox"]	{ width:20px; height:20px; border:1px solid #333; margin:-4px 2px 0 0; vertical-align:middle; }
input[type="radio"]		{ width:20px; height:20px; margin:-4px 2px 0 0; vertical-align:middle; }
textarea				{ width:100%; border:1px solid #aaa; padding:5px; }
input::input-placeholder			{ color:#ccc!important; font-style:italic; }
input::-webkit-input-placeholder	{ color:#ccc!important; font-style:italic; } 
input:-moz-placeholder				{ color:#ccc!important; font-style:italic; } 
input::-moz-placeholder				{ color:#ccc!important; font-style:italic; } 
input:-ms-input-placeholder			{ color:#ccc!important; font-style:italic; } 
textarea::input-placeholder			{ color:#ccc!important; font-style:italic; }
textarea::-webkit-input-placeholder	{ color:#ccc!important; font-style:italic; } 
textarea:-moz-placeholder			{ color:#ccc!important; font-style:italic; } 
textarea::-moz-placeholder			{ color:#ccc!important; font-style:italic; } 
textarea:-ms-input-placeholder		{ color:#ccc!important; font-style:italic; } 
/*icon*/
.icon-warning::before, .icon-remind::before, .icon-explain::before, .icon-explain-behind::after	{
	display:inline-block; content:"!"; width:18px; height:18px; line-height:18px; margin-right:2px; text-align:center; border-radius:50%; font-size:18px; color:#fff;
	}
.icon-warning::before		{ background:#ff0000; }									/*！警告，红*/
.icon-remind::before		{ background:#e2a900; }									/*！提醒，黄*/
.icon-explain::before		{ content:"?"; background:#00783c; }					/*？说明，绿*/
.icon-explain-behind::after	{ content:"?"; background:#00783c; margin-left:2px; }	/*？在后面*/
.icon-li li::before			{ content:"\25cf"; display:inline-block; line-height:30px; font-size:16px; color:#004925; margin-right:2px; }
.icon-flag::before			{ content:""; display:inline-block; width:14px; height:14px; border-radius:50%; background:#00783c; margin-right:5px; }
.icon-txt-border			{ padding:3px 6px 2px 6px; border:solid 1px #aaa; margin:0 3px; border-radius:5px; }

/*---------------*/
.news						{ position:absolute; font-size:10px; right:0; top:0; color:#fff; border-radius:50%; width:20px; height:20px; line-height:20px; text-align:center; background-color:#ff0000; }

.icon-userClass			{ display:inline-block; width:18px; height:18px; line-height:18px; text-align:center; font-size:10px !important; border-radius:3px; margin:0 0 2px 2px; color:#fff; background-color:#666; cursor:pointer; }
.icon-userClass-vip		{ display:inline-block; font-size:18px !important; color:#e00000; font-family:"Georgia"; font-weight:bold; cursor:pointer; }

.online				{ display:inline-block; width:18px; height:18px; line-height:18px; text-align:center; font-size:12px !important; border-radius:3px; font-family:"宋体"; color:#eee; background-color:#00783c; background-image:url('../images/bg_shan_huang.gif');  }
.del				{ position:absolute; width:20px; height:20px; line-height:20px; text-align:center; color:#999; cursor:pointer; }
.del::before		{ content:"\2715"; font-size:16px; } /*✕ ✕*/
.del:hover::before	{ color:red; text-decoration:none; }
.isHide				{ display:none; }
.sms-send           { font-size:14px; }
.sms-send-waiting	{ background:#eee; color:#aaa; border-color:#aaa; font-size:14px; }
.sms-send-waiting:hover { background-color:#eee; color:#888; border-color:#aaa; }
/*回到页顶*/
.up					{ position:fixed; z-index:99; display:none; bottom:20%; right:0; width:40px; height:40px; background-color:rgba(0,0,0,.5); border-width:1px; border-radius:50%; cursor:pointer;  }
.up a				{ display:block; color:#fff; font-size:24px; text-align:center; line-height:40px; }
.up a:hover			{ color:#fff; }
.mouse				{ cursor:pointer; }
.nothing			{ padding:20px; color:#888; font-size:20px; text-align:center; }
.pageErrMsg			{ padding-top:80px; }				/*页面级错误*/
.pageErrMsg p		{ padding:10px; color:black; font-size:20px; text-align:center;  }
.pageErrMsg a		{ font-size:20px; }
.btn-txt			{ cursor:pointer; color:#00783c; padding:0 2px; letter-spacing:0px; }	/*文字按钮*/
.btn-txt:hover		{ color:#333; }
.txtlinks a			{ border-bottom:1px solid #00783c; padding:0 3px; }	/*突出文字链接*/
.txtTip				{ font-style:italic; color:#aaa; }	/*斜体文字提示*/
.closewindow-top, .closewindow-bottom	{ position:absolute; right:5px; width:30px; height:30px; line-height:30px; text-align:center; color:#999; font-size:26px; cursor:pointer; }
.closewindow-top:hover, .closewindow-bottom:hover	{ color:red; }
.closewindow-top	{ top:5px; }
.closewindow-bottom	{ bottom:5px; }
/*==========================================================*/
/*遮罩层*/
.mask					{ display:none; position:fixed; z-index:101; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,.6); }	/*全屏遮罩*/
.mask-loading			{ display:none; position: fixed; z-index:90; top:40%; left:50%; margin-left:-35px; width:70px; height:70px; padding:10px; border-radius:5px; }	/*加载中*/
.mask-loading .img		{ vertical-align:middle; width:50px; }
.mask-waiting			{ display:none; position:fixed; z-index:101; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,.6); }	/*全屏遮罩*/
.mask-waiting img		{ position:absolute; top:40%; left:50%; margin-left:-25px; }	/*等待中，全屏遮罩*/
/*通用弹出半透明提示信息层*/
#tip			{ position:fixed;  left:50%; top:40%; z-index:103;width:98%; height:auto; max-width:500px; }
#tip .tip-body	{ position:relative; transform:translate(-50%, -50%); min-width:300px; padding:20px 3%; background:#aaa; text-align:center; background:rgba(0, 0, 0, .6); border-radius:5px; font-size:16px; }
#tip p			{ font-size:16px; font-style:normal; padding:5px 0;  }
/*交互窗口operation*/
.win-operation			{ position:fixed; display:none; top:10%; z-index:102; left:50%; width:96%; height:100%; max-width:600px; font-size:16px; }
.win-operation .body		{ position:relative; left:-50%; padding:10px 5% 40px 5%; min-height:200px; background:#fff; border-radius:5px; }
.win-operation .del		{ top:10px; right:10px; }
.win-operation .title		{ height:40px; font-size:18px; border-bottom:1px solid #ddd; font-weight:bold; }
.win-operation p			{ padding:8px 0; }
.win-operation input		{ font-size:18px; }
/*确认对话框*/
#confirm-window				{ position:fixed; display:none; top:30%; z-index:102; left:50%; width:96%; max-width:800px; font-size:16px; }
#confirm-window .cw2		{ position:relative; left:-50%; padding:30px 10px 10px 10px; background:rgba(255, 255, 255, .8); }
#confirm-window .cw3		{ position:relative; height:40px; margin-top:10px; border:0px solid #ff0000;}
#confirm-window p			{ padding:8px 0; font-size:14px; }
#confirm-window button[name="determine"]{ position:absolute; bottom:0; left:0; width:50%; height:40px; border-right-width:0; }
#confirm-window button[name="cancel"]	{ position:absolute; bottom:0; right:0; width:50%; height:40px; }
/*通用图像全屏浏览*/
#imgShowWindow			{ position:relative; width:100%; height:100%; text-align:center; animation: scaleDraw 0.2s linear; }
#imgShowWindow img		{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:0px solid #fff; max-width:100%; max-height:100%; }
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{transform: scale(0.3);}  /*开始为原始大小*/
    100%{transform: scale(1);}
}
/*===========================================================*/
/*选项卡切换*/
.switch a		{ display:inline-block; width:33.3%; height:40px; line-height:40px; text-align:center; font-size:16px; cursor:pointer; }
.switch .ing	{ background:#00783c; color:#fff; }
/*解释说明*/
.explain		{ padding:20px 5%; margin:20px 0; line-height:150%; background:#00783c; color:#fff; border-radius:5px; box-shadow:0px 3px 6px #999; }
.explain li		{ line-height:30px; text-align:left; color:#eee; }
.explain .del	{ top:0px; right:10px; color:#fff; }
.explain .title	{ line-height:40px; font-size:18px; text-align:left; color:#fff; font-weight:bold; }
.explain a		{ color:#fff; border-bottom:1px solid #fff; padding:0 3px; }

.msg-nothing			{ font-size:16px; color:#888; margin:30px auto; text-align:center; min-height:50px; }
.msg-nothing a			{ font-size:16px; color:#00783c; border-bottom:1px solid #00783c; padding:0 5px; }
/*箭头*/
.arrow					{ position:absolute; top:0; right:0; width:7px; height:7px; border:#888 solid; border-width: 1px 1px 0 0; transform: rotate(135deg); margin-bottom:7px; cursor:pointer; }

.bg-body-bbs			{ background:url('../images/bg_sky_2560.jpg') no-repeat 50% 0; }

.bigface-round			{ display:block; overflow:hidden; border-radius:50%; color:#888; background-color:#ccc; background-image:url(../images/nophoto.jpg); background-size:100%; width:100%; height:100%; }
.bigface-round img		{ width:100%; margin-top:-5%; }

.paging					{ padding:10px 0; text-align:center; clear:both; }
.paging p				{ padding:10px 0; color:#999; }
.paging a				{ display:inline-block; height:40px; width:32px; line-height:40px; margin:2px; background-color:#f5f5f5; color:#888; font-size:16px; }
.paging a:hover			{ background-color:#fff; }
.paging select			{ width:68px; display:inline-block; margin:2px; border:0; background-color:#f5f5f5; }
.paging .ing			{ background-color:#00783c; color:#fff; }
.paging .ing:hover		{ color:#00783c; background-color:#fff; }
.paging .concise a		{ width:auto; padding:0 20px; }	/*简洁*/
.paging .concise a:hover{ background-color:#00783c; color:#fff; transition-duration:0.4s; }

h1					{ height:30px; line-height:30px; font-size:24px; text-align:left; color:#333; letter-spacing:1px; font-weight:normal; }
h2					{ font-size:20px; color:#333; font-weight:bold; }
h3					{ font-size:18px; color:#333; font-weight:bold; }
html				{ zoom:1; }
body 				{ background-color:#ddd; overflow-x:hidden; }
header				{ position:fixed; top:0; z-index:99; width:100%; height:63px; background-color:#666; background:rgba(0, 0, 0, .8); border-top:3px solid #000; border-bottom:0px solid #ccc; box-shadow:0px 0px 20px #666; }
#header				{ width:100%; height:75px; border-bottom:5px solid #00783c; background-color:#fff; }/*注册找密码页面头部*/
#header	.bd			{ position:relative; height:60px; width:100%; margin:0 auto;  }
#header .bd img		{ position:absolute; top:5px; right:20px; height:60px; }
#header .bd span	{ position:absolute; height:40px; line-height:40px; top:25px; left:20px; font-size:22px; color:#00783c; }
.gonggao			{ position:absolute; top:75px; min-height:22px; width:100%; padding:0 10px; line-height:22px; text-align:center; color:red; }

#header-showpage		{   }/*资料及帖子页面头部*/
#header-showpage .bd	{ position:relative; height:30px; border-bottom:2px solid #ccc; width:100%; margin:0 auto;  }
#header-showpage .slogan,
#header-showpage .domain{ display:block; height:28px; line-height:28px; }
#header-showpage .slogan{ display:none; float:right; font-size:14px; color:#888; }
#header-showpage .slogan a{ color:#888; margin:0 5px; }
#header-showpage .domain{ float:left; position:relative; padding-left:25px; font-size:16px; color:#999; }
#header-showpage .arrow	{ left:10px; top:8px; width:12px; height:12px; transform: rotate(225deg); }
#header-showpage .guest	{ display:none; }	/*游客，隐藏*/

#bodyer				{ position:relative; min-height:700px; margin:0 auto; padding:90px 0 30px 0; }
footer				{ clear:both; width:100%; border-top:8px solid #ccc; padding:40px 0 20px 0; }
#footer 			{ position:relative; margin:0 auto; padding:10px; text-align:center; }
#footer *			{ font-size:12px; }
#footer p span		{ display:inline-block; height:24px; line-height:24px; margin:0 3px; color:#999; }
#footer p span a	{ color:#999; border-bottom:1px solid #999; }
#footer p span a:hover{ border-bottom:1px solid #666; color:#666; }
#footer p img			{ display:inline-block; margin-bottom:-3px; }
#footer .contact span	{ display:inline-block; padding:10px 5px; color:#888; font-size:16px; }
#footer .contact a		{ font-size:16px; }

#footer-concise		{ padding:10px 10px 0 0; text-align:right; border-top:1px solid #aaa; margin-top:30px; color:#aaa; }	


nav					{ position:relative; height:60px; width:100%; margin:0 auto;  }

/*主导航*/
#nav				{ position:absolute; width:100%; padding-right:60px; }
#nav .arrow			{ top:27px; right:2px; }
#nav > li			{ position:relative; float:left; width:60px; height:60px; text-align:center; }
#nav > li > a		{ display:block; line-height:60px; font-size:16px; color:#ddd; }
#nav > li > a:hover	{ color:#fff; }
#nav .link			{ position:absolute; display:none;  z-index:102; top:60px; left:0; width:120px; }
#nav .link li		{ position:relative; height:40px; line-height:40px; border-bottom:1px solid #666; text-align:left; background-color:#777; background:rgba(60, 60, 60, .9); }
#nav .link a		{ display:block; padding-left:15px; color:#ddd; }
#nav .link li:hover	{ background:rgba(0, 120, 60, .9); }
#nav .link .news	{ top:10px; right:20px; }
#nav-mask 			{ position:fixed; display:none; top:0; left:0; z-index:98; width:100%; height:100%; }
#nav .ing > a		{ color:#00a553; }
.nav-msgs .news		{ right:-2px; top:8px; }
.nav-mylist .mylist-news .news{ right:8px; top:18px; width:8px; height:8px; }	/*小红点*/
.nav-face			{ position:absolute; top:7px; right:5px; width:45px; height:45px; }
.nav-face .icon-stop{ position:absolute; z-index:97; display:block; height:45px; width:45px; overflow:hidden; border-radius:50%; }	/*暂停交友*/
.nav-face .icon-stop i{ position:absolute; top:22px; display:block; height:45px; width:45px; padding-top:3px; background:rgba(0, 0, 0, .5); font-size:12px; color:#ffff00; text-align:center; }
.nav-username		{ display:none; }				/*登录用户名及退出*/
.nav-login			{ display:none; }
.nav-logo			{ display:none; }
.nav-loginout		{ display:none; }

#nav2				{ height:42px; background:#fff; }
#nav2 a				{ float:right; display:block; padding:0 4%; line-height:42px; color:#333; text-align:center; cursor:pointer; }
#nav2 .ing			{ background:#00783c; color:#fff; }
/*第三级导航*/
#nav3				{ padding:30px 10px 10px 10px; text-align:left; }
#nav3 a				{ display:inline-block; margin:5px; font-size:16px; color:#333; }
#nav3 .ing			{ border-bottom:1px solid #00783c; color:#00783c; padding-bottom:0px; }
#nav3 p				{ float:right; padding-top:20px; font-size:12px; color:#aaa; }

@media screen and (min-width: 600px) {
	#nav2				{ padding-right:2%; }
	#nav2 a				{ padding:0 4%; }
	.win-OPE .body		{ padding-left:10%; padding-right:10%; }
	
}
@media screen and (min-width: 800px) {
	#footer *			{ font-size:14px; }
	#nav2				{ height:50px; padding-right:10%; }
	#nav2 a				{ height:50px; padding:0 3%; line-height:50px; font-size:16px; }
	.msg-nothing		{ font-size:20px; }
	.msg-nothing a		{ font-size:20px; }
}
/*导航响应开始                                    */

@media screen and (max-width: 320px) {
	#bodyer,header,footer,#header .bd,#header-showpage .bd	{ width:320px; }
	
}
@media screen and (min-width: 360px){
	#nav > li				{ margin:0 1%; }

}
@media screen and (min-width: 500px){
	#nav > li				{ margin:0 1.5%; }
	
}
@media screen and (min-width: 600px)  {
	#nav > li > a			{ width:60px; font-size:18px; }
	.nav-msgs .news			{ right:-6px; }
	.nav-mylist .mylist-news .news{ right:5px; top:16px; }	/*小红点*/
	.nav-username			{ display:block; position:absolute; top:20px; right:58px;  min-width:200px; height:20px; line-height:20px; text-align:right; color:#555; }
	.nav-username a			{ display:inline-block; width:100%; padding-top:0px; color:#eee; text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.nav-login				{ display:block; position:absolute; top:0; right:110px; }
	.nav-login a			{ line-height:60px; color:#eee; padding:2px 5px; margin:0 5px; }
	.nav-face				{ right:10px; }
	#header-showpage .slogan{ display:block; }
	#header-showpage .webname{ display:none; }
}
@media screen and (min-width: 800px)  {
	#nav					{ padding-left:18%; }
	.nav-logo				{ display:block; position:absolute; top:6px; left:10px; height:45px; border-radius:3px; }
	#nav > li				{ margin:0 1%; }
	#header-showpage .guest	{ display:block; }	/*游客，大于800展示*/
	
}
@media screen and (min-width: 1000px) {
	h1						{ font-size:26px; }
	nav						{ padding:0 6px; position:relative; }
	#bodyer					{ padding:110px 10px 30px 10px; }
	#header .bd,#footer,#header-showpage .bd{ padding:0 10px; }
	#nav > li				{ margin:0 1.5%; }
	#nav > li > a			{ letter-spacing:2px; }
	.nav-username			{ right:103px; }
	.nav-face				{ right:55px; }
	.nav-loginout			{ display:block; position:absolute; width:30px; height:20px; top:20px; right:10px; }
	.nav-loginout a			{ color:#aaa; }
	.nav-loginout a:hover	{ color:#fff; }
}
@media screen and (min-width: 1200px) {
	nav,#bodyer,#header .bd,#footer,#header-showpage .bd{ width:1200px; }
	#nav > li						{ margin:0 1.5%; }
	
}
/*导航结束                                   */

#login					{ position:relative; background:#fff; padding:60px 5%; }
#login .head			{ position:absolute; min-width:100px; height:40px; top:0; right:6%; padding:0 20px; color:#fff; line-height:40px; text-align:center; background:#00783c; }
#login input	        { font-size:18px; }
#login p				{ padding:1% 0; }
#login .select          { padding:1%  0 3% 0; }
#login .select span		{ display:inline-block; padding:1px 1px; margin-right:15px; font-size:18px; color:#888; }
#login .select .selected{ border-bottom:2px solid #00783c; color:#00783c; }
#login .sms-mobileNumber{ font-size:18px; }
#login .sms-code        { width:49%; font-size:18px; }
#login .sms-send,
#login .sms-send-waiting{width:49%; float:right;}
#login .link			{ padding-top:10px; }
#login .link a			{ display:inline-block; margin-left:10px; }
#login .err				{ display:none; color:#ff0000; }
#login .submitLogin     { font-size:18px; }

@media screen and (min-width: 600px)    { #login{ padding:60px 15%; }}
@media screen and (min-width: 800px)    { #login{ padding:60px 20%; }}
@media screen and (min-width: 1000px)   { #login{ padding:60px 28%; }}
@media screen and (min-width: 1200px)   { #login{ padding:60px 32%; }}

/*弹性盒子，160px左右*/
.box-bigface	{ width: 50%; float: left; text-align:center; padding:3px; }
@media screen and (min-width: 480px) and (max-width: 640px)		{ .box-bigface	{ width:33.33%; } }
@media screen and (min-width: 640px) and (max-width: 800px)		{ .box-bigface	{ width:25%; } }
@media screen and (min-width: 800px) and (max-width: 960px)		{ .box-bigface { width:20%; } }
@media screen and (min-width: 960px) and (max-width: 1120px)	{ .box-bigface	{ width:16.66%; } }
@media screen and (min-width: 1120px)							{ .box-bigface	{ width:14.28%; } }

/*弹性盒子，300px左右*/
.box-photo	{ width: 50%; float: left; text-align:center; padding:5px; }

@media screen and (min-width: 600px) and (max-width: 1000px)	{ .box-photo	{ width:33.33%; } }
@media screen and (min-width: 1000px)							{ .box-photo	{ width:25%; } }

/*弹性盒子，400px左右*/
.box-card	{ width: 100%; float: left; text-align:center; padding:10px; }
@media screen and (min-width: 760px) and (max-width: 1099px)	{ .box-card	{ width:50%; } }
@media screen and (min-width: 1100px)							{ .box-card	{ width:33.33%; } }

/*-------------------------布局框架结束！--------------------------*/




/*大头照列表展示*/
.userlist-bigface a					{ display:block; position:relative; float:left; width:100%; height:210px; text-align:center; padding:10px 0; border-radius:3px; border:1px solid #bbb; background:#fafafa; }
.userlist-bigface span				{ display:block; height:120px; overflow-y:hidden; }
.userlist-bigface span img			{ width:90px; border:3px solid #eee; }
.userlist-bigface a:hover 				{ border-color:#ffbfe6; background-color:#fff; box-shadow:0px 0px 8px #ffafe0; }
.userlist-bigface p					{ margin:3px 0;color:#888; }
.userlist-bigface a:hover p			{ color:#333; }
.userlist-bigface b					{ font-weight:lighter; padding:0 5px; margin:0 0 0 3px; border-radius:3px; font-size:12px;color:#fff; background-color:#009BCE;background-image:url('../images/bg_shan_huang.gif'); }

/**/
.userlist-card					{ display:block; height:124px; clear:both; border:2px solid #fff; border-radius:4px; box-shadow:0px 0px 8px #bbb; background-color:#fff; }
.userlist-card:hover				{ border-color:#6080ba; }
.userlist-card .bigface			{ float:right; }
.userlist-card span				{ display:block; text-align:left; color:#888; padding-left:20px;}
.userlist-card .username			{ padding:20px 0 10px 20px;  color:#333; }

/*用户列表头通用*/
.ul-nothing			{ font-size:16px; color:#999; margin:30px auto; text-align:center; }
.ul-head			{ position:relative; height:50px; margin:0 10px; }
.ul-head select		{ width:140px; font-size:16px; }						/*省份筛选*/
.ul-head h1			{ position:absolute; top:0; left:0; font-size:24px; line-height:30px; }
.ul-head i			{ position:absolute; top:0; right:0; display:block; color:#888; line-height:40px; }		/*列表头提示文字*/

/*访客、在线名单列表*/
.mylist li					{ height:71px; border-top:1px solid #ddd; width:100%;  }
.mylist li div				{ position:relative; padding:10px 0; background:#f5f5f5; width:100%; height:100%;}
.mylist li div:hover		{ background:#fff; }
.mylist .bigface			{ position:absolute; top:5px; left:5px; width:45px; height:60px; overflow:hidden; }
.mylist .bigface img		{ width:100%; border:0; }
.mylist p					{ height:25px; margin-left:60px; line-height:25px; }
.mylist .username a			{ color:#555; font-size:16px; }
.mylist .info				{ color:#999; font-size:12px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.mylist .dec				{ display:none; }
.mylist .browsetime			{ position:absolute; color:#999; font-size:12px; right:30px; top:10px; color:#aaa; text-align:right;}
.mylist em					{ position:absolute; right:5px; top:12px; }
.mylist .remark				{ position:absolute; top:35px; right:3px; width:40%; height:25px; color:#aaa;  }
.mylist .remark i			{ display:none; position:relative; width:20px; height:20px; top:-25px; left:90%; color:#00783c; }
.mylist .remark input		{ height:24px; font-size:14px; color:#555; border:0; border-bottom:1px solid #ccc; background:#f5f5f5; }
.mylist .remark input:hover	{ border-color:#00783c; }
.mylist .del				{ top:5px; right:5px; font-size:16px; }
.mylist .ilike				{ position:relative; left:-6px; top:3px; }
.mylist .likeme				{ position:absolute; top:14px; right:30px; width:18px; }

@media screen and (min-width: 800px) and (max-width: 1099px)	{ .mylist li	{ width:50%; } }
@media screen and (min-width: 1100px)							{ .mylist li	{ width:33.3%; } }
@media screen and (min-width: 800px){
	.mylist					{ padding:5px; overflow:hidden; }
	.mylist::after			{content:""; display:block; clear:both;}
	.mylist li				{ float:left; margin:0; padding:1px; height:92px; border:0; }
	.mylist li div			{ border-radius:3px; border:0px solid #ddd; text-align:left;  box-shadow:0px 3px 5px #aaa;}
	.mylist li div:hover	{ border:0; }
	.mylist p				{ margin-left:80px; }
	.mylist .bigface		{ width:60px; height:80px; }
	.mylist .browsetime		{  }	/*浏览访问时间*/
	.mylist .dec			{ display:block; color:#999; padding-right:20px; font-size:12px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
	.mylist em				{ top:12px; right:5px; }
	.mylist .remark			{ position:static; width:50%;  }	/*备注*/

	.mylist .ilike			{ position:absolute; left:3px; top:0; }
	.mylist .likeme			{ top:12px; right:26px; width:18px; }
	.ul-nothing				{ font-size:20px; }
}
/*黑名单*/
#ul_prevent::after		{content:""; display:block; clear:both;}
#ul_prevent li			{ height:54px; padding:2px; }
#ul_prevent li div		{ position:relative; background:#fff; padding:5px 0; width:100%; height:100%; }
#ul_prevent li div:hover{ background:#f5f5f5; }
#ul_prevent img			{ position:absolute; left:0; top:0; height:50px; border:0; }
#ul_prevent p			{ margin-left:50px; line-height:20px; color:#aaa; font-size:12px; }
#ul_prevent p a			{ color:#333; }
#ul_prevent .del		{ position:absolute; right:10px; top:15px;  }
#prevent-explain		{ position:absolute; display:none; z-index:97; top:20px; right:10px; width:240px; padding:20px 10px; }
@media screen and (min-width: 800px){
	#ul_prevent li		{ float:left; min-width:33%; padding:2px; }
}
/*私信名单列表*/

#ul-msgs li				{ position:relative; z-index:91; height:70px; padding:10px 0; background:#fff; border-top:0px solid #ddd; margin-top:1px; }
#ul-msgs li:hover		{ background:#f5f5f5; }
#ul-msgs li a			{ position:relative; display:block; margin-right:50px; }
#ul-msgs .username		{ margin-left:60px; line-height:25px; color:#555; font-size:16px; }
#ul-msgs .content		{ margin-left:60px; line-height:25px; font-size:12px; color:#888; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#ul-msgs .bigface		{ position:absolute; top:-5px; left:5px; z-index:95; height:60px; border:0; }
#ul-msgs .news			{ left:40px; top:3px; z-index:96; }
#ul-msgs .sendtime		{ font-size:12px; color:#aaa; margin-right:5px; padding:0 3px; }
#ul-msgs .vip			{ font-size:20px; }
#ul-msgs .del			{ top:25px; right:10px; z-index:96; }

@media screen and (min-width: 800px){
	#ul-msgs			{ padding:5px; }
	#ul-msgs .username	{ position:absolute; top:0; left:0; z-index:96; height:50px; width:200px; line-height:50px; }
	#ul-msgs .content	{ position:absolute; top:0; right:0; z-index:95; width:100%; height:50px; line-height:50px; padding:0 50px 0 260px; }
	#ul-msgs .news		{ left:auto; top:28px; right:60px; }
	#ul-msgs .del		{ top:28px; font-size:18px; }
}
@media screen and (min-width: 1200px){
	#ul-msgs li			{ margin-top:2px; }
	#ul-msgs .content	{ padding-right:70px; }
}

/*照片秀列表*/
.photoshow					{ position:relative; float:left; display:inline; width:100%; padding-top:176%; background:#fff; overflow:hidden; box-shadow:3px 3px 5px #aaa; border-radius:5px; }
.photoshow .photo			{ position:absolute; top:0; left:0; width:100%; height:100%; border:0px solid green; overflow:hidden; background:#fff; }
.photoshow .photo img		{ width:100%; }
.photoshow p				{ position:absolute; bottom:0; left:0; width:100%; height:64px; text-align:center; padding:10px 0; color:#666; line-height:22px; background:rgba(255, 255, 255, 0.8); }
.photoshow p a				{ font-size:16px; }
.photoshow span				{ display:block; font-size:14px; margin-top:80px; color:#bbb; line-height:30px; text-overflow:ellipsis; }

/*搜索*/
#search-ul						{  }
#search-ul li					{ list-style-type:none; position:relative; min-height:160px; margin:5px 0; overflow: hidden;  }
#search-ul li .ishide			{ position:absolute; height:100%; min-height:160px; width:100%; z-index:3; background-color:rgba(200,200,200,.92); }
#search-ul li a					{ display:block; min-height:160px;  padding:10px 5px; background-color:#fff; }
#search-ul li a:hover			{ box-shadow:0px 3px 10px #bbb; }
#search-ul .bigface				{ position:absolute; top:5px; left:5px; width:90px; height:120px; overflow: hidden; }
#search-ul .bigface	img			{ width:90px; border:0; }
#search-ul p					{ margin-left:100px; padding:2px 0; }
#search-ul .xing				{ position:absolute; z-index:2; top:125px; left:15px; padding:10px; }
#search-ul .xing i, #search-ul .xing span{ display:inline-block; width:8px; height:8px; background-color:#ddd; margin:0 1px; border-radius:50%; }
#search-ul .xing i				{ background-color:#ff0011; }
#search-ul .xuanyan				{ font-size:14px; color:#999; }
#search-ul .username			{ padding-bottom:5px; font-size:18px; }
#search-ul .info				{ color:#555; font-size:14px; }

@media screen and (min-width: 500px){
	#search-ul li a				{ min-height:130px; }
	#search-ul li				{ min-height:130px; }
	#search-ul .xing			{ top:0; left:auto; right:0; }
}
@media screen and (min-width: 800px){
	#search-ul p				{ margin-left:110px; }
	#search-ul .xing			{ right:10px; }
}
@media screen and (min-width: 1000px){
	#search-ul li a				{ padding-right:40px; }
}

/*会员搜索*/
#search-form						{ width:100%; padding:5px 2px; background:#fff; }
#search-form p						{ float:left; line-height:40px; padding:2px; }
#search-form select					{ display:inline-block; }
#search-form button					{ width:100%; border-radius:3px; }
#search-type						{ clear:both; margin:5px 0; padding:10px 10px; line-height:24px; background-color:#00783c; color:#fff; text-align:center; word-break:normal; }
#search-form input[type="checkbox"]	{ float:left; display:block; width:24px; height:24px; margin:8px 0 0 10px; }
#search-id-form						{ background-color:#fff; padding:9px 2%; }
#search-id-form p					{ position:relative; height:42px; border-width:1px; border-style:solid; margin:0 auto; }
#search-id-form input				{ position:absolute; width:75%; top:0; left:0; height:100%; border:0; }
#search-id-form button				{ position:absolute; width:25%; top:0; right:0; height:100%; border:0; }
@media screen and (max-width: 599px){
		#search-form p				{ width:25%; }
}
@media screen and (min-width: 600px) {
		#search-form				{ height:150px; }
		#search-form p				{ width:25%; }
		#search-id-form				{ padding:9px 10%; }
}
@media screen and (min-width: 1000px) {
		#search-form				{ height:60px; padding:10px;  }
		#search-form p				{ padding:0 2px 0 0; width:auto; }
		#search-form select			{ width:100%; }
		#search-form button			{ width:100px; }
		#search-type				{ line-height:40px; font-size:16px; }
		#search-id-form				{ padding:9px 20%; }
}


#XTJ_head *{font-size:14px;line-height:40px;}
#XTJ_head{height:40px;width:100%;color:#000;overflow:hidden;text-align:left;margin:0 auto;}
#XTJ_head p{font-size:14px;float:left;color:#000;}
#XTJ_head a{font-size:14px;margin-right:6px;color:#000}
#XTJ_head a:hover{color:#eee}
#XTJ_head a span{color:#eee;}
#XTJ_head #XTJ-webname{float:right;width:400px;text-align:right;}
#XTJ-webname a{color:#000;}
/*首页日志列表*/
#XTJ-topic						{ padding:0px 0 60px 0; min-height:400px; text-align:left; background-color:#fff; }
/*
#XTJ-topic li:first-child		{ border-top:1px solid #FFF; }
*/
#XTJ-topic li					{ position:relative; height:81px; padding:10px 5px 10px 5px; border-top:1px solid #ddd;}
#XTJ-topic li:hover				{ background-color:#fafafa; }
#XTJ-topic li .body				{ position:relative; display:block; margin-left:60px; }
#XTJ-topic li .body:hover .title{ color:#00783c; }
#XTJ-topic .title				{ line-height:30px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#XTJ-topic .news				{ top:5px; right:-2px; }
#XTJ-topic .data				{ display:inline-block; line-height:30px; color:#999; font-size:12px;  }
#XTJ-topic .data i				{ font-size:12px; font-family:Corbel; font-style:italic; font-weight:bold; }
#XTJ-topic .data .size1			{ font-size:14px; }
#XTJ-topic .data .size2			{ font-size:16px; }
#XTJ-topic .data .size3			{ font-size:18px; }
#XTJ-topic .lastcomment			{ display:none; }
#XTJ-topic .username			{ display:inline-block; line-height:30px;  }
#XTJ-topic .username span		{ padding:2px 5px; font-size:12px; color:#999; border:1px solid #ddd; border-radius:3px; }
#XTJ-topic .username i			{ font-size:14px!important; }
#XTJ-topic .bigface				{ position:absolute; top:15px; left:5px; width:50px; height:50px; }
#XTJ-topic .bq-tuijian			{ background-color:#c67000; }
#XTJ-topic .bq-yinsi			{ background-color:#007944; }
#XTJ-topic .bq-top				{ background-color:#eee; color:#000; }
#XTJ-topic .bq-guanzhu			{ background-color:#c10076; }
#XTJ-topic .biaoqian span		{ margin-right:5px; padding:1px 3px; color:#fff; font-size:14px; }
#XTJ-topic .addtime				{ display:inline-block; line-height:25px; margin-left:5px; color:#888; font-size:12px; }

#XTJ-myTopic			{ padding:0px 0 60px 0; min-height:400px; text-align:left; background-color:#fff; }
#XTJ-myTopic li			{ position:relative; height:81px; padding:10px 2%; border-top:1px solid #ddd;}
#XTJ-myTopic .title		{ display:block; max-width:90%; padding:3px 0 6px 0; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
#XTJ-myTopic .news		{ position:static; display: inline-block; }
#XTJ-myTopic .addTime	{ display:inline-block; height:20px; line-height:20px; font-size:14px; }
#XTJ-myTopic .del       { position:absolute; top:10px; right:10px; }
#XTJ-myTopic .data      { color:#888; height:20px; line-height:20px; font-size:12px; }

#XTJ-fav				{ padding:20px 0; background:#fff; background-color:#fff; min-height:400px; }
#XTJ-fav li				{ position:relative; text-align:left; height:80px; padding:0 2%; clear:both; list-style-type:none; border-bottom:1px dashed #888; }
#XTJ-fav .data			{ font-size:12px; }
#XTJ-fav .data a		{ font-size:12px; }
#XTJ-fav .title			{ white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
#XTJ-fav .title a		{ line-height:50px; font-size:18px; }
#XTJ-fav .del			{ position:absolute; top:45px; right:10px; font-size:20px; }

#XTJ-comment				{ background:#fff; background-color:#fff; min-height:400px; }
#XTJ-comment li				{ position:relative; padding:20px 5px; border-top:1px solid #aaa; margin-top:5px; list-style-type:none; }
#XTJ-comment .comment		{ line-height:150%; padding:20px 10px 0 10px; font-size:16px; word-break:break-all; }
#XTJ-comment .time			{ color:#888; margin-left:10px; font-size:12px; }
#XTJ-comment .title			{ padding:10px 10px 20px 10px; text-align:right; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
#XTJ-comment .whf			{ color:#0073c5; }
.xtj-errmsg					{ padding:50px 10px; text-align:center; font-size:18px; }
#XTJ-editForm						{ padding:1%; background:#fff; }
#XTJ-editForm .title				{ position:relative;  }
#XTJ-editForm input[type="text"]	{ width:85%; max-width:600px; margin:5px 0; padding-left:5px; }
#XTJ-editForm .bt-selectUploadPic	{ position:absolute; z-index:97; top:5px; right:0; width:14%; max-width:60px; height:40px; line-height:38px; border:1px solid #888; border-radius:5px; text-align:center;  font-size:14px; }
#XTJ-editForm input[type="file"]	{ position:absolute; z-index:98; top:5px; right:0; border:0; width:14%; max-width:60px; height:40px; padding:0; opacity:0; }	/*上传图片*/
#XTJ-editForm textarea				{ min-height:260px; margin:0; padding:1%; }
#XTJ-editForm .uploadpic			{ width:100%; height:50px; padding-top:10px;  }
#XTJ-editForm .uploadpic iframe		{ float:left;  height:40px; width:100%; }
#XTJ-editForm .uploadpic span		{ float:right; display:block; height:30px; line-height:30px; border:1px solid #bbb; padding:0 5px; background:#ddd; cursor:pointer; }
#XTJ-editTextarea					{ min-height:200px; margin:0; padding:5px; border:1px solid #bbb;
									-webkit-user-modify: read-write-plaintext-only;
									-moz-user-modify: read-write-plaintext-only;
									user-modify: read-write-plaintext-only;
}
#XTJ-editTextarea img		{width:100px;}

.showTopic-body				{ padding-top:10px !important; }
#showtopic					{ position:relative; padding:60px 10px 150px 10px; background-color:#fff; box-shadow:0px 3px 20px #999;  }
#showtopic h1				{ height:60px; padding:0 60px 0 0; text-overflow:ellipsis; overflow:hidden; color:#444; font-size:22px !important; font-weight:bold; }
#showtopic .z-bigface		{ position:absolute; top:60px; right:10px; width:60px; height:60px; }
#showtopic .closewindow-top	{ display:; }
#showtopic .data			{ text-align:left; padding:10px 0 5px 0; }
#showtopic .data span		{ margin:0 5px;}
#showtopic .set				{ text-align:right; margin:-20px 0 20px 0; }
#showtopic .set select		{ width:120px; height:30px; }
#showtopic .isbest b		{ background-color:#c67000; font-size:14px; }
#showtopic .content			{ text-align:left; font-size:18px; padding:30px 0; margin:0; border-top:2px solid #00783c; line-height:180%; letter-spacing:0px; word-break:break-all; }
#showtopic .content *		{ font-size:18px; }
#showtopic .content	p		{ font-size:12px; color:#888; margin-top:20px}
#showtopic .topicLink		{ padding:20px 0; }
#showtopic .topicLink p		{ font-size:18px; color:#888; line-height:36px; }
#showtopic .topicLink a		{ font-size:18px; }
#showtopic .zan				{ overflow:hidden; margin:10px 0 20px 0;padding:10px 0;border-top:1px solid #aaa; }
#showtopic .zan button		{ width:100px; height:30px; border-radius:5px; line-height:28px; }
#showtopic .zan li			{ float:left; margin:3px 20px 3px 0; height:30px; line-height:30px; }
#showtopic .zan li a		{ color:#333; line-height:30px; }
#showtopic .zan .class-3	{ font-size:14px !important; }
#showtopic .comments		{ margin:0 0 5px 0;padding:40px 0 5px 0;border-bottom:2px solid #00783c; }	/*评论条数*/
#showtopic .comments em		{ font-size:24px; }
#showtopic .comment			{ position:relative; padding:20px 0 30px 0; border-bottom:1px solid #888; }

#commentForm				{ padding:20px 0; }						/*评论表单*/
#commentForm textarea		{ display:none; height:40px; }			/*火狐浏览器使用*/
#commentForm .textarea		{ min-height:40px; padding:7px; border:1px solid #333; font-size:16px; color:#aaa; font-style:italic ; }	/*评论输入框*/
#commentForm .action		{ position:relative; border:0px solid red; }
#commentForm .emoticon		{ padding:5px 110px 0 0; display:none; }	/*表情包*/
#commentForm .emoticon img 	{ margin:6px; }
#commentForm button			{ position:absolute; top:-40px; right:0; width:100px; height:40px; }
.replyForm					{ padding:0; border:0px solid green; }	/*回复表单*/
.replyForm .action			{ position:relative; padding:10px 0; border:0px solid red; }
.replyForm textarea			{ display:none; height:40px; }			/*火狐浏览器使用*/
.replyForm .textarea		{ min-height:40px; padding:7px; border:1px solid #333; font-size:16px; color:#aaa; font-style:italic ; }	/*回复输入框*/
.replyForm button			{ position:absolute; width:100px; height:40px; bottom:10px; right:0; color:#000; border-color:#333; background:#eee; }
.replyForm button:hover		{ background:#666; color:#fff; }
.replyForm .btn-txt			{ font-size:16px; }

#showtopic .comment-bigface	{ position:absolute; top:9px; left:0; width:40px; height:40px; }
#showtopic .del				{ position:absolute; top:5px; right:0; font-size:18px; }
#showtopic .comment-content	{ font-size:16px; line-height:160%; padding:15px 0 5px 0; color:#333; letter-spacing:0px; word-break:break-all; }
#showtopic .comment-username{ display:inline-block; padding:0px 5px 0 45px; }
#showtopic .comment-username a{ font-size:16px; }
#showtopic .comment-username .class-3{ font-size:14px !important; }
#showtopic .time			{ font-size:12px; color:#888; padding-left:5px; }
#showtopic .reply			{ position:relative; min-height:36px; padding:8px 15px 6px 50px; border:1px solid #e5e5e5; border-radius:18px; line-height:19px; color:#666; background:#f5f5f5; }
#showtopic .reply .del		{ position:absolute; top:5px; right:5px; font-size:14px; }
#showtopic .reply-bigface	{ position:absolute; left:1px; top:1px; width:32px; height:32px; }
#showtopic .reply-name		{ position:absolute; left:7px; top:8px; }
#showtopic .adminlink a		{ display:inline-block;  padding:0 4px; color:blue; }
#showtopic .quote			{ border:1px solid #eee; font-size:12px; line-height:150%; background-color:#f5f5f5; padding:10px; margin:0; }	/*原引用回复块*/
#showtopic .quote *			{ color:#888; }
@media screen and (min-width: 760px) {
	#XTJ-topic #nav3			{ background:#fff; padding:30px 40px 10px 30px; }
	#XTJ-topic li				{ height:61px; padding:5px 5px 5px 20px; }
	#XTJ-topic .title			{ display:inline-block; line-height:50px; overflow:visible; }
	#XTJ-topic .data			{ display:inline-block; line-height:50px; }
	#XTJ-topic .bigface			{ top:5px; left:15px; width:50px; height:50px; }
	#XTJ-topic .username		{ margin-left:0;  }
    #XTJ-topic .news			{ top:17px; right:20px; }
	#XTJ-topic .lastcomment		{ display:inline; font-size:12px; color:#999; }
	
}

@media screen and (min-width: 1000px) {
	
	#XTJ-topic li				{ padding-left:30px; }
	#XTJ-topic .title			{ display:inline-block; line-height:50px; font-size:18px; overflow:visible; }
	#XTJ-topic .data			{ position:absolute; top:0; right:45px; line-height:50px; padding:0; overflow:visible; }
	#XTJ-topic .data i			{ font-size:16px; }
	#XTJ-topic .data .size1		{ font-size:18px; }
	#XTJ-topic .data .size2		{ font-size:22px; }
	#XTJ-topic .data .size3		{ font-size:26px; }
    #XTJ-topic .bigface			{ left:25px; }
    #XTJ-myTopic li             { height:50px; }
	#XTJ-myTopic .title         { margin-left:95px; }
    #XTJ-myTopic .addTime       { position:absolute; top:15px; left:20px; }
    #XTJ-myTopic .data          { position:absolute; top:15px; right:50px;  }
    #XTJ-myTopic .del           { top:15px; }
	
	#XTJ-fav li					{ height:61px; }
	#XTJ-fav p					{ float:left; line-height:60px; }
	#XTJ-fav .title				{ width:auto; margin-right:20px; }
	#XTJ-fav .title a			{ line-height:60px; }
	#XTJ-fav .del				{ top:18px; }
	#XTJ-conmment li			{ padding:20px 30px; }
	#XTJ-conmment #nav3			{ padding:40px 50px 20px 30px; }
	#showtopic h1				{ font-size:30px !important; }
	#showtopic-header			{ margin-bottom:20px; border-bottom:1px solid #bbb; }
	#showtopic-header	p		{ display:block; }
	.showTopic-body				{ padding-top:20px !important; }
	#showtopic .rep-btn			{ padding-left:85%; }
	#showtopic .comment			{ padding:20px 0 40px 60px; }
	#showtopic .comment-bigface	{ top:15px; left:0; width:50px; height:50px; }
	#showtopic .comment-content { padding-top:5px; }
	#showtopic .comment-username{ padding:0 5px 0 0; }
	#showtopic-commentForm .emoticon img { margin:4px; }
	#showtopic					{ padding:80px 80px 80px 80px; background:#fff; }
	#showtopic .z-bigface		{ top:40px; right:80px; width:90px; height:90px;  }
	#showtopic .closewindow-top, #showtopic .closewindow-bottom	{ display:block; }
	#XTJ-editForm				{ margin-top:40px; }
	#XTJ-editForm textarea		{ height:400px; }
	#showtopic-comform textarea	{ height:100px; }
}
@media screen and (min-height: 1000px) {
	#XTJ-editForm textarea		{ height:600px; }
	#XTJ-editForm input,textarea{ font-size:14px; }
}

/*注册*/
#regform					{ background:#fff; width:100%; padding:20px 3%; min-height:815px; }
#regform li					{ position:relative; min-height:50px; line-height:40px; padding:5px 0 5px 60px;; font-size:16px; }
#regform li i				{ position:absolute; top:5px; left:0; text-align:right; width:50px; line-height:40px; font-size:16px; }
#regform .reg-input			{ width:100%; }
#regform .reg-input input	{ font-size:16px; }
#regform .reg-input select	{ font-size:16px; }
#regform .checkbox			{ height:70px; line-height:30px; }
#regform .checkbox p		{ position:absolute; left:60px; top:10px; }
#regform .checkbox p span	{ display:inline-block; margin-right:7px; }
#regform .city select		{ width:50%; }
#regform button				{ margin-top:-20px; border:1px solid #006d07; background-color:#00783c; color:#fff; font-size:18px; }
#regform button:hover		{ background-color:#00954a; }
#regform .regbtn			{ text-align:center; }
#regform .ok, #regform .err	{ display:none;  }
#regform .ok				{ position:absolute; right:10px; top:5px; width:20px; height:40px; font-size:18px; color:#007038; }
#regform .err				{ color:#ff0000; line-height:24px; }
#regshow					{ display:none; }

@media screen and (min-width: 800px) {
	#regform				{ padding:20px 10%; }
	#regform .reg-input		{ width:100%; }
	#regform .ok			{ right:20px; }
}
@media screen and (min-width: 900px) {
	#reg					{ padding-right:310px; }
	#regshow				{ display:block; position:absolute; width:310px; right:10px; top:20px; }
	#regshowface			{ background-color:#; }
	#regshowface img		{ display:block; float:left; margin:0 0 5px 5px; }
}
/*注册成功*/
.reg-ok				{ font-size:40px; text-align:center; padding:50px 0 10px 0; }
.reg-wel			{ font-size:20px; text-align:center; padding:10px 0; }
.reg-login			{ display:block; height:50px; margin:5%; text-align:center; line-height:50px; border:1px solid #006633; background-color:#00783c; color:#fff; font-size:20px; }
.reg-login:hover	{ background-color:#00a553; color:#fff; }
/*        */


.userinfo						{ position:relative; min-height:520px; }
.userinfo-nav					{ background-color:#eee; }
.userinfo-nav li				{ height:46px; }
.userinfo-nav li a				{ display:block; position:relative; height:45px; cursor:pointer; padding:0 10px; line-height:45px; font-size:16px; background-color:#fff; color:#555; }
.userinfo-nav li a:hover		{ background-color:#fafafa; }
.userinfo-nav li em				{ font-size:12px; }
.userinfo-nav a .arrow			{ top:17px; right:15px; width:12px; height:12px; border-color:#bbb; transform: rotate(45deg); margin-bottom:10px; }
.userinfo-nav .index			{ display:none; }
.userinfo-nav .ing a			{ background-color:#00783c; color:#fff; }
/*设置首页*/
.ui-abstract					{ padding-top:10px; }	
.ui-abstract .bigface			{ overflow:hidden; width:90px; height:90px; margin:0 auto 20px auto; }
.ui-abstract .bigface-list		{ padding:0 2%; display:none; }
.ui-abstract .bigface-img		{ position:relative; display:inline-block; width:20%; }
.ui-abstract .bigface-img img	{ width:100%; }
.ui-abstract .bigface-img i		{ position:absolute; bottom:5px; right:5px; background-color:#fff; font-size:12px; }
.ui-abstract .bigface-list p	{ position:relative; height:60px; }
.ui-abstract .bigface-list p .arrow{ bottom:0; left:50%; margin-left:-14px; width:30px; height:30px; border-color:#666; margin-bottom:10px; }
.ui-abstract ul			{ padding:0; }
.ui-abstract li			{ position:relative; padding-left:15%; height:51px; line-height:50px; border-bottom:1px solid #ddd; word-wrap:break-word; background-color:#fff; color:#333; }
.ui-abstract li i		{ color:#999; }
.ui-abstract li .icon-txt-border	{ position:absolute; left:1%; top:12px; height:26px; margin:0; padding:0 5px; line-height:26px; }
.ui-abstract li .link	{ position:absolute; top:0; right:2%; cursor:pointer; }
.ui-abstract li select	{ background:#fff; height:24px; margin-top:13px; color:#333; }
.ui-abstract li input,
.ui-abstract li button							{ position:absolute; top:5px; }
.ui-abstract input[name="newUserName"]			{ left:1%; width:70%; }
.ui-abstract button[name="btn-updateUserName"]	{ right:1%; width:27%; }
.ui-abstract .sms-mobileNumber		        	{ left:1%; width:35%; text-align:center; }
.ui-abstract .sms-code				            { left:37%; width:20%; text-align:center; }
.ui-abstract .sms-send			                { left:58%; width:22%; font-size:12px; }
.ui-abstract .sms-send-waiting              	{ left:58%; width:22%; font-size:12px; }
.ui-abstract button[name="btn-setMobileNumber"]	{ right:1%; width:15%; }

.ui-abstract .dec			{ margin:10px 0; background-color:#fff; }	/*declaration:宣言*/
.ui-abstract .dec-show		{ position:relative; padding:40px 2% 10px 2%; line-height:150%; cursor:pointer; }
.ui-abstract .dec-show em	{ position:absolute; top:10px; left:2%; }
.ui-abstract .dec-show a	{ position:absolute; top:10px; right:2%; }
.ui-abstract .dec-edit		{ display:none; min-height:100px; padding:5px; }
.ui-abstract .dec-add		{ padding:5px; }
.ui-abstract .dec textarea	{ height:100px; border:1px solid #888; font-size:14px; }

.userinfoform					{ background-color:#fff; padding:20px 3%; clear:both;}
.userinfoform-head				{ position:fixed; height:50px; width:100%; top:0; left:0; z-index:100; padding-left:60px; line-height:50px; font-size:16px; color:#fff; background-color:#00783c; }
.userinfoform-head .back		{ position:absolute; display:block; left:0; top:0; width:60px; height:50px; padding-right:0px; }
.userinfoform-head .arrow		{ top:18px; left:20px; width:15px; height:15px; border:#fff solid; border-width: 2px 2px 0 0; transform: rotate(225deg); margin-bottom:10px; }
.userinfoform .btn				{ clear:both; padding:40px 0; }
.userinfoform div				{ line-height:50px; color:#666; vertical-align:middle; }
.userinfoform .basic p			{ float:left; width:35%; line-height:50px; text-align:right; }
.userinfoform .basic div		{ float:left; width:65%; }
.userinfoform .basic span		{ display:block; line-height:50px; }
.userinfoform .fmt-city select	{ width:50%; }
.userinfoform .dating p			{ line-height:30px; padding-top:20px; }
.userinfoform .dating span		{ display:inline-block; width:170px; line-height:50px; color:#666; }
.userinfoform .sex p			{ line-height:30px; padding-top:20px; }
.userinfoform .sex span			{ display:block; line-height:50px; color:#666; }
.userinfoform .interest dl		{ float:left; width:33.3%; height:460px; }
.userinfoform .interest dt		{ font-size:16px; height:30px; padding:0; margin:0; }
.userinfoform .interest dd		{ padding:0; color:#666; height:30px; }

.userinfoform .album .list::after	{ content:""; display:block; clear:both; }
.userinfoform .album .list li		{ float:left; width:50%; height:286px; padding:3px; }
.userinfoform .album .list li div	{ position:relative; height:100%; background:#eee; }
.userinfoform .album .list li p		{ overflow:hidden; top:0; left:0; width:100%; height:230px; border-bottom:1px solid #ccc; text-align:center; vertical-align: middle; }
.userinfoform .album .list li img	{ max-height:100%; max-width:100%; }
.userinfoform .album .time			{ position:absolute; bottom:10px; left:0; width:100%; line-height:30px; font-size:12px; text-align:center; color:#999; }
.userinfoform .album .time em		{ font-size:12px; }
.userinfoform .album .del			{ position:absolute; line-height:20px; bottom:15px; right:15px; padding:0 8px; }
.userinfoform .album .orders		{ position:absolute; line-height:20px; bottom:8px; left:15px; font-size:22px; padding:0 4px; border-top:1px solid #999; color:#999; cursor:pointer; }
.userinfoform .album .orders:hover	{ color:#333; border-top-color:#333; }
.userinfoform .album .number		{ position:absolute; z-index:100; top:5px; right:0; padding:0 5px 0 8px; line-height:20px; color:#000; font-size:12px; background:rgba(240,240,240,.6); border-radius:3px 0 0 3px; }
.userinfoform .album .set			{ padding:20px 3px 20px 0; line-height:36px; text-align:right; }
.userinfoform .album .set select	{ width:110px; }
.userinfoform .album .explain		{ clear:both; margin:10px 3px; }
#album-upload div					{ overflow:hidden; }
#album-upload input					{ position:absolute; z-index:98; border:0; width:100%; height:230px; padding:0; font-size:12px; opacity:0; }
#album-upload .upload-plus			{ position:absolute; z-index:97; top:0; left:0; height:100%; width:100%; text-align:center; line-height:230px;   }
#album-upload .upload-plus::before	{ content:"＋"; color:#000; font-size:100px; color:rgba(0,0,0,.2); }
#album-upload button				{ position:absolute; z-index:99; bottom:5px; left:3%; width:94%;  }
#album-upload img					{ position:absolute; z-index:90; top:0; left:0; }
#album-upload .upload-msg			{ position:absolute; z-index:97; bottom:60px; width:94%; margin:0 3%; padding:5px 5px; line-height:20px; text-align:center; background:rgba(255,255,255,.6); }
#album-upload .upload-msg img		{ position:absolute; left:30px; top:5px; width:20px; }
.userinfoform .requirement select		{ width:40%; }
@media screen and (min-width: 360px) {
.userinfoform .basic span	{ float:left; padding-right:22px; }	
}
@media screen and (min-width: 600px) {
	.userinfoform .album .list li		{ width:33.3%; }
}
@media screen and (min-width: 800px) {
.userinfo					{ background-color:#fff; }
.userinfo-nav				{ padding:10px 0; width:16%; position:absolute; top:0; left:0; background-color:#fff; }
.userinfo-nav li			{ background-color:#eee; }
.userinfo-nav li a			{ padding-left:10%; background-color:#fff; }
.userinfo-nav li a:hover	{ background-color:#f5f5f5; }
.userinfo-nav .index		{ display:block; }
.userinfo-nav .arrow	{ display:none; }
.ui-abstract			{ padding:30px 25% 50px 21%; }
.ui-abstract li			{ padding-left:10%; }
.ui-abstract li:hover	{ border-bottom-color:#00783c; }
.ui-abstract li a		{ right:10px; }
.ui-abstract .bigface	{ position:absolute; top:30px; right:4%; width:150px; height:150px; }
.ui-abstract .dec		{ margin:30px 0; padding:0; }
.ui-abstract .dec-show	{ min-height:100px; background-color:#f5f5f5; border:1px solid #ddd; }
.ui-abstract .dec-edit	{ min-height:100px; padding:0; text-align:right; }
.ui-abstract .dec-add	{ min-height:100px; padding:0; text-align:right; }
.ui-abstract .dec button{ width:20%; }
.ui-abstract .dec textarea{ height:100px; }
.userinfoform				{ margin-left:16%; padding-right:8%; }
.userinfoform .btn			{ margin:0 auto; width:200px; }
.userinfo-index				{ margin:0 0 0 20%; min-height:620px; }
.userinfoform-head			{ display:none; }
.userinfoform .sex p		{ float:left; width:40%; line-height:50px; padding-top:0; text-align:right; }
.userinfoform .sex div		{ float:left; width:60%; }
.userinfoform .sex span		{ display:inline-block; line-height:50px; width:160px; }
.userinfoform .album .list li{ width:33.3%; }
}
@media screen and (min-width: 1000px) {
	.userinfoform .album .list li		{ width:25%; }
}



#myhome						{ position:relative; padding-bottom:80px; background-color:#fff; box-shadow:0px 3px 20px #999; min-height:800px; overflow:hidden; }
#myhome .showpage			{ display:block; }
.mh-bodyer					{ padding-top:10px!important; }
.mh-errmsg					{ padding-top:100px; font-size:20px; color:#00783c; text-align:center; }
.mh-errmsg p				{ padding-top:20px;  }
.mh-nav						{ position:absolute; top:0; right:15%; width:35%; max-width:300px; height:50px; }
.mh-nav a					{ display:block; float:left; width:50%; line-height:50px; text-align:center; font-size:16px; }
.mh-nav .ing				{ background:#00783c; color:#fff; }
#mh-header .username		{ position:absolute; left:3%; top:15px; height:50px; width:47%; font-size:16px; }
#mh-header .username .icon-userClass-vip{ font-size:20px!important; }
#mh-home, #mh-msg			{ display:none; }
#mh-msg						{ margin-top:90px; width:100%; padding:0 1%; min-height:600px; }
#mh-msg .msg-form			{ position:relative; width:100%; height:60px; padding:0 2%; margin-bottom:30px; }
#mh-msg .msg-form textarea	{ position:absolute; top:0; left:0; height:100%; width:77%; border-radius:5px;  }
#mh-msg .msg-form button	{ position:absolute; top:0; right:10%; width:12%; height:100%; line-height:100%; border-radius:5px; font-size:14px; }
#mh-msg .postPic			{ position:absolute; z-index:97; top:0; right:0; width:9%; height:100%; line-height:60px; border:1px solid #888; border-radius:5px; text-align:center; font-size:14px; color:#555; }
#mh-msg .msg-form input		{ position:absolute; z-index:98; top:0; right:0; border:0; width:8%; height:100%; padding:0; opacity:0; }	/*私信上传图片*/
#mh-msg .loading			{ position:absolute; top:0; right:0; display:none; width:15%; height:100%; text-align:center; border-radius:5px; background:#aaa; }
#mh-msg .loading img		{ width:40px; margin-top:30px; }
#mh-msg .prompt-stop		{ position:absolute; bottom:-25px; left:0; display:none; }	/*提示文字*/
#mh-msg .prompt-get			{ position:absolute; bottom:-25px; left:0; }
#mh-msg .prompt-over		{ padding-top:20px; }
#mh-msg .msg-list			{ min-height:400px; }
#mh-msg .bigface			{ position:absolute; top:0; width:40px; height:40px; }
#mh-msg .content			{ display:inline-block; padding:9px; line-height:20px; border-radius:5px; min-height:40px; word-break:break-all; }
#mh-msg .c-new				{ background:#f9f0dd!important; }
#mh-msg .c-upload			{ max-width:30%; padding:0; border:0; border-radius:0; background:#333!important; }	/*新发送图片的预览容器*/
#mh-msg .c-upload .thisPic	{ display:block; max-width:100%; opacity:0.2;}	/*新发送的图片*/
#mh-msg .c-upload .loading_gif{ position:absolute; top:10px; right:50px; }
#mh-msg .c-pic				{ background:#fff!important; }		/*历史图片*/
#mh-msg .c-pic .thisPic		{ opacity:1; }

#mh-msg .sendtime			{ font-size:12px; color:#aaa; margin-left:3px; }
#mh-msg .li-left			{ position:relative; padding:0; margin:10px 0;  }
#mh-msg .li-left .bigface	{ left:0; }
#mh-msg .li-left .content,
#mh-msg .li-left .content-pic{ margin-left:42px; margin-right:60px; background:#eee; }

#mh-msg .li-right			{ position:relative; padding:0; margin:10px 0; text-align:right; }
#mh-msg .li-right .bigface	{ right:0; }
#mh-msg .li-right .content,
#mh-msg .li-right .content-pic{ margin-right:42px; margin-left:60px; text-align:left; border-color:#6c9d68; background:#8fd78a; }
#mh-msg .li-right .sendtime	{ color:#539d4e; }

#mh-home .bigface			{ position:absolute; top:80px; left:3%; width:90px; height:90px; }
#mh-home .bigface .online	{ position:absolute; top:-8px; left:0px;line-height:20px; text-align:center; border-radius:50%; width:20px; height:20px; padding:0; }
#mh-home .xing				{ position:absolute; top:90px; left:18px; width:50px; height:20px; }
#mh-home .xing i, #mh-home .xing span{ display:inline-block; width:8px; height:8px; background-color:#ddd; margin:0 1px; border-radius:50%; }
#mh-home .xing i			{ background-color:#ff0011; }

#mh-home .ilike				{ position:absolute; top:130px; left:12px; width:65px; height:20px; padding-left:22px; background:url(/images/xin.gif) no-repeat; background-size:20px; }
#myhome .prevent			{ position:absolute; top:170px; left:12px; width:65px; height:20px; padding-left:22px; background:url(/images/prevent.gif) no-repeat; background-size:20px; }
#myhome .attitude-no		{ filter:grayscale(100%); opacity:0.3; }
#myhome .attitude-no i		{ display:none; }
#myhome .attitude-no span	{ display:; }
#myhome .attitude-yes i		{ display:; }
#myhome .attitude-yes span	{ display:none; }

#mh-home .fmt				{ padding:0 3%; margin:30px 0; }	/*DIV布局偏移*/
#mh-home .label span		{ display:inline-block; padding:5px 10px; margin:5px 8px 5px 0; border-radius:3px; background:#eee; color:#006633; }	/*标签*/
#mh-home .label span:hover	{ background:#f4fbf7; }


#mh-photolist				{ width:100%; height:160px; margin-top:20px; background:#333; }
#mh-photolist div			{ width:100%; height:100%; display:inline; padding:5px 0; white-space: nowrap; overflow-x:scroll; float:left; overflow-y:hidden;  }
#mh-photolist p				{ display:inline-block; height:150px; }
#mh-photolist img			{ height:100%; }
#mh-photolist .msg			{ text-align:center; line-height:150px; color:#aaa; }
#mh-photolist span			{ display:none; }	/*800宽在右侧时显示空白？*/
#mh-album					{ position:fixed; top:2%; left:0; overflow-y:scroll; display:none; z-index:102; width:100%; height:96%; }
#mh-album div				{ margin:0 auto; text-align:center; width:100%; height:100%; }
#mh-album img				{ width:100%; padding:0 5px; }
#mh-album .del				{ position:fixed; top:30px; right:30px; color:#fff; }
#mh-album .del::before		{ font-size:50px; }
#mh-basic					{ margin:80px 0 10px 110px; padding:0 3%; min-height:170px; overflow:hidden; }
#mh-declaration .body		{ padding:10px 0; color:#555; line-height:200%; word-break:break-all; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }/*宣言*/
#mh-intention				{ margin:20px 0;  }	/*意向*/
#mh-interest				{ margin:20px 0; }	/*兴趣*/
#mh-contact					{ margin:20px 0; } /*获取联系方式*/
#mh-contact .send a			{ display:inline-block; height:36px; line-height:36px; padding:0 20px; margin-right:10px; background:#00783c; color:#fff; border-radius:3px; cursor:pointer; }
#mh-qq						{ display:none; height:120px; margin:10px 0;  padding:9px 10px; border:1px solid #00783c; border-radius:3px; }		/*显示QQ层*/
#mh-qq p					{ padding:5px 0; }
#mh-qq span					{ color:#00783c; }
#mh-home .infomore p			{ padding:5px 0; color:#888; }
#mh-home .infomore span			{ color:#006633; border-bottom:0px dotted #006633; }
#mh-home h3						{ font-size:18px; color:#006633; padding:5px 0; }
#mh-xtj li						{ position:relative; padding:10px 5px; border-top:1px solid #bbb;  }
#mh-xtj li .chk-more			{ height:50px; margin-top:10px; }
#mh-xtj li .arrow				{ bottom:0; left:50%; margin-left:-14px; width:30px; height:30px; border-width:1px 1px 0 0; transform:rotate(135deg); margin-bottom:0; }
#mh-xtj li .title				{ padding:5px 0 10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#mh-xtj li .title a				{ font-size:16px; border-bottom:1px solid #999; }
#mh-xtj li .content				{ float:left; overflow:hidden; height:60px; font-size:14px; line-height:20px; color:#333; text-overflow:ellipsis; }
#mh-xtj li .content .imgflag	{ float:left; width:100px; display:inline-block; margin-right:10px; }
#mh-xtj li .content .imgflag img{ width:100%; }
#mh-xtj li .content .imghid		{ display:inline-block; border:1px solid #eee; padding:0 5px 0px 5px; margin:0 1px; color:#aaa; background:#f5f5f5; line-height:18px; font-size:12px; }
#mh-xtj li .content .more	{	border:0px solid #ff0000; height:30px; width:100%; position:absolute; bottom:36px; right:0px; 
								background-image: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
								background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
								background-image: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
								background-image: linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
								}
#mh-xtj li .data				{ clear:both; padding-top:10px; color:#999; font-size:12px; }
#mh-xtj li .data span			{ font-size:14px; margin-left:5px; color:#888; }
#mh-xtj .forbiddenWords-link	{ float:right; margin-top:10px; }

@media screen and (min-width: 600px) {
	#mh-album img			{ width:600px; }
	#mh-album .del			{ top:30px; right:10%; }
	
	#mh-msg .msg-form textarea{ width:84%; }
	#mh-msg .loading		{ width:12%; }
	#mh-msg .msg-form button{ right:7%; width:8% }
	#mh-msg .postPic		{ width:6%; }
	#mh-msg .msg-form input	{ width:6%; }
	#mh-header .username	{ font-size:20px; }
}
@media screen and (min-width: 800px) {
	#mh-header .username			{ font-size:24px; top:25px; }
	#mh-header .username .icon-userClass-vip	{ font-size:30px!important; }
	#mh-home .bigface				{ top:90px; }
	#mh-home .fmt					{ padding:0 28% 0 5%; }
	#mh-msg							{ padding:0 3%; }
	#mh-basic						{ padding:0 30% 0 5%; margin-top:100px; }
	#mh-photolist					{ position:absolute; right:5%; top:100px; width:18%; margin:0; background-color:transparent; }
	#mh-photolist div				{ display:block; float:none; height:auto; overflow-x:hidden; }
	#mh-photolist p					{ display:block; padding-bottom:0px; height:auto; min-height:50px; }
	#mh-photolist img				{ width:100%; height:auto; }
	#mh-photolist span				{ display:block; background:#ddd; font-size:80px; font-weight:bold; color:#ccc; text-align:center; }
	#mh-photolist .msg				{ height:40px;  line-height:40px; }
	#mh-contact .send a				{ padding:0 30px; }
}
@media screen and (min-width: 1000px) {
	.mh-bodyer						{ padding-top:20px!important; }
	.mh-errmsg						{ font-size:24px; }
	#mh-home .bigface				{ left:4%; }
	#mh-msg							{ padding:0 5%; }
	#mh-msg .msg-form textarea		{ width:87%; }
	#mh-msg .loading				{ width:12%; }
	#mh-msg .msg-form button		{ right:5.5%; width:7% }
	#mh-msg .postPic				{ width:5%; }
	#mh-msg .msg-form input			{ width:5%; }
	.mh-nav							{ right:200px; }
	#mh-home .fmt					{ padding-left:180px; }
	#mh-basic						{ padding-left:180px; margin-left:0; min-height:120px; }
	#mh-album .del					{ right:18%; }
}
#vip-price					{ background:#fff; padding:20px 2%; margin-bottom:10px; }
#vip-price h2				{ color:#00783c; font-size:18px; border-bottom:1px solid #00783c; }
#vip-price li				{ position:relative; height:36px; line-height:36px; border-bottom:1px solid #eee; }
#vip-price li:hover			{ background:#f5f5f5; }
#vip-price li i				{ position:absolute; top:3px; right:5%; width:60px; height:30px; line-height:30px; padding-left:5px; margin-left:30px; background:#00783c; color:#fff; border-radius:3px; }
#vip-price p				{ padding-top:20px; }

#vip-pay					{ min-height:180px; background:#fff; padding:0 0 20px 0; margin-top:10px; }
#vip-pay .switch			{  }
#vip-pay .weixin			{ display:none; padding:20px 2% 0 2%; }
#vip-pay .bank				{ display:none; padding:20px 2% 0 2%; }
#vip-pay .alipay			{ position:relative; margin:0 2%; }
#vip-pay .alipay form		{ display:block; position:relative; margin-left:92px; }
#vip-pay .alipay img		{ position:absolute; width:90px; height:40px; top:30px; left:0; }
#vip-pay .alipay select		{ position:absolute; width:64%; top:30px; left:0;  }
#vip-pay .alipay button		{ position:absolute; width:35%; top:30px; right:0; margin-left:0; }
#vip-pay .alipay p			{ position:absolute; top:80px; width:100%; text-align:center; color:#666; }
#vip-pay .bank .bankid		{ position:relative; height:140px; min-width:300px; max-width:500px; padding:10px 0 10px 70px; margin:0 auto; border-top:1px solid #eee; border-radius:5px; box-shadow:1px 2px 3px #aaa; }
#vip-pay .bank .bankid img	{ position:absolute; width:60px; top:10px; left:5px; }
#vip-pay .bank .bankid span	{ display:block; line-height:25px; color:#666; }
#vip-pay .bank .explain		{ margin-top:30px; }
#vip-pay .bank .explain p	{ line-height:25px; padding:5px 0; }
#vip-pay .weixin img		{ display:block; width:200px; text-align:center; margin:10px auto; }
#vip-pay .weixin .weixinid	{ display:block; font-size:18px; border-bottom:1px solid #00783c; padding:30px 0 10px 0; text-align:center; }
#vip-pay .weixin .weixinid a{ font-size:18px; }
#vip-pay .weixin p			{ line-height:25px; padding:5px 0; }
.vip-woman					{ background:#fff; padding:20px 2%; }
.vip-woman h2				{ color:#00783c; font-size:18px; }
.vip-woman li				{ color:#00783c;  }
.vip-woman .explain			{ font-size:16px; }

#vip-services				{ background:#fff; padding:0 0 20px 0; margin-top:10px; }
#vip-services table			{ border-collapse:collapse; width:100%; margin-top:20px; }
#vip-services table td		{ border:1px solid #fff; padding:5px; color:#00783c; background:#f5f5f5; }
#vip-services h2			{ display:none; }
#vip-services .services		{ width:120px; background:#ddd; color:#666; }
#vip-services .classname	{ display:none; }
#vip-services .c1			{ display:none; color:#00783c; }
#vip-services .c2			{ display:none; color:#00783c; }
#vip-services .c3			{ color:#00783c; }

@media screen and (min-width: 600px) {
	#vip-pay .bank .bankid i	{ font-size:18px; line-height:25px; }
	#vip-pay .bank .bankid		{ padding-left:100px; }
}

@media screen and (min-width: 1000px) {
	#vip-price					{ padding:20px 8%; }
	#vip-price li i				{ right:10%; }
	#vip-pay .switch			{ padding:0 30%; }
	#vip-pay .alipay			{ margin:0 20%; }
	#vip-pay .weixin			{ padding:0 8% }
	#vip-pay .bank				{ padding:20px 8% 0 8%; }
	.vip-woman					{ padding:20px 8%; }
	
	#vip-services				{ padding:20px 0; }
	#vip-services .switch		{ display:none; }
	#vip-services h2			{ display:block; color:#00783c; text-align:center; }
	#vip-services .classname	{ display:table-row; }
	#vip-services .classname td	{ background:#00783c; color:#fff; }
	#vip-services .c1,#vip-services .c2,#vip-services .c3	{ display:table-cell; }
}

#trips							{ position:relative; background:#fff; min-height:300px; }
#trips .provinces				{ display:none; z-index:98; margin-top:20px; border-bottom:1px solid #999; background:#fff; }
#trips .provinces a				{ display:inline-block; height:30px; line-height:30px; width:51px; text-align:center; border-radius:5px; }
#trips .list					{ position:relative; min-height:650px; border-left:2px solid #aaa; margin-left:20px; padding:60px 0; }
#trips .list li					{ position:relative; padding:30px 10px; }
#trips .list .point				{ position:absolute; display:block; width:12px; height:12px; border-radius:50%; background:#00a553; top:39px; left:-7px; }
#trips .list .bigface			{ display:none; }
#trips .list li .del			{ top:35px; left:270px; }
#trips .list .add				{ position:absolute; width:30px; height:30px; border-radius:50%; background:#00a553; top:20px; left:-16px; font-size:20px; line-height:30px; color:#fff; text-align:center; }
#trips .list .addform			{ display:none; padding:0 10px; max-width:600px; }
#trips .addform textarea		{ min-height:100px; }
#trips .list .addform select	{ width:auto; height:30px; }
#trips .list .addform p			{ margin:10px 0; }
#trips .list .destination b		{ font-size:14px; height:30px; line-height:30px; padding:0 10px; margin:0 5px 0 0; border-radius:5px; color:#fff; background:#00783c; }
#trips .list .times				{ width:250px; font-size:14px; height:30px; line-height:30px; text-align:center; color:#fff; background:#00783c; border-radius:5px; }
#trips .list .destination		{ margin-top:5px; color:#00783c; }
#trips .list .remarks			{ padding:5px 0; color:#00783c; word-break:break-all; }

#trips .otheruser				{ position:relative; display:block; min-height:40px; margin:5px 0 0 10px; background-color:#f5f5f5; border-radius:20px; } /*同时间段出差到此地会员列表*/
#trips .otheruser-bigface		{ position:absolute; width:40px; height:40px; top:0; left:0px; }
#trips .otheruser-date			{ line-height:40px; padding:0 5px 0 45px; font-size:12px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#trips .otheruser b				{ font-size:12px; height:24px; line-height:22px; padding:0 5px; margin:0 5px; border:1px solid #00783c; background-color:#fff; color:#00783c; }
#trips .otheruser-remarks		{ padding:10px; }
#trips .otheruser-notmember		{ display:none; padding:10px; }
#trips .otheruser .msg-nothing	{ margin:0; font-size:14px; }
#trips .otheruser .msg-nothing a{ font-size:14px; }

#trips .list .past				{ padding:10px; }
#trips .list .past .point		{ background:#bbb; top:19px; }
#trips .list .past .del			{ top:15px; }
#trips .list .past .times		{ color:#fff; background-color:#bbb; }
#trips .list .past .remarks		{ color:#999; }
#trips .list .past .destination	{ color:#999; }
#trips .list .past .destination b{ color:#fff; background-color:#bbb; }
#trips .list .past .otheruser	{ display:none; }
#trips .list .ing				{ color:#d28c00; }
#trips .list .ing .point		{ background:#d28c00; }
#trips .list .ing .times		{ color:#fff; background-color:#d28c00; }
#trips .list .ing .remarks		{ color:#d28c00; }
#trips .list .ing .destination	{ color:#d28c00; }
#trips .list .ing .destination b{ background:#d28c00; }
#trips .others					{ margin-left:35px; padding-top:30px; }
#trips .others li				{ padding:30px 35px; }
#trips .others .add				{ display:none; }
#trips .others .del				{ display:none; }
#trips .others .point			{ display:none; }

#trips .others .bigface			{ position:absolute; display:block; width:60px; height:60px; top:30px; left:-30px; }
#trips .others .otheruser		{ display:none; }

@media screen and (min-width: 600px) {
	#trips .list .destination		{ position:absolute; top:30px; left:265px; margin-top:0; }
	#trips .list .past .destination	{ top:10px; }
	#trips .others .destination		{ left:290px; }
	#trips .others .bigface			{ top:15px;  }
	#trips .list li .del			{ left:480px; }
}
@media screen and (min-width: 800px) {
	#trips .list					{ margin-left:300px; }
	#trips .others					{ padding-right:20%; padding-top:60px; }
	#trips .list .times				{ position:absolute; top:30px; left:-262px; }
	#trips .list .past .times		{ top:10px; }
	#trips .others .times			{ left:-285px; }
	#trips .list .destination		{ position:static; }
	#trips .list .destination b		{ font-size:16px; }
	#trips .list li .del			{ left:230px; }
	#trips .provinces				{ position:absolute; top:80px; left:auto; right:0; border:0; width:130px; margin-right:4%; }
	#trips .provinces a				{ width:60px; font-size:16px;  }
	#trips .otheruser				{ margin-right:5%; }
	
}
@media screen and (min-width: 1000px) {
	#trips .list					{ margin-left:360px; }
}

#ul-city							{}
#ul-city .guest-city .ing			{ color:#fff; background-color:#00783c; }
#ul-city .guest-explain				{ line-height:30px; color:#fff; background-color:#00783c; text-align:center; padding:10px;  }
#ul-city h1							{ height:40px; text-align:right; font-size:22px; line-height:40px; padding-right:10px; }
#ul-city .description				{ padding:20px 10px 0 10px; text-align:center; color:#888; line-height:24px; }
#ul-city .guest-city				{ padding:20px 10px; background-color:#fff; }
#ul-city .guest-city a				{ display:inline-block; width:52px; height:30px; line-height:30px; text-align:center; }

#ul-city .guest-city ul::after		{content:""; display:block; clear:both;}
#ul-city .big a						{ font-size:16px; color:#333; }
#ul-city .small a					{ font-size:14px; color:#888; }
#ul-city .guest-sex					{ position:relative; padding:20px 10px; background-color:#fff; margin:1px 0 10px 0; }
#ul-city .guest-sex a				{ display:inline-block; line-height:30px; font-size:16px; color:#333; padding:0 15px; text-align:center; }
#ul-city .guest-sex .ing			{ color:#fff; background-color:#00783c; }
#ul-city .guest-login				{ position:absolute; display:block; top:20px; right:10px; }
#ul-city .txtlinks					{ padding:10px; text-align:right; font-size:16px; }
#ul-city .txtlinks a				{ margin:0 5px; font-size:16px; }

@media screen and (min-width: 800px) {
	#ul-city .description			{ font-size:14px; }
	#ul-city .guest-explain			{ margin:0 7px; }
	#ul-city .guest-city			{ margin:0 7px; }
	#ul-city .guest-sex				{ margin:1px 7px 10px 7px; }
}

#postpassword			{ background-color:#fff; padding:50px 5%; }
#postpassword .form		{ margin:0 auto; max-width:500px; }
#postpassword .form p	{ margin:10px 0; }
#postpassword h1		{ color:#00783c; height:30px;  }
#postpassword .msg-err	{ color:red; }

#index					{ position:relative; background-color:#fff; padding-bottom:440px; }
.i-head					{ height:50px; background-color:#333; }
.i-head div				{ position:relative;  }
.i-head span img		{ height:40px; margin-top:0px; }
.i-head i				{ display:none; position:absolute; height:30px; line-height:30px; top:10px; right:0; color:#aaa; font-size:16px; letter-spacing:0px; font-family:"楷体"; }
.i-head span			{ display:block; width:110px; height:40px; margin-left:3%; border-radius:0 0 5px 5px; background-color:#fff; text-align:center; }
.i-login				{ padding:20px 1%; }
.i-login .form			{ padding:0 5%; }
.i-login #login         { padding:0; }
.i-bigface				{ overflow:hidden; }
.i-bigface div			{ width:100%; float:left; white-space: nowrap; overflow-x:scroll; overflow-y:hidden; background-color:#fff; }
.i-bigface a			{ display:inline-block; width:92px; max-width:120px; border:1px solid #fff;; }
.i-bigface img			{ width:100%; }
.i-login .logined p		{ font-size:28px; margin:0 0 20px 5px; }
.i-login .logined a		{ display:inline-block; line-height:38px; padding:0 10px; margin:3px; color:#006633; background-color:#eee; transition-duration:0.4s; }
.i-login .logined a:hover{ background-color:#00783c; color:#eee; }
.i-explain				{ position:absolute; bottom:20px; left:0; padding:10px 2%; }
.i-explain li			{ color:#666; font-size:14px; text-align:; line-height:30px; }
.i-explain i			{ font-size:18px; margin-right:5px; font-weight:bold;  }
.i-cities dl			{ text-align:center; padding:30px 5px 10px 5px; }
.i-cities	dd			{ display:inline-block; margin:3px 1px; }
.i-cities	dt			{ display:inline-block; color:#006633; }
.i-cities	dd a		{ display:inline-block; color:#ddd; font-size:16px; line-height:34px; padding:0 12px; background-color:#006633; border-radius:3px; }
.i-cities	dd a:hover	{ color:#fff; }
.i-info							{ padding-top:30px; }
.i-info .declarations			{ display:none; }
.i-info .body .gradual			{ display:none; }
.i-info .declarations .bigface	{ display:; position:absolute; width:30px; height:30px; top:5px; left:0;  }

.i-info .topics				{ min-height:600px; padding:0 2%; }
.i-info .topics dt			{ color:#ddd; font-size:28px;  line-height:40px; margin-bottom:10px; }
.i-info .topics dd			{ position:relative; border-bottom:1px solid #006633; }
.i-info .topics .ck			{ display:block; height:60px; padding:5px 0 5px 55px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.i-info .topics .bigface	{ position:absolute; width:46px; height:46px; top:7px; left:0; }
.i-info .topics .title		{ display:block; line-height:25px; font-size:18px; color:#eee; margin-right:10px; }
.i-info .topics .data		{ display:block; line-height:25px; color:#aaa; font-size:12px; }
.i-info .topics .ck .more	{ line-height:50px; font-size:18px; color:#ddd;  }
.i-info .topics .data span	{ font-size:14px; margin-left:5px; color:#888; }

#traffic_topic		{ position:relative; border:0px solid black; width:100%; padding-bottom:40px; margin-bottom:40px; overflow:hidden;  }
#traffic_topic p	{ position:absolute; bottom:0; left:0; border:1px solid #fff; width:100%; height:40px; background:#00783c; line-height:40px; text-align:center; color:#fff; font-size:16px; }
#traffic_topic img	{ display:block; float:left; width:14.28%; border:1px solid #fff; white-space:nowrap; }
#traffic_topic a	{ display:block; overflow:hidden; }


@media screen and (min-width: 360px) {
	#index		{ padding-bottom:350px; }
	.i-head i	{ display:block; }
}

@media screen and (min-width: 600px) {
	#index				{ padding-bottom:280px; }
	.i-head				{ height:70px; }
	.i-head span		{ width:160px; height:50px; }
	.i-head span img	{ height:50px; }
	.i-head i			{ font-size:22px; top:20px; right:10px; }
	
}

@media screen and (min-width: 760px) {
	.i-bigface a			{ width:122px; }
	#index .topics .title	{ display:inline-block; line-height:50px; }
	#index .topics .data	{ display:inline-block; line-height:50px; }
}

@media screen and (min-width: 1000px) {
	#index						{ padding:0; }
	.i-head i					{ font-size:26px; right:50px; }
	.i-info .body				{ position:relative; min-height:660px; }
	.i-info .topics				{ position:absolute; width:53%; top:0; left:0; }
	.i-info .topics dt			{ font-size:24px; margin-bottom:0; }
	.i-info .topics dd			{ border:0; }
	.i-info .declarations		{ display:block; width:45%; height:550px; border-left:2px solid #006633; margin:0 0 0 55%; padding:0 10px 0 20px; overflow:hidden; }
	.i-info .declarations dt	{ margin-bottom:10px; color:#ddd; font-size:24px; line-height:40px; }
	.i-info .declarations dd	{ position:relative; border:0; height:40px; line-height:40px; }
	.i-info .declarations .ck	{ display:block; line-height:40px; color:#d5d5d5; font-size:16px; padding-left:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.i-info .body .gradual		{ display:block; position:absolute; bottom:110px; right:2px; height:110px; width:45%; padding:0; border:0px solid #000; z-index:101;
										background-image: linear-gradient(top,rgba(0,120,60,0) 0%,rgba(0,120,60,1) 100%);
										background-image: -moz-linear-gradient(top,rgba(0,120,60,0) 0%,rgba(0,120,60,1) 100%);
										background-image: -webkit-linear-gradient(top,rgba(0,120,60,0) 0%,rgba(0,120,60,1) 100%);
										background-image: -o-linear-gradient(top,rgba(0,120,60,0) 0%,rgba(0,120,60,1) 100%);
	}
	.i-explain					{ width:60%; top:70px; left:20px; padding:0; }
	.i-login					{ height:320px; position:relative; }
    .i-login .form				{ position:absolute; width:40%; top:50px; right:0; padding:10px; }
    .i-login #login             { padding:0; min-height:260px; }
	.i-bigface div				{ float:none; overflow:hidden; }
	.i-bigface a				{ width:10%; }
	
	#traffic_topic		{ padding-bottom:60px; }
	#traffic_topic p	{ height:60px; line-height:60px; font-size:22px; }
}

@media screen and (min-width: 1200px) {
	.i-head div, .i-login, .i-bigface, .i-cities dl, .i-info .body { width:1200px; margin:0 auto; padding-left:10px; padding-right:10px; }
	.i-explain									{ left:10px; }
}
/*
保留名
loading,bigface,fmt,send,title,username,data,msg,ing,info,vip,new,
*/