/*格式化标签*/
*,*:before,*:after{
margin:0;padding:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

ul,li {list-style:none;}
input,select{ outline:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}

/*全局设置*/
html,body{
	/*优化触屏滚动*/
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch; 
	overflow-scrolling: touch;
	/*禁止用户复制*/
	/*-webkit-user-select:none; 
	-moz-user-select: none;  
	-ms-user-select: none;
	-o-user-select: none; 
	user-select: none;*/
	/*禁用系统长按菜单*/
	/*-webkit-touch-callout:none; 
	touch-callout:none;*/
	/*去掉点击高亮*/
	/*-webkit-tap-highlight-color:rgba(0, 0, 0, 0); 
	tap-highlight-color:rgba(0, 0, 0, 0);*/
	/*前2是英文字体，之后分别是：设备默认字体、微软雅黑（PC）、苹果黑体（mac）、文泉驿微米黑、宋体、通用适配字体*/
	font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; 
	/*反锯齿，平滑字体*/
	-webkit-font-smoothing: antialiased;
	/*解决iPhone 横屏默认会放大文字问题*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background:#ffffff;
}
body{ font-size: 14px; }
/*鼠标*/
a{ text-decoration: none; color: #333; }
a:link{}
a:visited{}
a:hover{}
a:active{background-color:#ddd;}
a:active img{opacity: .7;}
a.no-active:active{ background-color: transparent; }
/*清浮*/
.clear:after,.clearfixd:after{content:""; display:table; height:0; clear:both; font-size:0; visibility:hidden;}
.clear,.clearfixd{zoom:1; *+height: 1%;}

/*隐藏元素*/
.hidden,.hide{ display: none !important; opacity: 0 !important; }

/*文字溢出省略号*/
.text-overflow{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}

/*多行文字溢出省略号*/
.text-overflow-2{
  width:100%;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2; /*这里修改为要显示的行数*/
  -webkit-box-orient: vertical;
}
.text-overflow-4{
  width:100%;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 4; /*这里修改为要显示的行数*/
  -webkit-box-orient: vertical;
}

/*渐变*/
.bg-image{
background-image: -webkit-linear-gradient(top,#ddd,transparent);
background-image: linear-gradient(to bottom,#ddd,transparent);
}

/*左右浮动*/
.float-left{ float: left !important; }
.float-right{ float: right !important; }

/*删格*/
.row-2 > ul > li,.row-2 > li,.row-2 > div,.row-2 > span,.row-2 > a{ float: left; width: 50%; }
.row-3 > ul > li,.row-3 > li,.row-3 > div,.row-3 > span,.row-3 > a{ float: left; width: 33.33333%; }
.row-4 > ul > li,.row-4 > li,.row-4 > div,.row-4 > span,.row-4 > a{ float: left; width: 25%; }
.row-5 > ul > li,.row-5 > li,.row-5 > div,.row-5 > span,.row-5 > a{ float: left; width: 20%; }

/*盒子模型*/
.flex-box{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex-1{
	display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.no-flex{
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
    flex: inherit;
    position: relative;
}

/*表格布局*/
.display-table-position{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.display-table{ display: table; width: 100%; height: 100%;}
.display-cell{ display:table-cell; text-align: center; vertical-align: middle; }

/*无视鼠标*/
.pointer-die{pointer-events:none; -webkit-pointer-events:none; position:relative; opacity:.5;}

/*鼠标动画*/
.transition{
	transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-webkit-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
}
.transition-2{
	transition:all 3s ease 0s;
	-moz-transition:all 3s ease 0s;
	-webkit-transition:all 3s ease 0s;
	-o-transition:all 3s ease 0s;
}

/*清除动画*/
.transition-die,.noduration{
	-moz-transition-duration: 0s !important;
	-webkit-transition-duration: 0s !important;
	-o-transition-duration: 0s !important;
	-ms-transition-duration: 0s !important;
	transition-duration: 0s !important;
}

/*保留文本段落格式*/
.text-pre{
	white-space:pre-wrap; 
	*white-space: pre; 
	*word-wrap: break-word;
}

/*表格重定义*/
.table{
	width:100%;
	/*table-layout:fixed;*/
    border-collapse: collapse;
    border-spacing: 0; 
    border: 1px solid #eee;
	background:white;
}
.table th{
	width: 7em;
	padding:5px 10px;
	border:1px #eee solid;
	border-width: 0 1px 1px 0;
	text-align:center;
	vertical-align:middle;
	font-weight:600;
	white-space: nowrap;
	background: #f4f4f4;
}
.table td{
	padding:5px 10px;
	border:1px #eee solid;
	border-width:  0 1px 1px 0;
	vertical-align:middle;
}

/*模糊*/
.filter-blur{-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);}
.filter-blur-5{-webkit-filter: blur(5px);-moz-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);}

/*取消select的右侧小三角按钮*/
.select{
appearance:none !important;
-moz-appearance:none;
-webkit-appearance:none;
}

/*动画事件*/
.action{ 
	-webkit-animation: action 2s ease;
	-moz-animation: action 2s ease;
	-ms-animation: action 2s ease;
	-o-animation: action 2s ease;
	animation: action 2s ease;
}
@-webkit-keyframes action{from{}to{}}
@-moz-keyframes action{from{}to{}}
@-o-keyframes action{from{}to{}}
@keyframes action{from{}to{}}

/*媒体查询 视网膜属性ratio*/
@media screen and (-webkit-min-device-pixel-ratio:1) {}
@media screen and (-webkit-min-device-pixel-ratio:2) {}
@media screen and (-webkit-min-device-pixel-ratio:3) {}

/*iPad横板显屏*/
@media screen and (max-device-width: 1024px) and (orientation: landscape) {}
/*iPad竖板显屏*/
@media screen and (max-device-width: 768px) and (orientation: portrait) {}
/*设备尺寸小于480*/
@media screen (max-device-width: 480px) {  }
/*设备尺寸大于480*/
@media screen (min-device-width: 480px) {  }
/*窗口尺寸 大于480*/
@media only screen and (min-width: 480px) {  }
/*窗口尺寸 小于480*/
@media only screen and (max-width: 480px) {  }
/*窗口尺寸大于320 小于480*/
@media screen and (min-width: 320px) and (max-width: 480px) {  }
/*横屏*/
@media all and (orientation : landscape) {  }
/*竖屏*/
@media all and (orientation : portrait) {  }