@charset "utf-8";



/* -------------------------// function //------------------------- */
 
/* 
* 更多布局 
http://nec.netease.com/library


color:red !important;   Firefox、IE7支持 
_color:red;  IE6支持 
*color:red;  IE6、IE7支持 
*+color:red; IE7支持
color:red\9; IE6、IE7、IE8支持 
color:red\0; IE8支持
 
 
* input placeholder 设置同一字体颜色、字号  
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}


* 文本选择的背景颜色 
::-webkit-selection { background: mediumaquamarine;}
::selection { background: mediumaquamarine; } 


* 背景 

background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #fff;
background-image: url(../images/1585803735.jpg);


* 内容垂直居中 
display: table-cell;
vertical-align: middle;

display: flex;
justify-content: center;
align-items: center;


* 选择器 not 简写，除了最后一个，其他都加上 
.w-2 li:not(:last-child) {
 border-right: 1px solid #666;
} 

*/

/*全大写*/
.w-tru{text-transform:uppercase}
/*每个单词的开头大写*/
.w-trc{text-transform:capitalize}
/*全小写*/
.w-trl{text-transform:lowercase}
 

.w-box-b{
	 -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
}

.w-img100{max-width:100%;}


.w-imgscale{
  -webkit-transition: all 1s;
  transition: all 1s;
}
.w-imgscale:hover{
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}
 
.w-fl,
.w-lt,
.w-left{float:left;}

.w-fr,
.w-rt,
.w-right{float:right;}
 
.w-ti{overflow:hidden;text-indent:-30000px;}
.w-table{border-collapse:collapse;border-spacing:0;}
.w-tc{text-align: center}

.w-dpn{display: none;}
.w-dpb{display: block;}
.w-dpi{display: inline;}
.w-dpib{display: inline-block;}


/* 清浮动 */
.w-cf-ul,
.w-cf-ul li{list-style: none;padding:0;margin:0;}
  
.w-cf,
.w-cf-ul,
.w-clearfix{zoom:1}

.w-cf:after,
.w-cf-ul:after,
.w-clearfix:after{content:"\200B";display:block;height:0;clear:both; }

.w-clear{clear:both;float:none;height:0;margin:0;padding:0;width:0;overflow:hidden;}
 
 
/* 透明 opacity 方法 */
.w-op{ 
filter:alpha(opacity=70); 
-webkit-opacity: 0.7; 
opacity: 0.7; 
}

/* background:rgba(0,0,0,0.5); */

 
/* 浏览器私有标志 */
.w-box-shadow{
	-webkit-box-shadow:0 0 0 #000;
	-moz-box-shadow:0 0 0 #000;
	box-shadow:0 0 0 #000;
}


/* 禁止换行 */
.w-nowrap{ white-space:nowrap; }
 
 
/* 单行文本溢出 点点点 */
.w-oh{
	overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;
}
 
 
/* 多行文本溢出 点点点
 -webkit-line-clamp:4; 显示多少行文本 
 -webkit-box-orient: vertical; 方向 
 */
.w-oh-y{
 display: -webkit-box!important;
 overflow: hidden;
 text-overflow: ellipsis;
 word-break: break-all;
 -webkit-line-clamp:4; 
 -webkit-box-orient: vertical; 
}
 
 


/* 
 * 文章排版 
 * https://typo.sofi.sh/
*/

.typo{
	font-size:15px;
	line-height: 1.8;
}

.typo a {
  border-bottom: 1px solid #eee;
}

.typo a:hover {
  border-bottom-color: #ccc;
  color: #333;
  text-decoration: none;
}

/* 保证块/段落之间的空白隔行 */
.typo p, .typo pre, .typo ul, .typo ol, .typo dl, .typo form, .typo hr, .typo table,
.typo-p, .typo-pre, .typo-ul, .typo-ol, .typo-dl, .typo-form, .typo-hr, .typo-table, blockquote {
  margin-bottom: 0.6em
}

/* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */
.typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6,
.typo-h1, .typo-h2, .typo-h3, .typo-h4, .typo-h5, .typo-h6 {
  font-weight: 400;
  margin-top: 1.2em;
  margin-bottom: 0.6em;
  line-height: 1.35;
}

.typo h1:first-of-type,
.typo h2:first-of-type,
.typo h3:first-of-type,
.typo h4:first-of-type,
.typo h5:first-of-type,
.typo h6:first-of-type{
  margin-top: 0
}

.typo-h1 {font-size: 2em;}
.typo-h2 {font-size: 1.8em;}
.typo-h3 {font-size: 1.6em;}
.typo-h4 {font-size: 1.4em;}
.typo-h5, .typo-h6 {font-size: 1.2em;}
  

/* 在文章中，应该还原 ul 和 ol 的样式 */
.typo ul, .typo-ul {
  margin-left: 1.3em;
  list-style: disc;
}

.typo ol, .typo-ol {
  list-style: decimal;
  margin-left: 1.9em;
}

.typo li ul, .typo li ol, .typo-ul ul, .typo-ul ol, .typo-ol ul, .typo-ol ol {
  margin-bottom: 0.8em;
  margin-left: 2em;
}

.typo li ul, .typo-ul ul, .typo-ol ul {
  list-style: circle;
}

.typo hr {
  border: none;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 0.8em;
  height: 10px;
}

/* table 基本格式 */
/* 
.typo table th, 
.typo table td, 
.typo table caption{
	border: 1px solid #ddd;
	padding: 0.5em 1em;
	color: #666;
	
.typo table th{
  background: #fbfbfb;
}

.typo table thead th{
  background: #f1f1f1;
}

.typo table caption {
  border-bottom: none;
}

} */

.typo-table th, 
.typo-table td, 
.typo-table caption{
  border: 1px solid #ddd;
  padding: 0.5em 1em;
  color: #666;
}

.typo-table th {
  background: #fbfbfb;
}
 
.typo-table thead th {
  background: #f1f1f1;
}

.typo-table caption {
  border-bottom: none;
}

.typo strong{
  font-weight: bold;
}
.typo  em{
  font-style: italic;
}

.typo img {
  max-width: 100%;
}

/* 着重号，只能在少量（少于100个字符）且全是全角字符的情况下使用 */
.typo-em {
  position: relative;
}

.typo-em:after {
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・";
}






/* media */
/* 横屏 */
@media screen and (orientation:landscape){
    
}
/* 竖屏 */
@media screen and (orientation:portrait){
    
}
/* 窗口宽度<960,设计宽度=768 */
@media screen and (max-width:959px){
    
}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:767px){
    
}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){
    
}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){
    
}
/* windows UI 贴靠 */
@media screen and (-ms-view-state:snapped){
    
}
/* 打印 */
@media print{
    
}