/*************************************
* 文件名称：shuilangjun_common.css
* 内容概要: css样式重置 公用全局样式
* 前   缀： 无
* 作   者： 水郎君
* Q    Q：  591408999 
* 邮   箱： shuilangjun@126.com
* 网   站： www.WuLingHui.com
* ok
*************************************/

@import url("wulinghui_layout.css"); /*布局样式*/
@import url("wulinghui_function.css"); /*组件功能样式*/
@import url("wulinghui_boxstyle.css"); /*装饰器样式*/

/*******************************************
*                  网站宽度                 *
*******************************************/
.websiteWidth {
	max-width:480px;
	margin-left:auto;
	margin-right:auto;
	padding:0 5px;	
}

/* 窗口宽度>768,设计宽度=750 */
@media screen and (min-width:768px){
.websiteWidth {
	max-width: 750px;
	padding:0px;
}     
}
/* 窗口宽度>992,设计宽度=970 */
@media screen and (min-width:992px){
.websiteWidth {
	max-width: 970px;
}     
}
/* 窗口宽度>1200,设计宽度=1170*/
@media screen and (min-width: 1200px) {
.websiteWidth {
	max-width: 1170px;
}
}
/*******************************************
*   根据浏览器宽度判断元素是否显示                *
*******************************************/
/*
* 用4位数表示，第1位到第4位分别手机尺寸 pad尺寸 pc小屏幕 pc大屏幕，0表示不显示 1表示显示
*/

/*否显显显*/
.screenDisplay0111{
	display:none;
}
@media screen and (min-width:768px){
.screenDisplay0111 {
	display:block;
}     
}

/*否否显显*/
.screenDisplay0011{
	display:none;
}
@media screen and (min-width:992px){
.screenDisplay0011 {
	display:block;
}     
}
/*否否否显*/
.screenDisplay0001{
	display:none;
}
@media screen and (min-width:1200px){
.screenDisplay0001 {
	display:block;
}     
}



/*******************************************
*                  样式重置                 *
*******************************************/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,textarea{ margin:0; padding:0;}
html,body { height:100%;}

body { height:auto !important; color:#666; background:#fff; font: 400 14px/150% Arial,"Microsoft Yahei",Tahoma, Helvetica, sans-serif;padding-top:90px;z-index:10;}
ol,ul { list-style:none; }
img { border:0; max-width:100%;}
address, caption, em, i { font-style:normal; font-weight:400;}
table { border-collapse:collapse;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:12px;}


/*******************************************
*                   常用样式                 *
*******************************************/
/*左浮动*/
.floatLeft{ float:left;}
/*右浮动*/
.floatRight{ float:right;}
/*清楚浮动*/
.clearBoth:before,.clearBoth:after {content: " "; display:block; height:0px; line-height: 0;clear:both;}
/*块元素居中*/
.marginAuto{ margin:auto;}

/*文本居中*/
.textCenter{ text-align:center;}

/*溢出隐藏*/
.overflowHidden{ overflow:hidden;}

/*元素显示*/
.show{display:block;}
/*元素隐藏*/
.hide{display:none;}

/*外边距*/
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}

.mb5{ margin-bottom:5px;}
.mb8{ margin-bottom:8px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.blockDisplay{background:#CCC;border:solid 1px #F00;min-height:100px;}

/*通用内容主体*/
.commonContent {font-size:16px; color:#666;}
.commonContent p {line-height:180%;margin:0 0 5px 0;}
.commonContent strong{font-size:17px;}
.commonContent img {display:inline;max-width:100%;}
.commonContent table {border:solid 1px #ccc; text-align:left; line-height:300%;}
.commonContent table tbody {border-color:#ccc;}
.commonContent table tbody tr {border-color:#ccc;}
.commonContent table tbody tr td,.commonContent table tbody tr th{border:solid 1px #ccc; padding-left:5px;}

/*******************************************
*                      链接样式              *
*******************************************/
/*默认样式*/
a{text-decoration:none;}
a:link, a:visited { color:#666;}
a:hover, a:active { color:#333;}


/*白色fff*/
.a_fff{}
.a_fff a:link, .a_fff a:visited{ color:#fff; }
.a_fff a:hover, .a_fff a:active{ color:#fff; }

/*黑色000*/
.a_000{}
.a_000 a:link, .a_000 a:visited{ color:#000; }
.a_000 a:hover, .a_000 a:active{ color:#000; }

/*黑灰色333*/
.a_333{}
.a_333 a:link, .a_333 a:visited{ color:#333; }
.a_333 a:hover, .a_333 a:active{ color:#333; }

/*灰色666*/
.a_666{}
.a_666 a:link, .a_666 a:visited{ color:#666; }
.a_666 a:hover, .a_666 a:active{ color:#666; }

/*浅灰色999*/
.a_999{}
.a_999 a:link, .a_999 a:visited{ color:#999; }
.a_999 a:hover, .a_999 a:active{ color:#999; }

/*橙色f60*/
.a_f60{}
.a_f60 a:link, .a_f60 a:visited{ color:#ff6600; }
.a_f60 a:hover, .a_f60 a:active{ color:#ff6600; }

/*黑灰转红*/
.a_333_to_f00{}
.a_333_to_f00 a:link, .a_333_to_f00 a:visited{ color:#333; }
.a_333_to_f00 a:hover, .a_333_to_f00 a:active{ color:#f00; }

/*灰转黑*/
.a_333_to_000{}
.a_333_to_000 a:link, .a_333_to_000 a:visited{ color:#333; }
.a_333_to_000 a:hover, .a_333_to_000 a:active{ color:#000; }

/*底部链接专用*/
.a_copyright{}
.a_copyright a:link, .a_copyright a:visited{ color:#999; }
.a_copyright a:hover, .a_copyright a:active{ color:#666; }