﻿@charset "utf-8";
/*----------------------------------
  文件名称：wulinghui_common.css
  内容概要: css样式重置 公用全局样式，并引入其它样式
  样式前缀：无
  创建日期：2010.10.05
  最后修改： 2019.03.14 13:12
  文件作者：吴灵辉（网名：水郎君） 
  Q Q号码：591408999
  邮箱地址：shuilangjun@126.com
  支持网站：www.WuLingHui.com
  版本：v2.0.20181214
----------------------------------*/
@import url("wulinghui_layout.css"); /*布局样式*/
@import url("wulinghui_function.css"); /*组件样式*/
@import url("wulinghui_boxstyle.css"); /*装饰器样式*/
@import url("wulinghui_chip.css"); /*碎片样式:如按钮等*/
@import url("wulinghui_animation.css"); /*动画样式*/
@import url("wulinghui_plugin.css"); /*插件：第三方插件*/
/*-----------------------------------
  样式重置
-----------------------------------*/
* {-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 { margin:0; padding:0;}
html, body { height:100%;}
body { height:auto !important; padding-bottom:40px;padding-top:50px;/*移动优先，默认顶部菜单高50px*/ color:#333; background:#fff; font-size:12px; font-family: "Microsoft YaHei", Arial,Tahoma, Helvetica, sans-serif; line-height: 1.5;}
@media screen and (min-width:992px){body {padding-top:0;padding-bottom:0;}}
ol, ul { list-style:none; }
address, caption, em, i { font-style:normal; font-weight:400;}
table { border-collapse:collapse;}
a img{border:none;}
img{max-width:100%;}
h1,.h1 { font-size: 36px; line-height:1.1;}
h2,.h2 { font-size: 30px; line-height:1.1;}
h3,.h3 { font-size: 24px; line-height:1.1;}
h4,.h4 { font-size: 18px; line-height:1.1;}
h5,.h5 { font-size: 14px; line-height:1.1;}
h6,.h6 { font-size: 12px; line-height:1.1;}
.ol{ list-style-type:decimal;padding:0 0 0 2em;}
.ul{ list-style-type:disc;padding:0 0 0 2em;}
.ol .ul,.ul .ul{ list-style-type:circle;padding:0 0 0 2em;}
/*-----------------------------------
  内容宽度
-----------------------------------*/
.container {
	padding-right: 5px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
}
/* 窗口宽度>768*/
@media screen and (min-width:768px){
.container{
	padding-right: 15px;
	padding-left: 15px;
	width: 750px;
}     
}
 /*窗口宽度>992*/ 
@media screen and (min-width:992px){
.container{
	width: 970px;
}     
}
 /*窗口宽度>1200*/
@media screen and (min-width: 1200px) {
.container{
	width: 1170px;
}
}
/*100%*/
.container-fluid {padding-right:5px;padding-left:5px;margin-right: auto;margin-left: auto;}
/* 窗口宽度>768*/
@media screen and (min-width:768px){
.container-fluid {padding-right: 15px;padding-left: 15px;}    
}
/*单列：默认800px*/
.container-1-column{max-width:100%;  padding-right:5px;padding-left:5px;}
/* 窗口宽度>768*/
@media screen and (min-width:768px){
.container-1-column{
	width:800px; max-width:800px; padding-right:15px;padding-left:15px;margin-right: auto;margin-left: auto;
}     
}
/*-----------------------------------
  宽度
-----------------------------------*/
/*百分比宽度*/
.width-10-percent{width:10%;}.width-20-percent{width:20%;}.width-30-percent{width:30%;}.width-40-percent{width:40%;}.width-50-percent{width:50%;}.width-60-percent{width:60%;}.width-70-percent{width:70%;}.width-80-percent{width:80%;}.width-90-percent{width:90%;}.width-100-percent{width:100%;}
/*固定宽度*/
.width-20{width:20px;}.width-40{width:40px;}.width-50{width:50px;}.width-60{width:60px;}.width-80{width:80px;}.width-100{width:100px;}
.width-120{width:120px;}.width-140{width:140px;}.width-150{width:150px;}.width-160{width:160px;}.width-180{width:180px;}.width-200{width:200px;}
.width-300{width:300px;}.width-400{width:400px;}.width-500{width:500px;}.width-600{width:600px;}.width-700{width:700px;}.width-800{width:800px;}.width-900{width:900px;}.width-1000{width:1000px;}
/*-----------------------------------
  字体大小
-----------------------------------*/
.font-size-12{ font-size:12px;}
.font-size-13{ font-size:13px;}
.font-size-14{ font-size:14px;}
.font-size-15{ font-size:15px;}
.font-size-16{ font-size:16px;}
.font-size-17{ font-size:17px;}
.font-size-18{ font-size:18px;}
.font-size-19{ font-size:19px;}
.font-size-20{ font-size:20px;}
.font-size-21{ font-size:21px;}
.font-size-22{ font-size:22px;}
.font-size-23{ font-size:23px;}
.font-size-24{ font-size:24px;}
.font-size-25{ font-size:25px;}
.font-size-26{ font-size:26px;}
.font-size-27{ font-size:27px;}
.font-size-28{ font-size:28px;}
.font-size-29{ font-size:29px;}
.font-size-30{ font-size:30px;}
/*-----------------------------------
  行高
-----------------------------------*/
.line-height-1{ line-height:1;}
.line-height-11{ line-height:1.1;}
.line-height-12{ line-height:1.2;}
.line-height-13{ line-height:1.3;}
.line-height-14{ line-height:1.4;}
.line-height-15{ line-height:1.5;}
.line-height-16{ line-height:1.6;}
.line-height-17{ line-height:1.7;}
.line-height-18{ line-height:1.8;}
.line-height-19{ line-height:1.9;}
.line-height-2{ line-height:2;}
/*-----------------------------------
  字体颜色
-----------------------------------*/
.color-red{ color:#F00}
.color-yellow{ color:#FF0;}
.color-orange{ color:#F60;}
.color-blue{ color:#36C;}
.color-green{ color:#0C3;}
.color-gray{ color:#666;}
.color-white{ color:#fff;}
.color-000{ color:#000;}
.color-333{ color:#333;}
.color-444{ color:#444;}
.color-555{ color:#444;}
.color-666{ color:#666;}
.color-777{ color:#777;}
.color-888{ color:#888;}
.color-999{ color:#999;}
.color-f60{ color:#f60;}
/*-----------------------------------
  链接样式
-----------------------------------*/
/*默认*/
a:link, a:visited { color:#333;text-decoration:none;}
a:hover, a:active { color:#000;text-decoration:none;}
.a-flag:after{padding-right:5px;content:"\21BA";}
/*
以下a链接样式需在a的父元素（或更高级）使用
*/
/*红（赤）*/
.a-red{}
.a-red a:link,.a-red a:visited{ color:#ff0000;}
.a-red a:hover,.a-red a:active{ color:#cc0000;}
/*橙*/
.a-orange{}
.a-orange a:link, .a-orange a:visited{ color:#ff6600;}
.a-orange a:hover, .a-orange a:active{ color:#ff9900;}
/*黄*/
.a-yellow{}
.a-yellow a:link, .a-yellow a:visited{ color:#ffff00;}
.a-yellow a:hover, .a-yellow a:active{ color:#ffcc00;}
/*绿*/
.a-green{}
.a-green a:link, .a-green a:visited{ color:#339900;}
.a-green a:hover, .a-green a:active{ color:#336633;}
/*青（绿蓝过度色）*/
.a-green-blue{}
.a-green-blue a:link, .a-green-blue a:visited{ color:#00ffcc;}
.a-green-blue a:hover, .a-green-blue a:active{ color:#00cccc;}
/*蓝*/
.a-blue{}
.a-blue a:link, .a-blue a:visited{ color:#0099cc;}
.a-blue a:hover, .a-blue a:active{ color:#006699;}
/*紫*/
.a-violet{}
.a-violet a:link, .a-violet a:visited{ color:#ff00cc;}
.a-violet a:hover, .a-violet a:active{ color:#cc00cc;}
/*黑*/
.a-black{}
.a-black a:link, .a-black a:visited{ color:#333333; }
.a-black a:hover, .a-black a:active{ color:#000000; }
/*白*/
.a-white{}
.a-white a:link,.a-white a:visited{ color:#f5f5f5;}
.a-white a:hover,.a-white a:active{ color:#ffffff;}
/*灰*/
.a-gray{}
.a-gray a:link,.a-gray a:visited{ color:#999999;}
.a-gray a:hover,.a-gray a:active{color:#777777;}
/*淡灰*/
.a-ccc{}
.a-ccc a:link,.a-ccc a:visited{ color:#ccc;}
.a-ccc a:hover,.a-ccc a:active{color:#999;}

/*有下划线链接-突出显示（默认：蓝色链接-蓝色虚线），边框模拟下划线*/
.a-underline a { 
}
.a-underline a:link,
.a-underline a:visited{
	border-bottom: dotted 1px #36F;
    color: #06F;
}
.a-underline a:hover,
.a-underline a:active{
	border-bottom:none;
	color:#f00;
}

/*-----------------------------------
  常用样式
-----------------------------------*/
/*左浮动*/
.float-left{ float:left;}
/*右浮动*/
.float-right{ float:right;}
/*利用伪类元素清楚浮云*/
.clear-both:before,.clear-both:after,
.row:before,.row:after,
.container:before,.container:after{
	content: " "; 
	display:table; 
	clear:both;
}
.clear-both:after,.row:after,.container:after{
	clear:both;
}
/*增加一个元素清楚浮云*/
.clear{ clear:both; height:0px; line-height:0px; font-size:1px;}
/*元素居中*/
.margin-auto{ float:none;margin-left:auto;margin-right:auto;}
/*文本左对齐*/
.text-left{ text-align:left;}
/*文本右对齐*/
.text-right{ text-align:right;}
/*文本居中*/
.text-center{ text-align:center;}
.text-justfy{text-align:justify;text-justify:inter-word;	}
/*元素垂直居中*/
.text-middle{}
.text-middle img,.text-middle input,.text-middle radius{vertical-align:middle}
/*溢出隐藏*/
.overflow-hidden{ overflow:hidden;}
/*溢出省略号*/
.overflow-ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*元素显示*/
.show{display:block !important;}
/*元素隐藏*/
.hide{display:none !important;}
/*块级显示*/
.display-block{display:block;}
/*行内显示*/
.display-inline{display:inline;}
/*行内块级显示*/
.display-inline-block{display:inline-block;}
/*圆角*/
.radius1{border-radius:1px;}.radius2{border-radius:2px;}.radius3{border-radius:3px;}.radius4{border-radius:4px;}.radius5{border-radius:5px;}.radius8{border-radius:8px;}.radius50{border-radius:50%;}
/*外上边距*/
.mt5{ margin-top:5px;}.mt8{ margin-top:8px;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}.mt20{ margin-top:20px;}.mt30{ margin-top:30px;}.mt50{ margin-top:50px;}.mt80{ margin-top:80px;}.mt100{ margin-top:100px;}
/*外右边距*/
.mr5{ margin-right:5px;}.mr8{ margin-right:8px;}.mr10{ margin-right:10px;}.mr15{ margin-right:15px;}.mr20{ margin-right:20px;}.mr30{ margin-right:30px;}.mr50{ margin-right:50px;}.mr80{ margin-right:80px;}.mr100{ margin-right:100px;}
.mrn15{margin-right:-15px;}
/*外下边距*/
.mb5{ margin-bottom:5px;}.mb8{ margin-bottom:8px;}.mb10{ margin-bottom:10px;}.mb15{ margin-bottom:15px;}.mb20{ margin-bottom:20px;}.mb30{ margin-bottom:30px;}.mb50{ margin-bottom:50px;}.mb80{ margin-bottom:80px;}.mb100{ margin-bottom:100px;}
/*外左边距*/
.ml5{ margin-left:5px;}.ml8{ margin-left:8px;}.ml10{ margin-left:10px;}.ml15{ margin-left:15px;}.ml20{ margin-left:20px;}.ml30{ margin-left:30px;}.ml50{ margin-left:50px;}.ml80{ margin-left:80px;}.ml100{ margin-left:100px;}
.mln15{margin-left:-15px;}
/*内上边距*/
.pt5{ padding-top:5px;}.pt8{ padding-top:8px;}.pt10{ padding-top:10px;}.pt15{ padding-top:15px;}.pt20{ padding-top:20px;}.pt30{ padding-top:30px;}.pt50{ padding-top:50px;}.pt80{ padding-top:80px;}.pt100{ padding-top:100px;}
/*内右边距*/
.pr5{ padding-right:5px;}.pr8{ padding-right:8px;}.pr10{ padding-right:10px;}.pr15{ padding-right:15px;}.pr20{ padding-right:20px;}.pr30{ padding-right:30px;}.pr50{ padding-right:50px;}.pr80{ padding-right:80px;}.pr100{ padding-right:100px;}
.pb5{ padding-bottom:5px;}.pb8{ padding-bottom:8px;}.pb10{ padding-bottom:10px;}.pb15{ padding-bottom:15px;}.pb20{ padding-bottom:20px;}.pb30{ padding-bottom:30px;}.pb50{ padding-bottom:50px;}.pb80{ padding-bottom:80px;}.pb100{ padding-bottom:100px;}
/*内左边距*/
.pl5{ padding-left:5px;}.pl8{ padding-left:8px;}.pl10{ padding-left:10px;}.pl15{ padding-left:15px;}.pl20{ padding-left:20px;}.pl30{ padding-left:30px;}.pl50{ padding-left:50px;}.pl80{ padding-left:80px;}.pl100{ padding-left:100px;}
/*-----------------------------------
  内容主体
-----------------------------------*/
/*文章内容主体*/
.common-content {line-height:200%; font-size:15px;}
.common-content h1,.common-content h2,.common-content h3,.common-content h4,.common-content h5,.common-content h6{margin:0 0 10px 0; line-height:200%;color:#000;}
.common-content h1{font-size:25px;}
.common-content h2{font-size:23px;}
.common-content h3{font-size:21px;}
.common-content h4{font-size:19px;}
.common-content h5{font-size:17px;}
.common-content h6{font-size:15px;}
.common-content p {margin:15px 0 15px 0;}
.common-content strong{}
.common-content img {display:inline;max-width:100%;}
.common-content table {text-align:left; border:solid 1px #ddd; }
.common-content table thead {border-bottom:solid 2px #ddd;}
.common-content table tbody {}
.common-content table th {font-weight:bold;}
.common-content table tr {}
.common-content table tr:hover{background:#f7f7f7;}
.common-content table tr td,.common-content table tr th{padding:8px;border:solid 1px #ddd;}
.common-content a{text-decoration:none;}
.common-content a:link,.common-content a:visited{ color:#0275d8; border-bottom:dotted 1px #0275d8}
.common-content a:hover,.common-content a:active{ color:#0275d8; border-bottom:solid 1px #0275d8;}
.common-content ol{padding-left:15px;list-style-type:decimal;}
.common-content ul{padding-left:15px;list-style-type:disc;}
.common-content ol ol,.common-content ul ul,.common-content ol ul,.common-content ul ol{margin-left:10px;}
/*-----------------------------------
  表格
-----------------------------------*/
/*表格父级dom 手机端能有滚动条*/
.table-wrap{min-width:100%; overflow:auto;}
/*有边框表格*/
.table-border {width:100%;text-align:left;border:solid 1px #ddd;}
.table-border thead {border-bottom:solid 2px #ddd;}
.table-border tbody {}
.table-border th {font-weight:bold;}
.table-border tr {}
.table-border tr:hover{background:#f7f7f7;}
.table-border tr td,.table-border tr th{border:solid 1px #ddd; padding:8px;}
/*有下边框（分隔线）表格*/
.table-border-bottom {width:100%;text-align:left;}
.table-border-bottom thead {border-bottom:solid 2px #ddd;}
.table-border-bottom tbody {}
.table-border-bottom th {font-weight:bold;}
.table-border-bottom tr {}
.table-border-bottom tr:hover{background:#f7f7f7;}
.table-border-bottom tr td,.table-border-bottom tr th{border-bottom:solid 1px #ddd; padding:8px;}
/*无边框隔行换色表格*/
.table-no-border {width:100%;text-align:left;}
.table-no-border thead {background:#f7f7f7;}
.table-no-border tbody {}
.table-no-border tr:nth-child(2n+0){background:#f7f7f7;}
.table-no-border tr{}
.table-no-border tr:hover{background:#eee;}
.table-no-border th {font-weight:bold;}
.table-no-border tr td,.table-no-border tr th{ padding:8px;}
/*-----------------------------------
  表单
-----------------------------------*/
/*表单按钮*/
.button{
	display: inline-block;
	height: 34px;
	padding: 6px 12px;
	color: #333;
    background-color: #fff;
	background-image: none;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	border: 1px solid #ccc;
	cursor: pointer;
}
.button:hover{
	background-color: #eee;
}
/*表单输入框*/
.input {
    display: block;
	width:100%;
	padding: 6px 12px;
	height: 34px;
    font-size: 14px;
    color: #555;
	vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*表单>单选按钮*/
.input[type="radio"]{
	box-shadow:none;
	display: inline-block;
	width:auto;
}
/*多行文本*/
.textarea{
	display: block;
	width:100%;
	min-height:100px;
	padding: 6px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*-----------------------------------
  栅格系统
-----------------------------------*/
/*行*/
.row{margin-right:-5px;margin-left:-5px}
/* 窗口宽度>768*/
@media screen and (min-width:768px){
.row{margin-right:-15px;margin-left:-15px}    
}
/*col（不含超小移动设备）通用样式*/
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
	position:relative;min-height:1px;padding-right:5px;padding-left:5px
}
@media screen and (min-width:768px){
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
	padding-right:15px;padding-left:15px
}  
}
/*超小移动设备列通用样式*/
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
/*超小移动设备列*/
.col-xs-left{float:left;}
.col-xs-right{float:right;}
.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}
/*小移动屏幕*/
@media screen and (min-width:768px){
	.col-sm-left{float:left;}
	.col-sm-right{float:right;}
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
	.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}
	.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}
	.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}
	.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}
}
/*中等屏幕*/
@media screen and (min-width:992px){
	.col-md-left{float:left;}
	.col-md-right{float:right;}
	.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
	.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}
	.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}
	.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}
	.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}
}
/*大屏幕*/
@media screen and (min-width:1200px){
	.col-lg-left{float:left;}
	.col-lg-right{float:right;}
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
	.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}
	.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}
	.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}
	.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}
}
/*-----------------------------------
  等列栅格系统:
-----------------------------------*/
/*
<div class="row">
	<div class="col-avg-xs-3">1</div>
	<div class="col-avg-xs-3">2</div>
	<div class="col-avg-xs-3">3</div>
</div>
*/
[class*="col-avg-"]{position:relative;float:left;min-height:1px;padding-right:5px;padding-left:5px;}
@media screen and (min-width:768px){
[class*="col-avg-"]{padding-right:15px;padding-left:15px;}  
}
.col-avg-xs-1{width:100%}.col-avg-xs-2{width:50%}.col-avg-xs-3{width:33.33333333%}.col-avg-xs-4{width:25%}.col-avg-xs-5{width:20%}.col-avg-xs-6{width:16.66666667%}
.col-avg-xs-7{width:14.28571429%}.col-avg-xs-8{width:12.5%}.col-avg-xs-9{width:11.11111111%}.col-avg-xs-10{width:10%}.col-avg-xs-11{width:9.09090909%}.col-avg-xs-12{width:8.33333333%}
@media screen and (min-width:768px){
	.col-avg-sm-1{width:100%}.col-avg-sm-2{width:50%}.col-avg-sm-3{width:33.33333333%}.col-avg-sm-4{width:25%}.col-avg-sm-5{width:20%}.col-avg-sm-6{width:16.66666667%}
	.col-avg-sm-7{width:14.28571429%}.col-avg-sm-8{width:12.5%}.col-avg-sm-9{width:11.11111111%}.col-avg-sm-10{width:10%}.col-avg-sm-11{width:9.09090909%}.col-avg-sm-12{width:8.33333333%}
}
@media screen and (min-width:992px){
	.col-avg-md-1{width:100%}.col-avg-md-2{width:50%}.col-avg-md-3{width:33.33333333%}.col-avg-md-4{width:25%}.col-avg-md-5{width:20%}.col-avg-md-6{width:16.66666667%}
	.col-avg-md-7{width:14.28571429%}.col-avg-md-8{width:12.5%}.col-avg-md-9{width:11.11111111%}.col-avg-md-10{width:10%}.col-avg-md-11{width:9.09090909%}..col-avg-md-12{width:8.33333333%}
}
@media screen and (min-width:1200px){
	.col-avg-lg-1{width:100%}.col-avg-lg-2{width:50%}.col-avg-lg-3{width:33.33333333%}.col-avg-lg-4{width:25%}.col-avg-lg-5{width:20%}.col-avg-lg-6{width:16.66666667%}
	.col-avg-lg-7{width:14.28571429%}.col-avg-lg-8{width:12.5%}.col-avg-lg-9{width:11.11111111%}.col-avg-lg-10{width:10%}.col-avg-lg-11{width:9.09090909%}.col-avg-lg-12{width:8.33333333%}
}
/*-----------------------------------
  媒体查询辅助
-----------------------------------*/
/*显示与隐藏*/
.xs-hide{display:none;}.xs-show{display:block}.xs-show-inline{display:inline}.xs-show-inline-block{display:inline-block}
@media screen and (min-width:768px){.sm-hide{display:none;}.sm-show{display:block}.sm-show-inline{display:inline}.sm-show-inline-block{display:inline-block}}
@media screen and (min-width:992px){.md-hide{display:none;}.md-show{display:block}.md-show-inline{display:inline}.md-show-inline-block{display:inline-block}}
@media screen and (min-width:1200px){.lg-hide{display:none;}.lg-show{display:block}.lg-show-inline{display:inline}.lg-show-inline-block{display:inline-block}}
/*文本左右显示*/
.xs-text-left{text-align:left;}.xs-text-right{text-align:right;}.xs-text-center{text-align:center;}
@media screen and (min-width:768px){.sm-text-left{text-align:left;}.sm-text-right{text-align:right;}.sm-text-center{text-align:center;}}
@media screen and (min-width:992px){.md-text-left{text-align:left;}.md-text-right{text-align:right;}.md-text-center{text-align:center;}}
@media screen and (min-width:1200px){.lg-text-left{text-align:left;}.lg-text-right{text-align:right;}.lg-text-center{text-align:center;}}
