body {
	font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;
	color: #333;
}
/*::-webkit-scrollbar {display:none}/*隐藏滚动条*/

::-webkit-scrollbar-track-piece {
 width: 8px;
 height:8px;
 background-color: #f0f0f0
}

::-webkit-scrollbar {
 width: 8px;
 height:8px;
 background-color: #00C0FF
}

::-webkit-scrollbar-thumb {
 width: 8px;
 height:8px;
 background-color: #333
}

::-webkit-scrollbar-thumb:hover {
 width: 8px;
 background-color: #00C0FF
}
::-webkit-scrollbar {
background-color:#333;
}

::-webkit-scrollbar-thumb:hover {
background-color:#333;
}


.flex{
	display:flex;
	align-items: center;
	justify-content: center;
}
.flex-align{
	display:flex;
	align-items: center;
}
.flex-justify{
	display:flex;
	justify-content: center;
}
.flex-direction{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.flex-direction-align{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.flex-direction-justify{
	display: flex;
	flex-direction: column;
	justify-content: center;
}




.font-12{font-size:12px;}
.font-13{font-size:13px;}
.font-14{font-size:14px;}
.font-15{font-size:15px;}
.font-16{font-size:16px;}
.font-17{font-size:17px;}
.font-18{font-size:18px;}
.font-19{font-size:19px;}
.font-20{font-size:20px;}
.font-21{font-size:21px;}
.font-22{font-size:22px;}
.font-23{font-size:23px;}
.font-24{font-size:24px;}
.font-25{font-size:25px;}
.font-26{font-size:26px;}
.font-27{font-size:27px;}
.font-28{font-size:28px;}
.font-29{font-size:29px;}
.font-30{font-size:30px;}
.font-31{font-size:31px;}
.font-32{font-size:32px;}
.font-33{font-size:33px;}
.font-34{font-size:34px;}
.font-35{font-size:35px;}
.font-36{font-size:36px;}
.font-37{font-size:37px;}
.font-38{font-size:38px;}
.font-39{font-size:39px;}
.font-40{font-size:40px;}
.font-41{font-size:41px;}
.font-42{font-size:42px;}
.font-43{font-size:43px;}
.font-44{font-size:44px;}
.font-45{font-size:45px;}
.font-46{font-size:46px;}
.font-47{font-size:47px;}
.font-48{font-size:48px;}
.font-49{font-size:49px;}
.font-50{font-size:50px;}

.ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ellipsis_two{
	text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}

/*字竖向排列*/
.writing-mode-lr{
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
    text-align: left;  
}
.writing-mode-rl{
	writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
    text-align: left;    
}